Posts

Showing posts from October, 2014

Employee Time Log : Dashboard View using Morris.js

Image
Hi Guys, I added new page to the Employee Time Log by adding a new dashboard view to it. Hope you like it. Dashboard View Added a New Field as Type Of Work to Group Data Solution 1) Create a controller in js -> app.js as following  appmodule.controller('DashboardController', ["$scope", "$http", "authService", "$filter", DashboardController]) function DashboardController($scope, $http, authService, $filter) {     var scope = $scope;     scope.TaskCount = 0;     scope.AllCount = 0;    scope.IsLineWeekly = true;    scope.IsBarWeekly = true;     scope.authentication = authService.authentication;     scope.DrawLineChart = function (isWeekly) {         var responsePromise = $http.get("/Services/EmployeeService.svc/GetWeeklyDashboard?userName=" + scope.authentication.userName ...

Employee Time Log : Calendar View using full-calendar.js

Image
Hi Guys, I added new page to the Employee Time Log by adding a new calendar view to it. Hope you like it. Monthly View   Weekly View Daily View Step One : Solution 1) Add  MyTimeLogsCalendar.html to Views -> Partials folder and paste following html tags. <div class="container" ng-controller="TimeLogCalenderController">      <div class="panel panel-primary">            <div class="panel-heading">                 <h1 >My Time Logs Calendar View</h1>                  </div>          <div class="panel-body">                <div class="pull-right"><a data-toggle="modal" data-target="#myModal"  class="btn btn-primary"><span class="glyphicon glyphicon-pl...

Employee Time Log using Bootstrap, AngularJS and WCF Service

Image
Hi Guys, This time I made Employee Time Logging application for an organisation using Bootstrap, AngularJS and WCF Services.  This is a simple application which consumes (GET,POST) JSON enabled WCF Services using Angular JS. Hope you like it. I used a login screen to allow the employees to login directly using there Domain Username and Password. Then I used localStorage module to store the user account info. Login Page. Page is made to work in both mobile and pc browsers using bootstrap. My Time Logs Page User can view all of his time logs. Modal to Add New Log Before you Start, 1) Any version of Visual Studio Step One : The Solution First create a Web Application as following. Step Two : Code and Styles Since this is a Website I will not include all the code here. I will include only the AngularJS code. 1) Open js -> ...