"Components"

dimonser147 · dimonser147 · commit fea36bc9841a · 2017-04-04T21:35:28.000+03:00
diff --git a/index.html b/index.html
@@ -68,6 +68,41 @@ <h3>Age:{{$last}}}</h3>
 			</li>
 		<!--	<li ng-repeat="user in myCtrl.serverData.testArray track by $index"></li> -->
 		</ul>
+		<h1>Massages</h1>
+		<h2>New massages:{{myCtrl.getMassage()}}</h2>
+		<h3>Massages count:{{myCtrl.getMassageCount()}}</h3>
+		
+		<form action="#"
+		ng-controller="massagesController as massagesController"
+		>
+		</form>
+		<my-massager
+		title="Send Massege Form"
+		on-massage-sent="massagesController.sendMassage(massage)"
+		></my-massager>
 		</div>
+		
+		<h1
+		 style="position:fixed;right:50px;bottom:50px;"
+		>^^ Scroll top ^^</h1>
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
+		
 	</body>
 </html>
diff --git a/js/main.js b/js/main.js
@@ -1,9 +1,13 @@
 (function(){
 	"use strict";
 	angular.module("app",[
-	"price"
+	"price",
+	"toHtml",
+	"myComponent",
+	"ScrollService",
+	"scrollToTop"
 	]).run(function($templateCach){
-		$templateCach.put('myTamplate.html','This is the<br/>');
+		$templateCach.put('myTamplate.html','This is the<br/> contant of');
 	});
 })();
 
@@ -24,6 +28,7 @@
 	"use strict";
 	angular.module("toHtml",[])
 	.filter("toHtml",toHtml);
+	
 	toHtml.$inject=["$sce"];
 	
 	function toHtml($sce){
@@ -37,8 +42,8 @@
 	"use strict";
 	angular.module("app")
 	.controller("myCtrl",myCtrl);
-	myCtrl.$inject=["$scope","$filter","$http","$q","$sce","$templateCache","$interval"];
-	function myCtrl($scope,$filter,$http,$q,$sce,$templateCache,$interval){
+	myCtrl.$inject=["$scope","$filter","$http","$q","$sce","$templateCache","$interval","testConstant","testConstant2","massage","massages","ScrollService"];
+	function myCtrl($scope,$filter,$http,$q,$sce,$templateCache,$interval,testConstant,testConstant2,massage,massages){
 		var myCtrl=this;
 		myCtrl.price=$filter("price")(25,"#");
 		myCtrl.serverData={};
@@ -52,20 +57,33 @@
 		myCtrl.selectedOption="";
 		myCtrl.imageSrc="";
 		
-		myCtrl.options={
-			{value:"",lable:"Select item"},
-			{value:"item1",lable:"Select item1"},
-			{value:"item2",lable:"Select item2"},
-			{value:"item3",lable:"Select item3"},
-			{value:"item4",lable:"Select item4"},
-			{value:"item5",lable:"Select item5"},
-			{value:"item6",lable:"Select item6"},
+		console.log(testConstant);
+		console.log(testConstant2);
+		
+		myCtrl.options=[
+			{value:"",label:"Select item"},
+			{value:"item1",label:"Item1 label"},
+			{value:"item2",label:"Item2 label"},
+			{value:"item3",label:"Item3 label"},
+			{value:"item4",label:"Item4 label"},
+			{value:"item5",label:"Item5 label"},
+			{value:"item6",label:"Item6 label"},
 			
-		}
+		]
 		
 		myCtrl.onBlur=onBlur;
 		myCtrl.askUser=askUser;
 		myCtrl.usersFilterMethod=usersFilterMethod;
+		myCtrl.getMassage=getMassage;
+		myCtrl.getMassagesCount=getMassagesCount;
+		
+		function getMassage(){
+			return massages.massage;
+		}
+		
+		function getMassagesCount(){
+			return massages.list.length;
+		}
 		
 		function onBlur($event){
 			console.log($event);
@@ -110,6 +128,192 @@
 	
 })();
 
+(function (){
+	"use strict";
+	
+	angular.module("app")
+	.constant("testConstant","testConstantValue")
+	.constant("testConstant2",{
+		"key1":"value1",
+		"key2":"value2"
+	})
+})();
+
+(function(){
+	angular.module("app")
+	.value("massage","")
+	.value("massages",{
+		list:[]
+	})
+})();
+
+(function(){
+	"use strict";
+	
+	angular.module("app")
+	.controller("massagesController",massagesController);
+	
+	massagesController.$inject=["massage","massages","ScrollService"];
+	function massagesController(massage,massages,ScrollService){
+		var massagesController=this;
+		
+		massagesController.massageField="";
+		
+		massagesController.sendMassage=sendMassage;
+		
+		function sendMassage(newMassage){
+			massage.list.push(newMassage);
+			massages.massage=newMassage;
+		}
+	}
+})();
+
+(function(){
+"use strict";
+
+	angular.module("ScrollService",[])
+	.service("ScrollService",ScrollService);
+	
+	ScrollService.$inject=["testFactory"];
+	function ScrollService(testFactory){
+	return{
+		scrollTop:scrollTop
+		}
+		
+		function scrollTop(position){
+			console.log(testFactory);
+			testFactory.method();
+		$("body").animate({"scrollTop":position},500);
+		}
+	}
+	
+	
+})();
+
+(function(){
+	"use strict";
+	angular.module("app")
+	.factory("testFactory",testFactory);
+	
+	function testFactory(){
+	return{
+		key1:"value1",
+		key2:"value2",
+		obj:{"test":"rest"},
+		method:method
+		}
+		
+		function scrollTop(position){
+		$("html,body").animate({"scrollTop":position},500);
+		}
+	}
+	
+})();
+
+(function(){
+	"use strict";
+	
+	angular.module("app")
+	.component("myMassanger",myMassanger());
+	
+	function myMassanger(){
+		myMassangerCtrl.$inject=["massages"];
+		return{
+			templateUrl:"componentTemplate.html",
+			//template:"<div><h1>{{myMassanger.myTitle}}</h1></div>",
+			controller:myMassangerCtrl,
+			controllerAs:"myMassanger",
+			transclude:false,
+			bindings:{
+				title:"@",
+				onMassageSent:"&"
+			}
+		}
+		
+		function myMassangerCtrl(){
+			var myMassangerCtrl=this;
+			
+			myMassangerCtrl.massageField="";
+			
+			myMassangerCtrl.sendMassage=sendMassage;
+			
+			function sendMassage(massage){
+				myMassangerCtrl.onMassageSent({"massage":massage});
+				massages.massage=massage;
+				massages.list.push(massage);
+			}
+		}
+	}
+	
+})();
+
+
+(function(){
+	"use strict";
+	
+	angular.module("scrollToTop",["ScrollService"])
+	.directive("scrollToTop",scrollToTop);
+	
+	scrollToTop.$inject=["ScrollService"];
+	
+	function scrollToTop(ScrollService){
+		return {
+			restrict:"A",
+			link:link
+			//scope:false
+		}
+		function link($scope,$element){
+			$element.on("click",function(){
+				ScrollService.scrollToTop(0);
+			})
+			
+		}
+	}
+	
+	
+})();
+
+
+(function(){
+	"use strict";
+	
+	angular.module("app")
+	.factory("myInterceptors",myInterceptors);
+	.config("$httpProvider",interceptorsConfig);
+	
+	myInterceptors.$inject=["$q"];
+	function myInterceptors($q){
+		return{
+			request:function(config){
+				console.log(config);
+				return config;
+			},
+			response:function(response){
+				return response;
+			},
+			requestError:function(rejectReason){
+				return $q.reject(rejectReason);
+			},
+			responseError:function(response){
+				return $q.reject(response);
+			}
+		}
+	}
+	
+	interceptorsConfig.$inject=["$httpProvider"];
+	function interceptorsConfig($httpProvider){
+		$httpProvider.interceptors.push('myInterceptors');
+	}
+	
+})();
+
+
+
+
+
+
+
+
 
 
 
