init
This commit is contained in:
MaysWind
parent
3dd8bfa73b
commit
920cfb39b8
30
.editorconfig
Normal file
30
.editorconfig
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
# EditorConfig helps developers define and maintain consistent
|
||||
# coding styles between different editors and IDEs
|
||||
# editorconfig.org
|
||||
|
||||
root = true
|
||||
|
||||
|
||||
[*]
|
||||
|
||||
# change these settings to your own preference
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
|
||||
# we recommend you to keep these unchanged
|
||||
end_of_line = lf
|
||||
charset = utf-8
|
||||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
|
||||
[*.md]
|
||||
trim_trailing_whitespace = false
|
||||
|
||||
[{package,bower}.json]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
|
||||
[gulpfile.js]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
|
||||
1
.gitattributes
vendored
Normal file
1
.gitattributes
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
* text=auto
|
||||
128
.gitignore
vendored
Normal file
128
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,128 @@
|
|||
# Created by .ignore support plugin (hsz.mobi)
|
||||
### Yeoman template
|
||||
node_modules/
|
||||
bower_components/
|
||||
*.log
|
||||
|
||||
build/
|
||||
dist/
|
||||
### Windows template
|
||||
# Windows image file caches
|
||||
Thumbs.db
|
||||
ehthumbs.db
|
||||
|
||||
# Folder config file
|
||||
Desktop.ini
|
||||
|
||||
# Recycle Bin used on file shares
|
||||
$RECYCLE.BIN/
|
||||
|
||||
# Windows Installer files
|
||||
*.cab
|
||||
*.msi
|
||||
*.msm
|
||||
*.msp
|
||||
|
||||
# Windows shortcuts
|
||||
*.lnk
|
||||
### Linux template
|
||||
*~
|
||||
|
||||
# temporary files which can be created if a process still has a handle open of a deleted file
|
||||
.fuse_hidden*
|
||||
|
||||
# KDE directory preferences
|
||||
.directory
|
||||
|
||||
# Linux trash folder which might appear on any partition or disk
|
||||
.Trash-*
|
||||
### JetBrains template
|
||||
# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and Webstorm
|
||||
# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
|
||||
|
||||
.idea/
|
||||
|
||||
# Mongo Explorer plugin:
|
||||
.idea/mongoSettings.xml
|
||||
|
||||
## File-based project format:
|
||||
*.iws
|
||||
|
||||
## Plugin-specific files:
|
||||
|
||||
# IntelliJ
|
||||
/out/
|
||||
|
||||
# mpeltonen/sbt-idea plugin
|
||||
.idea_modules/
|
||||
|
||||
# JIRA plugin
|
||||
atlassian-ide-plugin.xml
|
||||
|
||||
# Crashlytics plugin (for Android Studio and IntelliJ)
|
||||
com_crashlytics_export_strings.xml
|
||||
crashlytics.properties
|
||||
crashlytics-build.properties
|
||||
fabric.properties
|
||||
### Node template
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
|
||||
# Runtime data
|
||||
pids
|
||||
*.pid
|
||||
*.seed
|
||||
|
||||
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||
lib-cov
|
||||
|
||||
# Coverage directory used by tools like istanbul
|
||||
coverage
|
||||
|
||||
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
|
||||
.grunt
|
||||
|
||||
# node-waf configuration
|
||||
.lock-wscript
|
||||
|
||||
# Compiled binary addons (http://nodejs.org/api/addons.html)
|
||||
build/Release
|
||||
|
||||
# Dependency directories
|
||||
node_modules
|
||||
jspm_packages
|
||||
|
||||
# Optional npm cache directory
|
||||
.npm
|
||||
|
||||
# Optional REPL history
|
||||
.node_repl_history
|
||||
### OSX template
|
||||
.DS_Store
|
||||
.AppleDouble
|
||||
.LSOverride
|
||||
|
||||
# Icon must end with two \r
|
||||
Icon
|
||||
|
||||
# Thumbnails
|
||||
._*
|
||||
|
||||
# Files that might appear in the root of a volume
|
||||
.DocumentRevisions-V100
|
||||
.fseventsd
|
||||
.Spotlight-V100
|
||||
.TemporaryItems
|
||||
.Trashes
|
||||
.VolumeIcon.icns
|
||||
|
||||
# Directories potentially created on remote AFP share
|
||||
.AppleDB
|
||||
.AppleDesktop
|
||||
Network Trash Folder
|
||||
Temporary Items
|
||||
.apdisk
|
||||
|
||||
.tmp
|
||||
|
|
@ -1,2 +1,2 @@
|
|||
# AriaNg
|
||||
Aria2 Ng Frontend
|
||||
A Better Frontend for Aria2 (Under construction)
|
||||
|
|
|
|||
193
app/index.html
Normal file
193
app/index.html
Normal file
|
|
@ -0,0 +1,193 @@
|
|||
<!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" name="viewport">
|
||||
<meta name="description" content="Aria2 Ng Frontend">
|
||||
<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/seiyria-bootstrap-slider/dist/css/bootstrap-slider.min.css"/>
|
||||
<link rel="stylesheet" href="../bower_components/angular/angular-csp.css"/>
|
||||
<link rel="stylesheet" href="../bower_components/angular-busy/dist/angular-busy.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">
|
||||
<div class="wrapper" ng-controller="MainController">
|
||||
<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">
|
||||
<ul class="nav navbar-nav">
|
||||
<li>
|
||||
<a class="pointer-cursor" title="{{'New' | translate}}">
|
||||
<i class="fa fa-plus"></i>
|
||||
<span translate>New</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="pointer-cursor" title="{{'Start' | translate}}">
|
||||
<i class="fa fa-play"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="pointer-cursor" title="{{'Pause' | translate}}">
|
||||
<i class="fa fa-pause"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="pointer-cursor" title="{{'Delete' | translate}}">
|
||||
<i class="fa fa-trash-o"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="pointer-cursor dropdown-toggle" data-toggle="dropdown" title="{{'Display Order' | translate}}">
|
||||
<i class="fa fa-sort-alpha-asc"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li>
|
||||
<a class="pointer-cursor" ng-click="changeDisplayOrder('default')">
|
||||
<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')">
|
||||
<span translate>File Name</span>
|
||||
<i class="fa" ng-class="{'fa-check': isSetDisplayOrder('name')}"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="pointer-cursor" ng-click="changeDisplayOrder('percent')">
|
||||
<span translate>Completed Percent</span>
|
||||
<i class="fa" ng-class="{'fa-check': isSetDisplayOrder('percent')}"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="pointer-cursor" ng-click="changeDisplayOrder('remain')">
|
||||
<span translate>Remain Time</span>
|
||||
<i class="fa" ng-class="{'fa-check': isSetDisplayOrder('remain')}"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="pointer-cursor" title="{{'Settings' | translate}}">
|
||||
<i class="fa fa-cog"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</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="/scheduling">
|
||||
<a href="#/scheduling"><i class="fa fa-hourglass-half"></i> <span ng-bind="('Scheduling' | 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="('Stopped' | translate) + (globalStat && globalStat.numStopped > 0 ? ' (' + globalStat.numStopped + ')' : '')">Stopped</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</aside>
|
||||
|
||||
<div id="content-wrapper" class="content-wrapper">
|
||||
<div ng-view cg-busy="{ promise: loadPromise, message: ('Loading' | translate) }"></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">
|
||||
<span class="realtime-upload">
|
||||
<i class="fa fa-arrow-down"></i>
|
||||
<span ng-bind="(globalStat.downloadSpeed | readableVolumn) + '/s'"></span>
|
||||
</span>
|
||||
<span class="realtime-download">
|
||||
<i class="fa fa-arrow-up"></i>
|
||||
<span ng-bind="(globalStat.uploadSpeed | readableVolumn) + '/s'"></span>
|
||||
</span>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<!-- build:js js/jquery-2.2.3.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.simple-3.1.9.min.js -->
|
||||
<script src="../bower_components/echarts/dist/echarts.simple.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/sweetalert/dist/sweetalert.min.js"></script>
|
||||
<script src="../bower_components/seiyria-bootstrap-slider/dist/bootstrap-slider.min.js"></script>
|
||||
<script src="../bower_components/angular-translate/angular-translate.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-bootstrap-slider/slider.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/config.js"></script>
|
||||
<script src="scripts/core/constants.js"></script>
|
||||
<script src="scripts/core/router.js"></script>
|
||||
<script src="scripts/core/utils.js"></script>
|
||||
<script src="scripts/controllers/list.js"></script>
|
||||
<script src="scripts/controllers/main.js"></script>
|
||||
<script src="scripts/filters/dateDuration.js"></script>
|
||||
<script src="scripts/filters/substring.js"></script>
|
||||
<script src="scripts/filters/taskOrderBy.js"></script>
|
||||
<script src="scripts/filters/volumn.js"></script>
|
||||
<script src="scripts/langs/en-US.js"></script>
|
||||
<script src="scripts/langs/zh-CN.js"></script>
|
||||
<script src="scripts/services/aria2RpcService.js"></script>
|
||||
<script src="scripts/services/aria2WebSocketRpcService.js"></script>
|
||||
<script src="scripts/services/ariaNgSettingService.js"></script>
|
||||
<!-- endbuild -->
|
||||
</body>
|
||||
</html>
|
||||
4
app/robots.txt
Normal file
4
app/robots.txt
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
# AriaNg
|
||||
|
||||
User-agent: *
|
||||
Disallow: /
|
||||
93
app/scripts/controllers/list.js
Normal file
93
app/scripts/controllers/list.js
Normal file
|
|
@ -0,0 +1,93 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('ariaNg').controller('DownloadListController', ['$rootScope', '$scope', '$window', '$location', '$interval', 'translateFilter', 'aria2RpcService', 'ariaNgSettingService', 'utils', function ($rootScope, $scope, $window, $location, $interval, translateFilter, aria2RpcService, ariaNgSettingService, utils) {
|
||||
var location = $location.path().substring(1);
|
||||
|
||||
var getTitleWidth = function () {
|
||||
var titleColumn = angular.element('.task-table > .row > .col-md-8:first-child');
|
||||
|
||||
if (titleColumn.length > 0) {
|
||||
return titleColumn.width();
|
||||
} else {
|
||||
var taskTable = angular.element('.task-table');
|
||||
|
||||
if ($window.innerWidth <= 767) {
|
||||
return taskTable.width();
|
||||
} else {
|
||||
return taskTable.width() / 12 * 8;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var calculateDownloadRemainTime = function (remainBytes, downloadSpeed) {
|
||||
if (downloadSpeed == 0) {
|
||||
return 0;
|
||||
}
|
||||
|
||||
return remainBytes / downloadSpeed;
|
||||
};
|
||||
|
||||
var processDownloadTask = function (task) {
|
||||
var remainLength = task.totalLength - task.completedLength;
|
||||
|
||||
if (task.bittorrent && task.bittorrent.info) {
|
||||
task.taskName = task.bittorrent.info.name;
|
||||
} else if (task.files && task.files.length >= 1) {
|
||||
task.taskName = utils.getFileNameFromPath(task.files[0].path);
|
||||
} else {
|
||||
task.taskName = translateFilter('Unknown');
|
||||
}
|
||||
|
||||
task.completePercent = task.completedLength / task.totalLength * 100;
|
||||
task.idle = task.downloadSpeed == 0;
|
||||
task.remainTime = calculateDownloadRemainTime(remainLength, task.downloadSpeed);
|
||||
};
|
||||
|
||||
$scope.titleWidth = getTitleWidth();
|
||||
|
||||
angular.element($window).bind('resize', function () {
|
||||
$scope.titleWidth = getTitleWidth();
|
||||
});
|
||||
|
||||
$scope.getOrderType = function () {
|
||||
return ariaNgSettingService.getDisplayOrder();
|
||||
};
|
||||
|
||||
if ($rootScope.downloadTaskRefreshTimer) {
|
||||
$interval.cancel($rootScope.downloadTaskRefreshTimer);
|
||||
}
|
||||
|
||||
$rootScope.downloadTaskRefreshTimer = $interval(function () {
|
||||
var invokeMethod = null;
|
||||
var params = [];
|
||||
|
||||
if (location == 'downloading') {
|
||||
invokeMethod = aria2RpcService.tellActive;
|
||||
} else if (location == 'scheduling') {
|
||||
invokeMethod = aria2RpcService.tellWaiting;
|
||||
params = [0, 1000];
|
||||
} else if (location == 'downloaded') {
|
||||
invokeMethod = aria2RpcService.tellStopped;
|
||||
params = [0, 1000];
|
||||
}
|
||||
|
||||
if (invokeMethod) {
|
||||
invokeMethod({
|
||||
params: params,
|
||||
callback: function (result) {
|
||||
if (result && result.length > 0) {
|
||||
for (var i = 0; i < result.length; i++) {
|
||||
processDownloadTask(result[i]);
|
||||
}
|
||||
}
|
||||
|
||||
if (!utils.replaceArray(result, $scope.downloadTasks, 'gid')) {
|
||||
$scope.downloadTasks = result;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}, ariaNgSettingService.getDownloadTaskRefreshInterval());
|
||||
}]);
|
||||
})();
|
||||
33
app/scripts/controllers/main.js
Normal file
33
app/scripts/controllers/main.js
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('ariaNg').controller('MainController', ['$scope', '$interval', 'aria2RpcService', 'ariaNgSettingService', function ($scope, $interval, aria2RpcService, ariaNgSettingService) {
|
||||
var processStatResult = function (stat) {
|
||||
var activeCount = parseInt(stat.numActive);
|
||||
var waitingCount = parseInt(stat.numWaiting);
|
||||
var totalRunningCount = activeCount + waitingCount;
|
||||
|
||||
stat.totalRunningCount = totalRunningCount;
|
||||
};
|
||||
|
||||
$scope.changeDisplayOrder = function (type) {
|
||||
ariaNgSettingService.setDisplayOrder(type);
|
||||
};
|
||||
|
||||
$scope.isSetDisplayOrder = function (type) {
|
||||
return ariaNgSettingService.getDisplayOrder() === type;
|
||||
};
|
||||
|
||||
$interval(function () {
|
||||
aria2RpcService.getGlobalStat({
|
||||
callback: function (result) {
|
||||
if (result) {
|
||||
processStatResult(result);
|
||||
}
|
||||
|
||||
$scope.globalStat = result;
|
||||
}
|
||||
});
|
||||
}, ariaNgSettingService.getGlobalStatRefreshInterval());
|
||||
}]);
|
||||
})();
|
||||
27
app/scripts/core/__core.js
Normal file
27
app/scripts/core/__core.js
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
/*!
|
||||
* AriaNg
|
||||
* https://github.com/mayswind/AriaNg
|
||||
*/
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
var ltIE10 = (function () {
|
||||
var browserName = navigator.appName;
|
||||
var browserVersions = navigator.appVersion.split(';');
|
||||
var browserVersion = (browserVersions && browserVersions.length > 1 ? browserVersions[1].replace(/[ ]/g, '') : '');
|
||||
|
||||
if (browserName == 'Microsoft Internet Explorer' && (browserVersion == 'MSIE6.0' || browserVersion == 'MSIE7.0' || browserVersion == 'MSIE8.0' || browserVersion == 'MSIE9.0')) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
})();
|
||||
|
||||
if (ltIE10) {
|
||||
var tip = document.createElement('div');
|
||||
tip.className = 'alert alert-danger';
|
||||
tip.innerHTML = 'Sorry, AriaNg cannot support this browser, please upgrade your browser!';
|
||||
document.getElementById('content-wrapper').appendChild(tip);
|
||||
}
|
||||
})();
|
||||
36
app/scripts/core/__fix.js
Normal file
36
app/scripts/core/__fix.js
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
//copy from AdminLTE app.js
|
||||
var fixContentWrapperHeight = function () {
|
||||
var neg = $('.main-header').outerHeight() + $('.main-footer').outerHeight();
|
||||
var window_height = $(window).height();
|
||||
var sidebar_height = $(".sidebar").height();
|
||||
|
||||
if ($("body").hasClass("fixed")) {
|
||||
$(".content-wrapper, .right-side").css('height', window_height - $('.main-footer').outerHeight());
|
||||
} else {
|
||||
var postSetWidth;
|
||||
if (window_height >= sidebar_height) {
|
||||
$(".content-wrapper, .right-side").css('height', window_height - neg);
|
||||
postSetWidth = window_height - neg;
|
||||
} else {
|
||||
$(".content-wrapper, .right-side").css('height', sidebar_height);
|
||||
postSetWidth = sidebar_height;
|
||||
}
|
||||
|
||||
//Fix for the control sidebar height
|
||||
var controlSidebar = $($.AdminLTE.options.controlSidebarOptions.selector);
|
||||
if (typeof controlSidebar !== "undefined") {
|
||||
if (controlSidebar.height() > postSetWidth)
|
||||
$(".content-wrapper, .right-side").css('height', controlSidebar.height());
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
$(window, ".wrapper").resize(function () {
|
||||
fixContentWrapperHeight();
|
||||
});
|
||||
|
||||
fixContentWrapperHeight();
|
||||
})();
|
||||
20
app/scripts/core/app.js
Normal file
20
app/scripts/core/app.js
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
var ariaNg = angular.module('ariaNg', [
|
||||
'ngRoute',
|
||||
'ngSanitize',
|
||||
'ngTouch',
|
||||
'ngMessages',
|
||||
'ngCookies',
|
||||
'ngAnimate',
|
||||
'pascalprecht.translate',
|
||||
'angularMoment',
|
||||
'ngWebSocket',
|
||||
'base64',
|
||||
'LocalStorageModule',
|
||||
'cgBusy',
|
||||
'ui.bootstrap-slider',
|
||||
'oitozero.ngSweetAlert'
|
||||
]);
|
||||
})();
|
||||
48
app/scripts/core/config.js
Normal file
48
app/scripts/core/config.js
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('ariaNg').config(['$translateProvider', 'localStorageServiceProvider', 'ariaNgConstants', function ($translateProvider, localStorageServiceProvider, ariaNgConstants) {
|
||||
localStorageServiceProvider
|
||||
.setPrefix(ariaNgConstants.appPrefix)
|
||||
.setStorageType('localStorage')
|
||||
.setStorageCookie(365, '/');
|
||||
|
||||
$translateProvider.preferredLanguage('en-US');
|
||||
$translateProvider.useSanitizeValueStrategy('escape');
|
||||
}]).run(['$translate', 'amMoment', 'moment', 'ariaNgConstants', 'ariaNgSettingService', function ($translate, amMoment, moment, ariaNgConstants, ariaNgSettingService) {
|
||||
$translate.use(ariaNgSettingService.getLocaleName());
|
||||
|
||||
moment.updateLocale('zh-cn', {
|
||||
week: null
|
||||
});
|
||||
|
||||
amMoment.changeLocale(ariaNgSettingService.getLocaleName());
|
||||
}]).run(['$rootScope', '$location', '$document', 'SweetAlert', 'ariaNgConstants', function ($rootScope, $location, $document, SweetAlert, ariaNgConstants) {
|
||||
var setNavbarSelected = function (location) {
|
||||
angular.element('section.sidebar > ul li').removeClass('active');
|
||||
angular.element('section.sidebar > ul > li[data-href-match]').each(function (index, element) {
|
||||
var prefix = angular.element(element).attr('data-href-match');
|
||||
|
||||
if (location.indexOf(prefix) == 0) {
|
||||
angular.element(element).addClass('active');
|
||||
}
|
||||
});
|
||||
|
||||
angular.element('section.sidebar > ul > li.treeview > ul.treeview-menu > li[data-href-match]').each(function (index, element) {
|
||||
var prefix = angular.element(element).attr('data-href-match');
|
||||
|
||||
if (location.indexOf(prefix) == 0) {
|
||||
angular.element(element).addClass('active').parent().parent().addClass('active');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
$rootScope.$on('$routeChangeStart', function (event, next, current) {
|
||||
var location = $location.path();
|
||||
|
||||
setNavbarSelected(location);
|
||||
$document.unbind('keypress');
|
||||
SweetAlert.close();
|
||||
});
|
||||
}]);
|
||||
})();
|
||||
15
app/scripts/core/constants.js
Normal file
15
app/scripts/core/constants.js
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('ariaNg').constant('ariaNgConstants', {
|
||||
title: 'Aria Ng',
|
||||
appPrefix: 'AriaNg'
|
||||
}).constant('ariaNgDefaultOptions', {
|
||||
localeName: 'en-US',
|
||||
globalStatRefreshInterval: 1000,
|
||||
downloadTaskRefreshInterval: 1000
|
||||
}).constant('aria2RpcConstants', {
|
||||
rpcServiceVersion: '2.0',
|
||||
rpcServiceName: 'aria2'
|
||||
});
|
||||
})();
|
||||
22
app/scripts/core/router.js
Normal file
22
app/scripts/core/router.js
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('ariaNg').config(['$routeProvider', function ($routeProvider) {
|
||||
$routeProvider
|
||||
.when('/downloading', {
|
||||
templateUrl: 'views/list.html',
|
||||
controller: 'DownloadListController'
|
||||
})
|
||||
.when('/scheduling', {
|
||||
templateUrl: 'views/list.html',
|
||||
controller: 'DownloadListController'
|
||||
})
|
||||
.when('/stopped', {
|
||||
templateUrl: 'views/list.html',
|
||||
controller: 'DownloadListController'
|
||||
})
|
||||
.otherwise({
|
||||
redirectTo: '/downloading'
|
||||
});
|
||||
}]);
|
||||
})();
|
||||
42
app/scripts/core/utils.js
Normal file
42
app/scripts/core/utils.js
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('ariaNg').factory('utils', ['$location', '$base64', 'ariaNgConstants', function ($location, $base64, ariaNgConstants) {
|
||||
return {
|
||||
generateUniqueId: function () {
|
||||
var sourceId = ariaNgConstants.appPrefix + '_' + Math.round(new Date().getTime() / 1000) + '_' + Math.random();
|
||||
var hashedId = $base64.encode(sourceId);
|
||||
|
||||
return hashedId;
|
||||
},
|
||||
replaceArray: function (sourceArray, targetArray, keyProperty) {
|
||||
if (!targetArray || !sourceArray || sourceArray.length != targetArray.length) {
|
||||
return false;
|
||||
}
|
||||
|
||||
for (var i = 0; i < targetArray.length; i++) {
|
||||
if (targetArray[i][keyProperty] == sourceArray[i][keyProperty]) {
|
||||
angular.extend(targetArray[i], sourceArray[i]);
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
getFileNameFromPath: function (path) {
|
||||
if (!path) {
|
||||
return path;
|
||||
}
|
||||
|
||||
var index = path.lastIndexOf('/');
|
||||
|
||||
if (index <= 0 || index == path.length) {
|
||||
return path;
|
||||
}
|
||||
|
||||
return path.substring(index + 1);
|
||||
}
|
||||
};
|
||||
}]);
|
||||
})();
|
||||
11
app/scripts/filters/dateDuration.js
Normal file
11
app/scripts/filters/dateDuration.js
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module("ariaNg").filter('dateDuration', ['moment', function (moment) {
|
||||
return function (duration, sourceUnit, format) {
|
||||
var timespan = moment.duration(duration, sourceUnit);
|
||||
var time = moment.utc(timespan.asMilliseconds());
|
||||
return time.format(format);
|
||||
}
|
||||
}]);
|
||||
})();
|
||||
32
app/scripts/filters/substring.js
Normal file
32
app/scripts/filters/substring.js
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module("ariaNg").filter('substring', function () {
|
||||
return function (value, count) {
|
||||
if (!value) {
|
||||
return value;
|
||||
}
|
||||
|
||||
var actualCount = Math.round(count);
|
||||
|
||||
for (var i = 0; i < value.length; i++) {
|
||||
var ch = value.charAt(i);
|
||||
var code = value.charCodeAt(i);
|
||||
|
||||
if (code < 128) {
|
||||
if (!('A' <= ch && ch <= 'Z')) {
|
||||
actualCount++;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
actualCount = Math.round(actualCount);
|
||||
|
||||
if (value.length > actualCount) {
|
||||
value = value.substring(0, actualCount) + '...';
|
||||
}
|
||||
|
||||
return value;
|
||||
}
|
||||
});
|
||||
})();
|
||||
21
app/scripts/filters/taskOrderBy.js
Normal file
21
app/scripts/filters/taskOrderBy.js
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module("ariaNg").filter('taskOrderBy', ['orderByFilter', function (orderByFilter) {
|
||||
return function (array, type) {
|
||||
if (!angular.isArray(array)) {
|
||||
return array;
|
||||
}
|
||||
|
||||
if (type == 'name') {
|
||||
return orderByFilter(array, ['taskName'], false);
|
||||
} else if (type == 'percent') {
|
||||
return orderByFilter(array, ['completePercent'], true);
|
||||
} else if (type == 'remain') {
|
||||
return orderByFilter(array, ['idle', 'remainTime'], false);
|
||||
} else {
|
||||
return array;
|
||||
}
|
||||
}
|
||||
}]);
|
||||
})();
|
||||
28
app/scripts/filters/volumn.js
Normal file
28
app/scripts/filters/volumn.js
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module("ariaNg").filter('readableVolumn', ['numberFilter', function (numberFilter) {
|
||||
var units = [ 'B', 'KB', 'MB', 'GB' ];
|
||||
|
||||
return function (value) {
|
||||
var unit = units[0];
|
||||
|
||||
if (!value) {
|
||||
value = 0;
|
||||
} else {
|
||||
for (var i = 1; i < units.length; i++) {
|
||||
if (value >= 1024) {
|
||||
value = value / 1024;
|
||||
unit = units[i];
|
||||
} else {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
value = numberFilter(value, 2);
|
||||
}
|
||||
|
||||
return value + ' ' + unit;
|
||||
}
|
||||
}]);
|
||||
})();
|
||||
26
app/scripts/langs/en-US.js
Normal file
26
app/scripts/langs/en-US.js
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('ariaNg').config(['$translateProvider', function ($translateProvider) {
|
||||
$translateProvider.translations('en-US', {
|
||||
'New': 'New',
|
||||
'Start': 'Start',
|
||||
'Pause': 'Pause',
|
||||
'Delete': 'Delete',
|
||||
'Display Order': 'Display Order',
|
||||
'Default': 'Default',
|
||||
'File Name': 'File Name',
|
||||
'Completed Percent': 'Completed Percent',
|
||||
'Remain Time': 'Remain Time',
|
||||
'Settings': 'Settings',
|
||||
'Download': 'Download',
|
||||
'Downloading': 'Downloading',
|
||||
'Scheduling': 'Scheduling',
|
||||
'Stopped': 'Stopped',
|
||||
'Toggle Navigation': 'Toggle Navigation',
|
||||
'Loading': 'Loading...',
|
||||
'More Than One Day': 'More than 1 day',
|
||||
'Unknown': 'Unknown'
|
||||
});
|
||||
}])
|
||||
})();
|
||||
26
app/scripts/langs/zh-CN.js
Normal file
26
app/scripts/langs/zh-CN.js
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('ariaNg').config(['$translateProvider', function ($translateProvider) {
|
||||
$translateProvider.translations('zh-CN', {
|
||||
'New': '新建',
|
||||
'Start': '开始下载任务',
|
||||
'Pause': '暂停下载任务',
|
||||
'Delete': '删除下载任务',
|
||||
'Display Order': '显示顺序',
|
||||
'Default': '默认',
|
||||
'File Name': '文件名',
|
||||
'Completed Percent': '完成度',
|
||||
'Remain Time': '剩余时间',
|
||||
'Settings': '系统设置',
|
||||
'Download': '下载',
|
||||
'Downloading': '正在下载',
|
||||
'Scheduling': '正在排队',
|
||||
'Stopped': '已停止',
|
||||
'Toggle Navigation': '切换导航',
|
||||
'Loading': '正在加载...',
|
||||
'More Than One Day': '超过1天',
|
||||
'Unknown': '未知'
|
||||
});
|
||||
}])
|
||||
})();
|
||||
125
app/scripts/services/aria2RpcService.js
Normal file
125
app/scripts/services/aria2RpcService.js
Normal file
|
|
@ -0,0 +1,125 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('ariaNg').factory('aria2RpcService', ['aria2RpcConstants', 'aria2WebSocketRpcService', 'utils', function (aria2RpcConstants, aria2WebSocketRpcService, utils) {
|
||||
var invoke = function (method, context) {
|
||||
context.uniqueId = utils.generateUniqueId();
|
||||
context.requestBody = {
|
||||
jsonrpc: aria2RpcConstants.rpcServiceVersion,
|
||||
method: aria2RpcConstants.rpcServiceName + '.' + method,
|
||||
id: context.uniqueId,
|
||||
params: context.params
|
||||
};
|
||||
|
||||
return aria2WebSocketRpcService.request(context);
|
||||
};
|
||||
|
||||
return {
|
||||
addUri: function (context) {
|
||||
return invoke('addUri', context);
|
||||
},
|
||||
addTorrent: function (context) {
|
||||
return invoke('addTorrent', context);
|
||||
},
|
||||
addMetalink: function (context) {
|
||||
return invoke('addMetalink', context);
|
||||
},
|
||||
remove: function (context) {
|
||||
return invoke('remove', context);
|
||||
},
|
||||
forceRemove: function (context) {
|
||||
return invoke('forceRemove', context);
|
||||
},
|
||||
pause: function (context) {
|
||||
return invoke('pause', context);
|
||||
},
|
||||
pauseAll: function (context) {
|
||||
return invoke('pauseAll', context);
|
||||
},
|
||||
forcePause: function (context) {
|
||||
return invoke('forcePause', context);
|
||||
},
|
||||
forcePauseAll: function (context) {
|
||||
return invoke('forcePauseAll', context);
|
||||
},
|
||||
unpause: function (context) {
|
||||
return invoke('unpause', context);
|
||||
},
|
||||
unpauseAll: function (context) {
|
||||
return invoke('unpauseAll', context);
|
||||
},
|
||||
tellStatus: function (context) {
|
||||
return invoke('tellStatus', context);
|
||||
},
|
||||
getUris: function (context) {
|
||||
return invoke('getUris', context);
|
||||
},
|
||||
getFiles: function (context) {
|
||||
return invoke('getFiles', context);
|
||||
},
|
||||
getPeers: function (context) {
|
||||
return invoke('getPeers', context);
|
||||
},
|
||||
getServers: function (context) {
|
||||
return invoke('getServers', context);
|
||||
},
|
||||
tellActive: function (context) {
|
||||
return invoke('tellActive', context);
|
||||
},
|
||||
tellWaiting: function (context) {
|
||||
return invoke('tellWaiting', context);
|
||||
},
|
||||
tellStopped: function (context) {
|
||||
return invoke('tellStopped', context);
|
||||
},
|
||||
changePosition: function (context) {
|
||||
return invoke('changePosition', context);
|
||||
},
|
||||
changeUri: function (context) {
|
||||
return invoke('changeUri', context);
|
||||
},
|
||||
getOption: function (context) {
|
||||
return invoke('getOption', context);
|
||||
},
|
||||
changeOption: function (context) {
|
||||
return invoke('changeOption', context);
|
||||
},
|
||||
getGlobalOption: function (context) {
|
||||
return invoke('getGlobalOption', context);
|
||||
},
|
||||
changeGlobalOption: function (context) {
|
||||
return invoke('changeGlobalOption', context);
|
||||
},
|
||||
getGlobalStat: function (context) {
|
||||
return invoke('getGlobalStat', context);
|
||||
},
|
||||
purgeDownloadResult: function (context) {
|
||||
return invoke('purgeDownloadResult', context);
|
||||
},
|
||||
removeDownloadResult: function (context) {
|
||||
return invoke('removeDownloadResult', context);
|
||||
},
|
||||
getVersion: function (context) {
|
||||
return invoke('getVersion', context);
|
||||
},
|
||||
getSessionInfo: function (context) {
|
||||
return invoke('getSessionInfo', context);
|
||||
},
|
||||
shutdown: function (context) {
|
||||
return invoke('shutdown', context);
|
||||
},
|
||||
forceShutdown: function (context) {
|
||||
return invoke('forceShutdown', context);
|
||||
},
|
||||
saveSession: function (context) {
|
||||
return invoke('saveSession', context);
|
||||
},
|
||||
multicall: function (context) {
|
||||
return invoke('multicall', context);
|
||||
},
|
||||
listMethods: function (context) {
|
||||
return invoke('listMethods', context);
|
||||
}
|
||||
};
|
||||
}]);
|
||||
})();
|
||||
52
app/scripts/services/aria2WebSocketRpcService.js
Normal file
52
app/scripts/services/aria2WebSocketRpcService.js
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('ariaNg').factory('aria2WebSocketRpcService', ['$websocket', 'ariaNgSettingService', function ($websocket, ariaNgSettingService) {
|
||||
var rpcUrl = ariaNgSettingService.getJsonRpcUrl();
|
||||
var socketClient = $websocket(rpcUrl);
|
||||
var sendIdMapping = {};
|
||||
|
||||
socketClient.onMessage(function (message) {
|
||||
if (!message || !message.data) {
|
||||
return;
|
||||
}
|
||||
|
||||
var content = angular.fromJson(message.data);
|
||||
|
||||
if (!content || !content.id) {
|
||||
return;
|
||||
}
|
||||
|
||||
var uniqueId = content.id;
|
||||
var result = content.result;
|
||||
|
||||
if (!sendIdMapping[uniqueId]) {
|
||||
return;
|
||||
}
|
||||
|
||||
var context = sendIdMapping[uniqueId];
|
||||
var callbackMethod = context.callback;
|
||||
|
||||
if (callbackMethod) {
|
||||
callbackMethod(result);
|
||||
}
|
||||
|
||||
delete sendIdMapping[uniqueId];
|
||||
});
|
||||
|
||||
return {
|
||||
request: function (context) {
|
||||
if (!context) {
|
||||
return;
|
||||
}
|
||||
|
||||
var uniqueId = context.uniqueId;
|
||||
var requestBody = angular.toJson(context.requestBody);
|
||||
|
||||
sendIdMapping[uniqueId] = context;
|
||||
|
||||
return socketClient.send(requestBody);
|
||||
}
|
||||
};
|
||||
}]);
|
||||
})();
|
||||
74
app/scripts/services/ariaNgSettingService.js
Normal file
74
app/scripts/services/ariaNgSettingService.js
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
angular.module('ariaNg').factory('ariaNgSettingService', ['$location', '$translate', 'localStorageService', 'ariaNgDefaultOptions', function ($location, $translate, localStorageService, ariaNgDefaultOptions) {
|
||||
var setOptions = function (options) {
|
||||
return localStorageService.set('Options', options);
|
||||
};
|
||||
|
||||
var getOptions = function () {
|
||||
var options = localStorageService.get('Options');
|
||||
|
||||
if (!options) {
|
||||
options = angular.extend({}, ariaNgDefaultOptions);
|
||||
setOptions(options);
|
||||
}
|
||||
|
||||
return options;
|
||||
};
|
||||
|
||||
var getOption = function (key) {
|
||||
return getOptions()[key];
|
||||
};
|
||||
|
||||
var setOption = function (key, value) {
|
||||
var options = getOptions();
|
||||
options[key] = value;
|
||||
|
||||
setOptions(options);
|
||||
};
|
||||
|
||||
return {
|
||||
get: function (key) {
|
||||
return getOption(key);
|
||||
},
|
||||
set: function (key, value) {
|
||||
return setOption(key, value);
|
||||
},
|
||||
getLocaleName: function () {
|
||||
return getOption('localeName');
|
||||
},
|
||||
setLocaleName: function (value) {
|
||||
setOption('localeName', value);
|
||||
$translate.use(value);
|
||||
},
|
||||
getJsonRpcUrl: function () {
|
||||
var rpcHost = getOption('aria2RpcHost');
|
||||
|
||||
if (!rpcHost) {
|
||||
rpcHost = $location.$$host + ':6800';
|
||||
}
|
||||
|
||||
return 'ws://' + rpcHost + '/jsonrpc';
|
||||
},
|
||||
getGlobalStatRefreshInterval: function () {
|
||||
return getOption('globalStatRefreshInterval');
|
||||
},
|
||||
getDownloadTaskRefreshInterval: function () {
|
||||
return getOption('downloadTaskRefreshInterval');
|
||||
},
|
||||
getDisplayOrder: function () {
|
||||
var value = getOption('displayOrder');
|
||||
|
||||
if (!value) {
|
||||
value = 'default';
|
||||
}
|
||||
|
||||
return value;
|
||||
},
|
||||
setDisplayOrder: function (value) {
|
||||
setOption('displayOrder', value);
|
||||
}
|
||||
};
|
||||
}]);
|
||||
})();
|
||||
299
app/styles/aria-ng.css
Normal file
299
app/styles/aria-ng.css
Normal file
|
|
@ -0,0 +1,299 @@
|
|||
/*!
|
||||
* AriaNg
|
||||
* https://github.com/mayswind/AriaNg
|
||||
*/
|
||||
|
||||
/* skin-aria-ng */
|
||||
.skin-aria-ng, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
font-family: 'Hiragino Sans GB', 'Microsoft YaHei', 'STHeiti', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.skin-aria-ng .main-header .navbar {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
|
||||
.skin-aria-ng .main-header .navbar .nav > li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.skin-aria-ng .main-header .navbar .nav > li > a {
|
||||
color: #707070;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.skin-aria-ng .main-header .navbar .nav > li > a:hover,
|
||||
.skin-aria-ng .main-header .navbar .nav > li > a:active,
|
||||
.skin-aria-ng .main-header .navbar .nav > li > a:focus,
|
||||
.skin-aria-ng .main-header .navbar .nav .open > a,
|
||||
.skin-aria-ng .main-header .navbar .nav .open > a:hover,
|
||||
.skin-aria-ng .main-header .navbar .nav .open > a:focus,
|
||||
.skin-aria-ng .main-header .navbar .nav > .active > a {
|
||||
color: #0080ff;
|
||||
}
|
||||
|
||||
.skin-aria-ng .main-header .navbar .sidebar-toggle, .skin-aria-ng .main-footer .sidebar-toggle {
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.skin-aria-ng .main-header .navbar .sidebar-toggle:hover, .skin-aria-ng .main-footer .sidebar-toggle:hover {
|
||||
color: #0080ff;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.skin-aria-ng .main-header .navbar {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.skin-aria-ng .main-header .navbar .dropdown-menu li.divider {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.skin-aria-ng .main-header .logo {
|
||||
background-color: #3c4852;
|
||||
color: #ffffff;
|
||||
border-bottom: 1px solid #59636b;
|
||||
}
|
||||
|
||||
.skin-aria-ng .main-header .logo:hover {
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
.skin-aria-ng .content-header {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.skin-aria-ng .wrapper,
|
||||
.skin-aria-ng .main-sidebar,
|
||||
.skin-aria-ng .left-side {
|
||||
background-color: #3c4852;
|
||||
}
|
||||
|
||||
.skin-aria-ng .sidebar-menu > li.header {
|
||||
color: #707070;
|
||||
background-color: #2e343c;
|
||||
}
|
||||
|
||||
.skin-aria-ng .sidebar-menu > li > a {
|
||||
border-left: 3px solid transparent;
|
||||
}
|
||||
|
||||
.skin-aria-ng .sidebar-menu > li:hover > a {
|
||||
color: #f8f8f8;
|
||||
background-color: #313a42;
|
||||
}
|
||||
|
||||
.skin-aria-ng .sidebar-menu > li.active > a {
|
||||
color: #65b0ff;
|
||||
background-color: #252c30;
|
||||
}
|
||||
|
||||
.skin-aria-ng .sidebar-menu > li > .treeview-menu {
|
||||
margin: 0 1px;
|
||||
background-color: #2a343b;
|
||||
}
|
||||
|
||||
.skin-aria-ng .sidebar a {
|
||||
color: #b8c7ce;
|
||||
}
|
||||
|
||||
.skin-aria-ng .sidebar a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.skin-aria-ng .main-sidebar {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.skin-aria-ng .treeview-menu > li > a {
|
||||
color: #8aa4af;
|
||||
}
|
||||
|
||||
.skin-aria-ng .treeview-menu > li > a:hover {
|
||||
color: #fefefe;
|
||||
}
|
||||
|
||||
.skin-aria-ng .treeview-menu > li.active > a {
|
||||
color: #0080ff;
|
||||
}
|
||||
|
||||
.skin-aria-ng .content-wrapper {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.skin-aria-ng .content-wrapper, .right-side {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.skin-aria-ng .content-wrapper .content {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.skin-aria-ng .main-footer {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.skin-aria-ng .main-footer .sidebar-toggle {
|
||||
float: left;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
padding: 0 15px 0 0;
|
||||
font-family: fontAwesome;
|
||||
}
|
||||
|
||||
.skin-aria-ng .main-footer .sidebar-toggle:before {
|
||||
content: "\f0c9";
|
||||
}
|
||||
|
||||
.skin-aria-ng .progress-bar-primary {
|
||||
background-color: #208fe5;
|
||||
}
|
||||
|
||||
/* override */
|
||||
td {
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
|
||||
.default-cursor {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
.pointer-cursor {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.navbar-nav .open .dropdown-menu {
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
/* dropdown-submenu */
|
||||
.dropdown-menu small {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.dropdown-submenu {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-submenu > .dropdown-menu {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
margin-top: -6px;
|
||||
margin-left: -1px;
|
||||
-webkit-border-radius: 0 6px 6px 6px;
|
||||
-moz-border-radius: 0 6px 6px;
|
||||
border-radius: 0 6px 6px 6px;
|
||||
}
|
||||
|
||||
.dropdown-submenu:hover > .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dropdown-submenu > a:after {
|
||||
display: block;
|
||||
content: " ";
|
||||
float: right;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
border-width: 5px 0 5px 5px;
|
||||
border-left-color: #ccc;
|
||||
margin-top: 5px;
|
||||
margin-right: -10px;
|
||||
}
|
||||
|
||||
.dropdown-submenu:hover > a:after {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
|
||||
.dropdown-submenu.pull-left {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.dropdown-submenu.pull-left > .dropdown-menu {
|
||||
left: -100%;
|
||||
margin-left: 10px;
|
||||
-webkit-border-radius: 6px 0 6px 6px;
|
||||
-moz-border-radius: 6px 0 6px 6px;
|
||||
border-radius: 6px 0 6px 6px;
|
||||
}
|
||||
|
||||
/* scrollbar */
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-clip: padding-box;
|
||||
background-color: #c4d2db;
|
||||
min-height: 28px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {
|
||||
background-color: #d4dfe7;
|
||||
}
|
||||
|
||||
/* task-table */
|
||||
.task-table {
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.task-table > div.row {
|
||||
padding: 8px;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.task-table > div.row:nth-of-type(odd) {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.task-table > div.row:hover {
|
||||
background-color: #f5f5f5 !important;
|
||||
}
|
||||
|
||||
.task-table .task-name {
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.task-table .task-volumn {
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.task-table .progress {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.task-table .task-last-time, .task-table .task-seeders {
|
||||
color: #888;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.task-table .task-download-speed {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* miscellaneous */
|
||||
span.realtime-upload, span.realtime-download {
|
||||
padding: 0 15px 0 15px;
|
||||
}
|
||||
|
||||
span.realtime-upload > i {
|
||||
color: #3a89e9;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
span.realtime-download > i {
|
||||
color: #74a329;
|
||||
padding-right: 2px;
|
||||
}
|
||||
28
app/views/list.html
Normal file
28
app/views/list.html
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<section class="content no-padding">
|
||||
<div id="task-table" class="task-table">
|
||||
<div class="row" ng-repeat="task in downloadTasks | taskOrderBy: getOrderType()">
|
||||
<div class="col-md-8">
|
||||
<span class="task-name" ng-bind="task.taskName | substring: (titleWidth / 20)" title="{{task.taskName}}"></span>
|
||||
<span class="task-volumn" ng-bind="task.totalLength | readableVolumn"></span>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-primary" role="progressbar"
|
||||
aria-valuenow="{{task.completePercent}}" aria-valuemin="1"
|
||||
aria-valuemax="100" style="width: {{task.completePercent}}%;">
|
||||
<div ng-class="{'lower': task.completePercent < 50}"
|
||||
ng-bind="(task.completePercent | number: 2) + '%'"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<span class="task-last-time"
|
||||
ng-bind="0 <= task.remainTime && task.remainTime < 86400? (task.remainTime | dateDuration: 'second': 'HH:mm:ss') : ('More Than One Day' | translate)"></span>
|
||||
<span class="task-seeders pull-right" ng-bind="(task.numSeeders ? (task.numSeeders + '/') : '') + task.connections"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<span class="task-download-speed" ng-bind="(task.downloadSpeed | readableVolumn) + '/s'"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
49
bower.json
Normal file
49
bower.json
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
{
|
||||
"private": true,
|
||||
"name": "aria-ng",
|
||||
"description": "Aria2 Ng Frontend",
|
||||
"main": "index.html",
|
||||
"authors": [
|
||||
"MaysWind <i@mayswind.net>"
|
||||
],
|
||||
"license": "MIT",
|
||||
"keywords": [
|
||||
"Aria2",
|
||||
"Web",
|
||||
"Frontend"
|
||||
],
|
||||
"homepage": "https://github.com/mayswind/AriaNg",
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"node_modules",
|
||||
"bower_components",
|
||||
"test",
|
||||
"tests"
|
||||
],
|
||||
"dependencies": {
|
||||
"jquery": "^2.2.3",
|
||||
"bootstrap": "^3.3.6",
|
||||
"moment": "^2.13.0",
|
||||
"moment-timezone": "^0.5.4",
|
||||
"echarts": "^3.1.9",
|
||||
"font-awesome": "font-awsome#^4.6.3",
|
||||
"AdminLTE": "admin-lte#^2.3.3",
|
||||
"sweetalert": "^1.1.3",
|
||||
"seiyria-bootstrap-slider": "^7.0.3",
|
||||
"angular": "1.4.10",
|
||||
"angular-route": "1.4.10",
|
||||
"angular-sanitize": "1.4.10",
|
||||
"angular-touch": "1.4.10",
|
||||
"angular-messages": "1.4.10",
|
||||
"angular-cookies": "1.4.10",
|
||||
"angular-animate": "1.4.10",
|
||||
"angular-translate": "^2.11.0",
|
||||
"angular-moment": "1.0.0-beta.6",
|
||||
"angular-websocket": "^1.1.0",
|
||||
"angular-base64": "^2.0.5",
|
||||
"angular-local-storage": "^0.2.7",
|
||||
"angular-busy": "^4.1.3",
|
||||
"angular-bootstrap-slider": "^0.1.28",
|
||||
"ngSweetAlert": "https://github.com/oitozero/ngSweetAlert.git#8df6c30b0996f09cb4cf5e90a41115a6c09fa852"
|
||||
}
|
||||
}
|
||||
116
gulpfile.js
Normal file
116
gulpfile.js
Normal file
|
|
@ -0,0 +1,116 @@
|
|||
var gulp = require('gulp');
|
||||
var gulpLoadPlugins = require('gulp-load-plugins');
|
||||
var browserSync = require('browser-sync');
|
||||
var del = require('del');
|
||||
|
||||
var $ = gulpLoadPlugins();
|
||||
var reload = browserSync.reload;
|
||||
|
||||
gulp.task('styles', function () {
|
||||
return gulp.src([
|
||||
'app/styles/**/*.css'
|
||||
]).pipe($.autoprefixer({browsers: ['> 1%', 'last 2 versions', 'Firefox ESR']}))
|
||||
.pipe(gulp.dest('.tmp/styles'))
|
||||
.pipe(reload({stream: true}));
|
||||
});
|
||||
|
||||
gulp.task('scripts', function () {
|
||||
return gulp.src([
|
||||
'app/scripts/**/*.js'
|
||||
]).pipe($.plumber())
|
||||
.pipe(gulp.dest('.tmp/scripts'))
|
||||
.pipe(reload({stream: true}));
|
||||
});
|
||||
|
||||
gulp.task('lint', function () {
|
||||
return gulp.src([
|
||||
'app/scripts/**/*.js'
|
||||
]).pipe(reload({stream: true, once: true}))
|
||||
.pipe($.eslint({fix: true}))
|
||||
.pipe($.eslint.format())
|
||||
.pipe($.if(!browserSync.active, $.eslint.failAfterError()))
|
||||
.pipe(gulp.dest('app/scripts'));
|
||||
});
|
||||
|
||||
gulp.task('html', ['styles', 'scripts'], function () {
|
||||
return gulp.src('app/*.html')
|
||||
.pipe($.useref({searchPath: ['.tmp', 'app', '.']}))
|
||||
.pipe($.if('js/*.js', $.replace(/\/\/# sourceMappingURL=.*/g, '')))
|
||||
.pipe($.if('css/*.css', $.replace(/\/\*# sourceMappingURL=.* \*\/$/g, '')))
|
||||
.pipe($.if(['js/moment-with-locales-*.min.js', 'js/plugins.min.js', 'js/aria-ng.min.js'], $.uglify({preserveComments: 'license'})))
|
||||
.pipe($.if(['css/plugins.min.css', 'css/aria-ng.min.css'], $.cssnano({safe: true, autoprefixer: false})))
|
||||
.pipe($.if('*.html', $.htmlmin({collapseWhitespace: true})))
|
||||
.pipe(gulp.dest('dist'));
|
||||
});
|
||||
|
||||
gulp.task('views', function () {
|
||||
return gulp.src('app/views/**/*')
|
||||
.pipe($.htmlmin({collapseWhitespace: true}))
|
||||
.pipe(gulp.dest('dist/views'));
|
||||
});
|
||||
|
||||
gulp.task('images', function () {
|
||||
return gulp.src('app/imgs/**/*')
|
||||
.pipe(gulp.dest('dist/imgs'));
|
||||
});
|
||||
|
||||
gulp.task('fonts', function () {
|
||||
return gulp.src([
|
||||
'bower_components/bootstrap/fonts/**/*',
|
||||
'bower_components/font-awesome/fonts/**/*'
|
||||
]).pipe(gulp.dest('.tmp/fonts'))
|
||||
.pipe(gulp.dest('dist/fonts'));
|
||||
});
|
||||
|
||||
gulp.task('extras', function () {
|
||||
return gulp.src([
|
||||
'app/*.*',
|
||||
'!app/*.html'
|
||||
], {
|
||||
dot: true
|
||||
}).pipe(gulp.dest('dist'));
|
||||
});
|
||||
|
||||
gulp.task('clean', del.bind(null, ['.tmp', 'dist']));
|
||||
|
||||
gulp.task('serve', ['styles', 'scripts', 'fonts'], function () {
|
||||
browserSync({
|
||||
notify: false,
|
||||
port: 9000,
|
||||
server: {
|
||||
baseDir: ['.tmp', 'app'],
|
||||
routes: {
|
||||
'/bower_components': 'bower_components'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
gulp.watch([
|
||||
'app/*.html',
|
||||
'app/views/*.html',
|
||||
'app/imgs/**/*',
|
||||
'.tmp/fonts/**/*'
|
||||
]).on('change', reload);
|
||||
|
||||
gulp.watch('app/styles/**/*.css', ['styles']);
|
||||
gulp.watch('app/scripts/**/*.js', ['scripts']);
|
||||
gulp.watch('app/fonts/**/*', ['fonts']);
|
||||
});
|
||||
|
||||
gulp.task('serve:dist', function () {
|
||||
browserSync({
|
||||
notify: false,
|
||||
port: 9000,
|
||||
server: {
|
||||
baseDir: ['dist']
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
gulp.task('build', ['lint', 'html', 'views', 'images', 'fonts', 'extras'], function () {
|
||||
return gulp.src('dist/**/*').pipe($.size({title: 'build', gzip: true}));
|
||||
});
|
||||
|
||||
gulp.task('default', ['clean'], function () {
|
||||
gulp.start('build');
|
||||
});
|
||||
45
package.json
Normal file
45
package.json
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
{
|
||||
"private": true,
|
||||
"engines": {
|
||||
"node": ">=4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"browser-sync": "^2.2.1",
|
||||
"del": "^1.1.1",
|
||||
"gulp": "^3.9.0",
|
||||
"gulp-autoprefixer": "^3.0.1",
|
||||
"gulp-cssnano": "^2.0.0",
|
||||
"gulp-eslint": "^2.0.0",
|
||||
"gulp-htmlmin": "^1.3.0",
|
||||
"gulp-if": "^2.0.0",
|
||||
"gulp-load-plugins": "^0.10.0",
|
||||
"gulp-plumber": "^1.0.1",
|
||||
"gulp-replace": "^0.5.4",
|
||||
"gulp-size": "^1.2.1",
|
||||
"gulp-sourcemaps": "^1.6.0",
|
||||
"gulp-uglify": "^1.1.0",
|
||||
"gulp-useref": "^3.0.0"
|
||||
},
|
||||
"name": "aria-ng",
|
||||
"description": "Aria2 Ng Frontend",
|
||||
"version": "0.1.0",
|
||||
"main": "index.html",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/mayswind/AriaNg.git"
|
||||
},
|
||||
"keywords": [
|
||||
"Aria2",
|
||||
"Web",
|
||||
"Frontend"
|
||||
],
|
||||
"author": "MaysWind <i@mayswind.net>",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/mayswind/AriaNg/issues"
|
||||
},
|
||||
"homepage": "https://github.com/mayswind/AriaNg#readme"
|
||||
}
|
||||
Reference in a new issue