fix style bug in task detail page

master
MaysWind 2018-08-15 05:49:10 +08:00
parent 93ab9c4072
commit d5529a4589
2 changed files with 24 additions and 22 deletions

View File

@ -481,12 +481,14 @@
}
});
angular.element('#overview-items .row').contextmenu({
target: '#task-overview-contextmenu',
before: function (e, context) {
currentRowTriggeredMenu = context;
}
});
$scope.onOverviewMouseDown = function () {
angular.element('#overview-items .row[contextmenu-bind!="true"]').contextmenu({
target: '#task-overview-contextmenu',
before: function (e, context) {
currentRowTriggeredMenu = context;
}
}).attr('contextmenu-bind', 'true');
};
angular.element('#task-overview-contextmenu').on('hide.bs.context', function () {
currentRowTriggeredMenu = null;

View File

@ -22,8 +22,8 @@
<div class="tab-content no-padding">
<div class="tab-pane" ng-class="{'active': context.currentTab === 'overview'}">
<div id="overview-items" class="settings-table striped hoverable" data-toggle="context" data-target="#task-overview-contextmenu">
<div class="row" ng-show="task">
<div id="overview-items" class="settings-table striped hoverable" ng-mousedown="onOverviewMouseDown()" data-toggle="context" data-target="#task-overview-contextmenu">
<div class="row" ng-if="task">
<div class="setting-key col-sm-4">
<span translate>Task Name</span>
</div>
@ -32,7 +32,7 @@
ng-tooltip="{{(task.bittorrent && task.bittorrent.comment) ? task.bittorrent.comment : task.taskName}}"></span>
</div>
</div>
<div class="row" ng-show="task">
<div class="row" ng-if="task">
<div class="setting-key col-sm-4">
<span translate>Task Size</span>
</div>
@ -43,7 +43,7 @@
</a>
</div>
</div>
<div class="row" ng-show="task">
<div class="row" ng-if="task">
<div class="setting-key col-sm-4">
<span translate>Task Status</span>
</div>
@ -53,7 +53,7 @@
ng-tooltip="{{task.errorMessage}}" ng-tooltip-container="body" ng-tooltip-placement="top"></i>
</div>
</div>
<div class="row" ng-show="task && task.status === 'error' && task.errorDescription">
<div class="row" ng-if="task && task.status === 'error' && task.errorDescription">
<div class="setting-key col-sm-4">
<span translate>Error Description</span>
</div>
@ -61,7 +61,7 @@
<span ng-bind="task.errorDescription | translate"></span>
</div>
</div>
<div class="row" ng-show="task">
<div class="row" ng-if="task">
<div class="setting-key col-sm-4">
<span ng-bind="('Progress' | translate) + (task.status === 'active' && task.bittorrent ? ' (' + ('Health Percentage' | translate) + ')' : '')"></span>
</div>
@ -69,7 +69,7 @@
<span ng-bind="(task.completePercent | percent: 2) + '%' + (task.status === 'active' && task.bittorrent ? ' (' + (context.healthPercent | percent: 2) + '%' + ')' : '')"></span>
</div>
</div>
<div class="row" ng-show="task">
<div class="row" ng-if="task">
<div class="setting-key col-sm-4">
<span translate>Download</span>
</div>
@ -77,7 +77,7 @@
<span ng-bind="(task.completedLength | readableVolume) + (task.status === 'active' ? ' @ ' + (task.downloadSpeed | readableVolume) + '/s' : '')"></span>
</div>
</div>
<div class="row" ng-show="task && task.bittorrent">
<div class="row" ng-if="task && task.bittorrent">
<div class="setting-key col-sm-4">
<span translate>Upload</span>
</div>
@ -85,7 +85,7 @@
<span ng-bind="(task.uploadLength | readableVolume) + (task.status === 'active' ? ' @ ' + (task.uploadSpeed | readableVolume) + '/s' : '')"></span>
</div>
</div>
<div class="row" ng-show="task && task.bittorrent">
<div class="row" ng-if="task && task.bittorrent">
<div class="setting-key col-sm-4">
<span translate>Share Ratio</span>
</div>
@ -93,7 +93,7 @@
<span ng-bind="(task.shareRatio | number: 2)"></span>
</div>
</div>
<div class="row" ng-show="task && task.status === 'active' && task.completedLength < task.totalLength">
<div class="row" ng-if="task && task.status === 'active' && task.completedLength < task.totalLength">
<div class="setting-key col-sm-4">
<span translate>Remain Time</span>
</div>
@ -101,7 +101,7 @@
<span ng-bind="0 <= task.remainTime && task.remainTime < 86400? (task.remainTime | dateDuration: 'second': 'HH:mm:ss') : ('More Than One Day' | translate)"></span>
</div>
</div>
<div class="row" ng-show="task && task.status === 'active'">
<div class="row" ng-if="task && task.status === 'active'">
<div class="setting-key col-sm-4">
<span ng-bind="(task.bittorrent ? ('Seeders' | translate) + ' / ' : '') + ('Connections' | translate)">Connections</span>
</div>
@ -109,7 +109,7 @@
<span ng-bind="(task.numSeeders ? (task.numSeeders + ' / ') : '') + task.connections"></span>
</div>
</div>
<div class="row" ng-show="task && task.bittorrent && task.bittorrent.creationDate">
<div class="row" ng-if="task && task.bittorrent && task.bittorrent.creationDate">
<div class="setting-key col-sm-4">
<span translate>Seed Creation Time</span>
</div>
@ -117,7 +117,7 @@
<span ng-bind="task.bittorrent.creationDate | amFromUnix | longDate"></span>
</div>
</div>
<div class="row" ng-show="task && task.infoHash">
<div class="row" ng-if="task && task.infoHash">
<div class="setting-key col-sm-4">
<span translate>Info Hash</span>
</div>
@ -125,7 +125,7 @@
<span class="allow-word-break" ng-bind="task.infoHash"></span>
</div>
</div>
<div class="row" ng-show="task && task.singleUrl">
<div class="row" ng-if="task && task.singleUrl">
<div class="setting-key col-sm-4">
<span translate>Download Url</span>
</div>
@ -133,7 +133,7 @@
<span class="allow-word-break" ng-bind="task.singleUrl"></span>
</div>
</div>
<div class="row" ng-show="task">
<div class="row" ng-if="task">
<div class="setting-key col-sm-4">
<span translate>Download Dir</span>
</div>
@ -141,7 +141,7 @@
<span class="allow-word-break" ng-bind="task.dir"></span>
</div>
</div>
<div class="row" ng-show="task && task.bittorrent && task.bittorrent.announceList && task.bittorrent.announceList.length > 0">
<div class="row" ng-if="task && task.bittorrent && task.bittorrent.announceList && task.bittorrent.announceList.length > 0">
<div class="setting-key col-sm-4">
<span translate>BT Tracker Servers</span>
<em class="description-inline" ng-bind="'format.settings.total-count' | translate: {count: task.bittorrent.announceList.length}"></em>