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

<div style="padding: 0 20px;">
    <div class="row">
        <div class="col-xs-9">
            <h3>{{ lang.t("\"%s\" %s files", typeDetails.name, type) }}</h3>
            <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>
        </div>
        <div class="col-xs-3" style="text-align: end;">

            <div style="margin-top: 20px;">
                <div style="padding: 8px 10px; border: 1px solid #ccc; border-radius: 3px; display: inline-block; background: #efefef;">
                    <div class="pretty p-default p-curve p-smooth">
                        <input id="showHidden" type="checkbox" ng-model="showhidden" ng-change="toggleHidden()">
                        <div class="state p-danger"><label for="showHidden" style="font-weight: bold;">{{lang.t("Show Hidden Files")}}</label></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="margin-top: 20px;">
        <table class="table table-striped-child responsive-table">
            <thead>
            <tr>
                <th style="width: 10px;" ng-show="type == 'backup'">
                    <div class="filemanager pretty p-default p-curve p-smooth" ng-hide="hideCheckAll()">
                        <input ng-checked="checkedAll" ng-click="toggleCheckAll()" type="checkbox" />
                        <div class="state p-danger"><label></label></div>
                    </div>
                </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" ng-show="!file.hidden || showhidden" id="file_row_{{$index}}" ng-class="{ 'row-checked': isChecked(file), 'row-fade': file.type != 'File' && file.type != 'Directory' && file.type != 'Link' }">
                <td  ng-show="type == 'backup'">
                    <div class="filemanager pretty p-default p-curve p-smooth" ng-class="{'p-children-selected': isChildrenChecked(file)}" ng-hide="file.type != 'File' && file.type != 'Directory' && file.type != 'Link'">
                        <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;">
                    <a ng-if="file.type == 'Directory'" href="" ng-click="fetch(file, true)">{{ file.name }}<span ng-show="file.link"> -> {{file.link}}</span></a>
                    <span ng-if="file.type != 'Directory'">{{ file.name }}<span ng-show="file.link"> -> {{file.link}}</span></span>
                </td>
                <td data-title="{{ lang.t('Size') }}">
                    {{ util.sizeToHumanReadable(file.size) }}
                </td>
                <td data-title="{{ lang.t('Type') }}">
                    <span class="fas" ng-class="{'fa-folder': file.icon == 'dir','fa-file':file.icon == 'file'}"></span>&nbsp;
                    {{ file.type }}
                </td>
                <td data-title="{{ lang.t('Created') }}">
                    {{ file.created ? lang.d(file.created, 'shorttime') : lang.t('Unknown') }}
                </td>
            </tr>
            <tr ng-hide="!loadingFiles">
                <td colspan="5">
                    <loading-box><span>{{ lang.t("Loading Files") }}</span></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 style="margin-top: 10px;">
        <button ng-disabled="canPerformAction()" ng-click="uncheckAll()" class="btn btn-primary" id="clear">
            <em aria-hidden="true" class="fas fa-times"></em>
            <span class="button-label"><span>{{ lang.t("Clear Selections") }}</span></span>
        </button>
        <button ng-disabled="canPerformAction()" ng-click="onClickDownload()" class="btn btn-primary" id="download">
            <em aria-hidden="true" id="spinnerDownloadBackup" class="fas fa-download"></em>
            <span class="button-label"><span>{{ lang.t("Download Selected") }}</span></span>
        </button>
        <button ng-disabled="canPerformAction()" ng-click="onClickRestore()" class="btn btn-primary" id="restore">
            <em aria-hidden="true" id="spinnerRestoreBackup" class="fas fa-sync"></em>
            <span class="button-label"><span>{{ lang.t("Restore Selected") }}</span></span>
        </button>
    </div-->
    <!-- ng-if="perm.canDownloadFileBackups || (type === 'backup' && perm.canRestoreFileBackups && !isDirectories)" -->
    <!--div style="padding: 20px;">
        <div class="action-module" ng-if="actionModule === 'download'" ng-include="includePath('fileManagerDownload')"></div>
        <div class="action-module" ng-if="type === 'backup' && actionModule === 'restore'" ng-include="includePath('fileManagerRestore')"></div>
    </div-->
</div>