http://spring.io/guides/gs/consuming-rest-angularjs/#_what_you_ll_build
index.html
<!doctype html>
<html lang="en" ng-app="eBHT">
<head>
<meta charset="UTF-8">
<title>EBHT</title>
<script src="lib/angular.min.js"></script>
<script src="lib/angular-route.min.js"></script>
<script src="js/app.js"></script>
<script src="lib/jquery-1.11.1.min.js"></script>
<script src="js/loginctrl.js"></script>
<script src="js/selectWordctrl.js"></script>
<script src="services/sessionService.js"></script>
<script src="js/session.js"></script>
<link rel="stylesheet" href="css/bootstrap.css">
</head>
<body style="background-color:#BDEDFF;">
<div class="main" ng-view></div>
</body>
</html>
login.js
var EBHTController = angular.module('EBHTController', []);
EBHTController.controller('LogInController', function($scope, loginService){
$scope.login=function(user){
loginService.login(user); //calling to login ctrl
}
});
EBHTController.factory('loginService',function($location,sessionService){
return{
login:function(user){
if (user.email=="nipuna" && user.password=="1234"){
var uid = 'nipuna';
sessionService.set('user',uid);
$location.path('/selectWord');
console.log("login Success");
}
else{
console.log("login fail");
}
},
logout:function(){
sessionService.destroy('user');
$location.path('/login');
}
}
});
selectword.js
EBHTController.controller('selectWardController', function($scope, allWards, wardIDStorage) {
allWards.getAllWards().success(function(wards){
$scope.wards = wards;
});
$scope.setWard = function($location){
var wordSelected = $scope.wardMod.wardNo;
console.log(wordSelected);
wardIDStorage.set("wardId",wordSelected);
}
});
EBHTController.factory('allWards', function($http) {
return {
getAllWards: function() {
var url = 'http://localhost:8080/HIS_API/rest/Ward/getWard';
return $http.get(url);
}
};
});
session.js
EBHTController.factory('wardIDStorage',['$http', function($http){
return{
set:function(key,value){
console.log("in session")
return sessionStorage.setItem(key,value);
},
get:function(key){
return sessionStorage.getItem(key);
},
destroy:function(key){
return sessionStorage.removeItem(key);
},
}
}]);
EBHTController.factory('bedIDStorage',['$http', function($http){
return{
set:function(key,value){
return sessionStorage.setItem(key,value);
},
get:function(key){
return sessionStorage.getItem(key);
},
destroy:function(key){
return sessionStorage.removeItem(key);
},
}
}]);
login,html
<section class="loginPage">
<form name="frm">
<div align="middle" class="login">
<h1>Welcome </h1>
<table align="center" width="346" height="237" border="0">
<tr>
<td align="center" colspan="3"><label style="color:#56A5EC" for="Login"><h2>Login To HIS</h2></label></td>
</tr>
<tr>
<td width="140"> </td>
<td width="18"> </td>
<td width="174"> </td>
</tr>
<tr>
<td height="25"><label>Email</label></td>
<td> </td>
<td><input type="text" ng-model="user.email" placeholder="Enter Your Email" name="email" required /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><label>Password</label></td>
<td> </td>
<td>
<input type="password" placeholder="Enter Your Password" ng-model="user.password" name="password" required ng-minlength="4" ng-maxlength="10" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>
<button align="right" type="submit" ng-click="login(user)" ng-disabled="frm.$invalid">Login</button>
</td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</form>
</section>
selectword.html
<section class="selectWord">
<form name='wordfrm'>
<div align="left" ><br/>
<label style="color:#000000" for="Name">Dr.Kumara Perera</label>
</div>
<div align="left">
<label style="color:#000000" for="SelectWard">Select Ward</label>
</div>
<div>
<select ng-model="wardMod" ng-options="ward.wardNo for ward in wards track by ward.wardNo" >
</select><br>
<div>
<input style="width:100%" type="submit" class="btn btn-primary" value="Submit" ng-click="setWard(wardMod)" name="btnSubmit" >
</div>
<br>selected: {{wardMod.wardNo}}
</form>
</section>
services.folder
sessionservises.js
EBHTController.factory('sessionService',['$http', function($http) {
return {
set:function(key,value){
console.log("login set");
return sessionStorage.setItem(key,value);
},
get:function(){
return sessionStorage.getItem(key);
},
destroy:function(){
return sessionStorage.removeItem(key);
},
};
}])
worldselect.js
var EBHTController = angular.module('EBHTController', []);
EBHTController.controller('selectWardController', function($scope, allWords) {
$scope.words = allWords.getAllWards();
}
);
EBHTController.factory('allWards', function(){
return{
getAllWards:function(){
return [
{"category": "medical", "wardGender": "Female", "wardNo": "Ward-01"},
{"category": "medical", "wardGender": "Male", "wardNo": "Ward-02"}
];
}
}
});
Sunday, September 28, 2014
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment