Current File : //usr/local/jetapps/var/www/jetbackup5/docroot/app/views/fileBrowse.htm

<div class="modal-header">
    <h3 class="modal-title">{{ lang.t("File Browser") }}</h3>
</div>
<div class="modal-body">
    <div class="row">
        <div class="col-md-12">
            <div style="padding: 0 20px;">
                <div style="direction: ltr;">
                    {{ lang.t("Current Path") }}: <a href="" ng-repeat="file in breadcrumbs track by $index" ng-click="fetch(file, true)">{{ file.name }}/</a>
                </div>
                <a href="" style="margin: 10px 0 0;" class="btn btn-primary" ng-disabled="noParentDirectory()" ng-click="goParentDirectory()"><em class="fas fa-level-up-alt"></em> {{lang.t("Parent Directory")}}</a>
                <div style="margin-top: 20px;">
                    <table class="table table-striped-child responsive-table">
                    <thead>
                        <tr>
                            <th style="width: 10px;"></th>
                            <th class="col-sm-4 col-md-4 col-lg-4">
                                <button sort-by sort-meta="meta" sort-field="name" onSort="fetch()" title="{{ lang.t('Sort by %s.', lang.t('File Name')) }}">{{ lang.t("File Name") }}</button>
                            </th>
                            <th class="col-sm-2 col-md-2 col-lg-2">
                                <button sort-by sort-meta="meta" sort-field="size" onSort="fetch()" title="{{ lang.t('Sort by %s.', lang.t('Size')) }}">{{ lang.t("Size") }}</button>
                            </th>
                            <th class="col-sm-2 col-md-2 col-lg-2">
                                <button sort-by sort-meta="meta" sort-field="type" onSort="fetch()" title="{{ lang.t('Sort by %s.', lang.t('Type')) }}">{{ lang.t("Type") }}</button>
                            </th>
                            <th class="col-sm-4 col-md-4 col-lg-4">
                                <button sort-by sort-meta="meta" sort-field="created" onSort="fetch()" title="{{ lang.t('Sort by %s.', lang.t('Created')) }}">{{ lang.t("Created") }}</button>
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="file in files track by $index" id="file_row_{{$index}}" ng-class="{ 'row-checked': isChecked(file) }">
                            <td>
                                <div class="filemanager pretty p-default p-curve p-smooth" ng-class="{'p-children-selected': isChildrenChecked(file)}">
                                    <input ng-disabled="isDisabled(file)" ng-checked="isChecked(file)" ng-model="file.checked" ng-change="toggleFile(file)" type="checkbox" />
                                    <div class="state p-danger" ng-class="{'p-success': isChildrenChecked(file) }"><label></label></div>
                                </div>
                            </td>
                            <td data-title="{{ lang.t('File Name') }}" style="direction: ltr;" ng-class="{ 'fade': file.type != 'File' && file.type != 'Directory' }">
                                <a ng-if="file.type == 'Directory'" title="{{ file.name }}" href="" ng-click="fetch(file, true)">{{ file.name }}</a>
                                <span ng-if="file.type != 'Directory'" title="{{ file.name }}">{{ file.name }}</span>
                            </td>
                            <td data-title="{{ lang.t('Size') }}">
                                <span title="{{ file.size }}">{{ file.size }}</span>
                            </td>
                            <td data-title="{{ lang.t('Type') }}">
                                <span class="fas" ng-class="{'fa-folder': file.icon == 'dir','fa-file':file.icon == 'file'}"></span>&nbsp;
                                <span title="{{ file.type }}">{{ file.type }}</span>
                            </td>
                            <td data-title="{{ lang.t('Created') }}">
                                <span title="{{ lang.d(file.created, 'shorttime') }}">{{ lang.d(file.created, 'shorttime') }}</span>
                            </td>
                        </tr>
                        <tr ng-hide="!loadingFiles">
                            <td colspan="5">
                                <loading-box>{{ lang.t("Loading Files") }}</loading-box>
                            </td>
                        </tr>
                        <tr ng-hide="files.length > 0 || loadingFiles">
                            <td colspan="5">
                                <span>{{ lang.t("No Files Found") }}</span>
                            </td>
                        </tr>
                    </tbody>
                    </table>
                    <pagination fetch="fetch" meta="meta"></pagination>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-default" type="button" ng-click="cancel()">{{ lang.t("Cancel") }}</button>
    <button class="btn btn-primary" type="button" ng-click="ok()">{{ lang.t("OK") }}</button>
</div>