rr/view/home (#7)

* rr/main-controller (pull request #2)

rr/main-controller

* fix gulp indexHTML task

* removing unecessary elements

* main-controller base

Approved-by: Roberto Robson Soares Nogueira <[email protected]>

* Merged in rr/navigation-bar (pull request #3)

rr/navigation-bar

* navigation-bar directive

* add navigation-bar app.js dependency. set tiny md override md-button-icon

Approved-by: Roberto Robson Soares Nogueira <[email protected]>

* rr/side-menu (pull request #4)

rr/side-menu

Approved-by: Roberto Robson Soares Nogueira <[email protected]>

* rr/ng-route (pull request #5)

rr/ng-route

* rr/fix/ng-view (pull request #6)

rr/fix/ng-view

Approved-by: Roberto Robson Soares Nogueira <[email protected]>

* rr/view/home (pull request #7)

rr/view/home

Approved-by: Roberto Robson Soares Nogueira <[email protected]>

Author: betorobson

src/app.js

@@ -20,10 +20,10 @@
 		// directives
 		'directives.mainController',
 		'directives.navigation-bar',
-		'directives.side-menu'
+		'directives.side-menu',
 
 		// views
-		// 'views.home'
+		'views.home'
 
 	])
 

src/sass/helpers.scss

@@ -0,0 +1,8 @@
+
+.no-padding {
+	padding: 0;
+}
+
+.no-margin {
+	margin: 0;
+}

src/sass/md-custom/md-button.scss

@@ -0,0 +1,4 @@
+
+.md-custom-fat-button {
+	padding: 20px 0;
+}

src/views/home/home.config.js

@@ -0,0 +1,55 @@
+
+'use strict';
+
+(function(){
+
+	// properties
+
+	var view = 'home';
+	var controller = 'ViewHomeController';
+
+	var route = {
+		templateUrl: view + '/' + view + '.html',
+		controller: controller,
+	};
+
+	var configPath = {
+		path: '/home/',
+		label: 'Home',
+		icon: 'home.svg',
+		sideMenu: true
+	};
+
+	// config
+
+	angular.module('views.' + view)
+
+	.config(function(
+		$routeProvider,
+		$locationProvider,
+		pathProvider
+	){
+
+		var pathObj = pathProvider.addPath(
+			view,
+			configPath
+		);
+
+		var path = pathObj.path;
+
+		$routeProvider
+
+			.when(
+				path,
+				route
+			)
+
+			.otherwise({
+				redirectTo: path
+			})
+
+		;
+
+	});
+
+})();

src/views/home/home.html

@@ -0,0 +1,46 @@
+
+<div
+	layout-column
+	layout-padding
+>
+	<h1 class="md-display-3">
+		Welcome to UI-Challenge
+	</h1>
+	<h2 class="md-display-1">
+		Part 1
+	</h2>
+
+	<div
+		layout-column
+	>
+		<p class="md-headline">
+			This project will provide you two features:
+		</p>
+		<ul
+			layout-xs="column"
+			layout-sm="column"
+			layout-gt-sm="row"
+			layout-margin
+			layout-padding
+			class="no-padding no-margin"
+		>
+			<li flex class="md-subhead" md-whiteframe="4">
+				You can see your current location on the map;
+			</li>
+			<li flex class="md-subhead" md-whiteframe="4">
+				You can find a website location and display it on the map;
+			</li>
+		</ul>
+		<div
+			layout="column"
+		>
+			<md-button
+				class="md-raised md-primary md-custom-fat-button"
+				ng-click="mainController.go('location')"
+			>
+				Let's try it!
+			</md-button>
+		</div>
+	</div>
+
+</div>

src/views/home/home.js

@@ -0,0 +1,20 @@
+
+'use strict';
+
+(function(){
+
+	angular.module('views.home',[])
+
+	.controller(
+		'ViewHomeController',
+
+		function(
+			path
+		){
+
+			path.setCurrent('home');
+
+		}
+	);
+
+})();