rupalitomar5 · rupalitomar5 · Feb 6, 2017 · Feb 6, 2017
diff --git a/login/app.js b/login/app.js
@@ -0,0 +1,31 @@
+var mongoose= require('mongoose');
+var express=require('express');
+var bodyParser=require('body-parser');
+mongoose.connect('mongodb://localhost:27017/test');
+var urlencodedParser=bodyParser.urlencoded({extended:true});
+var Employee=require('./js/employee.js');
+var app=express();
+var router=express.Router();
+var multer=require('multer');
+router.get("/employee",function(){
+    Employee.find({},function(err,employee){
+        if(!err){
+            console.log(employee);
+            res.json(employee)
+        }
+    });
+
+});
+router.get("/employee/name",function(){
+    Employee.find({},"-_id Name",function(err,employee){
+        res.json(employee)
+    })
+})
+
+
+router.post();
+router.put();
+router.delete();
+
+app.use(urlencodedParser);
+app.use('/api',router);
diff --git a/login/index.html b/login/index.html
@@ -0,0 +1,24 @@
+
+<!DOCTYPE html>
+<html lang="en" ng-app="myapp">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <link rel="shortcut icon" href="img/favicon.png">
+    <!--<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>-->
+
+    <script src="bower_components/angular/angular.js"></script>
+    <script src="bower_components/angular-route/angular-route.js"></script>
+    <script src="bower_components/angular-modal-service/dst/angular-modal-service.js"></script>
+    <script src="bower_components/ng-file-upload/ng-file-upload.js"></script>
+
+    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
+    <script src="bower_components/angular-animate/angular-animate.js"></script>
+    <script src="bower_components/angular-bootstrap-toggle/dist/angular-bootstrap-toggle.js"></script>
+    <script src="js/app.js"></script>
+
+</head>
+<body>
+<div ng-view></div>
+</body>
+</html>
diff --git a/login/js/app.js b/login/js/app.js
@@ -0,0 +1,103 @@
+/**
+ * Created by lcom64 on 6/2/17.
+ */
+angular.module('myapp',['ngRoute','ui.bootstrap','angularModalService','ngAnimate','ngFileUpload'])
+    .config(function($routeProvider){
+        $routeProvider
+            .when('/',{
+                templateUrl:'views/login.html',
+                controller:'mainController'
+            })
+            .when('/list',{
+                templateUrl:'views/list.html',
+                controller:'listController'
+            })
+    })
+    .controller('mainController',function($scope,$location){
+        $scope.submit=function(){
+            $location.path('/list');
+        }
+    })
+    .controller('listController',function($scope,$http){
+        $scope.items=['hdhsjhfshf','dshgsjhchb'];
+        $scope.status={
+            isopen:false
+        };
+        $scope.toggled=function(open){
+           console.log("open");
+        };
+        $scope.toggleDropDown=function($event){
+            $event.preventDefault();
+            $event.stopPropagation();
+            $scope.status.isopen = !$scope.status.isopen;
+        };
+        $scope.appendToEl = angular.element(document.querySelector('#dropdown-long-content'));
+        $scope.emp = [];
+        function getUser(){
+            $http
+                .get('http://localhost:8000/api/user')
+                .then(function (d) {
+                    $scope.emp= d.data;
+                    //$scope.emp=d;
+    })}})
+.controller('ComplexController', [
+    '$scope', '$element', 'title', 'close',
+    function($scope, $element, title, close) {
+
+        $scope.name = null;
+        $scope.employee = null;
+        $scope.title = title;
+
+        //  This close function doesn't need to use jQuery or bootstrap, because
+        //  the button has the 'data-dismiss' attribute.
+        $scope.close = function() {
+            close({
+                name: $scope.name,
+                age: $scope.employee,
+            }, 500); // close, but give 500ms for bootstrap to animate
+        };
+
+        //  This cancel function must use the bootstrap, 'modal' function because
+        //  the doesn't have the 'data-dismiss' attribute.
+        $scope.cancel = function() {
+
+            //  Manually hide the modal.
+            $element.modal('hide');
+
+            //  Now call close, returning control to the caller.
+            close({
+                name: $scope.name,
+                age: $scope.age
+            }, 500); // close, but give 500ms for bootstrap to animate
+        };
+
+        function add(){
+            Upload.upload({
+                url: 'http://localhost:8001/api/user',
+                method: 'POST',
+                data: {
+                    'name': $scope.name,
+                    'customer':$scope.employee
+                }
+            })
+    }}]
+    )
+.controller('SampleController', ['$scope', 'ModalService', function($scope, ModalService){
+    $scope.showComplex = function() {
+
+        ModalService.showModal({
+            templateUrl: "views/modal.html",
+            controller: "ComplexController",
+            inputs: {
+                title: "A More Complex Example"
+            }
+        }).then(function(modal) {
+           // modal.element.modal();
+            modal.close.then(function(result) {
+                $scope.complexResult  = "Name: " + result.name + ", EmployeeName: " + result.employee;
+            });
+        });
+
+    }
+}]);
+
diff --git a/login/js/employee.js b/login/js/employee.js
@@ -0,0 +1,13 @@
+/**
+ * Created by lcom64 on 6/2/17*/
+var mongoose=require('mongoose');
+var Schema=mongoose.Schema;
+var EmployeeSchema= new Schema({
+    Name:String,
+    EmployeeId:[{ type: Schema.Types.ObjectId, ref: 'Employee' }],
+    File:String
+});
+//var mongoose=require('mongoose');
+//var Schema=mongoose.Schema;
+
+module.exports=mongoose.model('Employee',EmployeeSchema);
diff --git a/login/views/list.html b/login/views/list.html
@@ -0,0 +1,24 @@
+<div>
+
+    <div ng-controller="listController"></div>
+    <select ng-model="dropdown" ng-options="x for x in items" ng-click="submit()">
+    </select>
+</div>
+<div ng-controller="SampleController" data-spy="scroll" data-target="#mainNav">
+    <p><a href class="btn btn-default btn-lg " ng-click="showComplex()">Show Complex</a></p>
+    <pre ng-show="complexResult">{{complexResult}}</pre>
+</div>
+<table>
+    <tr ng-repeat="user in emp">
+        <td>
+            {{emp.Name}}
+        </td>
+        <td>
+            {{emp.File}}
+        </td>
+        <td>
+            {{emp.}}
+        </td>
+    </tr>
+</table>
+</div>
diff --git a/login/views/login.html b/login/views/login.html
@@ -0,0 +1,11 @@
+<div ng-app="myapp">
+    <script src="../bower_components/angular/angular.js"></script>
+    <script src="../bower_components/angular-route/angular-route.js"></script>
+    <script src="../js/app.js"></script>
+    <script src="../js/controller.js"></script>
+<form ng-controller="mainController" ng-click="submit()">
+    <input type="text" placeholder="login"/>
+    <input type="text" placeholder="password"/>
+    <input type="submit" id="Submit" value="Submit"/>
+</form>
+</div>
diff --git a/login/views/modal.html b/login/views/modal.html
@@ -0,0 +1,39 @@
+<div class="modal fade">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" ng-click="close()" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h4 class="modal-title">{{title}}</h4>
+            </div>
+            <div class="modal-body">
+                <p>Ads the details</p>
+
+                <form class="form-horizontal" role="form">
+                    <div class="form-group">
+                        <label for="name" class="col-sm-2 control-label">Name</label>
+                        <div class="col-sm-10">
+                            <input type="text" class="form-control" id="name" placeholder="Your Name" ng-model="name">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label for="image" class="col-sm-2 control-label">Age</label>
+                        <div class="col-sm-10">
+                            <input type="file" class="form-control" id="image" placeholder="File" ng-model="file">
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label for="employee" class="col-sm-2 control-label"></label>
+                        <div class="col-sm-10">
+                            <input type="text" class="form-control" id="employee" placeholder="Employee name" ng-model="employee"> <!--ng-repeat="array in ctrl.array1|filter:{year:search}-->">
+                        </div>
+                    </div>
+                </form>
+
+            </div>
+            <div class="modal-footer">
+                <button type="button" ng-click="close()" class="btn btn-primary" data-dismiss="modal">OK</button>
+                <button type="button" ng-click="cancel()" class="btn">Cancel</button>
+            </div>
+        </div>
+    </div>
+</div>