Configuration for the client.

This commit is contained in:
Your Name 2014-05-31 19:19:36 +02:00
parent 637fd10606
commit 249275bc0a
13 changed files with 53 additions and 28 deletions

View file

@ -4,7 +4,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<title ng-bind="'Freifunk Hamburg - Knotenverwaltung - ' + title">Knotenverwaltung</title> <title ng-bind="config.community.name + ' - Knotenverwaltung - ' + title">Knotenverwaltung</title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<!-- build:css styles/vendor.css --> <!-- build:css styles/vendor.css -->
@ -19,10 +19,6 @@
</head> </head>
<body ng-app="ffffng"> <body ng-app="ffffng">
<!--[if lt IE 7]>
<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 --> <!-- Add your site or application content here -->
<f-navbar></f-navbar> <f-navbar></f-navbar>
<div ng-view=""></div> <div ng-view=""></div>
@ -44,6 +40,7 @@
<!-- build:js({.tmp,app}) scripts/scripts.js --> <!-- build:js({.tmp,app}) scripts/scripts.js -->
<script src="scripts/app.js"></script> <script src="scripts/app.js"></script>
<script src="scripts/libs.js"></script> <script src="scripts/libs.js"></script>
<script src="scripts/config.js"></script>
<script src="scripts/controllers/main.js"></script> <script src="scripts/controllers/main.js"></script>
<script src="scripts/controllers/newNodeCtrl.js"></script> <script src="scripts/controllers/newNodeCtrl.js"></script>

View file

@ -40,8 +40,9 @@ angular.module('ffffng', [
} }
}; };
}) })
.run(['$location', '$rootScope', function ($location, $rootScope) { .run(function ($location, $rootScope, config) {
$rootScope.$on('$routeChangeSuccess', function (event, current) { $rootScope.$on('$routeChangeSuccess', function (event, current) {
$rootScope.title = current.$$route.title; $rootScope.title = current.$$route.title;
$rootScope.config = config;
});
}); });
}]);

21
app/scripts/config.js Normal file
View file

@ -0,0 +1,21 @@
'use strict';
angular.module('ffffng')
.factory('config', function () {
return {
community: {
name: 'Freifunk Hamburg',
domain: 'hamburg.freifunk.net',
contactEmail: 'kontakt@hamburg.freifunk.net'
},
map: {
graphUrl: 'http://graph.hamburg.freifunk.net/graph.html',
mapUrl: 'http://graph.hamburg.freifunk.net/geomap.html'
},
coordsSelector: {
lat: 53.565278,
lng: 10.001389,
defaultZoom: 10
}
};
});

View file

@ -1,7 +1,9 @@
'use strict'; 'use strict';
angular.module('ffffng') angular.module('ffffng')
.controller('MainCtrl', function ($scope, Navigator) { .controller('MainCtrl', function ($scope, Navigator, config) {
$scope.config = config;
$scope.newNode = function () { $scope.newNode = function () {
Navigator.newNode(); Navigator.newNode();
}; };

View file

@ -1,7 +1,9 @@
'use strict'; 'use strict';
angular.module('ffffng') angular.module('ffffng')
.controller('NewNodeCtrl', function ($scope, Navigator, NodeService, $routeParams, _) { .controller('NewNodeCtrl', function ($scope, Navigator, NodeService, $routeParams, _, config) {
$scope.config = config;
$scope.node = {}; $scope.node = {};
$scope.saved = false; $scope.saved = false;

View file

@ -1,7 +1,8 @@
'use strict'; 'use strict';
angular.module('ffffng') angular.module('ffffng')
.controller('UpdateNodeCtrl', function ($scope, Navigator, NodeService) { .controller('UpdateNodeCtrl', function ($scope, Navigator, NodeService, config) {
$scope.config = config;
$scope.node = undefined; $scope.node = undefined;
$scope.token = undefined; $scope.token = undefined;
$scope.saved = false; $scope.saved = false;

View file

@ -2,7 +2,8 @@
angular.module('ffffng') angular.module('ffffng')
.directive('fNavbar', function (Navigator) { .directive('fNavbar', function (Navigator) {
var ctrl = function ($scope) { var ctrl = function ($scope, config) {
$scope.config = config;
$scope.goHome = function () { $scope.goHome = function () {
Navigator.home(); Navigator.home();
}; };

View file

@ -2,12 +2,13 @@
angular.module('ffffng') angular.module('ffffng')
.directive('fNodeForm', function () { .directive('fNodeForm', function () {
var ctrl = function ($scope, $timeout, Constraints, Validator, _) { var ctrl = function ($scope, $timeout, Constraints, Validator, _, config) {
$scope.config = config;
angular.extend($scope, { angular.extend($scope, {
center: { center: {
lat: 53.565278, lat: config.coordsSelector.lat,
lng: 10.001389, lng: config.coordsSelector.lng,
zoom: 10 zoom: config.coordsSelector.defaultZoom
}, },
markers: {}, markers: {},
layers: { layers: {

View file

@ -1,7 +1,7 @@
<nav class="navbar navbar-default" role="navigation"> <nav class="navbar navbar-default" role="navigation">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<a class="navbar-brand" href="javascript:;" ng-click="goHome()">Freifunk Hamburg - Knotenverwaltung</a> <a class="navbar-brand" href="javascript:;" ng-click="goHome()">{{ config.community.name }} - Knotenverwaltung</a>
</div> </div>
</div> </div>
</nav> </nav>

View file

@ -35,18 +35,17 @@
<h3>Wo soll Dein Router stehen?</h3> <h3>Wo soll Dein Router stehen?</h3>
<div class="row"> <div class="row">
<div class="coords col-md-4"> <div class="coords col-md-4">
<!--<label for="coords">Koordinaten des Knotens (freiwillig)</label>-->
<p class="help-block"> <p class="help-block">
Wenn Du möchtest, dass Dein Knoten an der richtigen Stelle auf der Wenn Du möchtest, dass Dein Knoten an der richtigen Stelle auf der
<a href="http://graph.hamburg.freifunk.net/geomap.html" target="_blank">Knotenkarte</a> angezeigt wird, <a href="{{ config.map.mapUrl }}" target="_blank">Knotenkarte</a> angezeigt wird,
kannst Du seine Koordinaten hier eintragen. Klicke einfach in der auf dieser Seite angezeigten Karte kannst Du seine Koordinaten hier eintragen. Klicke einfach in der auf dieser Seite angezeigten Karte
an die Stelle, wo Dein Knoten erscheinen soll. Durch erneutes Klicken kannst Du die Position jederzeit an die Stelle, wo Dein Knoten erscheinen soll. Durch erneutes Klicken kannst Du die Position jederzeit
anpassen. anpassen.
</p> </p>
<input type="text" id="coords" class="{{node.coords ? 'has-coords' : ''}}" placeholder="z. B. 53.59784 10.01821" ng-model="node.coords" ng-blur="updateMap" /> <input type="text" id="coords" class="{{node.coords ? 'has-coords' : ''}}" placeholder="z. B. {{config.coordsSelector.lat}} {{config.coordsSelector.lng}}" ng-model="node.coords" ng-blur="updateMap" />
<i class="reset-coords" ng-if="node.coords" ng-click="resetCoords()"></i> <i class="reset-coords" ng-if="node.coords" ng-click="resetCoords()"></i>
<span class="feedback" ng-if="hasError('coords')"> <span class="feedback" ng-if="hasError('coords')">
Bitte gib die Koordinaten wie folgt an, Beispiel: 53.59784 10.01821 Bitte gib die Koordinaten wie folgt an, Beispiel: {{config.coordsSelector.lat}} {{config.coordsSelector.lng}}
</span> </span>
</div> </div>
<div class="col-md-8"> <div class="col-md-8">
@ -75,7 +74,7 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="email"> <div class="email">
<label for="email">E-Mail-Adresse</label> <label for="email">E-Mail-Adresse</label>
<input type="email" id="email" placeholder="z. B. lisa@hamburg.freifunk.net" ng-model="node.email" /> <input type="email" id="email" placeholder="z. B. lisa@{{config.community.domain}}" ng-model="node.email" />
<span class="feedback" ng-if="hasError('email')"> <span class="feedback" ng-if="hasError('email')">
Die angegebene E-Mail-Adresse ist ungültig. Die angegebene E-Mail-Adresse ist ungültig.
</span> </span>

View file

@ -1,8 +1,8 @@
<div class="welcome"> <div class="welcome">
<h1>Willkommen!</h1> <h1>Willkommen!</h1>
<p> <p>
Du hast einen neuen Freifunk Hamburg Router (Knoten), den Du in Betrieb nehmen möchtest? Du hast schon einen Knoten in Du hast einen neuen {{ config.community.name }} Router (Knoten), den Du in Betrieb nehmen möchtest? Du hast
Betrieb und möchtest seine Daten ändern? Dann bist Du hier richtig! schon einen Knoten in Betrieb und möchtest seine Daten ändern? Dann bist Du hier richtig!
</p> </p>
<div class="select-action"> <div class="select-action">
<div class="new-node"> <div class="new-node">

View file

@ -17,8 +17,8 @@
<h1>Geschafft!</h1> <h1>Geschafft!</h1>
<p> <p>
Dein Freifunk-Knoten ist erfolgreich angemeldet worden. Es kann jetzt noch bis zu 20 Minuten dauern, bis Dein Freifunk-Knoten ist erfolgreich angemeldet worden. Es kann jetzt noch bis zu 20 Minuten dauern, bis
Dein Knoten funktioniert und im <a href="http://graph.hamburg.freifunk.net/graph.html" target="_blank">Knotengraph</a> Dein Knoten funktioniert und im <a href="{{ config.map.graphUrl }}" target="_blank">Knotengraph</a>
und in der <a href="http://graph.hamburg.freifunk.net/geomap.html" target="_blank">Knotenkarte</a> auftaucht. und in der <a href="{{ config.map.mapUrl }}" target="_blank">Knotenkarte</a> auftaucht.
</p> </p>
<f-node-saved f-node="node" f-token="token"></f-node-saved> <f-node-saved f-node="node" f-token="token"></f-node-saved>

View file

@ -10,7 +10,7 @@
<p> <p>
<strong> <strong>
Solltest Du den Token nicht mehr haben, wende Dich einfach per E-Mail an Solltest Du den Token nicht mehr haben, wende Dich einfach per E-Mail an
<a href="mailto:kontakt@hamburg.freifunk.net">kontakt@hamburg.freifunk.net</a>. <a href="mailto:{{ config.community.contactEmail }}">{{ config.community.contactEmail }}</a>.
</strong> </strong>
</p> </p>
<f-token-form f-submit="onSubmitToken" f-cancel="cancel"></f-token-form> <f-token-form f-submit="onSubmitToken" f-cancel="cancel"></f-token-form>
@ -30,8 +30,8 @@
<h1>Geschafft!</h1> <h1>Geschafft!</h1>
<p> <p>
Die Daten Deines Freifunk-Knotens sind erfolgreich geändert worden. Es kann jetzt noch bis zu 20 Minuten dauern, Die Daten Deines Freifunk-Knotens sind erfolgreich geändert worden. Es kann jetzt noch bis zu 20 Minuten dauern,
bis die Änderungen überall wirksam werden und sich im <a href="http://graph.hamburg.freifunk.net/graph.html" target="_blank">Knotengraph</a> bis die Änderungen überall wirksam werden und sich im <a href="{{ config.map.graphUrl }}" target="_blank">Knotengraph</a>
und in der <a href="http://graph.hamburg.freifunk.net/geomap.html" target="_blank">Knotenkarte</a> auswirken. und in der <a href="{{ config.map.mapUrl }}" target="_blank">Knotenkarte</a> auswirken.
</p> </p>
<f-node-saved f-node="node" f-token="token"></f-node-saved> <f-node-saved f-node="node" f-token="token"></f-node-saved>