Mobile fixes for volumes

This commit is contained in:
Johannes Zellner
2024-10-15 19:35:24 +02:00
parent f5a43786c2
commit 727d4876f5

View File

@@ -203,11 +203,11 @@
<table class="table table-hover" style="margin-top: 10px; table-layout: fixed;">
<thead>
<tr>
<th style="width: 5%"></th>
<th style="width: 20%" class="text-left">{{ 'volumes.name' | tr }}</th>
<th style="width: 15%" class="text-left">{{ 'volumes.type' | tr }}</th>
<th style="width: 45%" class="text-left">{{ 'volumes.hostPath' | tr }}</th>
<th style="width: 122px" class="text-right">{{ 'main.actions' | tr }}</th>
<th style="width: 30px"></th>
<th class="text-left">{{ 'volumes.name' | tr }}</th>
<th class="text-left">{{ 'volumes.type' | tr }}</th>
<th class="text-left hide-mobile" style="width: 40%;">{{ 'volumes.hostPath' | tr }}</th>
<th class="text-right">{{ 'main.actions' | tr }}</th>
</tr>
</thead>
<tbody>
@@ -216,15 +216,15 @@
<i class="fa fa-circle" ng-style="{ color: volume.status.state === 'active' ? '#27CE65' : '#d9534f' }" ng-show="volume.status" uib-tooltip="{{ volume.status.message }}"></i>
<i class="fa fa-circle-notch fa-spin" ng-hide="volume.status"></i>
</td>
<td class="wrap-table-cell">
<td>
{{ volume.name }}
</td>
<td class="wrap-table-cell">
<td>
{{ volume.mountType }}
</td>
<td class="text-left wrap-table-cell hidden-xs hidden-sm" ng-show="volume.mountType !== 'mountpoint' && volume.mountType !== 'filesystem'">{{ volume.mountOptions.host || volume.mountOptions.diskPath || volume.hostPath }}{{ volume.mountOptions.remoteDir }}</td>
<td class="text-left wrap-table-cell hidden-xs hidden-sm" ng-show="volume.mountType === 'mountpoint' || volume.mountType === 'filesystem'">{{ volume.hostPath }}</td>
<td class="text-right no-wrap" style="vertical-align: bottom">
<td class="hide-mobile" style="text-wrap: nowrap; overflow: hidden; text-overflow: ellipsis;" ng-hide="(volume.mountType === 'mountpoint' || volume.mountType === 'filesystem')">{{ volume.mountOptions.host || volume.mountOptions.diskPath || volume.hostPath }}{{ volume.mountOptions.remoteDir }}</td>
<td class="hide-mobile" style="text-wrap: nowrap; overflow: hidden; text-overflow: ellipsis;" ng-show="(volume.mountType === 'mountpoint' || volume.mountType === 'filesystem')">{{ volume.hostPath }}</td>
<td class="text-right" style="text-wrap: nowrap;">
<button class="btn btn-xs btn-default" ng-click="remount(volume)" ng-show="isMountProvider(volume.mountType)" ng-disabled="volume.remounting" uib-tooltip="{{ 'volumes.remountActionTooltip' | tr }}"><i class="fa fa-sync-alt" ng-class="{ 'fa-spin': volume.remounting }"></i></button>
<button class="btn btn-xs btn-default" ng-click="volumeEdit.show(volume)" ng-show="isNetworkProvider(volume.mountType)" ng-disabled="volume.remounting" uib-tooltip="{{ 'volumes.editActionTooltip' | tr }}"><i class="fa fa-pencil-alt"></i></button>
<a class="btn btn-xs btn-default" ng-href="{{ '/filemanager.html#/home/volume/' + volume.id }}" target="_blank" uib-tooltip="{{ 'volumes.openFileManagerActionTooltip' | tr }}"><i class="fas fa-folder"></i></a>