init in angular
This commit is contained in:
commit
b5555f043d
|
|
@ -0,0 +1,9 @@
|
|||
/node_modules
|
||||
/public/bower_components
|
||||
/build
|
||||
|
||||
/tmp
|
||||
/.tmp
|
||||
*.log
|
||||
|
||||
/public/translations.js
|
||||
|
|
@ -0,0 +1,429 @@
|
|||
'use strict';
|
||||
|
||||
module.exports = function (grunt) {
|
||||
|
||||
// Load grunt tasks automatically, when needed
|
||||
require('jit-grunt')(grunt, {
|
||||
useminPrepare: 'grunt-usemin',
|
||||
ngtemplates: 'grunt-angular-templates',
|
||||
injector: 'grunt-asset-injector',
|
||||
cdnify: 'grunt-google-cdn',
|
||||
replace: 'grunt-text-replace'
|
||||
});
|
||||
|
||||
// Time how long tasks take. Can help when optimizing build times
|
||||
require('time-grunt')(grunt);
|
||||
|
||||
// Define the configuration for all the tasks
|
||||
grunt.initConfig({
|
||||
open: {
|
||||
public: {
|
||||
url: 'http://localhost:8080'
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
injectJS: {
|
||||
files: [
|
||||
'public/{app,components}/**/*.js',
|
||||
'!public/app/app.js'],
|
||||
tasks: ['injector:scripts']
|
||||
},
|
||||
injectCss: {
|
||||
files: [
|
||||
'public/{app,components}/**/*.css'
|
||||
],
|
||||
tasks: ['injector:css']
|
||||
},
|
||||
injectStylus: {
|
||||
files: [
|
||||
'public/{app,components}/**/*.styl'],
|
||||
tasks: ['injector:stylus']
|
||||
},
|
||||
stylus: {
|
||||
files: [
|
||||
'public/{app,components}/**/*.styl'],
|
||||
tasks: ['stylus', 'autoprefixer']
|
||||
},
|
||||
jade: {
|
||||
files: [
|
||||
'public/{app,components}/*',
|
||||
'public/{app,components}/**/*.jade'],
|
||||
tasks: ['jade']
|
||||
},
|
||||
gruntfile: {
|
||||
files: ['Gruntfile.js']
|
||||
},
|
||||
livereload: {
|
||||
files: [
|
||||
'{.tmp,public}/{app,components}/**/*.css',
|
||||
'{.tmp,public}/{app,components}/**/*.html',
|
||||
'{.tmp,public}/{app,components}/**/*.js',
|
||||
'public/img/{,*//*}*.{png,jpg,jpeg,gif,webp,svg}'
|
||||
],
|
||||
options: {
|
||||
livereload: true
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
// Make sure code styles are up to par and there are no obvious mistakes
|
||||
jshint: {
|
||||
options: {
|
||||
jshintrc: 'public/.jshintrc',
|
||||
reporter: require('jshint-stylish')
|
||||
},
|
||||
all: [
|
||||
'public/{app,components}/**/*.js',
|
||||
]
|
||||
},
|
||||
|
||||
// Empties folders to start fresh
|
||||
clean: {
|
||||
build: {
|
||||
files: [{
|
||||
dot: true,
|
||||
src: [
|
||||
'.tmp',
|
||||
'tmp',
|
||||
'build/*',
|
||||
'!build/.git*',
|
||||
'!build/.openshift',
|
||||
'!build/Procfile'
|
||||
]
|
||||
}]
|
||||
}
|
||||
},
|
||||
// Add vendor prefixed styles
|
||||
autoprefixer: {
|
||||
options: {
|
||||
browsers: ['last 1 version']
|
||||
},
|
||||
build: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: '.tmp/',
|
||||
src: '{,*/}*.css',
|
||||
dest: '.tmp/'
|
||||
}]
|
||||
}
|
||||
},
|
||||
// Automatically inject Bower components into the app
|
||||
wiredep: {
|
||||
target: {
|
||||
src: 'public/index.html',
|
||||
ignorePath: 'public/',
|
||||
exclude: ['/json3/', '/es5-shim/' ]
|
||||
}
|
||||
},
|
||||
|
||||
// Reads HTML for usemin blocks to enable smart builds that automatically
|
||||
// concat, minify and revision files. Creates configurations in memory so
|
||||
// additional tasks can operate on them
|
||||
useminPrepare: {
|
||||
html: ['public/index.html'],
|
||||
options: {
|
||||
dest: 'build'
|
||||
}
|
||||
},
|
||||
|
||||
// Performs rewrites based on rev and the useminPrepare configuration
|
||||
usemin: {
|
||||
html: ['build/{,*/}*.html'],
|
||||
css: ['build/{,*/}*.css'],
|
||||
js: ['build/{,*/}*.js'],
|
||||
options: {
|
||||
assetsDirs: [
|
||||
'build',
|
||||
'build/img'
|
||||
],
|
||||
// This is so we update image references in our ng-templates
|
||||
patterns: {
|
||||
js: [
|
||||
[/(img\/.*?\.(?:gif|jpeg|jpg|png|webp|svg))/gm, 'Update the JS to reference our revved images']
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
// The following *-min tasks produce minified files in the dist folder
|
||||
imagemin: {
|
||||
build: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: 'public/img',
|
||||
src: '{,*/}*.{png,jpg,jpeg,gif}',
|
||||
dest: 'build/img'
|
||||
}]
|
||||
}
|
||||
},
|
||||
|
||||
svgmin: {
|
||||
build: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: 'public/img',
|
||||
src: '{,*/}*.svg',
|
||||
dest: 'build/img'
|
||||
}]
|
||||
}
|
||||
},
|
||||
|
||||
// Allow the use of non-minsafe AngularJS files. Automatically makes it
|
||||
// minsafe compatible so Uglify does not destroy the ng references
|
||||
ngAnnotate: {
|
||||
build: {
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: '.tmp/concat',
|
||||
src: '*/**.js',
|
||||
dest: '.tmp/concat'
|
||||
}]
|
||||
}
|
||||
},
|
||||
|
||||
// Package all the html partials into a single javascript payload
|
||||
ngtemplates: {
|
||||
options: {
|
||||
// This should be the name of your apps angular module
|
||||
module: 'ffhb',
|
||||
htmlmin: {
|
||||
collapseBooleanAttributes: true,
|
||||
collapseWhitespace: true,
|
||||
removeAttributeQuotes: true,
|
||||
removeEmptyAttributes: true,
|
||||
removeRedundantAttributes: true,
|
||||
removeScriptTypeAttributes: true,
|
||||
removeStyleLinkTypeAttributes: true
|
||||
},
|
||||
usemin: 'app/app.js'
|
||||
},
|
||||
main: {
|
||||
cwd: 'public',
|
||||
src: ['{app,components}/**/*.html'],
|
||||
dest: '.tmp/templates.js'
|
||||
},
|
||||
tmp: {
|
||||
cwd: '.tmp',
|
||||
src: ['{app,components}/**/*.html'],
|
||||
dest: '.tmp/tmp-templates.js'
|
||||
}
|
||||
},
|
||||
|
||||
// Replace Google CDN references
|
||||
cdnify: {
|
||||
build: {
|
||||
html: ['build/*.html']
|
||||
}
|
||||
},
|
||||
|
||||
// Copies remaining files to places other tasks can use
|
||||
copy: {
|
||||
build: {
|
||||
files: [{
|
||||
expand: true,
|
||||
dot: true,
|
||||
cwd: 'public',
|
||||
dest: 'build',
|
||||
src: [
|
||||
'*.{ico,png,txt}',
|
||||
'.htaccess',
|
||||
//'bower_components/**/*',
|
||||
'img/{,*/}*.{webp}',
|
||||
'fonts/**/*',
|
||||
'img/*.png',
|
||||
'index.html'
|
||||
]
|
||||
},
|
||||
{
|
||||
expand: true,
|
||||
cwd: 'public/bower_components/leaflet-draw/dist/images',
|
||||
dest: 'build/app/images',
|
||||
src: [
|
||||
'*.*'
|
||||
]
|
||||
},
|
||||
{
|
||||
expand: true,
|
||||
cwd: '.tmp/img',
|
||||
dest: 'build/img',
|
||||
src: ['generated/*']
|
||||
}]
|
||||
},
|
||||
styles: {
|
||||
expand: true,
|
||||
cwd: 'public',
|
||||
dest: '.tmp/',
|
||||
src: ['{app,components}/**/*.css']
|
||||
}
|
||||
},
|
||||
|
||||
// Run some tasks in parallel to speed up the build process
|
||||
concurrent: {
|
||||
all: [
|
||||
'jade',
|
||||
'stylus',
|
||||
'imagemin',
|
||||
'svgmin'
|
||||
]
|
||||
},
|
||||
connect:{
|
||||
public:{
|
||||
options:{
|
||||
port:8080,
|
||||
hostname:'*',
|
||||
base:['.tmp','public']
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
// Compiles Jade to html
|
||||
jade: {
|
||||
compile: {
|
||||
options: {
|
||||
data: {
|
||||
debug: false
|
||||
}
|
||||
},
|
||||
files: [{
|
||||
expand: true,
|
||||
cwd: 'public',
|
||||
src: [
|
||||
'{app,components}/**/*.jade'
|
||||
],
|
||||
dest: '.tmp',
|
||||
ext: '.html'
|
||||
}]
|
||||
}
|
||||
},
|
||||
// Compiles Stylus to CSS
|
||||
stylus: {
|
||||
build: {
|
||||
options: {
|
||||
paths: [
|
||||
'public/bower_components',
|
||||
'public/app',
|
||||
'public/components'
|
||||
],
|
||||
"include css": true
|
||||
},
|
||||
files: {
|
||||
'.tmp/app/app.css' : 'public/app/app.styl'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
injector: {
|
||||
options: {
|
||||
|
||||
},
|
||||
// Inject application script files into index.html (doesn't include bower)
|
||||
scripts: {
|
||||
options: {
|
||||
transform: function(filePath) {
|
||||
filePath = filePath.replace('/public/', '');
|
||||
filePath = filePath.replace('/.tmp/', '');
|
||||
return '<script src="' + filePath + '"></script>';
|
||||
},
|
||||
starttag: '<!-- injector:js -->',
|
||||
endtag: '<!-- endinjector -->'
|
||||
},
|
||||
files: {
|
||||
'public/index.html': [
|
||||
['{.tmp,public}/{app,components}/**/*.js',
|
||||
'!{.tmp,public}/app/app.js']
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
// Inject component styl into app.styl
|
||||
stylus: {
|
||||
options: {
|
||||
transform: function(filePath) {
|
||||
filePath = filePath.replace('/public/app/', '');
|
||||
filePath = filePath.replace('/public/components/', '');
|
||||
return '@import \'' + filePath + '\';';
|
||||
},
|
||||
starttag: '// injector',
|
||||
endtag: '// endinjector'
|
||||
},
|
||||
files: {
|
||||
'public/app/app.styl': [
|
||||
'public/{app,components}/**/*.styl',
|
||||
'!public/app/app.styl'
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
// Inject component css into index.html
|
||||
css: {
|
||||
options: {
|
||||
transform: function(filePath) {
|
||||
filePath = filePath.replace('/public/', '');
|
||||
filePath = filePath.replace('/.tmp/', '');
|
||||
return '<link rel="stylesheet" href="' + filePath + '">';
|
||||
},
|
||||
starttag: '<!-- injector:css -->',
|
||||
endtag: '<!-- endinjector -->'
|
||||
},
|
||||
files: {
|
||||
'public/index.html': [
|
||||
'public/{app,components}/**/*.css'
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
replace: {
|
||||
url: {
|
||||
src: ['build/app/app.js'],
|
||||
overwrite:true,
|
||||
replacements: [{
|
||||
from: 'http://localhost:8080/',
|
||||
to: 'https://mgmt.ffhb.de/'
|
||||
}]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
grunt.registerTask('serve', [
|
||||
'clean:build',
|
||||
'injector:stylus',
|
||||
'concurrent:all',
|
||||
'injector',
|
||||
'wiredep',
|
||||
'autoprefixer',
|
||||
'connect:public',
|
||||
'open:public',
|
||||
'watch'
|
||||
]);
|
||||
|
||||
grunt.registerTask('serve-build', [
|
||||
'open:public',
|
||||
'connect:build'
|
||||
]);
|
||||
|
||||
grunt.registerTask('build', [
|
||||
'newer:jshint',
|
||||
'clean:build',
|
||||
'injector:stylus',
|
||||
'concurrent:all',
|
||||
'injector',
|
||||
'wiredep',
|
||||
'useminPrepare',
|
||||
'autoprefixer',
|
||||
'ngtemplates',
|
||||
'concat',
|
||||
'ngAnnotate',
|
||||
'copy:build',
|
||||
'cssmin',
|
||||
'uglify',
|
||||
'usemin'
|
||||
]);
|
||||
grunt.registerTask('release', [
|
||||
'build',
|
||||
'replace:url',
|
||||
]);
|
||||
|
||||
grunt.registerTask('default', [
|
||||
'serve'
|
||||
]);
|
||||
};
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
{
|
||||
"name": "freifunkmanager",
|
||||
"homepage": "https://github.com/FreifunkBremen/freifunkmanager",
|
||||
"authors": [
|
||||
"Martin Geno <geno+dev@fireorbit.de>"
|
||||
],
|
||||
"description": "",
|
||||
"main": "",
|
||||
"license": "MIT",
|
||||
"ignore": [
|
||||
"**/.*",
|
||||
"node_modules",
|
||||
"bower_components",
|
||||
"test",
|
||||
"tests"
|
||||
],
|
||||
"dependencies": {
|
||||
"ng-table": "^1.0.0",
|
||||
"angular-ui-router": "^0.3.1",
|
||||
"angular-resource": "^1.5.7",
|
||||
"angular-bootstrap": "^1.3.3",
|
||||
"bootstrap": "^3.3.6",
|
||||
"angular-moment": "^0.10.3",
|
||||
"angular-web-notification": "^0.0.83",
|
||||
"ui-leaflet": "^1.0.1",
|
||||
"angular-cookies": "^1.5.7"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
{
|
||||
"name": "freifunkmanager",
|
||||
"version": "1.0.0",
|
||||
"description": "Eventmanager for respond-collector",
|
||||
"main": "Gruntfile.js",
|
||||
"devDependencies": {
|
||||
"grunt": "^0.4.5",
|
||||
"grunt-angular-templates": "^0.5.9",
|
||||
"grunt-ng-annotate": "^1.0.1",
|
||||
"grunt-autoprefixer": "^3.0.3",
|
||||
"grunt-concurrent": "^2.1.0",
|
||||
"grunt-contrib-clean": "^0.7.0",
|
||||
"grunt-contrib-concat": "^0.5.1",
|
||||
"grunt-contrib-connect": "^0.11.2",
|
||||
"grunt-contrib-copy": "^0.8.2",
|
||||
"grunt-contrib-cssmin": "^0.14.0",
|
||||
"grunt-contrib-htmlmin": "^0.6.0",
|
||||
"grunt-contrib-imagemin": "^1.0.0",
|
||||
"grunt-contrib-jade": "^0.15.0",
|
||||
"grunt-contrib-jshint": "^0.11.3",
|
||||
"grunt-contrib-stylus": "^0.22.0",
|
||||
"grunt-contrib-uglify": "^0.11.0",
|
||||
"grunt-contrib-watch": "^0.6.1",
|
||||
"grunt-google-cdn": "^0.4.3",
|
||||
"grunt-newer": "^1.1.1",
|
||||
"grunt-open": "^0.2.3",
|
||||
"grunt-svgmin": "^3.1.0",
|
||||
"grunt-text-replace": "^0.4.0",
|
||||
"grunt-usemin": "^3.1.1",
|
||||
"grunt-wiredep": "^2.0.0",
|
||||
"jit-grunt": "^0.9.1",
|
||||
"jshint-stylish": "^2.1.0",
|
||||
"time-grunt": "^1.2.2"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "grunt serve"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/FreifunkBremen/freifunkmanager.git"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"bugs": {
|
||||
"url": "https://github.com/FreifunkBremen/freifunkmanager/issues"
|
||||
},
|
||||
"homepage": "https://github.com/FreifunkBremen/freifunkmanager#readme",
|
||||
"dependencies": {
|
||||
"grunt-asset-injector": "^0.1.0",
|
||||
"livereload-js": "^2.2.2"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
{
|
||||
"node": true,
|
||||
"browser": true,
|
||||
"esnext": true,
|
||||
"bitwise": true,
|
||||
"camelcase": true,
|
||||
"curly": true,
|
||||
"eqeqeq": true,
|
||||
"immed": true,
|
||||
"indent": 2,
|
||||
"latedef": true,
|
||||
"newcap": true,
|
||||
"noarg": true,
|
||||
"quotmark": "single",
|
||||
"regexp": true,
|
||||
"undef": true,
|
||||
"unused": true,
|
||||
"strict": true,
|
||||
"trailing": true,
|
||||
"smarttabs": true,
|
||||
"globals": {
|
||||
"jQuery": true,
|
||||
"angular": true,
|
||||
"L": true,
|
||||
"lvector": true,
|
||||
"sypOn": true,
|
||||
"console": true,
|
||||
"$": true,
|
||||
"_": true,
|
||||
"moment": true,
|
||||
"describe": true,
|
||||
"beforeEach": true,
|
||||
"module": true,
|
||||
"inject": true,
|
||||
"it": true,
|
||||
"expect": true,
|
||||
"browser": true,
|
||||
"element": true,
|
||||
"by": true
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
'use strict';
|
||||
|
||||
angular.module('ffhb', [
|
||||
'ngTable',
|
||||
'ngResource',
|
||||
'ngCookies',
|
||||
'ui.router',
|
||||
'angularMoment',
|
||||
'ui-leaflet',
|
||||
'Authentication',
|
||||
'angular-web-notification',
|
||||
'config'
|
||||
])
|
||||
.config(['$urlRouterProvider',function ($urlRouterProvider){
|
||||
//,$httpProvider) {
|
||||
$urlRouterProvider.otherwise('/nodes/sort');
|
||||
//$locationProvider.html5Mode(true).hashPrefix('!');
|
||||
//$httpProvider.defaults.withCredentials = true;
|
||||
}]).run(function(amMoment,$cookieStore,$rootScope,$http) {
|
||||
amMoment.changeLocale('de');
|
||||
$rootScope.globals = $cookieStore.get('globals') || {};
|
||||
if ($rootScope.globals.currentUser) {
|
||||
$http.defaults.headers.common['Authorization'] = 'Basic ' + $rootScope.globals.currentUser.authdata; // jshint ignore:line
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
form > .btn+.btn
|
||||
margin-left 5px
|
||||
|
||||
.table
|
||||
td.split
|
||||
span
|
||||
display block
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
.page-header
|
||||
h1 Changes
|
||||
table.table.table-striped.table-condensed( ng-table="tableParams")
|
||||
tr(ng-repeat='row in $data',demo-tracked-table-row="row")
|
||||
td(data-title="'Nodeid'", sortable="'row.nodeid'", filter="{'nodeid': 'text'}") {{row.nodeid}}
|
||||
td(data-title="'Hostname'", sortable="'row.hostname'", filter="{'hostname': 'text'}") {{row.hostname}}
|
||||
td.split.text-right(data-title="'Freq'")
|
||||
span 2.4 Ghz
|
||||
span 5 Ghz
|
||||
td.split.text-right(data-title="'Channel'", sortable="'row.wireless.channel24'",filter="{'wireless.channel24': 'number'}")
|
||||
span {{row.wireless.channel24}}
|
||||
span {{row.wireless.channel5}}
|
||||
td.split.text-right(data-title="'TxPower'", sortable="'row.wireless.txpower24'",filter="{'wireless.txpower24': 'number'}")
|
||||
span {{row.wireless.txpower24}}
|
||||
span {{row.wireless.txpower5}}
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
'use strict';
|
||||
|
||||
angular.module('ffhb')
|
||||
.controller('ChangesCtrl',function(NgTableParams,$scope,store){
|
||||
$scope.tableParams = new NgTableParams({
|
||||
sorting: { hostname: 'asc' },
|
||||
total: 0,
|
||||
count: 50
|
||||
}, {
|
||||
dataset: []
|
||||
});
|
||||
function render(prom){
|
||||
prom.then(function(data){
|
||||
var result = Object.keys(data.aliases).map(function(nodeid){
|
||||
data.aliases[nodeid].nodeid = nodeid;
|
||||
return data.aliases[nodeid];
|
||||
});
|
||||
$scope.tableParams.settings({dataset: result,total: data.aliasesCount});
|
||||
});
|
||||
}
|
||||
render(store.getData);
|
||||
$scope.$on('store', function(ev, prom) {
|
||||
render(prom);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
'use strict';
|
||||
angular.module('ffhb')
|
||||
.config(['$stateProvider',function ($stateProvider) {
|
||||
$stateProvider
|
||||
.state('app', {
|
||||
templateUrl: 'app/main.html',
|
||||
controller: 'MainCtrl'
|
||||
})
|
||||
.state('app.nodes', {
|
||||
url:'/nodes',
|
||||
templateUrl: 'app/nodes/nodes.html',
|
||||
controller: 'NodesCtrl'
|
||||
})
|
||||
.state('app.nodes.sort', {
|
||||
url:'/sort',
|
||||
templateUrl: 'app/nodes/nodesSort.html',
|
||||
controller: 'NodesSortCtrl'
|
||||
})
|
||||
.state('app.nodes.group', {
|
||||
url:'/group',
|
||||
templateUrl: 'app/nodes/nodesGroup.html',
|
||||
controller: 'NodesGroupCtrl'
|
||||
})
|
||||
.state('app.node', {
|
||||
url:'/n/:nodeid',
|
||||
templateUrl: 'app/node.html',
|
||||
controller: 'NodeCtrl'
|
||||
})
|
||||
.state('app.changes',{
|
||||
url:'/changes',
|
||||
templateUrl: 'app/changes.html',
|
||||
controller: 'ChangesCtrl'
|
||||
})
|
||||
.state('app.mapwithNodeid',{
|
||||
url:'/map/:nodeid',
|
||||
templateUrl: 'app/nodes/nodes.html'
|
||||
})
|
||||
.state('app.map',{
|
||||
url:'/map',
|
||||
templateUrl: 'app/nodes/nodes.html'
|
||||
});
|
||||
}]);
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
.navbar.navbar-default.navbar-fixed-top
|
||||
.container-fluid
|
||||
.navbar-header
|
||||
a.navbar-brand(ui-sref="app")
|
||||
img(src="/favicon.ico")
|
||||
.navbar-collapse
|
||||
ui.nav.navbar-nav
|
||||
li(ui-sref="app.nodes.sort",ng-class="{ active: $state.includes('app.nodes') }")
|
||||
a(nav navbar-nav) Nodes
|
||||
li(ui-sref="app.changes",ui-sref-active="active")
|
||||
a(nav navbar-nav) Changes
|
||||
li(ui-sref="app.map",ui-sref-active="active")
|
||||
a(nav navbar-nav) Map
|
||||
ui.nav.navbar-nav.navbar-right
|
||||
li
|
||||
a.btn.btn-link(ng-click="refresh()")
|
||||
span.glyphicon.glyphicon-refresh(aria-hidden="true")
|
||||
| {{timeRefresh}} Sec
|
||||
form.navbar-form.navbar-right
|
||||
input.form-control(type="password",ng-change="passphraseUpdate()",ng-model="passphrase",placeholder="Passphrase")
|
||||
div(ui-view="",style="margin-top:100px;")
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
'use strict';
|
||||
|
||||
angular.module('ffhb')
|
||||
.controller('MainCtrl',function($scope,$interval,store,$state,AuthenticationService){
|
||||
$scope.$state = $state;
|
||||
$scope.refresh = store.refresh;
|
||||
$scope.passphrase = '';
|
||||
var timediff = new Date(1970,1,1);
|
||||
function render(prom){
|
||||
prom.then(function(data){
|
||||
timediff = data.lastupdate;
|
||||
});
|
||||
}
|
||||
$interval(function() {
|
||||
$scope.timeRefresh = parseInt((new Date() - timediff) / 1000);
|
||||
},100);
|
||||
render(store.getData);
|
||||
$scope.$on('store', function(ev, prom) {
|
||||
render(prom);
|
||||
});
|
||||
$scope.passphraseUpdate = function(){
|
||||
AuthenticationService.SetCredentials('client',$scope.passphrase);
|
||||
};
|
||||
});
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
|
||||
.container
|
||||
.page-header
|
||||
h1 {{node.nodeinfo.hostname}}
|
||||
small {{nodeid}}
|
||||
form(name="rowForm",ng-submit="save()")
|
||||
.form-group(ng-class="rowForm.group.$invalid ? 'has-error' : ''")
|
||||
label(for="formGroup") Group
|
||||
input.form-control(id="formGroup",placeholder="Group",type="text",name="group",pattern="[a-zA-Z0-9-]*",ng-model='node.nodeinfo.owner.contact')
|
||||
.form-group(ng-class="rowForm.hostname.$invalid ? 'has-error' : ''")
|
||||
label(for="formHostname") Hostname
|
||||
input.form-control(id="formHostname",placeholder="Hostname",type="text",name="hostname",pattern="[a-zA-Z0-9-]*",ng-model='node.nodeinfo.hostname',required)
|
||||
leaflet(geojson=geojson,center=center,markers=markers)
|
||||
button.btn.btn-default(type="submit")
|
||||
span.glyphicon.glyphicon-floppy-disk(aria-hidden="true")
|
||||
| Save
|
||||
span.btn.btn-default(ng-click="gps()")
|
||||
span.glyphicon.glyphicon-map-marker(aria-hidden="true")
|
||||
| GPS
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
'use strict';
|
||||
|
||||
angular.module('ffhb')
|
||||
.controller('NodeCtrl',function($stateParams,$scope,store,config){
|
||||
$scope.nodeid = $stateParams.nodeid;
|
||||
$scope.node = {};
|
||||
$scope.center = config.map.view;
|
||||
$scope.markers = [];
|
||||
store.getGeojson.then(function(data){
|
||||
$scope.geojson = data;
|
||||
});
|
||||
function render(prom){
|
||||
prom.then(function(data){
|
||||
$scope.node = data.merged[$stateParams.nodeid];
|
||||
});
|
||||
}
|
||||
render(store.getData);
|
||||
$scope.$on('store', function(ev, prom) {
|
||||
render(prom);
|
||||
});
|
||||
|
||||
$scope.gps = function() {
|
||||
console.log('gps');
|
||||
};
|
||||
$scope.save = function() {
|
||||
store.saveNode($stateParams.nodeid);
|
||||
};
|
||||
});
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
.page-header
|
||||
h1 Nodes
|
||||
.btn-group.btn-group-xs
|
||||
a.btn.btn-default(ui-sref="app.nodes.sort",ui-sref-active="active") Sortiert
|
||||
a.btn.btn-default(ui-sref="app.nodes.group",ui-sref-active="active") Groupiert
|
||||
|
||||
.table-responsive(ui-view="")
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
'use strict';
|
||||
|
||||
angular.module('ffhb')
|
||||
.controller('NodesCtrl',function(NgTableParams,$scope){
|
||||
$scope.cancel = function(row, rowForm) {
|
||||
console.log('cancel',row,rowForm);
|
||||
row.isEditing = false;
|
||||
//angular.extend(row, originalRow);
|
||||
};
|
||||
$scope.save = function(row, rowForm) {
|
||||
console.log('save',row,rowForm);
|
||||
row.isEditing = false;
|
||||
//angular.extend(row, originalRow);
|
||||
};
|
||||
});
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
table.table.table-striped.table-condensed( ng-table="tableParams")
|
||||
tr.ng-table-group(ng-repeat-start="group in $groups")
|
||||
td(colspan=9)
|
||||
a(ng-click="group.$hideRows = !group.$hideRows")
|
||||
span.glyphicon(ng-class="{ 'glyphicon-chevron-right': group.$hideRows, 'glyphicon-chevron-down': !group.$hideRows }")
|
||||
strong {{ group.value }}
|
||||
div Anzahl: {{ group.data.length }}
|
||||
tr(ng-hide='group.$hideRows',ng-repeat='row in group.data',ng-repeat-end,ng-form="rowForm",ng-class="{'danger':!row.flags.online}")
|
||||
td(data-title="'Last'",sortable="'lastseen'", am-time-ago="row.lastseen")
|
||||
td(data-title="'ID'", filter="{nodeid: 'text'}", sortable="'nodeid'") {{row.nodeid}}
|
||||
td(data-title="'Group'",groupable="'nodeinfo.owner.contact'",sortable="'nodeinfo.owner.contact'",ng-switch="row.isEditing")
|
||||
span(ng-switch-default) {{row.nodeinfo.owner.contact}}
|
||||
div.controls(ng-switch-when="true",ng-class="rowForm.group.$invalid ? 'has-error' : ''")
|
||||
input.editable-input.form-control.input-sm(type="text" name="group",pattern="[a-zA-Z0-9-]*",ng-model='row.nodeinfo.owner.contact',required)
|
||||
td(data-title="'Hostname'", filter="{'nodeinfo.hostname': 'text'}", sortable="'nodeinfo.hostname'",ng-switch="row.isEditing")
|
||||
span(ng-switch-default) {{row.nodeinfo.hostname}}
|
||||
div.controls(ng-switch-when="true",ng-class="rowForm.hostname.$invalid ? 'has-error' : ''")
|
||||
input.editable-input.form-control.input-sm(type="text" name="hostname",pattern="[a-zA-Z0-9-]*",ng-model='row.nodeinfo.hostname',required)
|
||||
td(data-title="'First'",sortable="'firstseen'", am-time-ago="row.firstseen")
|
||||
td.split.text-right(data-title="'Freq'")
|
||||
span 2.4 Ghz
|
||||
span 5 Ghz
|
||||
td.split.text-right(data-title="'Clients'", sortable="'statistics.clients.wifi24'")
|
||||
span {{row.statistics.clients.wifi24}}
|
||||
span {{row.statistics.clients.wifi5}}
|
||||
td.text-right.split(data-title="'Channel'",filter="{'nodeinfo.wireless.channel5': 'number'}", groupable="'nodeinfo.wireless.channel24'", sortable="'nodeinfo.wireless.channel5'",ng-switch="row.isEditing")
|
||||
span(ng-switch-default) {{row.nodeinfo.wireless.channel24}}
|
||||
div.controls(ng-switch-when="true",ng-class="rowForm.channel24.$invalid ? 'has-error' : ''")
|
||||
input.editable-input.form-control.input-sm(type="text" name="channel24",ng-model='row.nodeinfo.wireless.channel24',required)
|
||||
span(ng-switch-default) {{row.nodeinfo.wireless.channel5}}
|
||||
div.controls(ng-switch-when="true",ng-class="rowForm.channel5.$invalid ? 'has-error' : ''")
|
||||
input.editable-input.form-control.input-sm(type="text" name="channel5",ng-model='row.nodeinfo.wireless.channel5',required)
|
||||
td.text-right.split(data-title="'Power'",filter="{'txpower24': 'number'}",ng-switch="row.isEditing")
|
||||
span(ng-switch-default) {{row.nodeinfo.wireless.txpower24}}
|
||||
div.controls(ng-switch-when="true",ng-class="rowForm.txpower24.$invalid ? 'has-error' : ''")
|
||||
input.editable-input.form-control.input-sm(type="text" name="txpower24",ng-model='row.nodeinfo.wireless.txpower24',required)
|
||||
span(ng-switch-default) {{row.nodeinfo.wireless.channel5}}
|
||||
div.controls(ng-switch-when="true",ng-class="rowForm.txpower5.$invalid ? 'has-error' : ''")
|
||||
input.editable-input.form-control.input-sm(type="text" name="txpower5",ng-model='row.nodeinfo.wireless.txpower5',required)
|
||||
td(data-title="'Options'")
|
||||
.btn.btn-success.btn-sm(ng-click="save(row, rowForm)",ng-if="row.isEditing",ng-disabled="rowForm.$pristine || rowForm.$invalid")
|
||||
span.glyphicon.glyphicon-ok
|
||||
.btn.btn-warning.btn-sm(ng-click="cancel(row, rowForm)",ng-if="row.isEditing")
|
||||
span.glyphicon.glyphicon-remove
|
||||
.btn.btn-primary.btn-sm(ng-click="row.isEditing = true",ng-if="!row.isEditing")
|
||||
span.glyphicon.glyphicon-pencil
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
'use strict';
|
||||
|
||||
angular.module('ffhb')
|
||||
.controller('NodesGroupCtrl',function(NgTableParams,$scope,store){
|
||||
$scope.tableParams = new NgTableParams({
|
||||
sorting: { hostname: 'asc' },
|
||||
group: 'nodeinfo.owner.contact',
|
||||
total: 0,
|
||||
count: 50
|
||||
}, {
|
||||
dataset: []
|
||||
});
|
||||
function render(prom){
|
||||
prom.then(function(data){
|
||||
var result = Object.keys(data.nodes).map(function(nodeid){
|
||||
data.merged[nodeid].nodeid = nodeid;
|
||||
return data.merged[nodeid];
|
||||
});
|
||||
$scope.tableParams.settings({dataset: result,total: data.nodesCount});
|
||||
});
|
||||
}
|
||||
render(store.getData);
|
||||
$scope.$on('store', function(ev, prom) {
|
||||
render(prom);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
table.table.table-striped.table-condensed( ng-table="tableParams")
|
||||
tr(ng-repeat='row in $data',ng-class="{'danger':!row.flags.online}",ng-form="rowForm",demo-tracked-table-row="row")
|
||||
td(data-title="'Last'",sortable="'lastseen'", am-time-ago="row.lastseen")
|
||||
td(data-title="'ID'", filter="{nodeid: 'text'}", sortable="'nodeid'") {{row.nodeid}}
|
||||
td(data-title="'Group'",sortable="'nodeinfo.owner.contact'",filter="{'nodeinfo.owner.contact': 'text'}",ng-switch="row.isEditing")
|
||||
span(ng-switch-default) {{row.nodeinfo.owner.contact}}
|
||||
div.controls(ng-switch-when="true",ng-class="rowForm.group.$invalid ? 'has-error' : ''")
|
||||
input.editable-input.form-control.input-sm(type="text",name="group",pattern="[a-zA-Z0-9-]*",ng-model='row.nodeinfo.owner.contact')
|
||||
td(data-title="'Hostname'", filter="{'nodeinfo.hostname': 'text'}", sortable="'nodeinfo.hostname'",ng-switch="row.isEditing")
|
||||
span(ng-switch-default) {{row.nodeinfo.hostname}}
|
||||
div.controls(ng-switch-when="true",ng-class="rowForm.hostname.$invalid ? 'has-error' : ''")
|
||||
input.editable-input.form-control.input-sm(type="text" name="hostname",pattern="[a-zA-Z0-9-]*",ng-model='row.nodeinfo.hostname',required)
|
||||
td(data-title="'First'",sortable="'firstseen'", am-time-ago="row.firstseen")
|
||||
td.split.text-right(data-title="'Freq'")
|
||||
span 2.4 Ghz
|
||||
span 5 Ghz
|
||||
td.split.text-right(data-title="'Clients'", sortable="'statistics.clients.wifi24'")
|
||||
span {{row.statistics.clients.wifi24}}
|
||||
span {{row.statistics.clients.wifi5}}
|
||||
td.text-right.split(data-title="'Channel'",filter="{'nodeinfo.wireless.channel5': 'number'}", sortable="'nodeinfo.wireless.channel5'",ng-switch="row.isEditing")
|
||||
span(ng-switch-default) {{row.nodeinfo.wireless.channel24}}
|
||||
div.controls(ng-switch-when="true",ng-class="rowForm.channel24.$invalid ? 'has-error' : ''")
|
||||
input.editable-input.form-control.input-sm(type="text" name="channel24",ng-model='row.nodeinfo.wireless.channel24',required)
|
||||
span(ng-switch-default) {{row.nodeinfo.wireless.channel5}}
|
||||
div.controls(ng-switch-when="true",ng-class="rowForm.channel5.$invalid ? 'has-error' : ''")
|
||||
input.editable-input.form-control.input-sm(type="text" name="channel5",ng-model='row.nodeinfo.wireless.channel5',required)
|
||||
td.text-right.split(data-title="'Power'",filter="{'txpower24': 'number'}",ng-switch="row.isEditing")
|
||||
span(ng-switch-default) {{row.nodeinfo.wireless.txpower24}}
|
||||
div.controls(ng-switch-when="true",ng-class="rowForm.txpower24.$invalid ? 'has-error' : ''")
|
||||
input.editable-input.form-control.input-sm(type="text" name="txpower24",ng-model='row.nodeinfo.wireless.txpower24',required)
|
||||
span(ng-switch-default) {{row.nodeinfo.wireless.channel5}}
|
||||
div.controls(ng-switch-when="true",ng-class="rowForm.txpower5.$invalid ? 'has-error' : ''")
|
||||
input.editable-input.form-control.input-sm(type="text" name="txpower5",ng-model='row.nodeinfo.wireless.txpower5',required)
|
||||
td(data-title="'Options'")
|
||||
.btn.btn-success.btn-sm(ng-click="save(row, rowForm)",ng-if="row.isEditing",ng-disabled="rowForm.$pristine || rowForm.$invalid")
|
||||
span.glyphicon.glyphicon-ok
|
||||
.btn.btn-warning.btn-sm(ng-click="cancel(row, rowForm)",ng-if="row.isEditing")
|
||||
span.glyphicon.glyphicon-remove
|
||||
.btn.btn-primary.btn-sm(ng-click="row.isEditing = true",ng-if="!row.isEditing")
|
||||
span.glyphicon.glyphicon-pencil
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
'use strict';
|
||||
|
||||
angular.module('ffhb')
|
||||
.controller('NodesSortCtrl',function(NgTableParams,$scope,store){
|
||||
$scope.tableParams = new NgTableParams({
|
||||
sorting: { hostname: 'asc' },
|
||||
total: 0,
|
||||
count: 50
|
||||
}, {
|
||||
dataset: []
|
||||
});
|
||||
function render(prom){
|
||||
prom.then(function(data){
|
||||
var result = Object.keys(data.nodes).map(function(nodeid){
|
||||
data.merged[nodeid].nodeid = nodeid;
|
||||
return data.merged[nodeid];
|
||||
});
|
||||
$scope.tableParams.settings({dataset: result,total: data.nodesCount});
|
||||
});
|
||||
}
|
||||
render(store.getData);
|
||||
$scope.$on('store', function(ev, prom) {
|
||||
render(prom);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,139 @@
|
|||
'use strict';
|
||||
|
||||
angular.module('Authentication',[])
|
||||
|
||||
.factory('AuthenticationService',
|
||||
['Base64', '$http', '$cookieStore', '$rootScope', '$timeout',
|
||||
function (Base64, $http, $cookieStore, $rootScope, $timeout) {
|
||||
var service = {};
|
||||
|
||||
service.Login = function (username, password, callback) {
|
||||
|
||||
/* Dummy authentication for testing, uses $timeout to simulate api call
|
||||
----------------------------------------------*/
|
||||
$timeout(function(){
|
||||
var response = { success: username === 'test' && password === 'test' };
|
||||
if(!response.success) {
|
||||
response.message = 'Username or password is incorrect';
|
||||
}
|
||||
callback(response);
|
||||
}, 1000);
|
||||
|
||||
|
||||
/* Use this for real authentication
|
||||
----------------------------------------------*/
|
||||
//$http.post('/api/authenticate', { username: username, password: password })
|
||||
// .success(function (response) {
|
||||
// callback(response);
|
||||
// });
|
||||
|
||||
};
|
||||
|
||||
service.SetCredentials = function (username, password) {
|
||||
var authdata = Base64.encode(username + ':' + password);
|
||||
|
||||
$rootScope.globals = {
|
||||
currentUser: {
|
||||
username: username,
|
||||
authdata: authdata
|
||||
}
|
||||
};
|
||||
|
||||
$http.defaults.headers.common['Authorization'] = 'Basic ' + authdata; // jshint ignore:line
|
||||
$cookieStore.put('globals', $rootScope.globals);
|
||||
};
|
||||
|
||||
service.ClearCredentials = function () {
|
||||
$rootScope.globals = {};
|
||||
$cookieStore.remove('globals');
|
||||
$http.defaults.headers.common.Authorization = 'Basic ';
|
||||
};
|
||||
|
||||
return service;
|
||||
}])
|
||||
|
||||
.factory('Base64', function () {
|
||||
/* jshint ignore:start */
|
||||
|
||||
var keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
|
||||
|
||||
return {
|
||||
encode: function (input) {
|
||||
var output = "";
|
||||
var chr1, chr2, chr3 = "";
|
||||
var enc1, enc2, enc3, enc4 = "";
|
||||
var i = 0;
|
||||
|
||||
do {
|
||||
chr1 = input.charCodeAt(i++);
|
||||
chr2 = input.charCodeAt(i++);
|
||||
chr3 = input.charCodeAt(i++);
|
||||
|
||||
enc1 = chr1 >> 2;
|
||||
enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
|
||||
enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
|
||||
enc4 = chr3 & 63;
|
||||
|
||||
if (isNaN(chr2)) {
|
||||
enc3 = enc4 = 64;
|
||||
} else if (isNaN(chr3)) {
|
||||
enc4 = 64;
|
||||
}
|
||||
|
||||
output = output +
|
||||
keyStr.charAt(enc1) +
|
||||
keyStr.charAt(enc2) +
|
||||
keyStr.charAt(enc3) +
|
||||
keyStr.charAt(enc4);
|
||||
chr1 = chr2 = chr3 = "";
|
||||
enc1 = enc2 = enc3 = enc4 = "";
|
||||
} while (i < input.length);
|
||||
|
||||
return output;
|
||||
},
|
||||
|
||||
decode: function (input) {
|
||||
var output = "";
|
||||
var chr1, chr2, chr3 = "";
|
||||
var enc1, enc2, enc3, enc4 = "";
|
||||
var i = 0;
|
||||
|
||||
// remove all characters that are not A-Z, a-z, 0-9, +, /, or =
|
||||
var base64test = /[^A-Za-z0-9\+\/\=]/g;
|
||||
if (base64test.exec(input)) {
|
||||
window.alert("There were invalid base64 characters in the input text.\n" +
|
||||
"Valid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='\n" +
|
||||
"Expect errors in decoding.");
|
||||
}
|
||||
input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
|
||||
|
||||
do {
|
||||
enc1 = keyStr.indexOf(input.charAt(i++));
|
||||
enc2 = keyStr.indexOf(input.charAt(i++));
|
||||
enc3 = keyStr.indexOf(input.charAt(i++));
|
||||
enc4 = keyStr.indexOf(input.charAt(i++));
|
||||
|
||||
chr1 = (enc1 << 2) | (enc2 >> 4);
|
||||
chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
|
||||
chr3 = ((enc3 & 3) << 6) | enc4;
|
||||
|
||||
output = output + String.fromCharCode(chr1);
|
||||
|
||||
if (enc3 != 64) {
|
||||
output = output + String.fromCharCode(chr2);
|
||||
}
|
||||
if (enc4 != 64) {
|
||||
output = output + String.fromCharCode(chr3);
|
||||
}
|
||||
|
||||
chr1 = chr2 = chr3 = "";
|
||||
enc1 = enc2 = enc3 = enc4 = "";
|
||||
|
||||
} while (i < input.length);
|
||||
|
||||
return output;
|
||||
}
|
||||
};
|
||||
|
||||
/* jshint ignore:end */
|
||||
});
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
'use strict';
|
||||
angular.module('config', [])
|
||||
.factory('config', function() {
|
||||
return {
|
||||
api: 'http://mgmt.ffhb.de/api',
|
||||
map: {
|
||||
view: {lat: 53.0702, lng: 8.815}
|
||||
},
|
||||
geojson: 'https://raw.githubusercontent.com/FreifunkBremen/internal-maps/master/breminale.geojson',
|
||||
refresh: 60000
|
||||
};
|
||||
});
|
||||
|
|
@ -0,0 +1,128 @@
|
|||
'use strict';
|
||||
angular.module('ffhb')
|
||||
.factory('store', function($state, $q, $http, $rootScope,config,$interval,$cookieStore,webNotification) {
|
||||
function notifyNew(nodeid){
|
||||
webNotification.showNotification('New Node',{
|
||||
body: '"'+nodeid+'"',
|
||||
icon: '/favicon.ico',
|
||||
onClick: function() {
|
||||
$state.go('app.node', {nodeid: nodeid});
|
||||
}
|
||||
},function(){});
|
||||
}
|
||||
function notifyOffline(nodeid){
|
||||
webNotification.showNotification('Offline Node',{
|
||||
body: '"'+nodeid+'"',
|
||||
icon: '/favicon.ico',
|
||||
onClick: function() {
|
||||
$state.go('app.node', {nodeid: nodeid});
|
||||
}
|
||||
},function(){});
|
||||
}
|
||||
|
||||
var myservice = {};
|
||||
myservice._initialized = false;
|
||||
myservice._data = $cookieStore.get('data') ||{
|
||||
nodes: {},nodesCount:0,
|
||||
aliases: {},aliasesCount:0
|
||||
};
|
||||
var geojsonDeferred = $q.defer();
|
||||
$http.get(config.geojson).success(function(geojson) {
|
||||
geojsonDeferred.resolve(geojson);
|
||||
});
|
||||
myservice.getGeojson = geojsonDeferred.promise;
|
||||
|
||||
myservice.refresh = function() {
|
||||
var dataDeferred = $q.defer();
|
||||
$http.get(config.api+'/nodes').success(function(nodes) {
|
||||
$http.get(config.api+'/aliases').success(function(aliases) {
|
||||
Object.keys(nodes).map(function(key){
|
||||
if(myservice._data.nodes === undefined || myservice._data.nodes[key] === undefined){
|
||||
notifyNew(key);
|
||||
}
|
||||
if(myservice._data.nodes !== undefined && myservice._data.nodes[key].flags.offline){
|
||||
notifyOffline(key);
|
||||
}
|
||||
myservice._data.nodes[key] = nodes[key];
|
||||
});
|
||||
angular.copy(nodes, myservice._data.merged);
|
||||
Object.keys(aliases).map(function(key){
|
||||
var node = myservice._data.merged[key],
|
||||
alias = aliases[key];
|
||||
node.nodeinfo.hostname = alias.hostname;
|
||||
if(!node.nodeinfo.owner){
|
||||
node.nodeinfo.owner = {};
|
||||
}
|
||||
node.nodeinfo.owner.contact = alias.owner;
|
||||
if(!node.nodeinfo.wireless){
|
||||
node.nodeinfo.wireless = {};
|
||||
}
|
||||
if(alias.wireless){
|
||||
if(alias.wireless.channel24){
|
||||
node.nodeinfo.wireless.channel24 = alias.wireless.channel24;
|
||||
}
|
||||
if(alias.wireless.channel5){
|
||||
node.nodeinfo.wireless.channel5 = alias.wireless.channel5;
|
||||
}
|
||||
if(alias.wireless.txpower24){
|
||||
node.nodeinfo.wireless.txpower24 = alias.wireless.txpower24;
|
||||
}
|
||||
if(alias.wireless.txpower5){
|
||||
node.nodeinfo.wireless.txpower5 = alias.wireless.txpower5;
|
||||
}
|
||||
}
|
||||
if(!node.nodeinfo.location){
|
||||
node.nodeinfo.location = {};
|
||||
}
|
||||
if(alias.location){
|
||||
if(alias.location.latitude){
|
||||
node.nodeinfo.location.latitude = alias.location.latitude;
|
||||
}
|
||||
if(alias.location.longitude){
|
||||
node.nodeinfo.location.longitude = alias.location.longitude;
|
||||
}
|
||||
}
|
||||
});
|
||||
myservice._data.nodesCount = Object.keys(nodes).length || 0;
|
||||
myservice._data.aliases = aliases;
|
||||
myservice._data.aliasesCount = Object.keys(aliases).length || 0;
|
||||
myservice._data.lastupdate = new Date();
|
||||
dataDeferred.resolve(myservice._data);
|
||||
if (myservice._initialized) {
|
||||
$rootScope.$broadcast('store', dataDeferred.promise);
|
||||
}
|
||||
$cookieStore.put('data',myservice._data);
|
||||
myservice._initialized = true;
|
||||
});
|
||||
});
|
||||
myservice.getData = dataDeferred.promise;
|
||||
return dataDeferred.promise;
|
||||
};
|
||||
myservice.refresh();
|
||||
|
||||
myservice.saveNode = function(nodeid){
|
||||
var result = $q.defer();
|
||||
if(myservice._data.merged && myservice._data.merged[nodeid]){
|
||||
var node = myservice._data.merged[nodeid];
|
||||
$http.post(config.api+'/aliases/alias/'+nodeid,{
|
||||
'hostname':node.nodeinfo.hostname,
|
||||
'owner':node.owner.contact
|
||||
}).then(function(){
|
||||
result.resolve(true);
|
||||
myservice.refresh();
|
||||
});
|
||||
}else{
|
||||
result.resolve(false);
|
||||
}
|
||||
return result.promise;
|
||||
};
|
||||
|
||||
|
||||
if(config.refresh){
|
||||
$interval(function () {
|
||||
myservice.refresh();
|
||||
}, config.refresh);
|
||||
}
|
||||
|
||||
return myservice;
|
||||
});
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
|
|
@ -0,0 +1,72 @@
|
|||
<!doctype html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<base href="/">
|
||||
<title>Freifunk Manager</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
|
||||
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
||||
|
||||
<!-- build:css(public) app/vendor.css -->
|
||||
<!-- bower:css -->
|
||||
<link rel="stylesheet" href="bower_components/ng-table/dist/ng-table.css" />
|
||||
<link rel="stylesheet" href="bower_components/leaflet/dist/leaflet.css" />
|
||||
<!-- endbower -->
|
||||
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
|
||||
<!-- endbuild -->
|
||||
<!-- build:css({.tmp,public}) app/app.css -->
|
||||
<link rel="stylesheet" href="app/app.css">
|
||||
<!-- injector:css -->
|
||||
<!-- endinjector -->
|
||||
<!-- endbuild -->
|
||||
</head>
|
||||
<body ng-app="ffhb">
|
||||
<!--[if lt IE 9]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
<!-- Add your site or application content here -->
|
||||
|
||||
<div ui-view=""></div>
|
||||
<!-- build:js(public) app/vendor.js -->
|
||||
<!-- bower:js -->
|
||||
<script src="bower_components/jquery/dist/jquery.js"></script>
|
||||
<script src="bower_components/angular/angular.js"></script>
|
||||
<script src="bower_components/ng-table/dist/ng-table.js"></script>
|
||||
<script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
|
||||
<script src="bower_components/angular-resource/angular-resource.js"></script>
|
||||
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
|
||||
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
|
||||
<script src="bower_components/moment/moment.js"></script>
|
||||
<script src="bower_components/angular-moment/angular-moment.js"></script>
|
||||
<script src="bower_components/HTML5-Desktop-Notifications2/desktop-notify.js"></script>
|
||||
<script src="bower_components/angular-web-notification/angular-web-notification.js"></script>
|
||||
<script src="bower_components/angular-simple-logger/dist/angular-simple-logger.js"></script>
|
||||
<script src="bower_components/leaflet/dist/leaflet-src.js"></script>
|
||||
<script src="bower_components/ui-leaflet/dist/ui-leaflet.js"></script>
|
||||
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
|
||||
<!-- endbower -->
|
||||
<script src="bower_components/angular-bootstrap/ui-bootstrap.min.js"></script>
|
||||
<!-- endbuild -->
|
||||
<!-- build:js({.tmp,public}) app/app.js -->
|
||||
<script src="app/app.js"></script>
|
||||
<!-- injector:js -->
|
||||
<script src="app/changes.js"></script>
|
||||
<script src="app/index.js"></script>
|
||||
<script src="app/main.js"></script>
|
||||
<script src="app/node.js"></script>
|
||||
<script src="app/nodes/nodes.js"></script>
|
||||
<script src="app/nodes/nodesGroup.js"></script>
|
||||
<script src="app/nodes/nodesSort.js"></script>
|
||||
<script src="components/basicauth.js"></script>
|
||||
<script src="components/config.js"></script>
|
||||
<script src="components/store.js"></script>
|
||||
<!-- endinjector -->
|
||||
<!-- endbuild -->
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue