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>
<meta charset="utf-8">
<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="viewport" content="width=device-width">
<!-- build:css styles/vendor.css -->
@ -19,10 +19,6 @@
</head>
<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 -->
<f-navbar></f-navbar>
<div ng-view=""></div>
@ -44,6 +40,7 @@
<!-- build:js({.tmp,app}) scripts/scripts.js -->
<script src="scripts/app.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/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.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';
angular.module('ffffng')
.controller('MainCtrl', function ($scope, Navigator) {
.controller('MainCtrl', function ($scope, Navigator, config) {
$scope.config = config;
$scope.newNode = function () {
Navigator.newNode();
};

View file

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

View file

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

View file

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

View file

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

View file

@ -1,7 +1,7 @@
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<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>
</nav>

View file

@ -35,18 +35,17 @@
<h3>Wo soll Dein Router stehen?</h3>
<div class="row">
<div class="coords col-md-4">
<!--<label for="coords">Koordinaten des Knotens (freiwillig)</label>-->
<p class="help-block">
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
an die Stelle, wo Dein Knoten erscheinen soll. Durch erneutes Klicken kannst Du die Position jederzeit
anpassen.
</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>
<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>
</div>
<div class="col-md-8">
@ -75,7 +74,7 @@
<div class="col-md-6">
<div class="email">
<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')">
Die angegebene E-Mail-Adresse ist ungültig.
</span>

View file

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

View file

@ -17,8 +17,8 @@
<h1>Geschafft!</h1>
<p>
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>
und in der <a href="http://graph.hamburg.freifunk.net/geomap.html" target="_blank">Knotenkarte</a> auftaucht.
Dein Knoten funktioniert und im <a href="{{ config.map.graphUrl }}" target="_blank">Knotengraph</a>
und in der <a href="{{ config.map.mapUrl }}" target="_blank">Knotenkarte</a> auftaucht.
</p>
<f-node-saved f-node="node" f-token="token"></f-node-saved>

View file

@ -10,7 +10,7 @@
<p>
<strong>
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>
</p>
<f-token-form f-submit="onSubmitToken" f-cancel="cancel"></f-token-form>
@ -30,8 +30,8 @@
<h1>Geschafft!</h1>
<p>
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>
und in der <a href="http://graph.hamburg.freifunk.net/geomap.html" target="_blank">Knotenkarte</a> auswirken.
bis die Änderungen überall wirksam werden und sich im <a href="{{ config.map.graphUrl }}" target="_blank">Knotengraph</a>
und in der <a href="{{ config.map.mapUrl }}" target="_blank">Knotenkarte</a> auswirken.
</p>
<f-node-saved f-node="node" f-token="token"></f-node-saved>