apply prettier

This commit is contained in:
Athou
2022-01-01 21:26:02 +01:00
parent 0b3888a8ae
commit 0a97f04257
39 changed files with 4702 additions and 4057 deletions

7
.prettierrc Normal file
View File

@@ -0,0 +1,7 @@
{
"printWidth": 140,
"semi": false,
"tabWidth": 4,
"arrowParens": "avoid",
"endOfLine": "auto"
}

View File

@@ -1,86 +1,86 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Swagger UI</title> <title>Swagger UI</title>
<link href='css/typography.css' media='screen' rel='stylesheet' type='text/css'/> <link href="css/typography.css" media="screen" rel="stylesheet" type="text/css" />
<link href='css/reset.css' media='screen' rel='stylesheet' type='text/css'/> <link href="css/reset.css" media="screen" rel="stylesheet" type="text/css" />
<link href='css/screen.css' media='screen' rel='stylesheet' type='text/css'/> <link href="css/screen.css" media="screen" rel="stylesheet" type="text/css" />
<link href='css/reset.css' media='print' rel='stylesheet' type='text/css'/> <link href="css/reset.css" media="print" rel="stylesheet" type="text/css" />
<link href='css/screen.css' media='print' rel='stylesheet' type='text/css'/> <link href="css/screen.css" media="print" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="lib/shred.bundle.js"></script> <script type="text/javascript" src="lib/shred.bundle.js"></script>
<script src='lib/jquery-1.8.0.min.js' type='text/javascript'></script> <script src="lib/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src='lib/jquery.slideto.min.js' type='text/javascript'></script> <script src="lib/jquery.slideto.min.js" type="text/javascript"></script>
<script src='lib/jquery.wiggle.min.js' type='text/javascript'></script> <script src="lib/jquery.wiggle.min.js" type="text/javascript"></script>
<script src='lib/jquery.ba-bbq.min.js' type='text/javascript'></script> <script src="lib/jquery.ba-bbq.min.js" type="text/javascript"></script>
<script src='lib/handlebars-2.0.0.js' type='text/javascript'></script> <script src="lib/handlebars-2.0.0.js" type="text/javascript"></script>
<script src='lib/underscore-min.js' type='text/javascript'></script> <script src="lib/underscore-min.js" type="text/javascript"></script>
<script src='lib/backbone-min.js' type='text/javascript'></script> <script src="lib/backbone-min.js" type="text/javascript"></script>
<script src='lib/swagger-client.js' type='text/javascript'></script> <script src="lib/swagger-client.js" type="text/javascript"></script>
<script src='swagger-ui.js' type='text/javascript'></script> <script src="swagger-ui.js" type="text/javascript"></script>
<script src='lib/highlight.7.3.pack.js' type='text/javascript'></script> <script src="lib/highlight.7.3.pack.js" type="text/javascript"></script>
<script src='lib/marked.js' type='text/javascript'></script> <script src="lib/marked.js" type="text/javascript"></script>
<!-- enabling this will enable oauth2 implicit scope support --> <!-- enabling this will enable oauth2 implicit scope support -->
<script src='lib/swagger-oauth.js' type='text/javascript'></script> <script src="lib/swagger-oauth.js" type="text/javascript"></script>
<script type="text/javascript"> <script type="text/javascript">
$(function () { $(function () {
window.swaggerUi = new SwaggerUi({ window.swaggerUi = new SwaggerUi({
url: "./swagger.json", url: "./swagger.json",
dom_id: "swagger-ui-container", dom_id: "swagger-ui-container",
supportedSubmitMethods: ['get', 'post', 'put', 'delete'], supportedSubmitMethods: ["get", "post", "put", "delete"],
onComplete: function(swaggerApi, swaggerUi){ onComplete: function (swaggerApi, swaggerUi) {
if(typeof initOAuth == "function") { if (typeof initOAuth == "function") {
/* /*
initOAuth({ initOAuth({
clientId: "your-client-id", clientId: "your-client-id",
realm: "your-realms", realm: "your-realms",
appName: "your-app-name" appName: "your-app-name"
}); });
*/ */
} }
$('pre code').each(function(i, e) { $("pre code").each(function (i, e) {
hljs.highlightBlock(e) hljs.highlightBlock(e)
}); })
}, },
onFailure: function(data) { onFailure: function (data) {
log("Unable to Load SwaggerUI"); log("Unable to Load SwaggerUI")
}, },
docExpansion: "none", docExpansion: "none",
sorter : "alpha" sorter: "alpha",
}); })
$('#input_apiKey').change(function() { $("#input_apiKey").change(function () {
var key = $('#input_apiKey')[0].value; var key = $("#input_apiKey")[0].value
log("key: " + key); log("key: " + key)
if(key && key.trim() != "") { if (key && key.trim() != "") {
log("added key " + key); log("added key " + key)
window.authorizations.add("key", new ApiKeyAuthorization("api_key", key, "query")); window.authorizations.add("key", new ApiKeyAuthorization("api_key", key, "query"))
} }
}) })
window.swaggerUi.load(); window.swaggerUi.load()
}); })
</script> </script>
</head> </head>
<body class="swagger-section"> <body class="swagger-section">
<div id='header'> <div id="header">
<div class="swagger-ui-wrap"> <div class="swagger-ui-wrap">
<a id="logo" href="http://swagger.wordnik.com">swagger</a> <a id="logo" href="http://swagger.wordnik.com">swagger</a>
<form id='api_selector'> <form id="api_selector">
<div class='input icon-btn'> <div class="input icon-btn">
<img id="show-pet-store-icon" src="images/pet_store_api.png" title="Show Swagger Petstore Example Apis"> <img id="show-pet-store-icon" src="images/pet_store_api.png" title="Show Swagger Petstore Example Apis" />
</div> </div>
<div class='input icon-btn'> <div class="input icon-btn">
<img id="show-wordnik-dev-icon" src="images/wordnik_api.png" title="Show Wordnik Developer Apis"> <img id="show-wordnik-dev-icon" src="images/wordnik_api.png" title="Show Wordnik Developer Apis" />
</div> </div>
<div class='input'><input placeholder="http://example.com/api" id="input_baseUrl" name="baseUrl" type="text"/></div> <div class="input"><input placeholder="http://example.com/api" id="input_baseUrl" name="baseUrl" type="text" /></div>
<div class='input'><input placeholder="api_key" id="input_apiKey" name="apiKey" type="text"/></div> <div class="input"><input placeholder="api_key" id="input_apiKey" name="apiKey" type="text" /></div>
<div class='input'><a id="explore" href="#">Explore</a></div> <div class="input"><a id="explore" href="#">Explore</a></div>
</form> </form>
</div> </div>
</div> </div>
<div id="message-bar" class="swagger-ui-wrap">&nbsp;</div> <div id="message-bar" class="swagger-ui-wrap">&nbsp;</div>
<div id="swagger-ui-container" class="swagger-ui-wrap"></div> <div id="swagger-ui-container" class="swagger-ui-wrap"></div>
</body> </body>
</html> </html>

View File

@@ -1,86 +1,86 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>CommaFeed</title> <title>CommaFeed</title>
<meta charset="utf-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default"> <meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes" />
<link rel="manifest" href="manifest.json"> <link rel="manifest" href="manifest.json" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="apple-touch-icon" href="app-icon-57.png" /> <link rel="apple-touch-icon" href="app-icon-57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="app-icon-72.png" /> <link rel="apple-touch-icon" sizes="72x72" href="app-icon-72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="app-icon-114.png" /> <link rel="apple-touch-icon" sizes="114x114" href="app-icon-114.png" />
<link rel="apple-touch-icon" sizes="144x144" href="app-icon-144.png" /> <link rel="apple-touch-icon" sizes="144x144" href="app-icon-144.png" />
<link rel="icon" sizes="32x32" href="app-icon-32.png" /> <link rel="icon" sizes="32x32" href="app-icon-32.png" />
<link rel="icon" sizes="64x64" href="app-icon-64.png" /> <link rel="icon" sizes="64x64" href="app-icon-64.png" />
<link rel="icon" sizes="128x128" href="app-icon-128.png" /> <link rel="icon" sizes="128x128" href="app-icon-128.png" />
<link rel="icon" sizes="192x192" href="app-icon-192.png" /> <link rel="icon" sizes="192x192" href="app-icon-192.png" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<meta name="theme-color" content="#F88A14" /> <meta name="theme-color" content="#F88A14" />
<meta name="application-name" content="CommaFeed" /> <meta name="application-name" content="CommaFeed" />
<meta name="msapplication-navbutton-color" content="#F88A14" /> <meta name="msapplication-navbutton-color" content="#F88A14" />
<meta name="msapplication-starturl" content="/" /> <meta name="msapplication-starturl" content="/" />
<meta name="msapplication-square70x70logo" content="metro-icon-70.png" /> <meta name="msapplication-square70x70logo" content="metro-icon-70.png" />
<meta name="msapplication-square150x150logo" content="metro-icon-150.png" /> <meta name="msapplication-square150x150logo" content="metro-icon-150.png" />
<link rel="fluid-icon" href="app-icon-512.png" title="CommaFeed" /> <link rel="fluid-icon" href="app-icon-512.png" title="CommaFeed" />
<link rel="logo" type="image/svg" href="app-icon.svg" /> <link rel="logo" type="image/svg" href="app-icon.svg" />
<!-- build:css css/app.css --> <!-- build:css css/app.css -->
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.css" /> <link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css" /> <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css" />
<link rel="stylesheet" href="lib/select2/select2.css" /> <link rel="stylesheet" href="lib/select2/select2.css" />
<link rel="stylesheet" href="lib/ng-grid/ng-grid.css" /> <link rel="stylesheet" href="lib/ng-grid/ng-grid.css" />
<link rel="stylesheet" href="lib/jquery-ui/themes/base/jquery-ui.css" /> <link rel="stylesheet" href="lib/jquery-ui/themes/base/jquery-ui.css" />
<link rel="stylesheet" href="lib/angular-loading-bar/build/loading-bar.css" /> <link rel="stylesheet" href="lib/angular-loading-bar/build/loading-bar.css" />
<link rel="stylesheet" href="css/app.css" /> <link rel="stylesheet" href="css/app.css" />
<!-- endbuild --> <!-- endbuild -->
<link rel="stylesheet" href="custom_css.css" /> <link rel="stylesheet" href="custom_css.css" />
</head> </head>
<body> <body>
<div ng-app="commafeed" id="main" class="main"> <div ng-app="commafeed" id="main" class="main">
<div ui-view></div> <div ui-view></div>
</div> </div>
<!-- build:js js/app.js --> <!-- build:js js/app.js -->
<script type="text/javascript" src="lib/lodash/lodash.js"></script> <script type="text/javascript" src="lib/lodash/lodash.js"></script>
<script type="text/javascript" src="lib/jquery/dist/jquery.js"></script> <script type="text/javascript" src="lib/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="lib/jquery-ui/ui/jquery-ui.js"></script> <script type="text/javascript" src="lib/jquery-ui/ui/jquery-ui.js"></script>
<script type="text/javascript" src="lib/jquery-mousewheel/jquery.mousewheel.js"></script> <script type="text/javascript" src="lib/jquery-mousewheel/jquery.mousewheel.js"></script>
<script type="text/javascript" src="lib/bootstrap/dist/js/bootstrap.js"></script> <script type="text/javascript" src="lib/bootstrap/dist/js/bootstrap.js"></script>
<script type="text/javascript" src="lib/angular/angular.js"></script> <script type="text/javascript" src="lib/angular/angular.js"></script>
<script type="text/javascript" src="lib/angular-route/angular-route.js"></script> <script type="text/javascript" src="lib/angular-route/angular-route.js"></script>
<script type="text/javascript" src="lib/angular-resource/angular-resource.js"></script> <script type="text/javascript" src="lib/angular-resource/angular-resource.js"></script>
<script type="text/javascript" src="lib/angular-sanitize/angular-sanitize.js"></script> <script type="text/javascript" src="lib/angular-sanitize/angular-sanitize.js"></script>
<script type="text/javascript" src="lib/angular-touch/angular-touch.js"></script> <script type="text/javascript" src="lib/angular-touch/angular-touch.js"></script>
<script type="text/javascript" src="lib/angular-animate/angular-animate.js"></script> <script type="text/javascript" src="lib/angular-animate/angular-animate.js"></script>
<script type="text/javascript" src="lib/angular-bootstrap/ui-bootstrap-tpls.js"></script> <script type="text/javascript" src="lib/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script type="text/javascript" src="lib/angular-loading-bar/build/loading-bar.js"></script> <script type="text/javascript" src="lib/angular-loading-bar/build/loading-bar.js"></script>
<script type="text/javascript" src="lib/angular-translate/angular-translate.js"></script> <script type="text/javascript" src="lib/angular-translate/angular-translate.js"></script>
<script type="text/javascript" src="lib/angular-translate-loader-static-files/angular-translate-loader-static-files.js"></script> <script type="text/javascript" src="lib/angular-translate-loader-static-files/angular-translate-loader-static-files.js"></script>
<script type="text/javascript" src="lib/ngInfiniteScroll/build/ng-infinite-scroll.js"></script> <script type="text/javascript" src="lib/ngInfiniteScroll/build/ng-infinite-scroll.js"></script>
<script type="text/javascript" src="lib/ng-grid/build/ng-grid.js"></script> <script type="text/javascript" src="lib/ng-grid/build/ng-grid.js"></script>
<script type="text/javascript" src="lib/angular-ui-router/release/angular-ui-router.js"></script> <script type="text/javascript" src="lib/angular-ui-router/release/angular-ui-router.js"></script>
<script type="text/javascript" src="lib/angular-ui-utils/ui-utils.js"></script> <script type="text/javascript" src="lib/angular-ui-utils/ui-utils.js"></script>
<script type="text/javascript" src="lib/angular-ui-select2/src/select2.js"></script> <script type="text/javascript" src="lib/angular-ui-select2/src/select2.js"></script>
<script type="text/javascript" src="lib/select2/select2.js"></script> <script type="text/javascript" src="lib/select2/select2.js"></script>
<script type="text/javascript" src="lib/mousetrap/mousetrap.js"></script> <script type="text/javascript" src="lib/mousetrap/mousetrap.js"></script>
<script type="text/javascript" src="lib/momentjs/min/moment-with-locales.js"></script> <script type="text/javascript" src="lib/momentjs/min/moment-with-locales.js"></script>
<script type="text/javascript" src="lib/devicejs/lib/device.js"></script> <script type="text/javascript" src="lib/devicejs/lib/device.js"></script>
<script type="text/javascript" src="lib/tinycon/tinycon.js"></script> <script type="text/javascript" src="lib/tinycon/tinycon.js"></script>
<script type="text/javascript" src="js/controllers.js"></script> <script type="text/javascript" src="js/controllers.js"></script>
<script type="text/javascript" src="js/directives.js"></script> <script type="text/javascript" src="js/directives.js"></script>
<script type="text/javascript" src="js/filters.js"></script> <script type="text/javascript" src="js/filters.js"></script>
<script type="text/javascript" src="js/main.js"></script> <script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/services.js"></script> <script type="text/javascript" src="js/services.js"></script>
<script type="text/javascript" src="js/i18n.js"></script> <script type="text/javascript" src="js/i18n.js"></script>
<script type="text/javascript" src="js/templates.js"></script> <script type="text/javascript" src="js/templates.js"></script>
<!-- endbuild --> <!-- endbuild -->
<script type="text/javascript" src="analytics.js"></script> <script type="text/javascript" src="analytics.js"></script>
</body> </body>
</html> </html>

File diff suppressed because it is too large Load Diff

View File

@@ -1,373 +1,402 @@
var module = angular.module('commafeed.directives', []); var module = angular.module("commafeed.directives", [])
module.directive('focus', ['$timeout', function($timeout) { module.directive("focus", [
return { "$timeout",
restrict : 'A', function ($timeout) {
link : function(scope, element, attrs) { return {
scope.$watch(attrs.focus, function(value) { restrict: "A",
if (!value) link: function (scope, element, attrs) {
return; scope.$watch(attrs.focus, function (value) {
$timeout(function() { if (!value) return
$(element).focus(); $timeout(function () {
}); $(element).focus()
}); })
} })
}; },
}]); }
},
])
module.directive('confirmClick', [function() { module.directive("confirmClick", [
return { function () {
priority : -1, return {
restrict : 'A', priority: -1,
link : function(scope, element, attrs) { restrict: "A",
element.bind('click', function(e) { link: function (scope, element, attrs) {
var message = scope.$eval(attrs.confirmClick); element.bind("click", function (e) {
if (message && !confirm(message)) { var message = scope.$eval(attrs.confirmClick)
e.stopImmediatePropagation(); if (message && !confirm(message)) {
e.preventDefault(); e.stopImmediatePropagation()
} e.preventDefault()
}); }
} })
}; },
}]); }
},
])
/** /**
* Open a popup window pointing to the url in the href attribute * Open a popup window pointing to the url in the href attribute
*/ */
module.directive('popup', function() { module.directive("popup", function () {
var opts = 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=800'; var opts = "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=800"
return { return {
link : function(scope, elm, attrs) { link: function (scope, elm, attrs) {
elm.bind('click', function(event) { elm.bind("click", function (event) {
window.open(this.href, '', opts); window.open(this.href, "", opts)
event.preventDefault(); event.preventDefault()
}); })
} },
}; }
}); })
/** /**
* entry tag handling * entry tag handling
*/ */
module.directive('tags', function() { module.directive("tags", function () {
return { return {
restrict : 'E', restrict: "E",
scope : { scope: {
entry : '=' entry: "=",
}, },
replace : true, replace: true,
templateUrl : 'templates/_tags.html', templateUrl: "templates/_tags.html",
controller : ['$scope', 'EntryService', function($scope, EntryService) { controller: [
$scope.select2Options = { "$scope",
'multiple' : true, "EntryService",
'simple_tags' : true, function ($scope, EntryService) {
'maximumInputLength' : 40, $scope.select2Options = {
tags : EntryService.tags multiple: true,
}; simple_tags: true,
maximumInputLength: 40,
tags: EntryService.tags,
}
$scope.$watch('entry.tags', function(newValue, oldValue) { $scope.$watch(
if (oldValue && newValue != oldValue) { "entry.tags",
var data = { function (newValue, oldValue) {
entryId : $scope.entry.id, if (oldValue && newValue != oldValue) {
tags : [] var data = {
}; entryId: $scope.entry.id,
if (newValue) { tags: [],
data.tags = newValue; }
} if (newValue) {
EntryService.tag(data); data.tags = newValue
} }
}, true); EntryService.tag(data)
}] }
}; },
}); true
)
},
],
}
})
/** /**
* Reusable favicon component * Reusable favicon component
*/ */
module.directive('favicon', function() { module.directive("favicon", function () {
var tpl = '<img ng-src="{{url}}" class="favicon"></img>'; var tpl = '<img ng-src="{{url}}" class="favicon"></img>'
return { return {
restrict : 'E', restrict: "E",
scope : { scope: {
url : '=' url: "=",
}, },
replace : true, replace: true,
template : tpl template: tpl,
}; }
}); })
/** /**
* Support for the blur event * Support for the blur event
*/ */
module.directive('ngBlur', function() { module.directive("ngBlur", function () {
return { return {
restrict : 'A', restrict: "A",
link : function(scope, elm, attrs) { link: function (scope, elm, attrs) {
elm.bind('blur', function() { elm.bind("blur", function () {
scope.$apply(attrs.ngBlur); scope.$apply(attrs.ngBlur)
}); })
} },
}; }
}); })
/** /**
* Prevent mousewheel scrolling from propagating to the parent when scrollbar * Prevent mousewheel scrolling from propagating to the parent when scrollbar
* reaches top or bottom * reaches top or bottom
*/ */
module.directive('mousewheelScrolling', function() { module.directive("mousewheelScrolling", function () {
return { return {
restrict : 'A', restrict: "A",
link : function(scope, elem, attr) { link: function (scope, elem, attr) {
elem.bind('mousewheel', function(e, d) { elem.bind("mousewheel", function (e, d) {
var t = $(this); var t = $(this)
if (d > 0 && t.scrollTop() === 0) { if (d > 0 && t.scrollTop() === 0) {
e.preventDefault(); e.preventDefault()
} else { } else {
if (d < 0 && (t.scrollTop() == t.get(0).scrollHeight - t.innerHeight())) { if (d < 0 && t.scrollTop() == t.get(0).scrollHeight - t.innerHeight()) {
e.preventDefault(); e.preventDefault()
} }
} }
}); })
} },
}; }
}); })
/** /**
* Needed to use recursive directives. Wrap a recursive element with a * Needed to use recursive directives. Wrap a recursive element with a
* <recursive> tag * <recursive> tag
*/ */
module.directive('recursive', ['$compile', function($compile) { module.directive("recursive", [
return { "$compile",
restrict : 'E', function ($compile) {
priority : 100000, return {
compile : function(tElement, tAttr) { restrict: "E",
var contents = tElement.contents().remove(); priority: 100000,
var compiledContents = null; compile: function (tElement, tAttr) {
return function(scope, iElement, iAttr) { var contents = tElement.contents().remove()
if (!compiledContents) { var compiledContents = null
compiledContents = $compile(contents); return function (scope, iElement, iAttr) {
} if (!compiledContents) {
iElement.append(compiledContents(scope, function(clone) { compiledContents = $compile(contents)
return clone; }
})); iElement.append(
}; compiledContents(scope, function (clone) {
} return clone
}; })
}]); )
}
},
}
},
])
/** /**
* Reusable category component * Reusable category component
*/ */
module.directive('category', [function() { module.directive("category", [
return { function () {
scope : { return {
node : '=', scope: {
level : '=', node: "=",
selectedType : '=', level: "=",
selectedId : '=', selectedType: "=",
showLabel : '=', selectedId: "=",
showChildren : '=', showLabel: "=",
unreadCount : '&', showChildren: "=",
tag : '=' unreadCount: "&",
}, tag: "=",
restrict : 'E', },
replace : true, restrict: "E",
templateUrl : 'templates/_category.html', replace: true,
controller : ['$scope', '$state', 'FeedService', 'CategoryService', 'SettingsService', 'MobileService', templateUrl: "templates/_category.html",
function($scope, $state, FeedService, CategoryService, SettingsService, MobileService) { controller: [
$scope.settingsService = SettingsService; "$scope",
"$state",
"FeedService",
"CategoryService",
"SettingsService",
"MobileService",
function ($scope, $state, FeedService, CategoryService, SettingsService, MobileService) {
$scope.settingsService = SettingsService
$scope.getClass = function(level) { $scope.getClass = function (level) {
if ($scope.showLabel) { if ($scope.showLabel) {
return 'indent' + level; return "indent" + level
} }
}; }
$scope.categoryLabel = function(category) { $scope.categoryLabel = function (category) {
return $scope.showLabel !== true ? $scope.showLabel : category.name; return $scope.showLabel !== true ? $scope.showLabel : category.name
}; }
$scope.categoryCountLabel = function(category) { $scope.categoryCountLabel = function (category) {
var count = $scope.unreadCount({ var count = $scope.unreadCount({
category : category category: category,
}); })
var label = ''; var label = ""
if (count > 0) { if (count > 0) {
label += count; label += count
} }
return label; return label
}; }
$scope.feedCountLabel = function(feed) { $scope.feedCountLabel = function (feed) {
var label = ''; var label = ""
if (feed.unread > 0) { if (feed.unread > 0) {
label += feed.unread; label += feed.unread
} }
return label; return label
}; }
$scope.feedClicked = function(id, event) { $scope.feedClicked = function (id, event) {
// Could be called by a middle click // Could be called by a middle click
if (!event || (!event.ctrlKey && event.which == 1)) { if (!event || (!event.ctrlKey && event.which == 1)) {
MobileService.toggleLeftMenu(); MobileService.toggleLeftMenu()
if ($scope.selectedType == 'feed' && id == $scope.selectedId) { if ($scope.selectedType == "feed" && id == $scope.selectedId) {
$scope.$emit('emitReload'); $scope.$emit("emitReload")
} else { } else {
$state.transitionTo('feeds.view', { $state.transitionTo("feeds.view", {
_type : 'feed', _type: "feed",
_id : id _id: id,
}); })
} }
if (event) { if (event) {
event.preventDefault(); event.preventDefault()
event.stopPropagation(); event.stopPropagation()
} }
} }
}; }
$scope.categoryClicked = function(id, isTag) { $scope.categoryClicked = function (id, isTag) {
MobileService.toggleLeftMenu(); MobileService.toggleLeftMenu()
var type = isTag ? 'tag' : 'category'; var type = isTag ? "tag" : "category"
if ($scope.selectedType == type && id == $scope.selectedId) { if ($scope.selectedType == type && id == $scope.selectedId) {
$scope.$emit('emitReload'); $scope.$emit("emitReload")
} else { } else {
$state.transitionTo('feeds.view', { $state.transitionTo("feeds.view", {
_type : type, _type: type,
_id : id _id: id,
}); })
} }
}; }
$scope.showFeedDetails = function(feed) { $scope.showFeedDetails = function (feed) {
$state.transitionTo('feeds.feed_details', { $state.transitionTo("feeds.feed_details", {
_id : feed.id _id: feed.id,
}); })
}; }
$scope.showCategoryDetails = function(id, isTag) { $scope.showCategoryDetails = function (id, isTag) {
if (isTag) { if (isTag) {
$state.transitionTo('feeds.tag_details', { $state.transitionTo("feeds.tag_details", {
_id : id _id: id,
}); })
} else { } else {
$state.transitionTo('feeds.category_details', { $state.transitionTo("feeds.category_details", {
_id : id _id: id,
}); })
} }
}; }
$scope.toggleCategory = function(category, event) { $scope.toggleCategory = function (category, event) {
event.preventDefault(); event.preventDefault()
event.stopPropagation(); event.stopPropagation()
category.expanded = !category.expanded; category.expanded = !category.expanded
if (category.id == 'all') { if (category.id == "all") {
return; return
} }
CategoryService.collapse({ CategoryService.collapse({
id : category.id, id: category.id,
collapse : !category.expanded collapse: !category.expanded,
}); })
}; }
}] },
}; ],
}]); }
},
])
module.directive('draggable', function() { module.directive("draggable", function () {
return { return {
restrict : 'A', restrict: "A",
link : function(scope, element, attrs) { link: function (scope, element, attrs) {
element.draggable({ element
revert : 'invalid', .draggable({
helper : 'clone', revert: "invalid",
distance : 10, helper: "clone",
axis : 'y' distance: 10,
}).data('source', scope.$eval(attrs.draggable)); axis: "y",
} })
}; .data("source", scope.$eval(attrs.draggable))
}); },
}
})
module.directive('droppable', ['CategoryService', 'FeedService', function(CategoryService, FeedService) { module.directive("droppable", [
return { "CategoryService",
restrict : 'A', "FeedService",
link : function(scope, element, attrs) { function (CategoryService, FeedService) {
element.droppable({ return {
tolerance : 'pointer', restrict: "A",
over : function(event, ui) { link: function (scope, element, attrs) {
element.droppable({
tolerance: "pointer",
over: function (event, ui) {},
drop: function (event, ui) {
var draggable = angular.element(ui.draggable)
}, var source = draggable.data("source")
drop : function(event, ui) { var target = scope.$eval(attrs.droppable)
var draggable = angular.element(ui.draggable);
var source = draggable.data('source'); if (angular.equals(source, target)) {
var target = scope.$eval(attrs.droppable); return
}
if (angular.equals(source, target)) { var data = {
return; id: source.id,
} name: source.name,
filter: source.filter,
}
var data = { if (source.children) {
id : source.id, // source is a category
name : source.name, } else {
filter : source.filter // source is a feed
};
if (source.children) { if (target.children) {
// source is a category // target is a category
data.categoryId = target.id
data.position = 0
} else {
// target is a feed
data.categoryId = target.categoryId
data.position = target.position
}
} else { FeedService.modify(data, function () {
// source is a feed CategoryService.init()
})
}
scope.$apply()
},
})
},
}
},
])
if (target.children) { module.directive("metricMeter", function () {
// target is a category return {
data.categoryId = target.id; scope: {
data.position = 0; metric: "=",
} else { label: "=",
// target is a feed },
data.categoryId = target.categoryId; restrict: "E",
data.position = target.position; templateUrl: "templates/_metrics.meter.html",
} }
})
FeedService.modify(data, function() { module.directive("metricGauge", function () {
CategoryService.init(); return {
}); scope: {
} metric: "=",
scope.$apply(); label: "=",
} },
}); restrict: "E",
} templateUrl: "templates/_metrics.gauge.html",
}; }
}]); })
module.directive('metricMeter', function() { module.directive("metricTimer", function () {
return { return {
scope : { scope: {
metric : '=', metric: "=",
label : '=' label: "=",
}, },
restrict : 'E', restrict: "E",
templateUrl : 'templates/_metrics.meter.html' templateUrl: "templates/_metrics.timer.html",
}; }
}); })
module.directive('metricGauge', function() {
return {
scope : {
metric : '=',
label : '='
},
restrict : 'E',
templateUrl : 'templates/_metrics.gauge.html'
};
});
module.directive('metricTimer', function() {
return {
scope : {
metric : '=',
label : '='
},
restrict : 'E',
templateUrl : 'templates/_metrics.timer.html'
};
});

View File

@@ -1,113 +1,119 @@
var module = angular.module('commafeed.filters', []); var module = angular.module("commafeed.filters", [])
/** /**
* smart date formatter * smart date formatter
*/ */
module.filter('entryDate', function() { module.filter("entryDate", function () {
return function(timestamp, defaultValue) { return function (timestamp, defaultValue) {
if (!timestamp) { if (!timestamp) {
return defaultValue; return defaultValue
} }
var d = moment(timestamp); var d = moment(timestamp)
var now = moment(); var now = moment()
var formatted; var formatted
if (Math.abs(d.diff(now)) < 86400000) { if (Math.abs(d.diff(now)) < 86400000) {
formatted = d.fromNow(); formatted = d.fromNow()
} else { } else {
formatted = d.format('YYYY-MM-DD HH:mm'); formatted = d.format("YYYY-MM-DD HH:mm")
} }
return formatted; return formatted
}; }
}); })
/** /**
* rewrites iframes to use https if commafeed uses https * rewrites iframes to use https if commafeed uses https
*/ */
module.filter('iframeHttpsRewrite', function() { module.filter("iframeHttpsRewrite", function () {
return function(html) { return function (html) {
var result = html; var result = html
if (location.protocol === 'https:') { if (location.protocol === "https:") {
var wrapper = $('<div></div>').html(html); var wrapper = $("<div></div>").html(html)
$('iframe', wrapper).each(function(i, elem) { $("iframe", wrapper).each(function (i, elem) {
var e = $(elem); var e = $(elem)
e.attr('src', e.attr('src').replace(/^http:\/\//i, 'https://')); e.attr("src", e.attr("src").replace(/^http:\/\//i, "https://"))
}); })
result = wrapper.html(); result = wrapper.html()
} }
return result; return result
}; }
}); })
/** /**
* inserts title or alt-text after images, if any * inserts title or alt-text after images, if any
*/ */
module.filter('appendImageTitles', function() { module.filter("appendImageTitles", function () {
return function(html) { return function (html) {
var result = html; var result = html
var wrapper = $('<div></div>').html(html); var wrapper = $("<div></div>").html(html)
$('img', wrapper).each(function(i, elem) { $("img", wrapper).each(function (i, elem) {
var e = $(elem); var e = $(elem)
var title = e.attr('title') || e.attr('alt'); var title = e.attr("title") || e.attr("alt")
if (title) { if (title) {
var text = $('<span style="font-style: italic;"></span>').text(title); var text = $('<span style="font-style: italic;"></span>').text(title)
e.after(text); e.after(text)
} }
}); })
result = wrapper.html(); result = wrapper.html()
return result; return result
}; }
}); })
/** /**
* escapes the url * escapes the url
*/ */
module.filter('escape', function() { module.filter("escape", function () {
return encodeURIComponent; return encodeURIComponent
}); })
/** /**
* returns a trusted html content * returns a trusted html content
*/ */
module.filter('trustHtml', ['$sce', function($sce) { module.filter("trustHtml", [
return function(val) { "$sce",
return $sce.trustAsHtml(val); function ($sce) {
}; return function (val) {
}]); return $sce.trustAsHtml(val)
}
},
])
/** /**
* returns a trusted url * returns a trusted url
*/ */
module.filter('trustUrl', ['$sce', function($sce) { module.filter("trustUrl", [
return function(val) { "$sce",
return $sce.trustAsResourceUrl(val); function ($sce) {
}; return function (val) {
}]); return $sce.trustAsResourceUrl(val)
}
},
])
/** /**
* add the 'highlight-search' class to text matching keywords * add the 'highlight-search' class to text matching keywords
*/ */
module.filter('highlight', function() { module.filter("highlight", function () {
return function(html, keywords) { return function (html, keywords) {
if (keywords) { if (keywords) {
var handleKeyword = function(token, html) { var handleKeyword = function (token, html) {
var expr = new RegExp(token, 'gi'); var expr = new RegExp(token, "gi")
var container = $('<span>').html(html); var container = $("<span>").html(html)
var elements = container.find('*').addBack(); var elements = container.find("*").addBack()
var textNodes = elements.not('iframe').contents().not(elements); var textNodes = elements.not("iframe").contents().not(elements)
textNodes.each(function() { textNodes.each(function () {
var replaced = this.nodeValue.replace(expr, '<span class="highlight-search">$&</span>'); var replaced = this.nodeValue.replace(expr, '<span class="highlight-search">$&</span>')
$('<span>').html(replaced).insertBefore(this); $("<span>").html(replaced).insertBefore(this)
$(this).remove(); $(this).remove()
}); })
return container.html(); return container.html()
}; }
var tokens = keywords.split(' '); var tokens = keywords.split(" ")
for (var i = 0; i < tokens.length; i++) { for (var i = 0; i < tokens.length; i++) {
html = handleKeyword(tokens[i], html); html = handleKeyword(tokens[i], html)
} }
} }
return html; return html
}; }
}); })

View File

@@ -1,35 +1,37 @@
var module = angular.module('commafeed.i18n', []); var module = angular.module("commafeed.i18n", [])
module.service('LangService', [function() { module.service("LangService", [
this.langs = { function () {
'ar': 'العربية', this.langs = {
'ca': 'Català', ar: "العربية",
'en': 'English', ca: "Català",
'es': 'Español', en: "English",
'de': 'Deutsch', es: "Español",
'fa': 'فارسی', de: "Deutsch",
'fr': 'Français', fa: "فارسی",
'gl': 'Galician', fr: "Français",
'glk': 'گیلکی', gl: "Galician",
'hu': 'Magyar', glk: "گیلکی",
'id': 'Indonesian', hu: "Magyar",
'ja': '日本語', id: "Indonesian",
'ko': '한국어', ja: "日本語",
'nl': 'Nederlands', ko: "한국어",
'nb': 'Norsk (bokmål)', nl: "Nederlands",
'nn': 'Norsk (nynorsk)', nb: "Norsk (bokmål)",
'pt': 'Português', nn: "Norsk (nynorsk)",
'pl': 'Polski', pt: "Português",
'ru': 'Русский', pl: "Polski",
'fi': 'Suomi', ru: "Русский",
'sv': 'Svenska', fi: "Suomi",
'zh': '简体中文', sv: "Svenska",
'it': 'Italiano', zh: "简体中文",
'tr': 'Türkçe', it: "Italiano",
'cy': 'Cymraeg', tr: "Türkçe",
'sk': 'Slovenčina', cy: "Cymraeg",
'da': 'Danish', sk: "Slovenčina",
'cs': 'Čeština', da: "Danish",
'ms': 'Bahasa Malaysian' cs: "Čeština",
} ms: "Bahasa Malaysian",
}]); }
},
])

View File

@@ -1,145 +1,172 @@
var app = angular.module('commafeed', ['ngRoute', 'ngTouch', 'ngAnimate', 'ui.utils', 'ui.bootstrap', 'ui.router', 'ui.select2', var app = angular.module("commafeed", [
'commafeed.directives', 'commafeed.controllers', 'commafeed.services', 'commafeed.filters', 'commafeed.i18n', 'ngSanitize', "ngRoute",
'infinite-scroll', 'ngGrid', 'chieffancypants.loadingBar', 'pascalprecht.translate']); "ngTouch",
"ngAnimate",
"ui.utils",
"ui.bootstrap",
"ui.router",
"ui.select2",
"commafeed.directives",
"commafeed.controllers",
"commafeed.services",
"commafeed.filters",
"commafeed.i18n",
"ngSanitize",
"infinite-scroll",
"ngGrid",
"chieffancypants.loadingBar",
"pascalprecht.translate",
])
app.config([ app.config([
'$routeProvider', "$routeProvider",
'$stateProvider', "$stateProvider",
'$urlRouterProvider', "$urlRouterProvider",
'$httpProvider', "$httpProvider",
'$compileProvider', "$compileProvider",
'cfpLoadingBarProvider', "cfpLoadingBarProvider",
'$translateProvider', "$translateProvider",
function($routeProvider, $stateProvider, $urlRouterProvider, $httpProvider, $compileProvider, cfpLoadingBarProvider, function (
$translateProvider) { $routeProvider,
$stateProvider,
$urlRouterProvider,
$httpProvider,
$compileProvider,
cfpLoadingBarProvider,
$translateProvider
) {
$translateProvider.useStaticFilesLoader({
prefix: "i18n/",
suffix: ".js",
})
$translateProvider.preferredLanguage("en")
$translateProvider.useStaticFilesLoader({ cfpLoadingBarProvider.includeSpinner = false
prefix : 'i18n/',
suffix : '.js'
});
$translateProvider.preferredLanguage('en');
cfpLoadingBarProvider.includeSpinner = false; $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|javascript):/)
var interceptor = [
"$rootScope",
"$q",
"$injector",
function (scope, $q, $injector) {
var f = {}
$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|javascript):/); f.response = function (response) {
var interceptor = ['$rootScope', '$q', '$injector', function(scope, $q, $injector) { return response
var f = {}; }
f.response = function(response) { f.responseError = function (response) {
return response; var status = response.status
}; if (status == 401) {
$injector.get("$state").transitionTo("welcome")
}
return $q.reject(response)
}
return f
},
]
f.responseError = function(response) { $httpProvider.interceptors.push(interceptor)
var status = response.status;
if (status == 401) {
$injector.get('$state').transitionTo('welcome');
}
return $q.reject(response);
};
return f;
}];
$httpProvider.interceptors.push(interceptor); $stateProvider.state("feeds", {
abstract: true,
url: "/feeds",
templateUrl: "templates/feeds.html",
})
$stateProvider.state("feeds.view", {
url: "/view/:_type/:_id",
templateUrl: "templates/feeds.view.html",
controller: "FeedListCtrl",
})
$stateProvider.state("feeds.subscribe", {
url: "/subscribe",
templateUrl: "templates/feeds.subscribe.html",
controller: "SubscribeCtrl",
})
$stateProvider.state("feeds.new_category", {
url: "/add_category",
templateUrl: "templates/feeds.new_category.html",
controller: "NewCategoryCtrl",
})
$stateProvider.state("feeds.import", {
url: "/import",
templateUrl: "templates/feeds.import.html",
controller: "ImportCtrl",
})
$stateProvider.state("feeds.search", {
url: "/search/:_keywords",
templateUrl: "templates/feeds.view.html",
controller: "FeedListCtrl",
})
$stateProvider.state("feeds.feed_details", {
url: "/details/feed/:_id",
templateUrl: "templates/feeds.feed_details.html",
controller: "FeedDetailsCtrl",
})
$stateProvider.state("feeds.category_details", {
url: "/details/category/:_id",
templateUrl: "templates/feeds.category_details.html",
controller: "CategoryDetailsCtrl",
})
$stateProvider.state("feeds.tag_details", {
url: "/details/tag/:_id",
templateUrl: "templates/feeds.tag_details.html",
controller: "TagDetailsCtrl",
})
$stateProvider.state("feeds.help", {
url: "/help",
templateUrl: "templates/feeds.help.html",
controller: "HelpController",
})
$stateProvider.state("feeds.settings", {
url: "/settings",
templateUrl: "templates/settings.html",
controller: "SettingsCtrl",
})
$stateProvider.state("feeds.profile", {
url: "/profile",
templateUrl: "templates/profile.html",
controller: "ProfileCtrl",
})
$stateProvider.state('feeds', { $stateProvider.state("admin", {
'abstract' : true, abstract: true,
url : '/feeds', url: "/admin",
templateUrl : 'templates/feeds.html' templateUrl: "templates/admin.html",
}); })
$stateProvider.state('feeds.view', { $stateProvider.state("admin.userlist", {
url : '/view/:_type/:_id', url: "/user/list",
templateUrl : 'templates/feeds.view.html', templateUrl: "templates/admin.userlist.html",
controller : 'FeedListCtrl' controller: "ManageUsersCtrl",
}); })
$stateProvider.state('feeds.subscribe', { $stateProvider.state("admin.useradd", {
url : '/subscribe', url: "/user/add",
templateUrl : 'templates/feeds.subscribe.html', templateUrl: "templates/admin.useradd.html",
controller : 'SubscribeCtrl' controller: "ManageUserCtrl",
}); })
$stateProvider.state('feeds.new_category', { $stateProvider.state("admin.useredit", {
url : '/add_category', url: "/user/edit/:_id",
templateUrl : 'templates/feeds.new_category.html', templateUrl: "templates/admin.useredit.html",
controller : 'NewCategoryCtrl' controller: "ManageUserCtrl",
}); })
$stateProvider.state('feeds.import', { $stateProvider.state("admin.settings", {
url : '/import', url: "/settings",
templateUrl : 'templates/feeds.import.html', templateUrl: "templates/admin.settings.html",
controller : 'ImportCtrl' controller: "ManageSettingsCtrl",
}); })
$stateProvider.state('feeds.search', { $stateProvider.state("admin.metrics", {
url : '/search/:_keywords', url: "/metrics",
templateUrl : 'templates/feeds.view.html', templateUrl: "templates/admin.metrics.html",
controller : 'FeedListCtrl' controller: "MetricsCtrl",
}); })
$stateProvider.state('feeds.feed_details', {
url : '/details/feed/:_id',
templateUrl : 'templates/feeds.feed_details.html',
controller : 'FeedDetailsCtrl'
});
$stateProvider.state('feeds.category_details', {
url : '/details/category/:_id',
templateUrl : 'templates/feeds.category_details.html',
controller : 'CategoryDetailsCtrl'
});
$stateProvider.state('feeds.tag_details', {
url : '/details/tag/:_id',
templateUrl : 'templates/feeds.tag_details.html',
controller : 'TagDetailsCtrl'
});
$stateProvider.state('feeds.help', {
url : '/help',
templateUrl : 'templates/feeds.help.html',
controller : 'HelpController'
});
$stateProvider.state('feeds.settings', {
url : '/settings',
templateUrl : 'templates/settings.html',
controller : 'SettingsCtrl'
});
$stateProvider.state('feeds.profile', {
url : '/profile',
templateUrl : 'templates/profile.html',
controller : 'ProfileCtrl'
});
$stateProvider.state('admin', { $stateProvider.state("welcome", {
'abstract' : true, url: "/welcome",
url : '/admin', templateUrl: "templates/welcome.html",
templateUrl : 'templates/admin.html' })
});
$stateProvider.state('admin.userlist', {
url : '/user/list',
templateUrl : 'templates/admin.userlist.html',
controller : 'ManageUsersCtrl'
});
$stateProvider.state('admin.useradd', {
url : '/user/add',
templateUrl : 'templates/admin.useradd.html',
controller : 'ManageUserCtrl'
});
$stateProvider.state('admin.useredit', {
url : '/user/edit/:_id',
templateUrl : 'templates/admin.useredit.html',
controller : 'ManageUserCtrl'
});
$stateProvider.state('admin.settings', {
url : '/settings',
templateUrl : 'templates/admin.settings.html',
controller : 'ManageSettingsCtrl'
});
$stateProvider.state('admin.metrics', {
url : '/metrics',
templateUrl : 'templates/admin.metrics.html',
controller : 'MetricsCtrl'
});
$stateProvider.state('welcome', { $urlRouterProvider.when("/", "/feeds/view/category/all")
url : '/welcome', $urlRouterProvider.when("/admin", "/admin/settings")
templateUrl : 'templates/welcome.html' $urlRouterProvider.otherwise("/")
}); },
])
$urlRouterProvider.when('/', '/feeds/view/category/all');
$urlRouterProvider.when('/admin', '/admin/settings');
$urlRouterProvider.otherwise('/');
}]);

View File

@@ -1,336 +1,375 @@
var module = angular.module('commafeed.services', ['ngResource']); var module = angular.module("commafeed.services", ["ngResource"])
module.service('AnalyticsService', ['$state', function($state) { module.service("AnalyticsService", [
this.track = function(path) { "$state",
if (typeof ga === 'undefined') { function ($state) {
return; this.track = function (path) {
} if (typeof ga === "undefined") {
path = path || $state.$current.url.prefix; return
ga('send', 'pageview', { }
page : path path = path || $state.$current.url.prefix
}); ga("send", "pageview", {
}; page: path,
}]); })
}
},
])
module.service('MobileService', ['$state', function($state) { module.service("MobileService", [
this.leftMenu = false; "$state",
this.rightMenu = false; function ($state) {
this.toggleLeftMenu = function() { this.leftMenu = false
this.leftMenu = !this.leftMenu; this.rightMenu = false
$('body').toggleClass('left-menu-active'); this.toggleLeftMenu = function () {
}; this.leftMenu = !this.leftMenu
this.toggleRightMenu = function() { $("body").toggleClass("left-menu-active")
this.rightMenu = !this.rightMenu; }
$('body').toggleClass('right-menu-active'); this.toggleRightMenu = function () {
}; this.rightMenu = !this.rightMenu
this.mobile = device.mobile() || device.tablet(); $("body").toggleClass("right-menu-active")
}]); }
this.mobile = device.mobile() || device.tablet()
},
])
module.factory('ProfileService', ['$resource', function($resource) { module.factory("ProfileService", [
var res = $resource('rest/user/profile/'); "$resource",
res.deleteAccount = $resource('rest/user/profile/deleteAccount').save; function ($resource) {
return res; var res = $resource("rest/user/profile/")
}]); res.deleteAccount = $resource("rest/user/profile/deleteAccount").save
return res
},
])
module.factory('SessionService', ['$resource', function($resource) { module.factory("SessionService", [
var res = {}; "$resource",
res.login = $resource('rest/user/login').save; function ($resource) {
res.register = $resource('rest/user/register').save; var res = {}
res.passwordReset = $resource('rest/user/passwordReset').save; res.login = $resource("rest/user/login").save
return res; res.register = $resource("rest/user/register").save
}]); res.passwordReset = $resource("rest/user/passwordReset").save
return res
},
])
module.factory('SettingsService', ['$resource', '$translate', function($resource, $translate) { module.factory("SettingsService", [
var res = $resource('rest/user/settings'); "$resource",
"$translate",
function ($resource, $translate) {
var res = $resource("rest/user/settings")
var s = {}; var s = {}
s.settings = {}; s.settings = {}
s.save = function(callback) { s.save = function (callback) {
res.save(s.settings, function(data) { res.save(s.settings, function (data) {
if (callback) { if (callback) {
callback(data); callback(data)
} }
}); })
}; }
s.init = function(callback) { s.init = function (callback) {
res.get(function(data) { res.get(function (data) {
s.settings = data; s.settings = data
var lang = s.settings.language || 'en'; var lang = s.settings.language || "en"
$translate.use(lang); $translate.use(lang)
if (lang === 'zh') { if (lang === "zh") {
lang = 'zh-cn'; lang = "zh-cn"
} else if (lang === 'ms') { } else if (lang === "ms") {
lang = 'ms-my'; lang = "ms-my"
} }
moment.locale(lang, {}); moment.locale(lang, {})
if (callback) { if (callback) {
callback(data); callback(data)
} }
}); })
}; }
s.init(); s.init()
return s; return s
}]); },
])
module.factory('FeedService', ['$resource', '$http', function($resource, $http) { module.factory("FeedService", [
var actions = { "$resource",
entries : { "$http",
method : 'GET', function ($resource, $http) {
params : { var actions = {
_method : 'entries' entries: {
} method: "GET",
}, params: {
fetch : { _method: "entries",
method : 'POST', },
params : { },
_method : 'fetch' fetch: {
} method: "POST",
}, params: {
mark : { _method: "fetch",
method : 'POST', },
params : { },
_method : 'mark' mark: {
} method: "POST",
}, params: {
refresh : { _method: "mark",
method : 'POST', },
params : { },
_method : 'refresh' refresh: {
} method: "POST",
}, params: {
refreshAll : { _method: "refresh",
method : 'GET', },
params : { },
_method : 'refreshAll' refreshAll: {
} method: "GET",
}, params: {
subscribe : { _method: "refreshAll",
method : 'POST', },
params : { },
_method : 'subscribe' subscribe: {
} method: "POST",
}, params: {
unsubscribe : { _method: "subscribe",
method : 'POST', },
params : { },
_method : 'unsubscribe' unsubscribe: {
} method: "POST",
}, params: {
modify : { _method: "unsubscribe",
method : 'POST', },
params : { },
_method : 'modify' modify: {
} method: "POST",
} params: {
}; _method: "modify",
var res = $resource('rest/feed/:_method', {}, actions); },
res.get = $resource('rest/feed/get/:id').get; },
return res; }
}]); var res = $resource("rest/feed/:_method", {}, actions)
res.get = $resource("rest/feed/get/:id").get
return res
},
])
module.factory('CategoryService', ['$resource', '$http', function($resource, $http) { module.factory("CategoryService", [
"$resource",
"$http",
function ($resource, $http) {
var traverse = function (callback, category, parentName) {
callback(category, parentName)
var children = category.children
if (children) {
for (var c = 0; c < children.length; c++) {
traverse(callback, children[c], category.name)
}
}
}
var traverse = function(callback, category, parentName) { // flatten categories
callback(category, parentName); var flatten = function (category) {
var children = category.children; var array = []
if (children) { var callback = function (category, parentName) {
for (var c = 0; c < children.length; c++) { var name = category.name
traverse(callback, children[c], category.name); if (parentName) {
} name += " (in " + parentName + ")"
} }
}; array.push({
id: category.id,
name: name,
orig: category,
})
}
traverse(callback, category)
return array
}
// flatten categories // flatten feeds
var flatten = function(category) { var flatFeeds = function (category) {
var array = []; var subs = []
var callback = function(category, parentName) { var callback = function (category) {
var name = category.name; subs.push.apply(subs, category.feeds)
if (parentName) { }
name += (' (in ' + parentName + ')'); traverse(callback, category)
} return subs
array.push({ }
id : category.id,
name : name,
orig : category
});
};
traverse(callback, category);
return array;
};
// flatten feeds // flatten everything
var flatFeeds = function(category) { var flatAll = function (category, a) {
var subs = []; a.push([category.id, "category"])
var callback = function(category) { _.each(category.children, function (child) {
subs.push.apply(subs, category.feeds); flatAll(child, a)
}; })
traverse(callback, category); _.each(category.feeds, function (feed) {
return subs; a.push([feed.id, "feed"])
}; })
}
// flatten everything var actions = {
var flatAll = function(category, a) { get: {
a.push([category.id, 'category']); method: "GET",
_.each(category.children, function(child) { ignoreLoadingBar: true,
flatAll(child, a); params: {
}); _method: "get",
_.each(category.feeds, function(feed) { },
a.push([feed.id, 'feed']); },
}); entries: {
}; method: "GET",
params: {
_method: "entries",
},
},
mark: {
method: "POST",
params: {
_method: "mark",
},
},
add: {
method: "POST",
params: {
_method: "add",
},
},
remove: {
method: "POST",
params: {
_method: "delete",
},
},
modify: {
method: "POST",
params: {
_method: "modify",
},
},
collapse: {
method: "POST",
params: {
_method: "collapse",
},
},
}
var res = $resource("rest/category/:_method", {}, actions)
res.subscriptions = {}
res.flatCategories = {}
res.feeds = []
var actions = { res.init = function (callback) {
get : { res.get(function (data) {
method : 'GET', res.subscriptions = data
ignoreLoadingBar : true, res.flatCategories = flatten(data)
params : { res.feeds = flatFeeds(data)
_method : 'get'
}
},
entries : {
method : 'GET',
params : {
_method : 'entries'
}
},
mark : {
method : 'POST',
params : {
_method : 'mark'
}
},
add : {
method : 'POST',
params : {
_method : 'add'
}
},
remove : {
method : 'POST',
params : {
_method : 'delete'
}
},
modify : {
method : 'POST',
params : {
_method : 'modify'
}
},
collapse : {
method : 'POST',
params : {
_method : 'collapse'
}
}
};
var res = $resource('rest/category/:_method', {}, actions);
res.subscriptions = {};
res.flatCategories = {};
res.feeds = [];
res.init = function(callback) { res.flatAll = []
res.get(function(data) { flatAll(data, res.flatAll)
res.subscriptions = data; res.flatAll.splice(1, 0, ["starred", "category"])
res.flatCategories = flatten(data);
res.feeds = flatFeeds(data);
res.flatAll = []; if (callback) callback(data)
flatAll(data, res.flatAll); })
res.flatAll.splice(1, 0, ['starred', 'category']); }
res.refresh = function (success, error) {
res.get(
function (data) {
_.merge(res.subscriptions, data)
if (success) success(data)
},
function (data) {
if (error) error(data)
}
)
}
if (callback) res.init()
callback(data); return res
}); },
}; ])
res.refresh = function(success, error) {
res.get(function(data) {
_.merge(res.subscriptions, data);
if (success)
success(data);
}, function(data) {
if (error)
error(data);
});
};
res.init(); module.factory("EntryService", [
return res; "$resource",
}]); "$http",
function ($resource, $http) {
var actions = {
search: {
method: "GET",
params: {
_method: "search",
},
},
mark: {
method: "POST",
ignoreLoadingBar: true,
params: {
_method: "mark",
},
},
markMultiple: {
method: "POST",
params: {
_method: "markMultiple",
},
},
star: {
method: "POST",
params: {
_method: "star",
},
},
tag: {
method: "POST",
params: {
_method: "tag",
},
},
}
var res = $resource("rest/entry/:_method", {}, actions)
res.tags = []
var initTags = function () {
$http.get("rest/entry/tags").success(function (data) {
res.tags = []
res.tags.push.apply(res.tags, data)
res.tags.sort()
})
}
var oldTag = res.tag
res.tag = function (data) {
oldTag(data, function () {
initTags()
})
}
initTags()
return res
},
])
module.factory('EntryService', ['$resource', '$http', function($resource, $http) { module.factory("AdminUsersService", [
var actions = { "$resource",
search : { function ($resource) {
method : 'GET', var res = {}
params : { res.get = $resource("rest/admin/user/get/:id").get
_method : 'search' res.getAll = $resource("rest/admin/user/getAll").query
} res.save = $resource("rest/admin/user/save").save
}, res.remove = $resource("rest/admin/user/delete").save
mark : { return res
method : 'POST', },
ignoreLoadingBar : true, ])
params : {
_method : 'mark'
}
},
markMultiple : {
method : 'POST',
params : {
_method : 'markMultiple'
}
},
star : {
method : 'POST',
params : {
_method : 'star'
}
},
tag : {
method : 'POST',
params : {
_method : 'tag'
}
}
};
var res = $resource('rest/entry/:_method', {}, actions);
res.tags = [];
var initTags = function() {
$http.get('rest/entry/tags').success(function(data) {
res.tags = [];
res.tags.push.apply(res.tags, data);
res.tags.sort();
});
};
var oldTag = res.tag;
res.tag = function(data) {
oldTag(data, function() {
initTags();
});
};
initTags();
return res;
}]);
module.factory('AdminUsersService', ['$resource', function($resource) { module.factory("AdminSettingsService", [
var res = {}; "$resource",
res.get = $resource('rest/admin/user/get/:id').get; function ($resource) {
res.getAll = $resource('rest/admin/user/getAll').query; var res = $resource("rest/admin/settings/")
res.save = $resource('rest/admin/user/save').save; return res
res.remove = $resource('rest/admin/user/delete').save; },
return res; ])
}]);
module.factory('AdminSettingsService', ['$resource', function($resource) { module.factory("AdminMetricsService", [
var res = $resource('rest/admin/settings/'); "$resource",
return res; function ($resource) {
}]); var res = $resource("rest/admin/metrics/")
return res
},
])
module.factory('AdminMetricsService', ['$resource', function($resource) { module.factory("ServerService", [
var res = $resource('rest/admin/metrics/'); "$resource",
return res; function ($resource) {
}]); var res = $resource("rest/server/get")
return res
module.factory('ServerService', ['$resource', function($resource) { },
var res = $resource('rest/server/get'); ])
return res;
}]);

View File

@@ -1,7 +1,7 @@
$(function() { $(function () {
var reg = $('#register-panel'); var reg = $("#register-panel")
if (!reg) { if (!reg) {
return; return
} }
$('#login-panel').height(reg.height()); $("#login-panel").height(reg.height())
}); })

View File

@@ -1,31 +1,31 @@
{ {
"name": "CommaFeed", "name": "CommaFeed",
"icons": [ "icons": [
{ {
"src": "app-icon-72.png", "src": "app-icon-72.png",
"sizes": "72x72", "sizes": "72x72",
"type": "image/png", "type": "image/png",
"density": "1.5" "density": "1.5"
}, },
{ {
"src": "app-icon-114.png", "src": "app-icon-114.png",
"sizes": "96x96", "sizes": "96x96",
"type": "image/png", "type": "image/png",
"density": "2.0" "density": "2.0"
}, },
{ {
"src": "app-icon-144.png", "src": "app-icon-144.png",
"sizes": "144x144", "sizes": "144x144",
"type": "image/png", "type": "image/png",
"density": "3.0" "density": "3.0"
}, },
{ {
"src": "app-icon-192.png", "src": "app-icon-192.png",
"sizes": "192x192", "sizes": "192x192",
"type": "image/png", "type": "image/png",
"density": "4.0" "density": "4.0"
} }
], ],
"start_url": "/", "start_url": "/",
"display": "standalone" "display": "standalone"
} }

View File

@@ -1,38 +1,66 @@
<li> <li>
<div class="pointer tree-item" ng-if="showLabel" ng-class="getClass(level - 1)" droppable="node"> <div class="pointer tree-item" ng-if="showLabel" ng-class="getClass(level - 1)" droppable="node">
<div class="dropdown pull-right"> <div class="dropdown pull-right">
<div class="pull-right" ng-click="showCategoryDetails(node.id, node.isTag)"> <div class="pull-right" ng-click="showCategoryDetails(node.id, node.isTag)">
<i class="icon-wrench config pointer"></i> <i class="icon-wrench config pointer"></i>
</div> </div>
</div> </div>
<div class="category-link" ng-click="categoryClicked(node.id, node.isTag)" ng-dblclick="showCategoryDetails(node.id, node.isTag)"> <div class="category-link" ng-click="categoryClicked(node.id, node.isTag)" ng-dblclick="showCategoryDetails(node.id, node.isTag)">
<span class="fldr"> <span class="fldr">
<i ng-class="{'icon-caret-right': !node.expanded, 'icon-caret-down': node.expanded}" ng-click="toggleCategory(node, $event)" <i
ng-show="showChildren"></i> ng-class="{'icon-caret-right': !node.expanded, 'icon-caret-down': node.expanded}"
<i ng-class="{'icon-star' : node.id == 'starred', 'icon-inbox': node.id == 'all', 'icon-tag' : node.isTag}" ng-show="!showChildren"></i> ng-click="toggleCategory(node, $event)"
</span> ng-show="showChildren"
<span ng-class="{selected: (node.id == selectedId && (node.isTag ? selectedType == 'tag' : selectedType == 'category'))}"> ></i>
<span ng-class="{unread: unreadCount({category:node})}" class="bidi-embed">{{categoryLabel(node)}}</span> <i
<span class="unread-counter">{{categoryCountLabel(node)}}</span> ng-class="{'icon-star' : node.id == 'starred', 'icon-inbox': node.id == 'all', 'icon-tag' : node.isTag}"
</span> ng-show="!showChildren"
</div> ></i>
</div> </span>
<ul ng-show="node.expanded && showChildren"> <span ng-class="{selected: (node.id == selectedId && (node.isTag ? selectedType == 'tag' : selectedType == 'category'))}">
<recursive> <category ng-repeat="child in node.children" <span ng-class="{unread: unreadCount({category:node})}" class="bidi-embed">{{categoryLabel(node)}}</span>
ng-show="settingsService.settings.showRead == true || unreadCount({category:node}) > 0" node="child" level="level + 1" <span class="unread-counter">{{categoryCountLabel(node)}}</span>
selected-type="selectedType" selected-id="selectedId" show-label="true" show-children="true" </span>
unread-count="unreadCount({category:category})"> </category> </recursive> </div>
<li ng-repeat="feed in node.feeds" ng-class="getClass(level)" class="tree-item" draggable="feed" droppable="feed" </div>
ng-show="settingsService.settings.showRead == true || feed.unread > 0"> <ul ng-show="node.expanded && showChildren">
<div class="pull-right" ng-click="showFeedDetails(feed)"> <recursive>
<i class="icon-wrench config pointer"></i> <category
</div> ng-repeat="child in node.children"
<a ng-click="feedClicked(feed.id, $event)" ng-dblclick="showFeedDetails(feed)" class="feed-link" href="{{feed.feedLink}}" target="_blank" ng-show="settingsService.settings.showRead == true || unreadCount({category:node}) > 0"
ng-class="{error: feed.message && feed.errorCount > 10, selected: (feed.id == selectedId && selectedType == 'feed') }"> node="child"
<favicon url="feed.iconUrl" /> level="level + 1"
<span ng-class="{unread: feed.unread}" class="bidi-embed">{{feed.name}}</span> selected-type="selectedType"
<span class="unread-counter">{{feedCountLabel(feed)}}</span> selected-id="selectedId"
</a> show-label="true"
</li> show-children="true"
</ul> unread-count="unreadCount({category:category})"
>
</category>
</recursive>
<li
ng-repeat="feed in node.feeds"
ng-class="getClass(level)"
class="tree-item"
draggable="feed"
droppable="feed"
ng-show="settingsService.settings.showRead == true || feed.unread > 0"
>
<div class="pull-right" ng-click="showFeedDetails(feed)">
<i class="icon-wrench config pointer"></i>
</div>
<a
ng-click="feedClicked(feed.id, $event)"
ng-dblclick="showFeedDetails(feed)"
class="feed-link"
href="{{feed.feedLink}}"
target="_blank"
ng-class="{error: feed.message && feed.errorCount > 10, selected: (feed.id == selectedId && selectedType == 'feed') }"
>
<favicon url="feed.iconUrl" />
<span ng-class="{unread: feed.unread}" class="bidi-embed">{{feed.name}}</span>
<span class="unread-counter">{{feedCountLabel(feed)}}</span>
</a>
</li>
</ul>
</li> </li>

View File

@@ -1,29 +1,33 @@
<div ng-controller="FeedSearchCtrl"> <div ng-controller="FeedSearchCtrl">
<div modal="feedSearchModal" close="close()" options="{dialogClass: 'modal feed-search-dialog'}"> <div modal="feedSearchModal" close="close()" options="{dialogClass: 'modal feed-search-dialog'}">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" ng-click="close()">&times;</button> <button type="button" class="close" ng-click="close()">&times;</button>
<h4> <h4>
<input ng-model="filter" class="filter-input" <input
ui-keydown="{'up': 'focusPrevious($event)', 'down': 'focusNext($event)', 'enter': 'openFocused()' }" placeholder="{{'feedsearch.hint' | translate}}" ng-model="filter"
focus="feedSearchModal"> class="filter-input"
</h4> ui-keydown="{'up': 'focusPrevious($event)', 'down': 'focusNext($event)', 'enter': 'openFocused()' }"
<small>{{ 'feedsearch.help' | translate }}</small> placeholder="{{'feedsearch.hint' | translate}}"
</div> focus="feedSearchModal"
<div class="modal-body"> />
<strong>{{ 'feedsearch.result_prefix' | translate }}</strong> </h4>
<span ng-repeat="feed in (filtered = (CategoryService.feeds | filter:{name: filter} | limitTo:40))"> <small>{{ 'feedsearch.help' | translate }}</small>
<span ng-class="{block: filter, focus: focus.id == feed.id}" class="feed-link"> </div>
<a class=" pointer" ng-click="goToFeed(feed.id)"> <div class="modal-body">
<favicon url="feed.iconUrl" /> <strong>{{ 'feedsearch.result_prefix' | translate }}</strong>
&nbsp;{{feed.name}} <span ng-repeat="feed in (filtered = (CategoryService.feeds | filter:{name: filter} | limitTo:40))">
</a> <span ng-class="{block: filter, focus: focus.id == feed.id}" class="feed-link">
<span ng-show="!filter && !$last">&bull;</span> <a class="pointer" ng-click="goToFeed(feed.id)">
</span> <favicon url="feed.iconUrl" />
</span> &nbsp;{{feed.name}}
</div> </a>
</div> <span ng-show="!filter && !$last">&bull;</span>
</div> </span>
</div> </span>
</div>
</div>
</div>
</div>
</div> </div>

View File

@@ -1,3 +1,3 @@
<div ng-controller="FooterController"> <div ng-controller="FooterController">
<iframe ng-if="subToMeUrl" style="display: none;" ng-src='{{subToMeUrl}}'></iframe> <iframe ng-if="subToMeUrl" style="display: none" ng-src="{{subToMeUrl}}"></iframe>
</div> </div>

View File

@@ -1,4 +1,4 @@
<div> <div>
<span>{{label}}</span> <span>{{label}}</span>
<span>{{metric.value}}</span> <span>{{metric.value}}</span>
</div> </div>

View File

@@ -1,14 +1,13 @@
<div> <div>
<span>{{label}}</span> <span>{{label}}</span>
<dl class="dl-horizontal"> <dl class="dl-horizontal">
<dt>Mean</dt> <dt>Mean</dt>
<dd>{{metric.mean_rate | number:2}}</dd> <dd>{{metric.mean_rate | number:2}}</dd>
<dt>1/5/15 min</dt> <dt>1/5/15 min</dt>
<dd>{{metric.m1_rate | number:2}} {{metric.m5_rate | number:2}} {{metric.m15_rate | number:2}}</dd> <dd>{{metric.m1_rate | number:2}} {{metric.m5_rate | number:2}} {{metric.m15_rate | number:2}}</dd>
<dt>Total</dt> <dt>Total</dt>
<dd>{{metric.count}}</dd> <dd>{{metric.count}}</dd>
</dl>
</dl>
</div> </div>

View File

@@ -1,17 +1,16 @@
<div> <div>
<span>{{label}}</span> <span>{{label}}</span>
<dl class="dl-horizontal"> <dl class="dl-horizontal">
<dt>Mean</dt> <dt>Mean</dt>
<dd>{{metric.mean_rate | number:2}}</dd> <dd>{{metric.mean_rate | number:2}}</dd>
<dt>1/5/15 min</dt> <dt>1/5/15 min</dt>
<dd>{{metric.m1_rate | number:2}} {{metric.m5_rate | number:2}} {{metric.m15_rate | number:2}}</dd> <dd>{{metric.m1_rate | number:2}} {{metric.m5_rate | number:2}} {{metric.m15_rate | number:2}}</dd>
<dt>Total</dt> <dt>Total</dt>
<dd>{{metric.count}}</dd> <dd>{{metric.count}}</dd>
<dt>min/max/mean (ms)</dt> <dt>min/max/mean (ms)</dt>
<dd>{{metric.min/1000000 | number:0}} {{metric.max/1000000 | number:0}} {{metric.mean/1000000 | number:0}}</dd> <dd>{{metric.min/1000000 | number:0}} {{metric.max/1000000 | number:0}} {{metric.mean/1000000 | number:0}}</dd>
</dl>
</dl>
</div> </div>

View File

@@ -1,74 +1,73 @@
<dl class="dl-horizontal"> <dl class="dl-horizontal">
<dt>r</dt> <dt>r</dt>
<dd>{{ 'about.shortcuts.refresh' | translate }}</dd> <dd>{{ 'about.shortcuts.refresh' | translate }}</dd>
<dt>j</dt> <dt>j</dt>
<dd>{{ 'about.shortcuts.open_next_entry' | translate }}</dd> <dd>{{ 'about.shortcuts.open_next_entry' | translate }}</dd>
<dt>k</dt> <dt>k</dt>
<dd>{{ 'about.shortcuts.open_previous_entry' | translate }}</dd> <dd>{{ 'about.shortcuts.open_previous_entry' | translate }}</dd>
<dt>{{ 'about.shortcuts.spacebar' | translate }}</dt> <dt>{{ 'about.shortcuts.spacebar' | translate }}</dt>
<dd>{{ 'about.shortcuts.move_page_down_up' | translate }}</dd> <dd>{{ 'about.shortcuts.move_page_down_up' | translate }}</dd>
<dt>n</dt> <dt>n</dt>
<dd>{{ 'about.shortcuts.focus_next_entry' | translate }}</dd> <dd>{{ 'about.shortcuts.focus_next_entry' | translate }}</dd>
<dt>p</dt> <dt>p</dt>
<dd>{{ 'about.shortcuts.focus_previous_entry' | translate }}</dd> <dd>{{ 'about.shortcuts.focus_previous_entry' | translate }}</dd>
<dt>shift+j,shift+n</dt> <dt>shift+j,shift+n</dt>
<dd>{{ 'about.shortcuts.open_next_feed' | translate }}</dd> <dd>{{ 'about.shortcuts.open_next_feed' | translate }}</dd>
<dt>shift+k,shift+p</dt> <dt>shift+k,shift+p</dt>
<dd>{{ 'about.shortcuts.open_previous_feed' | translate }}</dd> <dd>{{ 'about.shortcuts.open_previous_feed' | translate }}</dd>
<dt>o, enter</dt> <dt>o, enter</dt>
<dd>{{ 'about.shortcuts.open_close_current_entry' | translate }}</dd> <dd>{{ 'about.shortcuts.open_close_current_entry' | translate }}</dd>
<dt>v</dt> <dt>v</dt>
<dd>{{ 'about.shortcuts.open_current_entry_in_new_window' | translate }}</dd> <dd>{{ 'about.shortcuts.open_current_entry_in_new_window' | translate }}</dd>
<dt>b</dt> <dt>b</dt>
<dd>{{ 'about.shortcuts.open_current_entry_in_new_window_background' | translate }}</dd> <dd>{{ 'about.shortcuts.open_current_entry_in_new_window_background' | translate }}</dd>
<dt>s</dt> <dt>s</dt>
<dd>{{ 'about.shortcuts.star_unstar' | translate }}</dd> <dd>{{ 'about.shortcuts.star_unstar' | translate }}</dd>
<dt>m</dt> <dt>m</dt>
<dd>{{ 'about.shortcuts.mark_current_entry' | translate }}</dd> <dd>{{ 'about.shortcuts.mark_current_entry' | translate }}</dd>
<dt>shift+a</dt> <dt>shift+a</dt>
<dd>{{ 'about.shortcuts.mark_all_as_read' | translate }}</dd> <dd>{{ 'about.shortcuts.mark_all_as_read' | translate }}</dd>
<dt>{{ 'about.shortcuts.mouse_middleclick' | translate }}</dt> <dt>{{ 'about.shortcuts.mouse_middleclick' | translate }}</dt>
<dd>{{ 'about.shortcuts.open_in_new_tab_mark_as_read' | translate }}</dd> <dd>{{ 'about.shortcuts.open_in_new_tab_mark_as_read' | translate }}</dd>
<dt>f</dt> <dt>f</dt>
<dd>{{ 'about.shortcuts.fullscreen' | translate }}</dd> <dd>{{ 'about.shortcuts.fullscreen' | translate }}</dd>
<dt>+,-</dt> <dt>+,-</dt>
<dd>{{ 'about.shortcuts.font_size' | translate }}</dd> <dd>{{ 'about.shortcuts.font_size' | translate }}</dd>
<dt> <dt>
g g
<i class="icon-arrow-right"></i> <i class="icon-arrow-right"></i>
a a
</dt> </dt>
<dd>{{ 'about.shortcuts.go_to_all' | translate }}</dd> <dd>{{ 'about.shortcuts.go_to_all' | translate }}</dd>
<dt> <dt>
g g
<i class="icon-arrow-right"></i> <i class="icon-arrow-right"></i>
s s
</dt> </dt>
<dd>{{ 'about.shortcuts.go_to_starred' | translate }}</dd> <dd>{{ 'about.shortcuts.go_to_starred' | translate }}</dd>
<dt>
g
<i class="icon-arrow-right"></i>
u
</dt>
<dd>{{ 'about.shortcuts.feed_search' | translate }}</dd>
<dt>
g
<i class="icon-arrow-right"></i>
u
</dt>
<dd>{{ 'about.shortcuts.feed_search' | translate }}</dd>
</dl> </dl>

View File

@@ -1,12 +1,12 @@
<span> <span>
<span ng-click="edit_mode=!edit_mode" class="nolink pointer"> <span ng-click="edit_mode=!edit_mode" class="nolink pointer">
<i class="icon-tags"></i> <i class="icon-tags"></i>
{{ 'global.tags' | translate }} {{ 'global.tags' | translate }}
</span> </span>
<span ng-if="!edit_mode"> <span ng-if="!edit_mode">
<span class="label label-info" ng-repeat="tag in entry.tags">{{tag}}</span> <span class="label label-info" ng-repeat="tag in entry.tags">{{tag}}</span>
</span> </span>
<span ng-if="edit_mode"> <span ng-if="edit_mode">
<input type="hidden" ui-select2="select2Options" ng-model="entry.tags" class="tag-input" autofocus /> <input type="hidden" ui-select2="select2Options" ng-model="entry.tags" class="tag-input" autofocus />
</span> </span>
</span> </span>

View File

@@ -1,136 +1,169 @@
<div ng-controller="ToolbarCtrl"> <div ng-controller="ToolbarCtrl">
<div class="form-horizontal"> <div class="form-horizontal">
<div class="btn-group" ng-if="MobileService.mobile"> <div class="btn-group" ng-if="MobileService.mobile">
<button type="button" class="btn btn-default" ng-click="MobileService.toggleLeftMenu()"> <button type="button" class="btn btn-default" ng-click="MobileService.toggleLeftMenu()">
<i class="icon-list-alt"></i> <i class="icon-list-alt"></i>
</button> </button>
</div> </div>
<div class="btn-group" id="toolbar-nav"> <div class="btn-group" id="toolbar-nav">
<a type="button" class="btn btn-default" ng-click="previousEntry()" title="{{ 'toolbar.previous_entry' | translate }}"> <a type="button" class="btn btn-default" ng-click="previousEntry()" title="{{ 'toolbar.previous_entry' | translate }}">
<i class="icon-chevron-up"></i> <i class="icon-chevron-up"></i>
</a> </a>
<a type="button" class="btn btn-default" ng-click="nextEntry()" title="{{ 'toolbar.next_entry' | translate }}"> <a type="button" class="btn btn-default" ng-click="nextEntry()" title="{{ 'toolbar.next_entry' | translate }}">
<i class="icon-chevron-down"></i> <i class="icon-chevron-down"></i>
</a> </a>
<div class="btn-group" id="toolbar-refresh"> <div class="btn-group" id="toolbar-refresh">
<a type="button" class="btn btn-default" ng-click="refresh()" title="{{ 'toolbar.refresh' | translate }}"> <a type="button" class="btn btn-default" ng-click="refresh()" title="{{ 'toolbar.refresh' | translate }}">
<i class="icon-refresh"></i> <i class="icon-refresh"></i>
</a> </a>
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu pull-right"> <ul class="dropdown-menu pull-right">
<li> <li>
<a ng-click="refreshAll()">{{ 'toolbar.refresh_all' | translate }}</a> <a ng-click="refreshAll()">{{ 'toolbar.refresh_all' | translate }}</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="btn-group" id="toolbar-mark-read"> <div class="btn-group" id="toolbar-mark-read">
<a type="button" class="btn btn-default" ng-click="markAllAsRead()" title="{{ 'toolbar.mark_all_as_read' | translate }}"> <a type="button" class="btn btn-default" ng-click="markAllAsRead()" title="{{ 'toolbar.mark_all_as_read' | translate }}">
<i class="icon-ok"></i> <i class="icon-ok"></i>
</a> </a>
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu pull-right"> <ul class="dropdown-menu pull-right">
<li> <li>
<a ng-click="markAll12Hours()">{{ 'toolbar.mark_all_older_12_hours' | translate }}</a> <a ng-click="markAll12Hours()">{{ 'toolbar.mark_all_older_12_hours' | translate }}</a>
</li> </li>
<li> <li>
<a ng-click="markAllDay()">{{ 'toolbar.mark_all_older_day' | translate }}</a> <a ng-click="markAllDay()">{{ 'toolbar.mark_all_older_day' | translate }}</a>
</li> </li>
<li> <li>
<a ng-click="markAllWeek()">{{ 'toolbar.mark_all_older_week' | translate }}</a> <a ng-click="markAllWeek()">{{ 'toolbar.mark_all_older_week' | translate }}</a>
</li> </li>
<li> <li>
<a ng-click="markAllTwoWeeks()">{{ 'toolbar.mark_all_older_two_weeks' | translate }}</a> <a ng-click="markAllTwoWeeks()">{{ 'toolbar.mark_all_older_two_weeks' | translate }}</a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="btn-group toolbar-expand" ng-if="MobileService.mobile"> <div class="btn-group toolbar-expand" ng-if="MobileService.mobile">
<button type="button" class="btn btn-default" ng-click="MobileService.toggleRightMenu()"> <button type="button" class="btn btn-default" ng-click="MobileService.toggleRightMenu()">
<i ng-class="{'icon-double-angle-right' : !MobileService.rightMenu, 'icon-double-angle-left': MobileService.rightMenu}"></i> <i ng-class="{'icon-double-angle-right' : !MobileService.rightMenu, 'icon-double-angle-left': MobileService.rightMenu}"></i>
</button> </button>
</div> </div>
<div class="actions btn-group" id="toolbar-read-mode"> <div class="actions btn-group" id="toolbar-read-mode">
<div ng-if="!MobileService.mobile || MobileService.rightMenu"> <div ng-if="!MobileService.mobile || MobileService.rightMenu">
<div class="btn-group read-mode"> <div class="btn-group read-mode">
<button type="button" class="btn btn-default" ng-click="settingsService.settings.readingMode = 'unread'" ng-class="{'active': settingsService.settings.readingMode == 'unread'}">{{ <button
'toolbar.unread' | translate }}</button> type="button"
<button type="button" class="btn btn-default" ng-click="settingsService.settings.readingMode = 'all'" ng-class="{'active': settingsService.settings.readingMode == 'all'}">{{ class="btn btn-default"
'toolbar.all' | translate }}</button> ng-click="settingsService.settings.readingMode = 'unread'"
</div> ng-class="{'active': settingsService.settings.readingMode == 'unread'}"
>
{{ 'toolbar.unread' | translate }}
</button>
<button
type="button"
class="btn btn-default"
ng-click="settingsService.settings.readingMode = 'all'"
ng-class="{'active': settingsService.settings.readingMode == 'all'}"
>
{{ 'toolbar.all' | translate }}
</button>
</div>
<div class="btn-group" id="toolbar-read-order"> <div class="btn-group" id="toolbar-read-order">
<a type="button" class="btn btn-default" ng-click="toggleOrder()" title="{{ 'toolbar.sort_by_asc_desc' | translate }}" <a
ng-class="{'active' : settingsService.settings.readingOrder == 'asc' || settingsService.settings.readingOrder == 'desc'}"> type="button"
<i ng-class="{'icon-arrow-up' : settingsService.settings.readingOrder == 'asc', 'icon-arrow-down': settingsService.settings.readingOrder != 'asc'}"></i> class="btn btn-default"
</a> ng-click="toggleOrder()"
</div> title="{{ 'toolbar.sort_by_asc_desc' | translate }}"
ng-class="{'active' : settingsService.settings.readingOrder == 'asc' || settingsService.settings.readingOrder == 'desc'}"
>
<i
ng-class="{'icon-arrow-up' : settingsService.settings.readingOrder == 'asc', 'icon-arrow-down': settingsService.settings.readingOrder != 'asc'}"
></i>
</a>
</div>
<div class="btn-group" id="toolbar-read-view-settings"> <div class="btn-group" id="toolbar-read-view-settings">
<a type="button" class="btn btn-default" ng-click="settingsService.settings.viewMode = 'title'" ng-class="{'active': settingsService.settings.viewMode == 'title'}" <a
title="{{ 'toolbar.titles_only' | translate }}"> type="button"
<i class="icon-list"></i> class="btn btn-default"
</a> ng-click="settingsService.settings.viewMode = 'title'"
<a type="button" class="btn btn-default" ng-click="settingsService.settings.viewMode = 'expanded'" ng-class="{'active': settingsService.settings.viewMode == 'expanded'}" ng-class="{'active': settingsService.settings.viewMode == 'title'}"
title="{{ 'toolbar.expanded_view' | translate }}"> title="{{ 'toolbar.titles_only' | translate }}"
<i class="icon-th-list"></i> >
</a> <i class="icon-list"></i>
</div> </a>
<a
type="button"
class="btn btn-default"
ng-click="settingsService.settings.viewMode = 'expanded'"
ng-class="{'active': settingsService.settings.viewMode == 'expanded'}"
title="{{ 'toolbar.expanded_view' | translate }}"
>
<i class="icon-th-list"></i>
</a>
</div>
<div class="btn-group" id="toolbar-settings"> <div class="btn-group" id="toolbar-settings">
<a class="btn btn-default" ng-click="toSettings()" title="{{ 'toolbar.settings' | translate }}"> <a class="btn btn-default" ng-click="toSettings()" title="{{ 'toolbar.settings' | translate }}">
<i class="icon-cog"></i> <i class="icon-cog"></i>
</a> </a>
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu pull-right"> <ul class="dropdown-menu pull-right">
<li> <li>
<a ng-click="toProfile()"> <a ng-click="toProfile()">
<i class="icon-user"></i> <i class="icon-user"></i>
{{ 'toolbar.profile' | translate }} {{ 'toolbar.profile' | translate }}
</a> </a>
</li> </li>
<li ng-show="session.admin"> <li ng-show="session.admin">
<a ng-click="toAdmin()"> <a ng-click="toAdmin()">
<i class="icon-edit"></i> <i class="icon-edit"></i>
{{ 'toolbar.admin' | translate }} {{ 'toolbar.admin' | translate }}
</a> </a>
</li> </li>
<li class="divider"></li> <li class="divider"></li>
<li> <li>
<a href="logout"> <a href="logout">
<i class="icon-off"></i> <i class="icon-off"></i>
{{ 'toolbar.logout' | translate }} {{ 'toolbar.logout' | translate }}
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="btn-group"> <div class="btn-group">
<form ng-submit="search()" class="input-group keywords" ng-if="!MobileService.mobile"> <form ng-submit="search()" class="input-group keywords" ng-if="!MobileService.mobile">
<input type="text" class="form-control" ng-model="keywords"></input> <input type="text" class="form-control" ng-model="keywords" />
<span class="input-group-btn"> <span class="input-group-btn">
<button class="btn btn-default" type="submit"> <button class="btn btn-default" type="submit">
<i class="icon-search"></i> <i class="icon-search"></i>
</button> </button>
</span> </span>
</form> </form>
</div> </div>
<div class="btn-group donate"> <div class="btn-group donate">
<button class="btn btn-success" type="button" ng-click="toHelp()" title="{{ 'toolbar.about' | translate }} / {{ 'toolbar.donate' | translate }}"> <button
<i class="icon-info-sign"></i> class="btn btn-success"
</button> type="button"
</div> ng-click="toHelp()"
title="{{ 'toolbar.about' | translate }} / {{ 'toolbar.donate' | translate }}"
</div> >
</div> <i class="icon-info-sign"></i>
<span ng-if="!MobileService.mobile" ng-bind-html="ServerService.announcement | trustHtml"></span> </button>
</div> </div>
</div>
</div>
<span ng-if="!MobileService.mobile" ng-bind-html="ServerService.announcement | trustHtml"></span>
</div>
</div> </div>

View File

@@ -1,49 +1,86 @@
<div ng-controller="CategoryTreeCtrl" class="sidebar-nav-fixed" mousewheel-scrolling ui-jq="resizable" <div
ui-options="{handles: 'e', resize: resizeCallback}"> ng-controller="CategoryTreeCtrl"
<div class="btn-group"> class="sidebar-nav-fixed"
<button class="btn btn-default" ui-sref="feeds.subscribe" ng-click="MobileService.toggleLeftMenu()"> mousewheel-scrolling
<span class="icon-rss"></span> ui-jq="resizable"
{{ 'tree.subscribe' | translate }} ui-options="{handles: 'e', resize: resizeCallback}"
</button> >
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <div class="btn-group">
<span class="caret"></span> <button class="btn btn-default" ui-sref="feeds.subscribe" ng-click="MobileService.toggleLeftMenu()">
</button> <span class="icon-rss"></span>
<ul class="dropdown-menu"> {{ 'tree.subscribe' | translate }}
<li> </button>
<a ui-sref="feeds.new_category" ng-click="MobileService.toggleLeftMenu()"> <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="icon-plus"></i> <span class="caret"></span>
{{ 'tree.new_category' | translate }} </button>
</a> <ul class="dropdown-menu">
</li> <li>
<li> <a ui-sref="feeds.new_category" ng-click="MobileService.toggleLeftMenu()">
<a ui-sref="feeds.import" ng-click="MobileService.toggleLeftMenu()"> <i class="icon-plus"></i>
<i class="icon-arrow-down"></i> {{ 'tree.new_category' | translate }}
{{ 'tree.import' | translate }} </a>
</a> </li>
</li> <li>
</ul> <a ui-sref="feeds.import" ng-click="MobileService.toggleLeftMenu()">
</div> <i class="icon-arrow-down"></i>
{{ 'tree.import' | translate }}
</a>
</li>
</ul>
</div>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-default" ng-click="MobileService.toggleLeftMenu()" ng-if="MobileService.mobile"> <button type="button" class="btn btn-default" ng-click="MobileService.toggleLeftMenu()" ng-if="MobileService.mobile">
<i class="icon-remove"></i> <i class="icon-remove"></i>
{{ 'global.close' | translate }} {{ 'global.close' | translate }}
</button> </button>
</div> </div>
<div class="css-treeview"> <div class="css-treeview">
<ul> <ul>
<category node="CategoryService.subscriptions" show-label="'tree.all' | translate" show-children="false" level="0" selected-type="selectedType" <category
selected-id="selectedId" unread-count="unreadCount(category)"> </category> node="CategoryService.subscriptions"
<category node="starred" show-label="'tree.starred' | translate" show-children="false" level="0" selected-type="selectedType" show-label="'tree.all' | translate"
selected-id="selectedId" unread-count="unreadCount(category)"> </category> show-children="false"
<category node="CategoryService.subscriptions" show-label="false" show-children="true" level="0" selected-type="selectedType" level="0"
selected-id="selectedId" unread-count="unreadCount(category)"> </category> selected-type="selectedType"
selected-id="selectedId"
unread-count="unreadCount(category)"
>
</category>
<category
node="starred"
show-label="'tree.starred' | translate"
show-children="false"
level="0"
selected-type="selectedType"
selected-id="selectedId"
unread-count="unreadCount(category)"
>
</category>
<category
node="CategoryService.subscriptions"
show-label="false"
show-children="true"
level="0"
selected-type="selectedType"
selected-id="selectedId"
unread-count="unreadCount(category)"
>
</category>
<li ng-repeat="tag in tags | orderBy: 'name'"> <li ng-repeat="tag in tags | orderBy: 'name'">
<category node="tag" show-label="tag.name" show-children="false" level="0" selected-type="selectedType" selected-id="selectedId" <category
unread-count="unreadCount(category)"> </category> node="tag"
</li> show-label="tag.name"
</ul> show-children="false"
</div> level="0"
selected-type="selectedType"
selected-id="selectedId"
unread-count="unreadCount(category)"
>
</category>
</li>
</ul>
</div>
</div> </div>

View File

@@ -1,3 +1,3 @@
<div class="container"> <div class="container">
<div class="admin" ui-view></div> <div class="admin" ui-view></div>
</div> </div>

View File

@@ -1,28 +1,60 @@
<div> <div>
<div class="col-md-6"> <div class="col-md-6">
<metric-meter metric="metrics.meters['com.commafeed.backend.feed.FeedQueues.refill']" label="'Refresh queue refill rate (/sec)'"></metric-meter> <metric-meter
<metric-meter metric="metrics.meters['com.commafeed.backend.feed.FeedRefreshTaskGiver.feedRefreshed']" label="'Feed refreshed (/sec)'"></metric-meter> metric="metrics.meters['com.commafeed.backend.feed.FeedQueues.refill']"
<metric-meter metric="metrics.meters['com.commafeed.backend.feed.FeedRefreshUpdater.feedUpdated']" label="'Feed updated (/sec)'"></metric-meter> label="'Refresh queue refill rate (/sec)'"
<metric-meter metric="metrics.meters['com.commafeed.backend.feed.FeedRefreshUpdater.entryCacheHit']" label="'Entry cache hit (/sec)'"></metric-meter> ></metric-meter>
<metric-meter metric="metrics.meters['com.commafeed.backend.feed.FeedRefreshUpdater.entryCacheMiss']" label="'Entry cache miss (/sec)'"></metric-meter> <metric-meter
metric="metrics.meters['com.commafeed.backend.feed.FeedRefreshTaskGiver.feedRefreshed']"
label="'Feed refreshed (/sec)'"
></metric-meter>
<metric-meter
metric="metrics.meters['com.commafeed.backend.feed.FeedRefreshUpdater.feedUpdated']"
label="'Feed updated (/sec)'"
></metric-meter>
<metric-meter
metric="metrics.meters['com.commafeed.backend.feed.FeedRefreshUpdater.entryCacheHit']"
label="'Entry cache hit (/sec)'"
></metric-meter>
<metric-meter
metric="metrics.meters['com.commafeed.backend.feed.FeedRefreshUpdater.entryCacheMiss']"
label="'Entry cache miss (/sec)'"
></metric-meter>
<metric-gauge metric="metrics.gauges['com.commafeed.backend.feed.FeedRefreshExecutor.feed-refresh-updater.active']" <metric-gauge
label="'Feed Updater active'"></metric-gauge> metric="metrics.gauges['com.commafeed.backend.feed.FeedRefreshExecutor.feed-refresh-updater.active']"
<metric-gauge metric="metrics.gauges['com.commafeed.backend.feed.FeedRefreshExecutor.feed-refresh-updater.pending']" label="'Feed Updater active'"
label="'Feed Updater queued'"></metric-gauge> ></metric-gauge>
<metric-gauge
metric="metrics.gauges['com.commafeed.backend.feed.FeedRefreshExecutor.feed-refresh-updater.pending']"
label="'Feed Updater queued'"
></metric-gauge>
<metric-gauge metric="metrics.gauges['com.commafeed.backend.feed.FeedRefreshExecutor.feed-refresh-worker.active']" <metric-gauge
label="'Feed Worker active'"></metric-gauge> metric="metrics.gauges['com.commafeed.backend.feed.FeedRefreshExecutor.feed-refresh-worker.active']"
<metric-gauge metric="metrics.gauges['com.commafeed.backend.feed.FeedRefreshExecutor.feed-refresh-worker.pending']" label="'Feed Worker active'"
label="'Feed Worker queued'"></metric-gauge> ></metric-gauge>
<metric-gauge
metric="metrics.gauges['com.commafeed.backend.feed.FeedRefreshExecutor.feed-refresh-worker.pending']"
label="'Feed Worker queued'"
></metric-gauge>
<metric-gauge metric="metrics.gauges['com.commafeed.backend.feed.FeedQueues.addQueue']" label="'Task Giver Add Queue'"></metric-gauge> <metric-gauge
<metric-gauge metric="metrics.gauges['com.commafeed.backend.feed.FeedQueues.takeQueue']" label="'Task Giver Take Queue'"></metric-gauge> metric="metrics.gauges['com.commafeed.backend.feed.FeedQueues.addQueue']"
<metric-gauge metric="metrics.gauges['com.commafeed.backend.feed.FeedQueues.giveBackQueue']" label="'Task Giver Give Back Queue'"></metric-gauge> label="'Task Giver Add Queue'"
</div> ></metric-gauge>
<div class="col-md-6"> <metric-gauge
<div ng-repeat="(name, timer) in metrics.timers"> metric="metrics.gauges['com.commafeed.backend.feed.FeedQueues.takeQueue']"
<metric-timer metric="timer" label="name"></metric-gauge> label="'Task Giver Take Queue'"
</div> ></metric-gauge>
</div> <metric-gauge
metric="metrics.gauges['com.commafeed.backend.feed.FeedQueues.giveBackQueue']"
label="'Task Giver Give Back Queue'"
></metric-gauge>
</div>
<div class="col-md-6">
<div ng-repeat="(name, timer) in metrics.timers">
<metric-timer metric="timer" label="name"></metric-timer>
</div>
</div>
</div> </div>

View File

@@ -1,157 +1,183 @@
<div class="row"> <div class="row">
<div class="page-header"> <div class="page-header">
<h1> <h1>
Application settings - Application settings -
<small> <small>
<a ng-click="toUsers()" class="pointer">Manage users</a> <a ng-click="toUsers()" class="pointer">Manage users</a>
</small> </small>
- -
<small> <small>
<a ng-click="toMetrics()" class="pointer">Metrics</a> <a ng-click="toMetrics()" class="pointer">Metrics</a>
</small> </small>
</h1> </h1>
</div> </div>
<div> <div>
<form name="settingsForm" class="form-horizontal" ng-submit="save()"> <form name="settingsForm" class="form-horizontal" ng-submit="save()">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label class="control-label col-sm-3" for="publicUrl">Public URL</label> <label class="control-label col-sm-3" for="publicUrl">Public URL</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="text" id="publicUrl" name="publicUrl" class="form-control" placeholder="http://localhost:8082/commafeed" <input
ng-model="settings.publicUrl" /> type="text"
<span class="help-block">The URL in your address bar right now, up to the # (not included)</span> id="publicUrl"
</div> name="publicUrl"
</div> class="form-control"
<div class="form-group"> placeholder="http://localhost:8082/commafeed"
<label class="control-label col-sm-3" for="publicUrl">Allow registrations</label> ng-model="settings.publicUrl"
<div class="col-sm-9"> />
<div class="checkbox"> <span class="help-block">The URL in your address bar right now, up to the # (not included)</span>
<input type="checkbox" id="allowRegistrations" name="allowRegistrations" ng-model="settings.allowRegistrations" /> </div>
</div> </div>
</div> <div class="form-group">
</div> <label class="control-label col-sm-3" for="publicUrl">Allow registrations</label>
<div class="form-group"> <div class="col-sm-9">
<label class="control-label col-sm-3" for="googleAnalyticsTrackingCode">Google Analytics tracking code</label> <div class="checkbox">
<div class="col-sm-9"> <input
<input type="text" name="googleAnalyticsTrackingCode" class="form-control" ng-model="settings.googleAnalyticsTrackingCode" /> type="checkbox"
</div> id="allowRegistrations"
</div> name="allowRegistrations"
<div class="form-group"> ng-model="settings.allowRegistrations"
<label class="control-label col-sm-3" for="googleClientSecret">Background HTTP threads</label> />
<div class="col-sm-9"> </div>
<input type="number" name="backgroundThreads" class="form-control" ng-model="settings.backgroundThreads" /> </div>
<span class="help-inline">Requires restart</span> </div>
</div> <div class="form-group">
</div> <label class="control-label col-sm-3" for="googleAnalyticsTrackingCode">Google Analytics tracking code</label>
<div class="form-group"> <div class="col-sm-9">
<label class="control-label col-sm-3" for="databaseUpdateThreads">Database update threads</label> <input
<div class="col-sm-9"> type="text"
<input type="number" name="databaseUpdateThreads" class="form-control" ng-model="settings.databaseUpdateThreads" /> name="googleAnalyticsTrackingCode"
<span class="help-inline">Requires restart</span> class="form-control"
</div> ng-model="settings.googleAnalyticsTrackingCode"
</div> />
<div class="form-group"> </div>
<label class="control-label col-sm-3" for="announcement">Announcement</label> </div>
<div class="col-sm-9"> <div class="form-group">
<textarea name="announcement" rows="10" class="form-control" ng-model="settings.announcement"> <label class="control-label col-sm-3" for="googleClientSecret">Background HTTP threads</label>
</textarea> <div class="col-sm-9">
</div> <input type="number" name="backgroundThreads" class="form-control" ng-model="settings.backgroundThreads" />
</div> <span class="help-inline">Requires restart</span>
</div> </div>
<div class="col-md-6"> </div>
<div class="form-group"> <div class="form-group">
<label class="control-label col-sm-3" for="announcement">SMTP Host</label> <label class="control-label col-sm-3" for="databaseUpdateThreads">Database update threads</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="text" name="smtpHost" class="form-control" ng-model="settings.smtpHost" /> <input
</div> type="number"
</div> name="databaseUpdateThreads"
<div class="form-group"> class="form-control"
<label class="control-label col-sm-3" for="announcement">SMTP Port</label> ng-model="settings.databaseUpdateThreads"
<div class="col-sm-9"> />
<input type="text" name="smtpPort" class="form-control" ng-model="settings.smtpPort" /> <span class="help-inline">Requires restart</span>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="control-label col-sm-3" for="smtpTls">SMTP TLS </label> <label class="control-label col-sm-3" for="announcement">Announcement</label>
<div class="col-sm-9"> <div class="col-sm-9">
<div class="checkbox"> <textarea name="announcement" rows="10" class="form-control" ng-model="settings.announcement"> </textarea>
<input type="checkbox" name="smtpTls" ng-model="settings.smtpTls" /> </div>
</div> </div>
</div> </div>
</div> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
<label class="control-label col-sm-3" for="smtpUserName">SMTP Username</label> <label class="control-label col-sm-3" for="announcement">SMTP Host</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="text" name="smtpUserName" class="form-control" ng-model="settings.smtpUserName" /> <input type="text" name="smtpHost" class="form-control" ng-model="settings.smtpHost" />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="control-label col-sm-3" for="smtpPassword">SMTP Password</label> <label class="control-label col-sm-3" for="announcement">SMTP Port</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="password" name="smtpPassword" class="form-control" ng-model="settings.smtpPassword" /> <input type="text" name="smtpPort" class="form-control" ng-model="settings.smtpPort" />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="control-label col-sm-3" for="heavyLoad">Heavy load</label> <label class="control-label col-sm-3" for="smtpTls">SMTP TLS </label>
<div class="col-sm-9"> <div class="col-sm-9">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" name="heavyLoad" ng-model="settings.heavyLoad" /> <input type="checkbox" name="smtpTls" ng-model="settings.smtpTls" />
<span class="help-block">Don't use this unless you know what you're doing!</span> </div>
</div> </div>
</div> </div>
</div> <div class="form-group">
<div class="form-group"> <label class="control-label col-sm-3" for="smtpUserName">SMTP Username</label>
<label class="control-label col-sm-3" for="pubsubhubbub">PubSubHubbub</label> <div class="col-sm-9">
<div class="col-sm-9"> <input type="text" name="smtpUserName" class="form-control" ng-model="settings.smtpUserName" />
<div class="checkbox"> </div>
<input type="checkbox" name="pubsubhubbub" ng-model="settings.pubsubhubbub" /> </div>
</div> <div class="form-group">
</div> <label class="control-label col-sm-3" for="smtpPassword">SMTP Password</label>
</div> <div class="col-sm-9">
<div class="form-group"> <input type="password" name="smtpPassword" class="form-control" ng-model="settings.smtpPassword" />
<label class="control-label col-sm-3" for="imageProxyEnabled">Proxy entry images</label> </div>
<div class="col-sm-9"> </div>
<div class="checkbox"> <div class="form-group">
<input type="checkbox" name="imageProxyEnabled" ng-model="settings.imageProxyEnabled" /> <label class="control-label col-sm-3" for="heavyLoad">Heavy load</label>
</div> <div class="col-sm-9">
</div> <div class="checkbox">
</div> <input type="checkbox" name="heavyLoad" ng-model="settings.heavyLoad" />
<div class="form-group"> <span class="help-block">Don't use this unless you know what you're doing!</span>
<label class="control-label col-sm-3" for="logLevel">Database query timeout (ms)</label> </div>
<div class="col-sm-9"> </div>
<input type="number" name="queryTimeout" class="form-control" ng-model="settings.queryTimeout" /> </div>
</div> <div class="form-group">
</div> <label class="control-label col-sm-3" for="pubsubhubbub">PubSubHubbub</label>
<div class="form-group"> <div class="col-sm-9">
<label class="control-label col-sm-3" for="keepStatusDays">Keep read status for (days)</label> <div class="checkbox">
<div class="col-sm-9"> <input type="checkbox" name="pubsubhubbub" ng-model="settings.pubsubhubbub" />
<input type="number" name="keepStatusDays" class="form-control" ng-model="settings.keepStatusDays" /> </div>
<span class="help-inline">0 = keep forever</span> </div>
</div> </div>
</div> <div class="form-group">
<div class="form-group"> <label class="control-label col-sm-3" for="imageProxyEnabled">Proxy entry images</label>
<label class="control-label col-sm-3" for="refreshIntervalMinutes">Refresh feeds every (minutes)</label> <div class="col-sm-9">
<div class="col-sm-9"> <div class="checkbox">
<input type="number" name="refreshIntervalMinutes" class="form-control" min="1" ng-model="settings.refreshIntervalMinutes" /> <input type="checkbox" name="imageProxyEnabled" ng-model="settings.imageProxyEnabled" />
</div> </div>
</div> </div>
<div class="form-group"> </div>
<label class="control-label col-sm-3" for="crawlingPaused">Pause crawling</label> <div class="form-group">
<div class="col-sm-9"> <label class="control-label col-sm-3" for="logLevel">Database query timeout (ms)</label>
<div class="checkbox"> <div class="col-sm-9">
<input type="checkbox" name="crawlingPaused" ng-model="settings.crawlingPaused" /> <input type="number" name="queryTimeout" class="form-control" ng-model="settings.queryTimeout" />
</div> </div>
</div> </div>
</div> <div class="form-group">
</div> <label class="control-label col-sm-3" for="keepStatusDays">Keep read status for (days)</label>
</div> <div class="col-sm-9">
<div class="row"> <input type="number" name="keepStatusDays" class="form-control" ng-model="settings.keepStatusDays" />
<div class="text-center form-group"> <span class="help-inline">0 = keep forever</span>
<button type="button" class="btn btn-default" ng-click="cancel()">Back</button> </div>
</div> </div>
</div> <div class="form-group">
</form> <label class="control-label col-sm-3" for="refreshIntervalMinutes">Refresh feeds every (minutes)</label>
</div> <div class="col-sm-9">
<input
type="number"
name="refreshIntervalMinutes"
class="form-control"
min="1"
ng-model="settings.refreshIntervalMinutes"
/>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-3" for="crawlingPaused">Pause crawling</label>
<div class="col-sm-9">
<div class="checkbox">
<input type="checkbox" name="crawlingPaused" ng-model="settings.crawlingPaused" />
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="text-center form-group">
<button type="button" class="btn btn-default" ng-click="cancel()">Back</button>
</div>
</div>
</form>
</div>
</div> </div>

View File

@@ -1,40 +1,40 @@
<div class="row"> <div class="row">
<div class="page-header"> <div class="page-header">
<h1>Add user</h1> <h1>Add user</h1>
</div> </div>
<alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">{{alert.msg}}</alert> <alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">{{alert.msg}}</alert>
<form name="userAddForm" class="form-horizontal" ng-submit="save()"> <form name="userAddForm" class="form-horizontal" ng-submit="save()">
<div class="form-group" ng-class="{error : !userAddForm.name.$valid}"> <div class="form-group" ng-class="{error : !userAddForm.name.$valid}">
<label class="col-sm-2 control-label" for="name">User name</label> <label class="col-sm-2 control-label" for="name">User name</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="text" id="name" name="name" ng-model="user.name" required class="form-control" /> <input type="text" id="name" name="name" ng-model="user.name" required class="form-control" />
</div> </div>
</div> </div>
<div class="form-group" ng-class="{error : !userAddForm.password.$valid}"> <div class="form-group" ng-class="{error : !userAddForm.password.$valid}">
<label class="col-sm-2 control-label" for="password">Password</label> <label class="col-sm-2 control-label" for="password">Password</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="password" id="password" name="password" class="form-control" ng-model="user.password" required /> <input type="password" id="password" name="password" class="form-control" ng-model="user.password" required />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label" for="admin">Admin</label> <label class="col-sm-2 control-label" for="admin">Admin</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="checkbox" name="admin" ng-model="user.admin" /> <input type="checkbox" name="admin" ng-model="user.admin" />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label" for="enabled">Enabled</label> <label class="col-sm-2 control-label" for="enabled">Enabled</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="checkbox" name="enabled" ng-model="user.enabled" /> <input type="checkbox" name="enabled" ng-model="user.enabled" />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="col-sm-offset-2 col-sm-10"> <div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">Save</button> <button type="submit" class="btn btn-primary">Save</button>
<button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button> <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
</div> </div>
</div> </div>
</form> </form>
</div> </div>

View File

@@ -1,48 +1,55 @@
<div class="row"> <div class="row">
<div class="page-header"> <div class="page-header">
<h1>Edit user</h1> <h1>Edit user</h1>
</div> </div>
<alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">{{alert.msg}}</alert> <alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">{{alert.msg}}</alert>
<form name="userAddForm" class="form-horizontal" ng-submit="save()"> <form name="userAddForm" class="form-horizontal" ng-submit="save()">
<div class="form-group" ng-class="{error : !userAddForm.name.$valid}"> <div class="form-group" ng-class="{error : !userAddForm.name.$valid}">
<label class="col-sm-2 control-label" for="name">User name</label> <label class="col-sm-2 control-label" for="name">User name</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="text" id="name" name="name" ng-model="user.name" class="form-control" required /> <input type="text" id="name" name="name" ng-model="user.name" class="form-control" required />
</div> </div>
</div> </div>
<div class="form-group" ng-class="{error : !userAddForm.password.$valid}"> <div class="form-group" ng-class="{error : !userAddForm.password.$valid}">
<label class="col-sm-2 control-label" for="password">Password</label> <label class="col-sm-2 control-label" for="password">Password</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="password" id="password" name="password" class="form-control" ng-model="user.password" /> <input type="password" id="password" name="password" class="form-control" ng-model="user.password" />
<span class="help-block">Leave blank if you don't want to change the password.</span> <span class="help-block">Leave blank if you don't want to change the password.</span>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label" for="email">Email</label> <label class="col-sm-2 control-label" for="email">Email</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="text" id="email" name="email" ng-model="user.email" class="form-control" required /> <input type="text" id="email" name="email" ng-model="user.email" class="form-control" required />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label" for="admin">Admin</label> <label class="col-sm-2 control-label" for="admin">Admin</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="checkbox" name="admin" ng-model="user.admin" /> <input type="checkbox" name="admin" ng-model="user.admin" />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label" for="enabled">Enabled</label> <label class="col-sm-2 control-label" for="enabled">Enabled</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="checkbox" name="enabled" ng-model="user.enabled" /> <input type="checkbox" name="enabled" ng-model="user.enabled" />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="col-sm-offset-2 col-sm-10"> <div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">Save</button> <button type="submit" class="btn btn-primary">Save</button>
<button type="button" class="btn btn-danger" ng-click="remove()" confirm-click="'Are you sure you want to delete this user?'">Delete</button> <button
<button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button> type="button"
</div> class="btn btn-danger"
</div> ng-click="remove()"
</form> confirm-click="'Are you sure you want to delete this user?'"
>
Delete
</button>
<button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
</div>
</div>
</form>
</div> </div>

View File

@@ -1,13 +1,13 @@
<div class="row"> <div class="row">
<div class="page-header"> <div class="page-header">
<h1>Manage users</h1> <h1>Manage users</h1>
</div> </div>
<div> <div>
<div class="button-bar"> <div class="button-bar">
<button class="btn btn-default" ng-click="addUser()">Add user</button> <button class="btn btn-default" ng-click="addUser()">Add user</button>
<button class="btn btn-default" ng-click="back()">Back</button> <button class="btn btn-default" ng-click="back()">Back</button>
</div> </div>
<div class="users-table" ng-grid="gridOptions"></div> <div class="users-table" ng-grid="gridOptions"></div>
</div> </div>
</div> </div>

View File

@@ -1,49 +1,63 @@
<div> <div>
<div class="page-header"> <div class="page-header">
<h3>{{ 'details.category_details' | translate }}</h3> <h3>{{ 'details.category_details' | translate }}</h3>
</div> </div>
<form name="form" class="form-horizontal" ng-submit="save()"> <form name="form" class="form-horizontal" ng-submit="save()">
<div class="form-group" ng-class="{error : !form.name.$valid}" ng-if="!isMeta()"> <div class="form-group" ng-class="{error : !form.name.$valid}" ng-if="!isMeta()">
<label class="col-sm-2 control-label">{{ 'details.name' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.name' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="text" name="name" ng-model="category.name" class="form-control" required></input> <input type="text" name="name" ng-model="category.name" class="form-control" required />
<span class="help-block" ng-show="!form.name.$valid">{{ 'global.required' | translate }}</span> <span class="help-block" ng-show="!form.name.$valid">{{ 'global.required' | translate }}</span>
</div> </div>
</div> </div>
<div class="form-group" ng-class="{error : !form.category.$valid}" ng-if="!isMeta()"> <div class="form-group" ng-class="{error : !form.category.$valid}" ng-if="!isMeta()">
<label class="col-sm-2 control-label">{{ 'details.parent_category' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.parent_category' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<select name="category" class="form-control" ng-model="category.parentId" <select
ng-options="cat.id as cat.name for cat in CategoryService.flatCategories | filter: filterCurrent"> name="category"
</select> class="form-control"
<span class="help-block" ng-show="!form.category.$valid">{{ 'global.required' | translate }}</span> ng-model="category.parentId"
</div> ng-options="cat.id as cat.name for cat in CategoryService.flatCategories | filter: filterCurrent"
</div> ></select>
<span class="help-block" ng-show="!form.category.$valid">{{ 'global.required' | translate }}</span>
</div>
</div>
<div class="form-group" ng-if="!isMeta()"> <div class="form-group" ng-if="!isMeta()">
<label class="col-sm-2 control-label">{{ 'details.position' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.position' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="number" min="0" ng-model="category.position" class="form-control" /> <input type="number" min="0" ng-model="category.position" class="form-control" />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">{{ 'details.feed_url' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.feed_url' | translate }}</label>
<div class="col-sm-10 form-control-static"> <div class="col-sm-10 form-control-static">
<a ng-show="user.apiKey" href="{{'rest/category/entriesAsFeed?id=' + category.id + '&apiKey=' + user.apiKey}}" target="_blank">{{ 'global.link' | translate }}</a> <a
<span ng-show="!user.apiKey">{{ 'details.generate_api_key_first' | translate }}</span> ng-show="user.apiKey"
</div> href="{{'rest/category/entriesAsFeed?id=' + category.id + '&apiKey=' + user.apiKey}}"
</div> target="_blank"
>{{ 'global.link' | translate }}</a
<div class="form-group"> >
<div class="col-sm-offset-2 col-sm-10"> <span ng-show="!user.apiKey">{{ 'details.generate_api_key_first' | translate }}</span>
<button type="submit" class="btn btn-primary" ng-if="!isMeta()">{{ 'global.save' | translate }}</button> </div>
<button type="button" class="btn btn-danger" ng-click="deleteCategory()" ng-show="!isMeta()" </div>
confirm-click="'details.delete_category_confirmation' | translate">{{ 'global.delete' | translate }}</button>
<button type="button" class="btn btn-default" ng-click="back()">{{ 'global.cancel' | translate }}</button>
</div>
</div>
</form>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary" ng-if="!isMeta()">{{ 'global.save' | translate }}</button>
<button
type="button"
class="btn btn-danger"
ng-click="deleteCategory()"
ng-show="!isMeta()"
confirm-click="'details.delete_category_confirmation' | translate"
>
{{ 'global.delete' | translate }}
</button>
<button type="button" class="btn btn-default" ng-click="back()">{{ 'global.cancel' | translate }}</button>
</div>
</div>
</form>
</div> </div>

View File

@@ -1,90 +1,101 @@
<div> <div>
<div class="page-header"> <div class="page-header">
<h3>{{ 'details.feed_details' | translate }}</h3> <h3>{{ 'details.feed_details' | translate }}</h3>
</div> </div>
<form name="form" class="form-horizontal" ng-submit="save()"> <form name="form" class="form-horizontal" ng-submit="save()">
<div class="alert alert-danger" ng-if="error">{{ error }}</div> <div class="alert alert-danger" ng-if="error">{{ error }}</div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">{{ 'details.url' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.url' | translate }}</label>
<div class="col-sm-10 form-control-static"> <div class="col-sm-10 form-control-static">
<a href="{{sub.feedUrl}}" target="_blank">{{sub.feedUrl}}</a> <a href="{{sub.feedUrl}}" target="_blank">{{sub.feedUrl}}</a>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">{{ 'details.website' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.website' | translate }}</label>
<div class="col-sm-10 form-control-static"> <div class="col-sm-10 form-control-static">
<a href="{{sub.feedLink}}" target="_blank">{{sub.feedLink}}</a> <a href="{{sub.feedLink}}" target="_blank">{{sub.feedLink}}</a>
</div> </div>
</div> </div>
<div class="form-group" ng-class="{error : !form.name.$valid}"> <div class="form-group" ng-class="{error : !form.name.$valid}">
<label class="col-sm-2 control-label">{{ 'details.name' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.name' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="text" name="name" ng-model="sub.name" class="form-control" required></input> <input type="text" name="name" ng-model="sub.name" class="form-control" required />
<span class="help-block" ng-show="!form.name.$valid">{{ 'global.required' | translate }}</span> <span class="help-block" ng-show="!form.name.$valid">{{ 'global.required' | translate }}</span>
</div> </div>
</div> </div>
<div class="form-group" ng-class="{error : !form.category.$valid}"> <div class="form-group" ng-class="{error : !form.category.$valid}">
<label class="col-sm-2 control-label">{{ 'details.category' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.category' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<select name="category" class="form-control" ng-model="sub.categoryId" <select
ng-options="cat.id as cat.name for cat in CategoryService.flatCategories"> name="category"
</select> class="form-control"
<span class="help-block" ng-show="!form.category.$valid">{{ 'global.required' | translate }}</span> ng-model="sub.categoryId"
</div> ng-options="cat.id as cat.name for cat in CategoryService.flatCategories"
</div> ></select>
<span class="help-block" ng-show="!form.category.$valid">{{ 'global.required' | translate }}</span>
</div>
</div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">{{ 'details.position' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.position' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="number" min="0" ng-model="sub.position" class="form-control" /> <input type="number" min="0" ng-model="sub.position" class="form-control" />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">{{ 'details.last_refresh' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.last_refresh' | translate }}</label>
<div class="col-sm-10 checkbox"> <div class="col-sm-10 checkbox">
<span>{{sub.lastRefresh|entryDate}}</span> <span>{{sub.lastRefresh|entryDate}}</span>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">{{ 'details.next_refresh' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.next_refresh' | translate }}</label>
<div class="col-sm-10 form-control-static"> <div class="col-sm-10 form-control-static">
<span>{{sub.nextRefresh|entryDate:('details.queued_for_refresh' | translate) }}</span> <span>{{sub.nextRefresh|entryDate:('details.queued_for_refresh' | translate) }}</span>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">{{ 'details.message' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.message' | translate }}</label>
<div class="col-sm-10 form-control-static"> <div class="col-sm-10 form-control-static">
<span>{{sub.message}}</span> <span>{{sub.message}}</span>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">{{ 'details.feed_url' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.feed_url' | translate }}</label>
<div class="col-sm-10 form-control-static"> <div class="col-sm-10 form-control-static">
<a ng-show="user.apiKey" href="{{'rest/feed/entriesAsFeed?id=' + sub.id + '&apiKey=' + user.apiKey}}" target="_blank">{{ 'global.link' | translate }}</a> <a ng-show="user.apiKey" href="{{'rest/feed/entriesAsFeed?id=' + sub.id + '&apiKey=' + user.apiKey}}" target="_blank"
<span ng-show="!user.apiKey">{{ 'details.generate_api_key_first' | translate }}</span> >{{ 'global.link' | translate }}</a
</div> >
</div> <span ng-show="!user.apiKey">{{ 'details.generate_api_key_first' | translate }}</span>
</div>
</div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">{{ 'details.filtering_expression' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.filtering_expression' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="text" name="filter" ng-model="sub.filter" class="form-control"></input> <input type="text" name="filter" ng-model="sub.filter" class="form-control" />
<p class="help-block pre-wrap" ng-bind-html="'details.filtering_expression_help' | translate"></p> <p class="help-block pre-wrap" ng-bind-html="'details.filtering_expression_help' | translate"></p>
</div> </div>
</div> </div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">{{ 'global.save' | translate }}</button>
<button type="button" class="btn btn-danger" ng-click="unsubscribe()" confirm-click="'details.unsubscribe_confirmation' | translate">{{ 'details.unsubscribe' | translate }}</button>
<button type="button" class="btn btn-default" ng-click="back()">{{ 'global.cancel' | translate }}</button>
</div>
</div>
</form>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">{{ 'global.save' | translate }}</button>
<button
type="button"
class="btn btn-danger"
ng-click="unsubscribe()"
confirm-click="'details.unsubscribe_confirmation' | translate"
>
{{ 'details.unsubscribe' | translate }}
</button>
<button type="button" class="btn btn-default" ng-click="back()">{{ 'global.cancel' | translate }}</button>
</div>
</div>
</form>
</div> </div>

View File

@@ -1,144 +1,163 @@
<div class="row help"> <div class="row help">
<div class="col-md-6"> <div class="col-md-6">
<div class="about-module">
<h4>
<i class="icon-question-sign"></i>
{{ 'toolbar.about' | translate }}
</h4>
<p>
{{ 'about.line1_prefix' | translate }}
<a href="https://github.com/Athou/commafeed" target="_blank">GitHub</a>
{{ 'about.line1_suffix' | translate }}
</p>
<p>
{{ 'about.line2_prefix' | translate }}
<a href="https://github.com/Athou/commafeed/issues" target="_blank">GitHub</a>
{{ 'about.line2_suffix' | translate }}
</p>
{{ 'about.version' | translate }} {{infos.version}} ({{infos.gitCommit}})
</div>
<div class="about-module"> <div class="about-module">
<h4> <h4>
<i class="icon-question-sign"></i> <i class="icon-money"></i>
{{ 'toolbar.about' | translate }} {{ 'toolbar.donate' | translate }}
</h4> </h4>
<p> <p>{{ 'about.line3' | translate }}</p>
{{ 'about.line1_prefix' | translate }} <form class="donate-action" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<a href="https://github.com/Athou/commafeed" target="_blank">GitHub</a> <input type="hidden" name="cmd" value="_donations" />
{{ 'about.line1_suffix' | translate }} <input type="hidden" name="business" value="9CNQHMJG2ZJVY" />
</p> <input type="hidden" name="lc" value="US" />
<p> <input type="hidden" name="item_name" value="CommaFeed" />
{{ 'about.line2_prefix' | translate }} <input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHosted" />
<a href="https://github.com/Athou/commafeed/issues" target="_blank">GitHub</a> <input
{{ 'about.line2_suffix' | translate }} type="image"
</p> class="donate-image"
{{ 'about.version' | translate }} {{infos.version}} ({{infos.gitCommit}}) src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif"
</div> border="0"
name="submit"
alt="PayPal - The safer, easier way to pay online!"
/>
<input type="hidden" name="currency_code" value="USD" />
<select name="currency_code">
<option value="EUR">Euro</option>
<option value="USD">US Dollars</option>
</select>
</form>
{{ 'about.line4' | translate }}
<code class="bitcoin-code">1dymfUxqCWpyD7a6rQSqNy4rLVDBsAr5e</code>
</div>
<div class="about-module"> <div class="about-module">
<h4> <h4>
<i class="icon-money"></i> <i class="icon-puzzle-piece"></i>
{{ 'toolbar.donate' | translate }} {{ 'about.goodies.value' | translate }}
</h4> </h4>
<p>{{ 'about.line3' | translate }}</p> <p>
<form class="donate-action" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> {{ 'about.goodies.android_app' | translate }}:
<input type="hidden" name="cmd" value="_donations"> <a href="https://github.com/Athou/commafeed-newsplus" target="_blank">News+ extension</a>
<input type="hidden" name="business" value="9CNQHMJG2ZJVY"> ,
<input type="hidden" name="lc" value="US"> <a href="https://play.google.com/store/apps/details?id=com.commafeed.commafeedreader" target="_blank">CommaFeed Reader</a>
<input type="hidden" name="item_name" value="CommaFeed"> ,
<input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHosted"> <a href="https://play.google.com/store/apps/details?id=com.mv.cloudfeedlr" target="_blank">Cloudfeedlr</a>
<input type="image" class="donate-image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" </p>
alt="PayPal - The safer, easier way to pay online!"> <p>
<input type="hidden" name="currency_code" value="USD"> <a href="https://chrome.google.com/webstore/detail/commafeed/bpbfpjiciblcfeganojjkfapnllbhdga" target="_blank"
<select name="currency_code"> >{{ 'about.goodies.chrome_extension' | translate }}</a
<option value="EUR">Euro</option> >
<option value="USD">US Dollars</option> </p>
</select> <p>
</form> <a href="https://addons.mozilla.org/en-US/firefox/addon/commafeed/" target="_blank"
{{ 'about.line4' | translate }} >{{ 'about.goodies.firefox_extension' | translate }}</a
<code class="bitcoin-code">1dymfUxqCWpyD7a6rQSqNy4rLVDBsAr5e</code> >
</div> </p>
<p>
<a href="https://addons.opera.com/en/extensions/details/commafeed-extension-for-opera/" target="_blank"
>{{ 'about.goodies.opera_extension' | translate }}</a
>
</p>
<div class="about-module"> <p>
<h4> {{ 'about.goodies.subscribe_url' | translate }}:
<i class="icon-puzzle-piece"></i> <a href="rest/feed/subscribe?url=FEED_URL_HERE" target="_blank">rest/feed/subscribe?url=FEED_URL_HERE</a>
{{ 'about.goodies.value' | translate }} </p>
</h4> <p>
<p> {{ 'about.goodies.subscribe_bookmarklet' | translate }}:
{{ 'about.goodies.android_app' | translate }}: <a href="https://www.subtome.com/settings.html" target="_blank">SubToMe</a>
<a href="https://github.com/Athou/commafeed-newsplus" target="_blank">News+ extension</a> </p>
, <p>
<a href="https://play.google.com/store/apps/details?id=com.commafeed.commafeedreader" target="_blank">CommaFeed Reader</a> {{ 'about.goodies.next_unread_bookmarklet' | translate }}:
, <br />
<a href="https://play.google.com/store/apps/details?id=com.mv.cloudfeedlr" target="_blank">Cloudfeedlr</a> <br />
</p> {{ 'subscribe.category' | translate }}
<p> <select
<a href="https://chrome.google.com/webstore/detail/commafeed/bpbfpjiciblcfeganojjkfapnllbhdga" target="_blank">{{ 'about.goodies.chrome_extension' | translate }}</a> ng-model="categoryId"
</p> ng-options="cat.id as cat.name for cat in CategoryService.flatCategories"
<p> class="bookmarklet-select"
<a href="https://addons.mozilla.org/en-US/firefox/addon/commafeed/" target="_blank">{{ 'about.goodies.firefox_extension' | translate }}</a> ></select>
</p> <select ng-model="order" class="bookmarklet-select">
<p> <option value="desc">{{ 'about.goodies.subscribe_bookmarklet_desc' | translate }}</option>
<a href="https://addons.opera.com/en/extensions/details/commafeed-extension-for-opera/" target="_blank">{{ 'about.goodies.opera_extension' | translate }}</a> <option value="asc">{{ 'about.goodies.subscribe_bookmarklet_asc' | translate }}</option>
</p> </select>
<a
href="javascript:window.location.href='{{baseUrl}}next?category={{categoryId}}&order={{order}}&t='+new Date().getTime();"
target="_blank"
>{{ 'global.link' | translate }}</a
>
</p>
</div>
<p> <div class="about-module">
{{ 'about.goodies.subscribe_url' | translate }}: <h4>
<a href="rest/feed/subscribe?url=FEED_URL_HERE" target="_blank">rest/feed/subscribe?url=FEED_URL_HERE</a> <i class="icon-globe"></i>
</p> {{ 'about.translation.value' | translate }}
<p> </h4>
{{ 'about.goodies.subscribe_bookmarklet' | translate }}: <p>{{ 'about.translation.message' | translate }}</p>
<a href="https://www.subtome.com/settings.html" target="_blank">SubToMe</a> <p>
</p> <a href="https://github.com/Athou/commafeed#translate-commafeed-into-your-language" target="_blank">
<p> {{ 'about.translation.link' | translate }}
{{ 'about.goodies.next_unread_bookmarklet' | translate }}: </a>
<br /> </p>
<br /> </div>
{{ 'subscribe.category' | translate }} <div class="about-module">
<select ng-model="categoryId" ng-options="cat.id as cat.name for cat in CategoryService.flatCategories" class="bookmarklet-select"> <h4>
</select> <i class="icon-rocket"></i>
<select ng-model="order" class="bookmarklet-select"> {{ 'about.rest_api.value' | translate }}
<option value="desc">{{ 'about.goodies.subscribe_bookmarklet_desc' | translate }}</option> </h4>
<option value="asc">{{ 'about.goodies.subscribe_bookmarklet_asc' | translate }}</option> <p>{{ 'about.rest_api.line1' | translate }}</p>
</select> <p>
<a href="javascript:window.location.href='{{baseUrl}}next?category={{categoryId}}&order={{order}}&t='+new Date().getTime();" <a href="api/" target="_blank">{{ 'about.rest_api.link_to_documentation' | translate }}</a>
target="_blank">{{ 'global.link' | translate }}</a> </p>
</p> </div>
</div> </div>
<div class="col-md-6">
<div class="about-module">
<h4>
<i class="icon-keyboard"></i>
{{ 'about.keyboard_shortcuts' | translate }}
</h4>
<div ng-include="'templates/_shortcuts.html'"></div>
</div>
<div class="about-module"> <div class="about-module">
<h4> <h4>
<i class="icon-globe"></i> <i class="icon-info-sign"></i>
{{ 'about.translation.value' | translate }} {{ 'about.announcements' | translate }}
</h4> </h4>
<p>{{ 'about.translation.message' | translate }}</p> <a class="twitter-timeline" href="https://twitter.com/CommaFeed" data-widget-id="333897786657480704">Tweets by @CommaFeed</a>
<p> <script>
<a href="https://github.com/Athou/commafeed#translate-commafeed-into-your-language" target="_blank"> {{ 'about.translation.link' | translate }} </a> !(function (d, s, id) {
</p> var js,
</div> fjs = d.getElementsByTagName(s)[0],
<div class="about-module"> p = /^http:/.test(d.location) ? "http" : "https"
<h4> if (!d.getElementById(id)) {
<i class="icon-rocket"></i> js = d.createElement(s)
{{ 'about.rest_api.value' | translate }} js.id = id
</h4> js.src = p + "://platform.twitter.com/widgets.js"
<p>{{ 'about.rest_api.line1' | translate }}</p> fjs.parentNode.insertBefore(js, fjs)
<p> }
<a href="api/" target="_blank">{{ 'about.rest_api.link_to_documentation' | translate }}</a> })(document, "script", "twitter-wjs")
</p> </script>
</div> </div>
</div> </div>
<div class="col-md-6">
<div class="about-module">
<h4>
<i class="icon-keyboard"></i>
{{ 'about.keyboard_shortcuts' | translate }}
</h4>
<div ng-include="'templates/_shortcuts.html'"></div>
</div>
<div class="about-module">
<h4>
<i class="icon-info-sign"></i>
{{ 'about.announcements' | translate }}
</h4>
<a class="twitter-timeline" href="https://twitter.com/CommaFeed" data-widget-id="333897786657480704">Tweets by @CommaFeed</a>
<script>
!function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + "://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
</script>
</div>
</div>
</div> </div>

View File

@@ -1,13 +1,13 @@
<div class="container-full"> <div class="container-full">
<div class="left-menu"> <div class="left-menu">
<div ng-include="'templates/_tree.html'"></div> <div ng-include="'templates/_tree.html'"></div>
<div ng-include="'templates/_feedsearch.html'"></div> <div ng-include="'templates/_feedsearch.html'"></div>
</div> </div>
<div class="main-content"> <div class="main-content">
<div id="toolbar" class="toolbar" ng-include="'templates/_toolbar.html'"></div> <div id="toolbar" class="toolbar" ng-include="'templates/_toolbar.html'"></div>
<div class="entryList"> <div class="entryList">
<div ui-view></div> <div ui-view></div>
</div> </div>
</div> </div>
<div ng-include="'templates/_footer.html'"></div> <div ng-include="'templates/_footer.html'"></div>
</div> </div>

View File

@@ -1,19 +1,19 @@
<div> <div>
<div class="page-header"> <div class="page-header">
<h3>{{ 'tree.import' | translate }}</h3> <h3>{{ 'tree.import' | translate }}</h3>
</div> </div>
<form class="form-horizontal" action="rest/feed/import" method="post" enctype="multipart/form-data"> <form class="form-horizontal" action="rest/feed/import" method="post" enctype="multipart/form-data">
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">{{ 'import.xml_file' | translate }}</label> <label class="col-sm-2 control-label">{{ 'import.xml_file' | translate }}</label>
<div class="col-sm-10 "> <div class="col-sm-10">
<input type="file" name="file" class="form-control"></input> <input type="file" name="file" class="form-control" />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="col-sm-offset-2 col-sm-10"> <div class="col-sm-offset-2 col-sm-10">
<button class="btn btn-primary ok" type="submit">{{ 'tree.import' | translate }}</button> <button class="btn btn-primary ok" type="submit">{{ 'tree.import' | translate }}</button>
<button type="button" class="btn btn-default cancel" ng-click="back()">{{ 'global.cancel' | translate }}</button> <button type="button" class="btn btn-default cancel" ng-click="back()">{{ 'global.cancel' | translate }}</button>
</div> </div>
</div> </div>
</form> </form>
</div> </div>

View File

@@ -1,29 +1,33 @@
<div> <div>
<div class="page-header"> <div class="page-header">
<h3>{{ 'tree.new_category' | translate }}</h3> <h3>{{ 'tree.new_category' | translate }}</h3>
</div> </div>
<form name="categoryForm" class="form-horizontal" ng-submit="saveCategory()"> <form name="categoryForm" class="form-horizontal" ng-submit="saveCategory()">
<div class="form-group" ng-class="{error : !categoryForm.name.$valid}"> <div class="form-group" ng-class="{error : !categoryForm.name.$valid}">
<label class="col-sm-2 control-label">{{ 'new_category.name' | translate }}</label> <label class="col-sm-2 control-label">{{ 'new_category.name' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="text" class="form-control" name="name" ng-model="cat.name" required></input> <input type="text" class="form-control" name="name" ng-model="cat.name" required />
<span class="help-block" ng-show="!categoryForm.name.$valid">{{ 'global.required' | translate }}</span> <span class="help-block" ng-show="!categoryForm.name.$valid">{{ 'global.required' | translate }}</span>
</div> </div>
</div> </div>
<div class="form-group" ng-class="{error : !categoryForm.category.$valid}"> <div class="form-group" ng-class="{error : !categoryForm.category.$valid}">
<label class="col-sm-2 control-label">{{ 'new_category.parent' | translate }}</label> <label class="col-sm-2 control-label">{{ 'new_category.parent' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<select name="category" ng-model="cat.parentId" class="form-control" <select
ng-options="cat.id as cat.name for cat in CategoryService.flatCategories" required> name="category"
</select> ng-model="cat.parentId"
<span class="help-block" ng-show="!categoryForm.category.$valid">{{ 'global.required' | translate }}</span> class="form-control"
</div> ng-options="cat.id as cat.name for cat in CategoryService.flatCategories"
</div> required
<div class="form-group"> ></select>
<div class="col-sm-offset-2 col-sm-10"> <span class="help-block" ng-show="!categoryForm.category.$valid">{{ 'global.required' | translate }}</span>
<button class="btn btn-primary ok" type="submit">{{ 'global.save' | translate }}</button> </div>
<button type="button" class="btn btn-default cancel" ng-click="back()">{{ 'global.cancel' | translate }}</button> </div>
</div> <div class="form-group">
</div> <div class="col-sm-offset-2 col-sm-10">
</form> <button class="btn btn-primary ok" type="submit">{{ 'global.save' | translate }}</button>
<button type="button" class="btn btn-default cancel" ng-click="back()">{{ 'global.cancel' | translate }}</button>
</div>
</div>
</form>
</div> </div>

View File

@@ -1,39 +1,52 @@
<div> <div>
<div class="page-header"> <div class="page-header">
<h3>{{ 'tree.subscribe' | translate }}</h3> <h3>{{ 'tree.subscribe' | translate }}</h3>
</div> </div>
<form name="subscribeForm" class="form-horizontal" ng-submit="save()"> <form name="subscribeForm" class="form-horizontal" ng-submit="save()">
<div class="form-group" ng-class="{error : !subscribeForm.url.$valid}"> <div class="form-group" ng-class="{error : !subscribeForm.url.$valid}">
<label class="col-sm-2 control-label">{{ 'subscribe.feed_url' | translate }}</label> <label class="col-sm-2 control-label">{{ 'subscribe.feed_url' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="text" name="url" ng-model="sub.url" ng-blur="urlChanged()" placeholder="http://example.com/feed" class="form-control" <input
required ng-disabled="state=='loading'" autofocus></input> type="text"
<span class="help-block" ng-show="!subscribeForm.url.$valid">{{ 'global.required' | translate }}</span> name="url"
</div> ng-model="sub.url"
</div> ng-blur="urlChanged()"
<div class="form-group" ng-class="{error : !subscribeForm.title.$valid}"> placeholder="http://example.com/feed"
<label class="col-sm-2 control-label">{{ 'subscribe.feed_name' | translate }}</label> class="form-control"
<div class="col-sm-10"> required
<input type="text" name="title" ng-model="sub.title" class="form-control" required ng-disabled="state=='loading'"></input> ng-disabled="state=='loading'"
<span class="help-block" ng-show="!subscribeForm.title.$valid">{{ 'global.required' | translate }}</span> autofocus
</div> />
</div> <span class="help-block" ng-show="!subscribeForm.url.$valid">{{ 'global.required' | translate }}</span>
<div class="form-group" ng-class="{error : !subscribeForm.category.$valid}"> </div>
<label class="col-sm-2 control-label">{{ 'subscribe.category' | translate }}</label> </div>
<div class="col-sm-10"> <div class="form-group" ng-class="{error : !subscribeForm.title.$valid}">
<select name="category" ng-model="sub.categoryId" class="form-control" <label class="col-sm-2 control-label">{{ 'subscribe.feed_name' | translate }}</label>
ng-options="cat.id as cat.name for cat in CategoryService.flatCategories" required> <div class="col-sm-10">
</select> <input type="text" name="title" ng-model="sub.title" class="form-control" required ng-disabled="state=='loading'" />
<span class="help-block" ng-show="!subscribeForm.category.$valid">{{ 'global.required' | translate }}</span> <span class="help-block" ng-show="!subscribeForm.title.$valid">{{ 'global.required' | translate }}</span>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group" ng-class="{error : !subscribeForm.category.$valid}">
<div class="col-sm-offset-2 col-sm-10"> <label class="col-sm-2 control-label">{{ 'subscribe.category' | translate }}</label>
<button class="btn btn-primary ok" type="submit" ng-disabled="state!='ok'">{{ 'global.save' | translate }}</button> <div class="col-sm-10">
<button class="btn btn-default cancel" ng-click="back()" type="button">{{ 'global.cancel' | translate }}</button> <select
</div> name="category"
</div> ng-model="sub.categoryId"
</form> class="form-control"
ng-options="cat.id as cat.name for cat in CategoryService.flatCategories"
required
></select>
<span class="help-block" ng-show="!subscribeForm.category.$valid">{{ 'global.required' | translate }}</span>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button class="btn btn-primary ok" type="submit" ng-disabled="state!='ok'">{{ 'global.save' | translate }}</button>
<button class="btn btn-default cancel" ng-click="back()" type="button">{{ 'global.cancel' | translate }}</button>
</div>
</div>
</form>
<pre ng-if="state == 'failed'">{{stacktrace}}</pre> <pre ng-if="state == 'failed'">{{stacktrace}}</pre>
</div> </div>

View File

@@ -1,23 +1,27 @@
<div> <div>
<div class="page-header"> <div class="page-header">
<h3>{{ 'details.tag_details' | translate }}</h3> <h3>{{ 'details.tag_details' | translate }}</h3>
</div> </div>
<form name="form" class="form-horizontal" ng-submit="save()"> <form name="form" class="form-horizontal" ng-submit="save()">
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">{{ 'details.feed_url' | translate }}</label> <label class="col-sm-2 control-label">{{ 'details.feed_url' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<div class="checkbox"> <div class="checkbox">
<a ng-show="user.apiKey" href="{{'rest/category/entriesAsFeed?id=all&tag=' + tag + '&apiKey=' + user.apiKey}}" target="_blank">{{ 'global.link' | translate }}</a> <a
<span ng-show="!user.apiKey">{{ 'details.generate_api_key_first' | translate }}</span> ng-show="user.apiKey"
</div> href="{{'rest/category/entriesAsFeed?id=all&tag=' + tag + '&apiKey=' + user.apiKey}}"
</div> target="_blank"
</div> >{{ 'global.link' | translate }}</a
>
<div class="form-group"> <span ng-show="!user.apiKey">{{ 'details.generate_api_key_first' | translate }}</span>
<div class="col-sm-offset-2 col-sm-10"> </div>
<button type="button" class="btn btn-default" ng-click="back()">{{ 'global.cancel' | translate }}</button> </div>
</div> </div>
</div>
</form>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" class="btn btn-default" ng-click="back()">{{ 'global.cancel' | translate }}</button>
</div>
</div>
</form>
</div> </div>

View File

@@ -1,155 +1,241 @@
<div ng-class="{expanded: settingsService.settings.viewMode == 'expanded'}"> <div ng-class="{expanded: settingsService.settings.viewMode == 'expanded'}">
<div class="entrylist-header" ng-if="name"> <div class="entrylist-header" ng-if="name">
<h3> <h3>
<span ng-switch on="selectedId"> <span ng-switch on="selectedId">
<span ng-switch-when="all">{{ 'tree.all' | translate }}</span> <span ng-switch-when="all">{{ 'tree.all' | translate }}</span>
<span ng-switch-when="starred">{{ 'tree.starred' | translate }}</span> <span ng-switch-when="starred">{{ 'tree.starred' | translate }}</span>
<span ng-switch-default> <span ng-switch-default>
<span ng-hide="feedLink">{{name}}</span> <span ng-hide="feedLink">{{name}}</span>
<a ng-show="feedLink" href="{{feedLink}}" target="_blank" rel="noreferrer">{{name}}</a> <a ng-show="feedLink" href="{{feedLink}}" target="_blank" rel="noreferrer">{{name}}</a>
</span> </span>
</span> </span>
<span ng-show="name"> &#187;</span> <span ng-show="name"> &#187;</span>
<span ng-show="keywords">{{ 'view.search_for' | translate }} '{{ keywords }}'</span> <span ng-show="keywords">{{ 'view.search_for' | translate }} '{{ keywords }}'</span>
</h3> </h3>
</div> </div>
<div infinite-scroll="loadMoreEntries()" infinite-scroll-disabled="busy || !settingsService.settings.readingMode" <div
infinite-scroll-distance="1" id="feed-accordion" ng-class="{'expanded' : settingsService.settings.viewMode == 'expanded' }"> infinite-scroll="loadMoreEntries()"
<div ng-show="message && errorCount > 10">{{ 'view.error_while_loading_feed' | translate }} : {{ message }}</div> infinite-scroll-disabled="busy || !settingsService.settings.readingMode"
<div ng-repeat="entry in entries" class="entry entry-font-size-{{font_size}}" id="entry_{{entry.id}}" infinite-scroll-distance="1"
ng-class="{unread: entry.read == false, current: current==entry, open: isOpen, closed: !isOpen }"> id="feed-accordion"
<div class="entry-heading" ng-swipe-right="mark(entry, !entry.read)"> ng-class="{'expanded' : settingsService.settings.viewMode == 'expanded' }"
<a href="{{entry.url}}" target="_blank" rel="noreferrer" class="entry-heading-link" ng-click="noop($event)" ng-mouseup="entryClicked(entry, $event)"> >
<span class="feed-name"> <div ng-show="message && errorCount > 10">{{ 'view.error_while_loading_feed' | translate }} : {{ message }}</div>
<span class="star" ng-mouseup="star(entry, !entry.starred, $event)"> <div
<i ng-class="{'icon-star icon-star-yellow': entry.starred, 'icon-star-empty': !entry.starred}" class="pointer"></i> ng-repeat="entry in entries"
</span> class="entry entry-font-size-{{font_size}}"
<favicon url="entry.iconUrl" /> id="entry_{{entry.id}}"
{{entry.feedName}} ng-class="{unread: entry.read == false, current: current==entry, open: isOpen, closed: !isOpen }"
</span> >
<span class="entry-date">{{entry.date | entryDate}}</span> <div class="entry-heading" ng-swipe-right="mark(entry, !entry.read)">
<span class="entry-name" ng-class="{shrink: true, rtl: entry.rtl}" ng-bind-html="entry.title | highlight:keywords | trustHtml"></span> <a
</a> href="{{entry.url}}"
<a href="{{entry.url}}" target="_blank" rel="noreferrer" class="entry-external-link" ng-click="mark(entry, true)"> target="_blank"
<i class="icon-external-link"></i> rel="noreferrer"
</a> class="entry-heading-link"
</div> ng-click="noop($event)"
<div class="entry-body" ng-if="settingsService.settings.viewMode == 'expanded' || (isOpen && current == entry)" ng-mouseup="entryClicked(entry, $event)"
ng-mouseup="bodyClicked(entry, $event)" ng-class="{rtl: entry.rtl}"> >
<div class="entry-header"> <span class="feed-name">
<div class="entry-title"> <span class="star" ng-mouseup="star(entry, !entry.starred, $event)">
<a href="{{entry.url}}" target="_blank" rel="noreferrer" ng-bind-html="entry.title | highlight:keywords | trustHtml"></a> <i
<div class="entry-subtitle"> ng-class="{'icon-star icon-star-yellow': entry.starred, 'icon-star-empty': !entry.starred}"
<span class="entry-source" ng-if="selectedType == 'category'"> class="pointer"
<span class="entry-source-prefix">{{ 'view.entry_source' | translate }}</span> ></i>
<a ng-click="goToFeed(entry.feedId)" class="pointer bidi-embed"> </span>
<span>{{entry.feedName}}</span> <favicon url="entry.iconUrl" />
</a> {{entry.feedName}}
</span> </span>
<span class="entry-author" ng-if="entry.author"> <span class="entry-date">{{entry.date | entryDate}}</span>
<span class="entry-author-prefix">{{ 'view.entry_author' | translate }}</span> <span
<span class="entry-author-name">{{entry.author}}</span> class="entry-name"
</span> ng-class="{shrink: true, rtl: entry.rtl}"
<span class="entry-categories" ng-if="entry.categories"> ng-bind-html="entry.title | highlight:keywords | trustHtml"
<span class="entry-categories-name">({{entry.categories}})</span> ></span>
</span> </a>
</div> <a href="{{entry.url}}" target="_blank" rel="noreferrer" class="entry-external-link" ng-click="mark(entry, true)">
</div> <i class="icon-external-link"></i>
</div> </a>
</div>
<div
class="entry-body"
ng-if="settingsService.settings.viewMode == 'expanded' || (isOpen && current == entry)"
ng-mouseup="bodyClicked(entry, $event)"
ng-class="{rtl: entry.rtl}"
>
<div class="entry-header">
<div class="entry-title">
<a
href="{{entry.url}}"
target="_blank"
rel="noreferrer"
ng-bind-html="entry.title | highlight:keywords | trustHtml"
></a>
<div class="entry-subtitle">
<span class="entry-source" ng-if="selectedType == 'category'">
<span class="entry-source-prefix">{{ 'view.entry_source' | translate }}</span>
<a ng-click="goToFeed(entry.feedId)" class="pointer bidi-embed">
<span>{{entry.feedName}}</span>
</a>
</span>
<span class="entry-author" ng-if="entry.author">
<span class="entry-author-prefix">{{ 'view.entry_author' | translate }}</span>
<span class="entry-author-name">{{entry.author}}</span>
</span>
<span class="entry-categories" ng-if="entry.categories">
<span class="entry-categories-name">({{entry.categories}})</span>
</span>
</div>
</div>
</div>
<div class="entry-body-content"> <div class="entry-body-content">
<div ng-if="!MobileService.mobile" ng-bind-html="entry.content | iframeHttpsRewrite| highlight:keywords | trustHtml"></div> <div
<div ng-if="MobileService.mobile" ng-bind-html="entry.content | iframeHttpsRewrite| highlight:keywords | appendImageTitles | trustHtml"></div> ng-if="!MobileService.mobile"
<div class="entry-enclosure" ng-if="entry.enclosureType && (entry.enclosureUrl && entry.content && entry.content.indexOf(entry.enclosureUrl) == -1)"> ng-bind-html="entry.content | iframeHttpsRewrite| highlight:keywords | trustHtml"
<video controls ng-if="entry.enclosureType && entry.enclosureType.indexOf('video') == 0"> ></div>
<source ng-src="{{entry.enclosureUrl | trustUrl}}" type="{{entry.enclosureType}}" /> <div
</video> ng-if="MobileService.mobile"
<audio controls ng-if="entry.enclosureType && entry.enclosureType.indexOf('audio') == 0"> ng-bind-html="entry.content | iframeHttpsRewrite| highlight:keywords | appendImageTitles | trustHtml"
<source ng-src="{{entry.enclosureUrl | trustUrl}}" type="{{entry.enclosureType}}" /> ></div>
</audio> <div
<div ng-if="entry.enclosureType && entry.enclosureType.indexOf('image') == 0"> class="entry-enclosure"
<img ng-src="{{entry.enclosureUrl | trustUrl}}" /> ng-if="entry.enclosureType && (entry.enclosureUrl && entry.content && entry.content.indexOf(entry.enclosureUrl) == -1)"
</div> >
<a ng-href="{{entry.enclosureUrl | trustUrl}}" target="_blank" ng-if="entry.enclosureType" download> {{ 'global.download' | translate }} </a> <video controls ng-if="entry.enclosureType && entry.enclosureType.indexOf('video') == 0">
</div> <source ng-src="{{entry.enclosureUrl | trustUrl}}" type="{{entry.enclosureType}}" />
</div> </video>
<div class="entry-buttons form-inline"> <audio controls ng-if="entry.enclosureType && entry.enclosureType.indexOf('audio') == 0">
<div class="form-group star" ng-mouseup="star(entry, !entry.starred, $event)"> <source ng-src="{{entry.enclosureUrl | trustUrl}}" type="{{entry.enclosureType}}" />
<i ng-class="{'icon-star icon-star-yellow': entry.starred, 'icon-star-empty': !entry.starred}" class="pointer"></i> </audio>
</div> <div ng-if="entry.enclosureType && entry.enclosureType.indexOf('image') == 0">
<div class="checkbox-inline keep-unread"> <img ng-src="{{entry.enclosureUrl | trustUrl}}" />
<label ng-if="entry.markable" class="pointer"> </div>
<input type="checkbox" ng-checked="!entry.read" ng-click="mark(entry, !entry.read)" class="mousetrap"></input> <a ng-href="{{entry.enclosureUrl | trustUrl}}" target="_blank" ng-if="entry.enclosureType" download>
{{ 'view.keep_unread' | translate }} {{ 'global.download' | translate }}
</label> </a>
</div> </div>
</div>
<div class="entry-buttons form-inline">
<div class="form-group star" ng-mouseup="star(entry, !entry.starred, $event)">
<i ng-class="{'icon-star icon-star-yellow': entry.starred, 'icon-star-empty': !entry.starred}" class="pointer"></i>
</div>
<div class="checkbox-inline keep-unread">
<label ng-if="entry.markable" class="pointer">
<input type="checkbox" ng-checked="!entry.read" ng-click="mark(entry, !entry.read)" class="mousetrap" />
{{ 'view.keep_unread' | translate }}
</label>
</div>
<span class="share-buttons"> <span class="share-buttons">
<a href="mailto:?subject={{entry.title|escape}}&body={{entry.url|escape}}" title="E-mail" popup ng-if="settingsService.settings.email"> <a
<i class="icon-envelope"></i> href="mailto:?subject={{entry.title|escape}}&body={{entry.url|escape}}"
</a> title="E-mail"
<a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&source=mailto&su={{entry.title|escape}}&body={{entry.url|escape}}" popup
title="Gmail" popup ng-if="settingsService.settings.gmail"> ng-if="settingsService.settings.email"
<i class="icon-gmail"></i> >
</a> <i class="icon-envelope"></i>
<a href="http://www.facebook.com/sharer.php?u={{entry.url|escape}}" title="Facebook" popup ng-if="settingsService.settings.facebook"> </a>
<i class="icon-facebook"></i> <a
</a> href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&source=mailto&su={{entry.title|escape}}&body={{entry.url|escape}}"
<a href="http://twitter.com/share?text={{entry.title|escape}}&url={{entry.url|escape}}" title="Twitter" popup title="Gmail"
ng-if="settingsService.settings.twitter"> popup
<i class="icon-twitter"></i> ng-if="settingsService.settings.gmail"
</a> >
<a href="https://plus.google.com/share?url={{entry.url|escape}}" title="Google+" popup ng-if="settingsService.settings.googleplus"> <i class="icon-gmail"></i>
<i class="icon-google-plus"></i> </a>
</a> <a
<a href="http://www.tumblr.com/share/link?url={{entry.url|escape}}&name={{entry.title|escape}}" title="Tumblr" popup href="http://www.facebook.com/sharer.php?u={{entry.url|escape}}"
ng-if="settingsService.settings.tumblr"> title="Facebook"
<i class="icon-tumblr"></i> popup
</a> ng-if="settingsService.settings.facebook"
<a href="https://getpocket.com/save?url={{entry.url|escape}}&title={{entry.title|escape}}" title="Pocket" popup >
ng-if="settingsService.settings.pocket"> <i class="icon-facebook"></i>
<i class="icon-pocket"></i> </a>
</a> <a
<a href="https://www.instapaper.com/hello2?url={{entry.url|escape}}&title={{entry.title|escape}}" title="Instapaper" popup href="http://twitter.com/share?text={{entry.title|escape}}&url={{entry.url|escape}}"
ng-if="settingsService.settings.instapaper"> title="Twitter"
<i class="icon-instapaper"></i> popup
</a> ng-if="settingsService.settings.twitter"
<a href="https://bufferapp.com/add?url={{entry.url|escape}}&text={{entry.title|escape}}" title="Buffer" popup >
ng-if="settingsService.settings.buffer"> <i class="icon-twitter"></i>
<i class="icon-buffer"></i> </a>
</a> <a
<a href="http://www.readability.com/save?url={{entry.url|escape}}" title="Readability" popup href="https://plus.google.com/share?url={{entry.url|escape}}"
ng-if="settingsService.settings.readability"> title="Google+"
<i class="icon-couch"></i> popup
</a> ng-if="settingsService.settings.googleplus"
</span> >
<i class="icon-google-plus"></i>
</a>
<a
href="http://www.tumblr.com/share/link?url={{entry.url|escape}}&name={{entry.title|escape}}"
title="Tumblr"
popup
ng-if="settingsService.settings.tumblr"
>
<i class="icon-tumblr"></i>
</a>
<a
href="https://getpocket.com/save?url={{entry.url|escape}}&title={{entry.title|escape}}"
title="Pocket"
popup
ng-if="settingsService.settings.pocket"
>
<i class="icon-pocket"></i>
</a>
<a
href="https://www.instapaper.com/hello2?url={{entry.url|escape}}&title={{entry.title|escape}}"
title="Instapaper"
popup
ng-if="settingsService.settings.instapaper"
>
<i class="icon-instapaper"></i>
</a>
<a
href="https://bufferapp.com/add?url={{entry.url|escape}}&text={{entry.title|escape}}"
title="Buffer"
popup
ng-if="settingsService.settings.buffer"
>
<i class="icon-buffer"></i>
</a>
<a
href="http://www.readability.com/save?url={{entry.url|escape}}"
title="Readability"
popup
ng-if="settingsService.settings.readability"
>
<i class="icon-couch"></i>
</a>
</span>
<span class="tags-panel"> <span class="tags-panel">
<tags entry="entry"></tags> <tags entry="entry"></tags>
</span> </span>
<a ng-click="markUpTo(entry)" class="mark-up-to" title="{{ 'view.mark_up_to_here' | translate }}"> <a ng-click="markUpTo(entry)" class="mark-up-to" title="{{ 'view.mark_up_to_here' | translate }}">
<i class="icon-step-forward icon-rotate-90"></i> <i class="icon-step-forward icon-rotate-90"></i>
</a> </a>
</div> </div>
</div> </div>
</div> </div>
<div class="no-entries" ng-show="name && entries.length == 0 && !busy"> <div class="no-entries" ng-show="name && entries.length == 0 && !busy">
<span ng-show="keywords">{{ 'view.no_search_results' | translate }}</span> <span ng-show="keywords">{{ 'view.no_search_results' | translate }}</span>
<span ng-hide="keywords">"{{name}}" {{ 'view.no_unread_items' | translate }}</span> <span ng-hide="keywords">"{{name}}" {{ 'view.no_unread_items' | translate }}</span>
</div> </div>
<div modal="shortcutsModal" close="shortcutsModal=false" options="shortcutsOpts"> <div modal="shortcutsModal" close="shortcutsModal=false" options="shortcutsOpts">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" ng-click="shortcutsModal=false">&times;</button> <button type="button" class="close" ng-click="shortcutsModal=false">&times;</button>
<h4>{{ 'about.keyboard_shortcuts' | translate }}</h4> <h4>{{ 'about.keyboard_shortcuts' | translate }}</h4>
</div> </div>
<div class="modal-body" ng-include="'templates/_shortcuts.html'"></div> <div class="modal-body" ng-include="'templates/_shortcuts.html'"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div style="height: 30px" ng-if="settingsService.settings.viewMode != 'expanded' && entries.length != 0"></div> <div style="height: 30px" ng-if="settingsService.settings.viewMode != 'expanded' && entries.length != 0"></div>
<div style="height: 1000px" ng-if="settingsService.settings.viewMode == 'expanded' && entries.length != 0"></div> <div style="height: 1000px" ng-if="settingsService.settings.viewMode == 'expanded' && entries.length != 0"></div>
</div> </div>

View File

@@ -1,66 +1,90 @@
<div class="profile"> <div class="profile">
<div class="page-header"> <div class="page-header">
<h1>{{ 'toolbar.profile' | translate }}</h1> <h1>{{ 'toolbar.profile' | translate }}</h1>
</div> </div>
<form name="profileForm" ng-submit="save()" class="form-horizontal"> <form name="profileForm" ng-submit="save()" class="form-horizontal">
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label" for="email">{{ 'profile.user_name' | translate }}</label> <label class="col-sm-2 control-label" for="email">{{ 'profile.user_name' | translate }}</label>
<div class="col-sm-10 checkbox"> <div class="col-sm-10 checkbox">
<span>{{user.name}}</span> <span>{{user.name}}</span>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label" for="email">{{ 'profile.email' | translate }}</label> <label class="col-sm-2 control-label" for="email">{{ 'profile.email' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="email" id="email" ng-model="user.email" class="form-control" autocomplete="off" /> <input type="email" id="email" ng-model="user.email" class="form-control" autocomplete="off" />
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label" for="password">{{ 'profile.change_password' | translate }}</label> <label class="col-sm-2 control-label" for="password">{{ 'profile.change_password' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input type="password" name="password" id="password" ng-model="user.password" class="form-control" ng-minlength="6" autocomplete="off" /> <input
<span class="help-inline" ng-show="profileForm.password.$error.minlength">{{ 'profile.minimum_6_chars' | translate }}</span> type="password"
</div> name="password"
</div> id="password"
<div class="form-group"> ng-model="user.password"
<label class="col-sm-2 control-label" for="password">{{ 'profile.confirm_password' | translate }}</label> class="form-control"
<div class="col-sm-10"> ng-minlength="6"
<input type="password" class="form-control" name="password_c" id="password_c" ng-model="password_c" autocomplete="off"
ui-validate="'$value==user.password'" ui-validate-watch="'user.password'" autocomplete="off"> />
<span class="help-inline" ng-show="profileForm.password_c.$error.validator">{{ 'profile.passwords_do_not_match' | translate }}</span> <span class="help-inline" ng-show="profileForm.password.$error.minlength">{{ 'profile.minimum_6_chars' | translate }}</span>
</div> </div>
</div> </div>
<div class="form-group">
<label class="col-sm-2 control-label" for="password">{{ 'profile.confirm_password' | translate }}</label>
<div class="col-sm-10">
<input
type="password"
class="form-control"
name="password_c"
id="password_c"
ng-model="password_c"
ui-validate="'$value==user.password'"
ui-validate-watch="'user.password'"
autocomplete="off"
/>
<span class="help-inline" ng-show="profileForm.password_c.$error.validator"
>{{ 'profile.passwords_do_not_match' | translate }}</span
>
</div>
</div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label" for="password">{{ 'profile.api_key' | translate }}</label> <label class="col-sm-2 control-label" for="password">{{ 'profile.api_key' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<pre ng-show="user.apiKey">{{user.apiKey}}</pre> <pre ng-show="user.apiKey">{{user.apiKey}}</pre>
<span class="help-block" ng-show="!user.apiKey">{{ 'profile.api_key_not_generated' | translate }}</span> <span class="help-block" ng-show="!user.apiKey">{{ 'profile.api_key_not_generated' | translate }}</span>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label" for="password">{{ 'profile.generate_new_api_key' | translate }}</label> <label class="col-sm-2 control-label" for="password">{{ 'profile.generate_new_api_key' | translate }}</label>
<div class="col-sm-10"> <div class="col-sm-10">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" name="newApiKey" id="newApiKey" ng-model="newApiKey"> <input type="checkbox" name="newApiKey" id="newApiKey" ng-model="newApiKey" />
<span class="help-inline">{{ 'profile.generate_new_api_key_info' | translate }}</span> <span class="help-inline">{{ 'profile.generate_new_api_key_info' | translate }}</span>
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label" for="password">{{ 'profile.opml_export' | translate }}</label> <label class="col-sm-2 control-label" for="password">{{ 'profile.opml_export' | translate }}</label>
<div class="col-sm-10 checkbox"> <div class="col-sm-10 checkbox">
<a href="rest/feed/export" download="commafeed_opml.xml">{{ 'global.download' | translate }}</a> <a href="rest/feed/export" download="commafeed_opml.xml">{{ 'global.download' | translate }}</a>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="col-sm-offset-2 col-sm-10"> <div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">{{ 'global.save' | translate }}</button> <button type="submit" class="btn btn-primary">{{ 'global.save' | translate }}</button>
<button type="button" class="btn btn-danger" ng-click="deleteAccount()" <button
confirm-click="'profile.delete_account_confirmation' | translate">{{ 'profile.delete_account' | translate }}</button> type="button"
<button type="button" class="btn btn-default" ng-click="cancel()">{{ 'global.cancel' | translate }}</button> class="btn btn-danger"
</div> ng-click="deleteAccount()"
</div> confirm-click="'profile.delete_account_confirmation' | translate"
</form> >
{{ 'profile.delete_account' | translate }}
</button>
<button type="button" class="btn btn-default" ng-click="cancel()">{{ 'global.cancel' | translate }}</button>
</div>
</div>
</form>
</div> </div>

View File

@@ -1,145 +1,151 @@
<div class="settings"> <div class="settings">
<div class="page-header"> <div class="page-header">
<h1>{{ 'toolbar.settings' | translate }}</h1> <h1>{{ 'toolbar.settings' | translate }}</h1>
</div> </div>
<form name="settingsForm" ng-submit="save()"> <form name="settingsForm" ng-submit="save()">
<div class="row"> <div class="row">
<div class="col-md-2"> <div class="col-md-2">
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills nav-stacked">
<li ng-class="{active: !tab || tab == 'general'}" class="pointer"> <li ng-class="{active: !tab || tab == 'general'}" class="pointer">
<a ng-click="tab = 'general'">{{ 'settings.general.value' | translate }}</a> <a ng-click="tab = 'general'">{{ 'settings.general.value' | translate }}</a>
</li> </li>
<li ng-class="{active: tab == 'css'}" class="pointer"> <li ng-class="{active: tab == 'css'}" class="pointer">
<a ng-click="tab = 'css'">{{ 'settings.appearance' | translate }}</a> <a ng-click="tab = 'css'">{{ 'settings.appearance' | translate }}</a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="col-md-10"> <div class="col-md-10">
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane" ng-class="{active: !tab || tab == 'general'}"> <div class="tab-pane" ng-class="{active: !tab || tab == 'general'}">
<div class="form-horizontal"> <div class="form-horizontal">
<div class="form-group"> <div class="form-group">
<label>{{ 'settings.general.language' | translate }}</label> <label>{{ 'settings.general.language' | translate }}</label>
<select name="language" ng-model="settings.language" class="form-control" <select
ng-options="id as label for (id,label) in langs" required> name="language"
</select> ng-model="settings.language"
<span class="help-block"> class="form-control"
<a href="https://github.com/Athou/commafeed#translate-commafeed-into-your-language" target="_blank"> ng-options="id as label for (id,label) in langs"
{{ 'settings.general.language_contribute' | translate }} </a> required
</span> ></select>
</div> <span class="help-block">
<div class="checkbox"> <a href="https://github.com/Athou/commafeed#translate-commafeed-into-your-language" target="_blank">
<label> {{ 'settings.general.language_contribute' | translate }}
<input type="checkbox" name="showRead" ng-model="settings.showRead" /> </a>
{{ 'settings.general.show_unread' | translate }} </span>
</label> </div>
</div> <div class="checkbox">
<div class="checkbox"> <label>
<label> <input type="checkbox" name="showRead" ng-model="settings.showRead" />
<input type="checkbox" name="scrollMarks" ng-model="settings.scrollMarks" /> {{ 'settings.general.show_unread' | translate }}
{{ 'settings.general.scroll_marks' | translate }} </label>
</label> </div>
</div> <div class="checkbox">
<div> <label>
<h4>{{ 'settings.general.social_buttons' | translate }}</h4> <input type="checkbox" name="scrollMarks" ng-model="settings.scrollMarks" />
<div> {{ 'settings.general.scroll_marks' | translate }}
<label> </label>
<input type="checkbox" name="email" ng-model="settings.email" /> </div>
<i class="icon-envelope"></i> <div>
E-Mail <h4>{{ 'settings.general.social_buttons' | translate }}</h4>
</label> <div>
</div> <label>
<div> <input type="checkbox" name="email" ng-model="settings.email" />
<label> <i class="icon-envelope"></i>
<input type="checkbox" name="gmail" ng-model="settings.gmail" /> E-Mail
<i class="icon-gmail"></i> </label>
GMail </div>
</label> <div>
</div> <label>
<div> <input type="checkbox" name="gmail" ng-model="settings.gmail" />
<label> <i class="icon-gmail"></i>
<input type="checkbox" name="facebook" ng-model="settings.facebook" /> GMail
<i class="icon-facebook"></i> </label>
Facebook </div>
</label> <div>
</div> <label>
<div> <input type="checkbox" name="facebook" ng-model="settings.facebook" />
<label> <i class="icon-facebook"></i>
<input type="checkbox" name="twitter" ng-model="settings.twitter" /> Facebook
<i class="icon-twitter"></i> </label>
Twitter </div>
</label> <div>
</div> <label>
<div> <input type="checkbox" name="twitter" ng-model="settings.twitter" />
<label> <i class="icon-twitter"></i>
<input type="checkbox" name="googleplus" ng-model="settings.googleplus" /> Twitter
<i class="icon-google-plus"></i> </label>
Google+ </div>
</label> <div>
</div> <label>
<div> <input type="checkbox" name="googleplus" ng-model="settings.googleplus" />
<label> <i class="icon-google-plus"></i>
<input type="checkbox" name="tumblr" ng-model="settings.tumblr" /> Google+
<i class="icon-tumblr"></i> </label>
Tumblr </div>
</label> <div>
</div> <label>
<div> <input type="checkbox" name="tumblr" ng-model="settings.tumblr" />
<label> <i class="icon-tumblr"></i>
<input type="checkbox" name="pocket" ng-model="settings.pocket" /> Tumblr
<i class="icon-pocket"></i> </label>
Pocket </div>
</label> <div>
</div> <label>
<div> <input type="checkbox" name="pocket" ng-model="settings.pocket" />
<label> <i class="icon-pocket"></i>
<input type="checkbox" name="instapaper" ng-model="settings.instapaper" /> Pocket
<i class="icon-instapaper"></i> </label>
Instapaper </div>
</label> <div>
</div> <label>
<div> <input type="checkbox" name="instapaper" ng-model="settings.instapaper" />
<label> <i class="icon-instapaper"></i>
<input type="checkbox" name="buffer" ng-model="settings.buffer" /> Instapaper
<i class="icon-buffer"></i> </label>
Buffer </div>
</label> <div>
</div> <label>
<div> <input type="checkbox" name="buffer" ng-model="settings.buffer" />
<label> <i class="icon-buffer"></i>
<input type="checkbox" name="readability" ng-model="settings.readability" /> Buffer
<i class="icon-couch"></i> </label>
Readability </div>
</label> <div>
</div> <label>
</div> <input type="checkbox" name="readability" ng-model="settings.readability" />
</div> <i class="icon-couch"></i>
</div> Readability
<div class="tab-pane" ng-class="{active: tab == 'css'}"> </label>
<div class="form-group"> </div>
<label>{{ 'settings.scroll_speed' | translate }}</label> </div>
<input type="number" ng-model="settings.scrollSpeed" min="0" max="1000" class="form-control" /> </div>
<span class="help-inline">{{ 'settings.scroll_speed_help' | translate }}</span> </div>
</div> <div class="tab-pane" ng-class="{active: tab == 'css'}">
<div class="form-group"> <div class="form-group">
<label>{{ 'settings.theme' | translate }}</label> <label>{{ 'settings.scroll_speed' | translate }}</label>
<select ng-model="settings.theme" ng-options="theme for theme in themes" class="form-control"></select> <input type="number" ng-model="settings.scrollSpeed" min="0" max="1000" class="form-control" />
<span class="help-block"> <span class="help-inline">{{ 'settings.scroll_speed_help' | translate }}</span>
<a href="https://github.com/Athou/commafeed#themes" target="_blank"> {{ 'settings.submit_your_theme' | translate }} </a> </div>
</span> <div class="form-group">
</div> <label>{{ 'settings.theme' | translate }}</label>
<div class="form-group"> <select ng-model="settings.theme" ng-options="theme for theme in themes" class="form-control"></select>
<label>{{ 'settings.custom_css' | translate }}</label> <span class="help-block">
<textarea ng-model="settings.customCss" class="form-control" rows="20"> <a href="https://github.com/Athou/commafeed#themes" target="_blank">
</textarea> {{ 'settings.submit_your_theme' | translate }}
</div> </a>
</div> </span>
</div> </div>
</div> <div class="form-group">
</div> <label>{{ 'settings.custom_css' | translate }}</label>
<div class="form-actions"> <textarea ng-model="settings.customCss" class="form-control" rows="20"> </textarea>
<button type="submit" class="btn btn-primary">{{ 'global.save' | translate }}</button> </div>
<button type="button" class="btn btn-default" ng-click="cancel()">{{ 'global.cancel' | translate }}</button> </div>
</div> </div>
</form> </div>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary">{{ 'global.save' | translate }}</button>
<button type="button" class="btn btn-default" ng-click="cancel()">{{ 'global.cancel' | translate }}</button>
</div>
</form>
</div> </div>

View File

@@ -1,111 +1,115 @@
<div class="container welcome"> <div class="container welcome">
<div class="row header" ng-controller="LoginCtrl"> <div class="row header" ng-controller="LoginCtrl">
<div class="pull-left"> <div class="pull-left">
<a> <a>
<img src="images/logo_2.png"></img> <img src="images/logo_2.png" />
</a> </a>
</div> </div>
<div class="pull-right tagline">Bloat-free feed reader</div> <div class="pull-right tagline">Bloat-free feed reader</div>
<div class="text-center clear-both"> <div class="text-center clear-both">
<img src="images/preview.jpg" class="preview" /> <img src="images/preview.jpg" class="preview" />
<a href="" ng-click="demoLogin()" class="demo"> <a href="" ng-click="demoLogin()" class="demo">
Try out the demo Try out the demo
<br /> <br />
<small>(some features are disabled)</small> <small>(some features are disabled)</small>
</a> </a>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6" ng-controller="LoginCtrl"> <div class="col-md-6" ng-controller="LoginCtrl">
<div class="well" id="login-panel" ng-if="!recovery"> <div class="well" id="login-panel" ng-if="!recovery">
<h3>Login</h3> <h3>Login</h3>
<div class="feedback alert alert-danger" ng-if="message">{{message}}</div> <div class="feedback alert alert-danger" ng-if="message">{{message}}</div>
<form ng-submit="login()"> <form ng-submit="login()">
<div class="form-group"> <div class="form-group">
<label for="username">User Name or E-mail</label> <label for="username">User Name or E-mail</label>
<input type="text" name="username" class="form-control" ng-model="model.name"></input> <input type="text" name="username" class="form-control" ng-model="model.name" />
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="password">Password</label> <label for="password">Password</label>
<input type="password" name="password" class="form-control" ng-model="model.password"></input> <input type="password" name="password" class="form-control" ng-model="model.password" />
</div> </div>
<div> <div>
<input type="submit" class="btn btn-primary" value="Log in" /> <input type="submit" class="btn btn-primary" value="Log in" />
<a href="" class="pull-right" ng-click="toggleRecovery()" ng-if="recovery_enabled">Forgot password?</a> <a href="" class="pull-right" ng-click="toggleRecovery()" ng-if="recovery_enabled">Forgot password?</a>
</div> </div>
</form> </form>
</div> </div>
<div class="well" id="recovery-panel" ng-if="recovery"> <div class="well" id="recovery-panel" ng-if="recovery">
<h3>Password Recovery</h3> <h3>Password Recovery</h3>
<div class="feedback alert alert-danger" ng-if="recovery_message">{{recovery_message}}</div> <div class="feedback alert alert-danger" ng-if="recovery_message">{{recovery_message}}</div>
<form ng-submit="recover()"> <form ng-submit="recover()">
<div class="form-group"> <div class="form-group">
<label for="email">Email</label> <label for="email">Email</label>
<input type="email" name="email" class="form-control" ng-model="recovery_model.email" focus="true"></input> <input type="email" name="email" class="form-control" ng-model="recovery_model.email" focus="true" />
</div> </div>
<div> <div>
<input type="submit" class="btn btn-primary" value="Recover" /> <input type="submit" class="btn btn-primary" value="Recover" />
<input type="button" class="btn" value="Cancel" ng-click="toggleRecovery()" /> <input type="button" class="btn" value="Cancel" ng-click="toggleRecovery()" />
</div> </div>
</form> </form>
</div> </div>
</div> </div>
<div class="col-md-6" ng-controller="RegisterCtrl"> <div class="col-md-6" ng-controller="RegisterCtrl">
<div ng-if="ServerService.allowRegistrations"> <div ng-if="ServerService.allowRegistrations">
<div class="well" id="register-panel"> <div class="well" id="register-panel">
<h3>Register</h3> <h3>Register</h3>
<div ng-repeat="message in messages">{{message}}</div> <div ng-repeat="message in messages">{{message}}</div>
<form autocomplete="off" ng-submit="register()"> <form autocomplete="off" ng-submit="register()">
<div class="form-group"> <div class="form-group">
<label>User Name</label> <label>User Name</label>
<input type="text" class="form-control" ng-model="model.name"></input> <input type="text" class="form-control" ng-model="model.name" />
</div> </div>
<div class="form-group"> <div class="form-group">
<label>Password</label> <label>Password</label>
<input type="password" class="form-control" ng-model="model.password"></input> <input type="password" class="form-control" ng-model="model.password" />
</div> </div>
<div class="form-group"> <div class="form-group">
<label>Email address (used for password recovery only)</label> <label>Email address (used for password recovery only)</label>
<input type="email" class="form-control" ng-model="model.email"></input> <input type="email" class="form-control" ng-model="model.email" />
</div> </div>
<div> <div>
<input type="submit" class="btn btn-primary" value="Register" /> <input type="submit" class="btn btn-primary" value="Register" />
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<hr /> <hr />
<div class="footer"> <div class="footer">
<div class="row"> <div class="row">
<span> <span>
&copy; &copy;
<a href="http://www.commafeed.com" target="_blank">CommaFeed</a> <a href="http://www.commafeed.com" target="_blank">CommaFeed</a>
</span> </span>
<span> <span>
- Sources on - Sources on
<a href="https://github.com/Athou/commafeed" target="_blank">GitHub</a> <a href="https://github.com/Athou/commafeed" target="_blank">GitHub</a>
</span> </span>
<span> <span>
- REST API - REST API
<a href="api/" target="_blank">documentation</a> <a href="api/" target="_blank">documentation</a>
</span> </span>
<span class="pull-right"> <span class="pull-right">
<a href="https://twitter.com/CommaFeed" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @CommaFeed</a> <a href="https://twitter.com/CommaFeed" class="twitter-follow-button" data-show-count="false" data-size="large"
<script> >Follow @CommaFeed</a
!function(d, s, id) { >
var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; <script>
if (!d.getElementById(id)) { !(function (d, s, id) {
js = d.createElement(s); var js,
js.id = id; fjs = d.getElementsByTagName(s)[0],
js.src = p + '://platform.twitter.com/widgets.js'; p = /^http:/.test(d.location) ? "http" : "https"
fjs.parentNode.insertBefore(js, fjs); if (!d.getElementById(id)) {
} js = d.createElement(s)
}(document, 'script', 'twitter-wjs'); js.id = id
</script> js.src = p + "://platform.twitter.com/widgets.js"
</span> fjs.parentNode.insertBefore(js, fjs)
</div> }
</div> })(document, "script", "twitter-wjs")
</script>
</span>
</div>
</div>
</div> </div>