AngularJS-Service implementiert; Reissorte des Tages wird per http über angular nachgeladen

README.md

@@ -6,6 +6,7 @@
 2. Starten der `main.js` im Hauptprojekt-Ordner.
 	- `node path/to/main.js`
 	- Relative und absolute Pfade erlaubt
+3. Aufrufen [der lokalen Node-Anwendung](http://localhost:3000) oder [dem gehosteten Service](http://restaurant.sebse.de)
 
 ## Dateistruktur
 
@@ -47,12 +48,12 @@
 ## Requests
 
 | Min. Vers. | Methode | URI | Parameter | Beschreibung | Benötige Rechte |
-| --- | --- | --- | --- | --- | --- | --- |
+|--------|--------|--------|--------|--------|--------|
 | 0.1 | GET | / | keine | Zeigt die Startseite an | keine |
 | 0.1 | GET | /speisekarte | keine | Zeigt die Speisekarte an | keine (Bearbeitungsfunktionen mit MENU) |
 | 0.1 | POST | /speisekarte | nametag:<br> `[f\|d]-[Index in der Liste "food"/"drinks"]-new`<br>name:<br> `[Name des Gerichts]`<br>desc:<br> `[Beschreibung des Menüeintrags]` | Hinzufügen eines Menüeintrags | MENU |
 | 0.1 | POST | /speisekarte | nametag:<br> `[f\|d]-[Index in der Liste "food"/"drinks"]-[Index in der Liste "items"]`<br>name:<br> `[Name des Gerichts]`<br>desc:<br> `[Beschreibung des Menüeintrags]` | Aktualisieren der Informationen eines Eintrages | MENU |
-| 0.1 | POST | /speisekarte | nametag: `[f\|d]-[Index in der Liste "food"/"drinks"]-[Index in der Liste "items"]-del` | Löschen eines Eintages aus der Speisekarte | MENU |
+| 0.1 | POST | /speisekarte | nametag:<br> `[f\|d]-[Index in der Liste "food"/"drinks"]-[Index in der Liste "items"]-del` | Löschen eines Eintages aus der Speisekarte | MENU |
 | 0.1 | GET | /kontakt | keine | Zeigt die Kontaktseite an | keine:<br> Reservierungsformular<br>RESERVATION:<br>Liste aller eingegangenen Reservierungen |
 | 1.0 | GET | /kontakt | nametag:<br> `[Index der Reservierung]` | Öffnet das Fenster zum Bearbeiten eines Eintages | RESERVATION |
 | 1.0 | POST | /kontakt | nametag:<br> `new`<br>name:<br> `[Name des Reservierenden]`<br>desc:<br> `[Kommentarfeld]`<br>email:<br> `[gülige E-Mail-Adresse]`<br>person:<br> `[positive, natürliche Zahl]`<br>time:<br> `^(([01][0-9]\|2[0-4]):[0-5][0-9])$`<br>date:<br> `^(([0-2][0-9]\|3[01]).(0[0-9]\|1[012]).[0-9]{4})$` | Hinzufügen einer Reservierung | keine |

main.js

@@ -214,6 +214,10 @@ app.post('/login', function(req, res) {
 	});
 });
 
+app.get('/api/specialOffer.json', function(req, res) {
+	res.json({ rice: "Neuer Waldreis" });
+});
+
 var server = app.listen(3000, function() {
 	var host = server.address().address;
 	var port = server.address().port;

public/css/style.css

@@ -88,6 +88,10 @@ textarea {
 	margin-right: auto;
 }
 
+[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
+    display: none !important;
+}
+
 /* Login menu */
 
 #loginDropdown {

public/js/angular-init.js

@@ -1,4 +1,16 @@
 var app = angular.module('myApp', []);
+
+app.controller("indexController", function ($scope, specialService) {
+	$scope.rice = "Hello World";
+	specialService.success(function(data) { 
+		$scope.rice = data.rice;
+	});
+});
+
+app.factory("specialService", function ($http) {
+	return $http.get('/api/specialOffer.json');
+});
+
 app.directive('rrMap', function() {
 	return {
 		restrict: 'A',

views/index.jade

@@ -47,9 +47,12 @@ block content
 			.col-md-6.graygray 
 				+img-responsive-center("/bin/image/rice-world.png","Welt voller Reis")
 			.col-md-6.orange Wir bieten Ihnen Reis aus aller Welt. Wählen Sie zwischen 52 verschiedenen Sorten oder lassen Sie sich durch die perfekte Wahl des Chefkochs überraschen.
+				p.ng-cloak(data-ng-controller="indexController") Die heutige Empfehlung unseres Chefkochs ist "{{rice}}". Alle Gerichte, die mit dieser Reissorte bestellt werden, sind um 1€ vergünstigt!
 		.row
+			.col-md-6.graygray.hidden-md.hidden-lg
+				+img-responsive-center("/bin/image/vegetables.png","Gemüse")
 			.col-md-6.orange Zur Zubereitung wird regional angebautes Gemüse verwendet, denn nur so schmeckt das Essen noch frischer und die Umwelt wird geschont. Der Reis stammt aus einem fairen Handel mit Kleinbauern in ganz Asien. Nur so kann der originale Geschmack des Reis gewährt werden und er schmeckt besonders kräftig und intensiv!
-			.col-md-6.graygray
+			.col-md-6.graygray.hidden-xs.hidden-sm
 				+img-responsive-center("/bin/image/vegetables.png","Gemüse")
 		.row
 			.col-md-6.graygray