314 lines
18 KiB
HTML
314 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html ng-app="ariaNg">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui" name="viewport">
|
|
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
|
<meta name="apple-mobile-web-app-title" content="AriaNg"/>
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
|
|
<meta name="description" content="Aria2 Ng Frontend">
|
|
<meta name="theme-color" content="#3c4852">
|
|
<meta name="format-detection" content="telephone=no"/>
|
|
<title>AriaNg</title>
|
|
<!-- build:css css/bootstrap-3.3.6.min.css -->
|
|
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css"/>
|
|
<!-- endbuild -->
|
|
<!-- build:css css/plugins.min.css -->
|
|
<link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css"/>
|
|
<link rel="stylesheet" href="../bower_components/AdminLTE/dist/css/AdminLTE.min.css"/>
|
|
<link rel="stylesheet" href="../bower_components/sweetalert/dist/sweetalert.css"/>
|
|
<link rel="stylesheet" href="../bower_components/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css"/>
|
|
<link rel="stylesheet" href="../bower_components/angular/angular-csp.css"/>
|
|
<link rel="stylesheet" href="../bower_components/angular-busy/dist/angular-busy.min.css"/>
|
|
<link rel="stylesheet" href="../bower_components/angular-dragula/dist/dragula.min.css"/>
|
|
<!-- endbuild -->
|
|
<!-- build:css css/aria-ng.min.css -->
|
|
<link rel="stylesheet" href="styles/aria-ng.css">
|
|
<!-- endbuild -->
|
|
</head>
|
|
<body class="hold-transition skin-aria-ng sidebar-mini fixed">
|
|
<div class="wrapper" ng-controller="MainController" ng-swipe-left="swipeActions.leftSwipe()" ng-swipe-right="swipeActions.rightSwipe()" ng-swipe-disable-mouse>
|
|
<header class="main-header">
|
|
<a class="logo" href="#">
|
|
<span class="logo-mini">Aria</span>
|
|
<span class="logo-lg">AriaNg</span>
|
|
</a>
|
|
|
|
<nav class="navbar navbar-static-top" role="navigation">
|
|
<div class="navbar-toolbar">
|
|
<ul class="nav navbar-nav">
|
|
<li>
|
|
<a class="toolbar" title="{{'New' | translate}}" ng-href="#/new">
|
|
<i class="fa fa-plus"></i>
|
|
<span translate>New</span>
|
|
</a>
|
|
</li>
|
|
<li class="divider"></li>
|
|
<li class="disabled" ng-class="{'disabled': !isSpecifiedTaskSelected('paused')}">
|
|
<a class="toolbar" title="{{'Start' | translate}}" ng-click="changeTasksState('start')">
|
|
<i class="fa fa-play"></i>
|
|
</a>
|
|
</li>
|
|
<li class="disabled" ng-class="{'disabled': !isSpecifiedTaskSelected('active')}">
|
|
<a class="toolbar" title="{{'Pause' | translate}}" ng-click="changeTasksState('pause')">
|
|
<i class="fa fa-pause"></i>
|
|
</a>
|
|
</li>
|
|
<li class="disabled" ng-class="{'disabled': !isTaskSelected() && !isSpecifiedTaskShowing('complete', 'error', 'removed')}">
|
|
<a class="toolbar dropdown-toggle" data-toggle="dropdown" title="{{'Delete' | translate}}">
|
|
<i class="fa fa-trash-o"></i>
|
|
<i class="fa fa-caret-right fa-right-bottom fa-rotate-45 fa-half" aria-hidden="true"></i>
|
|
</a>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li ng-if="isTaskSelected()">
|
|
<a class="pointer-cursor" ng-click="removeTasks()">
|
|
<span translate>Remove Task</span>
|
|
</a>
|
|
</li>
|
|
<li ng-if="taskContext.enableSelectAll && isSpecifiedTaskShowing('complete', 'error', 'removed')">
|
|
<a class="pointer-cursor" ng-click="clearStoppedTasks()">
|
|
<span translate>Clear Stopped Tasks</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="divider"></li>
|
|
<li class="disabled" ng-class="{'disabled': !taskContext.enableSelectAll || !taskContext.list || taskContext.list.length < 1}">
|
|
<a class="toolbar" title="{{'Select All' | translate}}" ng-click="selectAllTasks()">
|
|
<i class="fa fa-th-large"></i>
|
|
</a>
|
|
</li>
|
|
<li class="disabled" ng-class="{'disabled': !taskContext.enableSelectAll || !taskContext.list || taskContext.list.length < 1}">
|
|
<a class="toolbar dropdown-toggle" data-toggle="dropdown" title="{{'Display Order' | translate}}">
|
|
<i class="fa fa-sort-alpha-asc"></i>
|
|
<i class="fa fa-caret-right fa-right-bottom fa-rotate-45 fa-half" aria-hidden="true"></i>
|
|
</a>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li>
|
|
<a class="pointer-cursor" ng-click="changeDisplayOrder('default:asc')">
|
|
<span translate>Default</span>
|
|
<i class="fa" ng-class="{'fa-check': isSetDisplayOrder('default')}"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="pointer-cursor" ng-click="changeDisplayOrder('name:asc')">
|
|
<span translate>By File Name</span>
|
|
<i class="fa" ng-class="{'fa-check': isSetDisplayOrder('name')}"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="pointer-cursor" ng-click="changeDisplayOrder('size:asc')">
|
|
<span translate>By File Size</span>
|
|
<i class="fa" ng-class="{'fa-check': isSetDisplayOrder('size')}"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="pointer-cursor" ng-click="changeDisplayOrder('percent:desc')">
|
|
<span translate>By Completed Percent</span>
|
|
<i class="fa" ng-class="{'fa-check': isSetDisplayOrder('percent')}"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="pointer-cursor" ng-click="changeDisplayOrder('remain:asc')">
|
|
<span translate>By Remain Time</span>
|
|
<i class="fa" ng-class="{'fa-check': isSetDisplayOrder('remain')}"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="pointer-cursor" ng-click="changeDisplayOrder('dspeed:desc')">
|
|
<span translate>By Download Speed</span>
|
|
<i class="fa" ng-class="{'fa-check': isSetDisplayOrder('dspeed')}"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a class="pointer-cursor" ng-click="changeDisplayOrder('uspeed:desc')">
|
|
<span translate>By Upload Speed</span>
|
|
<i class="fa" ng-class="{'fa-check': isSetDisplayOrder('uspeed')}"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="navbar-searchbar hidden-xs">
|
|
<ul class="nav navbar-nav">
|
|
<li>
|
|
<input class="form-control" ng-placeholder="('Search' | translate)" ng-model="searchContext.text" />
|
|
<div class="form-control-icon">
|
|
<span class="fa fa-search form-control-feedback"></span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<aside class="main-sidebar">
|
|
<section class="sidebar">
|
|
<ul id="siderbar-menu" class="sidebar-menu">
|
|
<li class="header" translate>Download</li>
|
|
<li data-href-match="/downloading">
|
|
<a href="#/downloading"><i class="fa fa-arrow-down"></i> <span ng-bind="('Downloading' | translate) + (globalStat && globalStat.numActive > 0 ? ' (' + globalStat.numActive + ')' : '')">Downloading</span></a>
|
|
</li>
|
|
<li data-href-match="/waiting">
|
|
<a href="#/waiting"><i class="fa fa-hourglass-half"></i> <span ng-bind="('Waiting' | translate) + (globalStat && globalStat.numWaiting > 0 ? ' (' + globalStat.numWaiting + ')' : '')">Scheduling</span></a>
|
|
</li>
|
|
<li data-href-match="/stopped">
|
|
<a href="#/stopped"><i class="fa fa-stop-circle-o"></i> <span ng-bind="('Downloaded / Stopped' | translate) + (globalStat && globalStat.numStopped > 0 ? ' (' + globalStat.numStopped + ')' : '')">Downloaded / Stopped</span></a>
|
|
</li>
|
|
<li class="header" translate>Settings</li>
|
|
<li data-href-match="/settings/ariang">
|
|
<a href="#/settings/ariang"><i class="fa fa-cog"></i> <span translate>AriaNg Settings</span></a>
|
|
</li>
|
|
<li class="treeview">
|
|
<a href="javascript:void(0);">
|
|
<i class="fa fa-cogs"></i>
|
|
<span translate>Aria2 Settings</span>
|
|
<i class="fa fa-angle-left pull-right"></i>
|
|
</a>
|
|
<ul class="treeview-menu">
|
|
<li data-href-match="/settings/aria2/basic">
|
|
<a href="#/settings/aria2/basic"><i class="fa fa-circle-o"></i> <span translate>Basic Settings</span></a>
|
|
</li>
|
|
<li data-href-match="/settings/aria2/http-ftp-sftp">
|
|
<a href="#/settings/aria2/http-ftp-sftp"><i class="fa fa-circle-o"></i> <span translate>HTTP/FTP/SFTP Settings</span></a>
|
|
</li>
|
|
<li data-href-match="/settings/aria2/http">
|
|
<a href="#/settings/aria2/http"><i class="fa fa-circle-o"></i> <span translate>HTTP Settings</span></a>
|
|
</li>
|
|
<li data-href-match="/settings/aria2/ftp-sftp">
|
|
<a href="#/settings/aria2/ftp-sftp"><i class="fa fa-circle-o"></i> <span translate>FTP/SFTP Settings</span></a>
|
|
</li>
|
|
<li data-href-match="/settings/aria2/bt">
|
|
<a href="#/settings/aria2/bt"><i class="fa fa-circle-o"></i> <span translate>BitTorrent Settings</span></a>
|
|
</li>
|
|
<li data-href-match="/settings/aria2/metalink">
|
|
<a href="#/settings/aria2/metalink"><i class="fa fa-circle-o"></i> <span translate>Metalink Settings</span></a>
|
|
</li>
|
|
<li data-href-match="/settings/aria2/rpc">
|
|
<a href="#/settings/aria2/rpc"><i class="fa fa-circle-o"></i> <span translate>RPC Settings</span></a>
|
|
</li>
|
|
<li data-href-match="/settings/aria2/advanced">
|
|
<a href="#/settings/aria2/advanced"><i class="fa fa-circle-o"></i> <span translate>Advanced Settings</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li data-href-match="/status">
|
|
<a href="#/status"><i class="fa fa-server"></i> <span translate>Aria2 Status</span></a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</aside>
|
|
|
|
<div id="content-wrapper" class="content-wrapper">
|
|
<div id="content-body" class="content-body">
|
|
<div ng-view cg-busy="{ promise: loadPromise, message: ('Loading' | translate) }"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="main-footer">
|
|
<a class="sidebar-toggle" data-toggle="offcanvas" role="button" title="{{'Toggle Navigation' | translate}}"></a>
|
|
|
|
<span> </span>
|
|
|
|
<div class="pull-right">
|
|
<a class="global-status" ng-pop-chart ng-data="globalStatusContext.data" ng-container="body"
|
|
ng-placement="top" ng-trigger="click hover" ng-popover-class="global-status-chart">
|
|
<span class="realtime-speed">
|
|
<i class="icon-download fa fa-arrow-down"></i>
|
|
<span ng-bind="(globalStat.downloadSpeed | readableVolumn) + '/s'"></span>
|
|
</span>
|
|
<span class="realtime-speed">
|
|
<i class="icon-upload fa fa-arrow-up"></i>
|
|
<span ng-bind="(globalStat.uploadSpeed | readableVolumn) + '/s'"></span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- build:js js/jquery-2.2.4.min.js -->
|
|
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
|
|
<!-- endbuild -->
|
|
<!-- build:js js/angular-packages-1.4.10.min.js -->
|
|
<script src="../bower_components/angular/angular.min.js"></script>
|
|
<script src="../bower_components/angular-route/angular-route.min.js"></script>
|
|
<script src="../bower_components/angular-sanitize/angular-sanitize.min.js"></script>
|
|
<script src="../bower_components/angular-touch/angular-touch.min.js"></script>
|
|
<script src="../bower_components/angular-messages/angular-messages.min.js"></script>
|
|
<script src="../bower_components/angular-cookies/angular-cookies.min.js"></script>
|
|
<script src="../bower_components/angular-animate/angular-animate.min.js"></script>
|
|
<!-- endbuild -->
|
|
<!-- build:js js/bootstrap-3.3.6.min.js -->
|
|
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
|
|
<!-- endbuild -->
|
|
<!-- build:js js/moment-with-locales-2.13.0.min.js -->
|
|
<script src="../bower_components/moment/min/moment.min.js"></script>
|
|
<script src="../bower_components/moment/locale/zh-cn.js"></script>
|
|
<script src="../bower_components/moment/locale/zh-tw.js"></script>
|
|
<script src="../bower_components/moment-timezone/builds/moment-timezone-with-data-2010-2020.min.js"></script>
|
|
<!-- endbuild -->
|
|
<!-- build:js js/echarts-3.1.10.min.js -->
|
|
<script src="../bower_components/echarts/dist/echarts.min.js"></script>
|
|
<!-- endbuild -->
|
|
<!-- build:js js/plugins.min.js -->
|
|
<script src="../bower_components/AdminLTE/dist/js/app.min.js"></script>
|
|
<script src="../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
|
|
<script src="../bower_components/sweetalert/dist/sweetalert.min.js"></script>
|
|
<script src="../bower_components/angular-translate/angular-translate.min.js"></script>
|
|
<script src="../bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script>
|
|
<script src="../bower_components/angular-moment/angular-moment.min.js"></script>
|
|
<script src="../bower_components/angular-websocket/angular-websocket.min.js"></script>
|
|
<script src="../bower_components/angular-base64/angular-base64.min.js"></script>
|
|
<script src="../bower_components/angular-local-storage/dist/angular-local-storage.min.js"></script>
|
|
<script src="../bower_components/angular-busy/dist/angular-busy.min.js"></script>
|
|
<script src="../bower_components/angular-promise-buttons/dist/angular-promise-buttons.min.js"></script>
|
|
<script src="../bower_components/angular-dragula/dist/angular-dragula.min.js"></script>
|
|
<script src="../bower_components/ngSweetAlert/SweetAlert.js"></script>
|
|
<!-- endbuild -->
|
|
<!-- build:js js/aria-ng.min.js -->
|
|
<script src="scripts/core/__core.js"></script>
|
|
<script src="scripts/core/__fix.js"></script>
|
|
<script src="scripts/core/app.js"></script>
|
|
<script src="scripts/core/router.js"></script>
|
|
<script src="scripts/core/root.js"></script>
|
|
<script src="scripts/config/constants.js"></script>
|
|
<script src="scripts/config/configuration.js"></script>
|
|
<script src="scripts/config/initiator.js"></script>
|
|
<script src="scripts/config/languages.js"></script>
|
|
<script src="scripts/config/defaultLanguage.js"></script>
|
|
<script src="scripts/config/aria2Options.js"></script>
|
|
<script src="scripts/config/aria2RpcConstants.js"></script>
|
|
<script src="scripts/controllers/main.js"></script>
|
|
<script src="scripts/controllers/new.js"></script>
|
|
<script src="scripts/controllers/list.js"></script>
|
|
<script src="scripts/controllers/task-detail.js"></script>
|
|
<script src="scripts/controllers/settings-ariang.js"></script>
|
|
<script src="scripts/controllers/settings-aria2.js"></script>
|
|
<script src="scripts/controllers/status.js"></script>
|
|
<script src="scripts/directives/pieceBar.js"></script>
|
|
<script src="scripts/directives/pieceMap.js"></script>
|
|
<script src="scripts/directives/chart.js"></script>
|
|
<script src="scripts/directives/placeholder.js"></script>
|
|
<script src="scripts/directives/setting.js"></script>
|
|
<script src="scripts/filters/dateDuration.js"></script>
|
|
<script src="scripts/filters/fileOrderBy.js"></script>
|
|
<script src="scripts/filters/peerOrderBy.js"></script>
|
|
<script src="scripts/filters/percent.js"></script>
|
|
<script src="scripts/filters/taskOrderBy.js"></script>
|
|
<script src="scripts/filters/taskStatus.js"></script>
|
|
<script src="scripts/filters/volumn.js"></script>
|
|
<script src="scripts/services/ariaNgCommonService.js"></script>
|
|
<script src="scripts/services/ariaNgSettingService.js"></script>
|
|
<script src="scripts/services/ariaNgMonitorService.js"></script>
|
|
<script src="scripts/services/aria2TaskService.js"></script>
|
|
<script src="scripts/services/aria2SettingService.js"></script>
|
|
<script src="scripts/services/aria2RpcService.js"></script>
|
|
<script src="scripts/services/aria2HttpRpcService.js"></script>
|
|
<script src="scripts/services/aria2WebSocketRpcService.js"></script>
|
|
<!-- endbuild -->
|
|
</body>
|
|
</html>
|