Showing preview only (839K chars total). Download the full file or copy to clipboard to get everything.
Repository: ranjithprabhuk/Angular-Bootstrap-Dashboard
Branch: master
Commit: b375f290a6fd
Files: 64
Total size: 807.8 KB
Directory structure:
gitextract_8vakf7bq/
├── .gitattributes
├── .gitignore
├── README.md
├── app/
│ ├── app.js
│ ├── common/
│ │ ├── app.html
│ │ ├── appCtrl.js
│ │ └── config.js
│ ├── factory/
│ │ └── apiCall.js
│ ├── modules/
│ │ ├── dashboard/
│ │ │ ├── controllers/
│ │ │ │ ├── about.js
│ │ │ │ ├── achievements.js
│ │ │ │ ├── contact.js
│ │ │ │ ├── education.js
│ │ │ │ ├── experience.js
│ │ │ │ ├── gallery.js
│ │ │ │ ├── home.js
│ │ │ │ ├── portfolio.js
│ │ │ │ ├── recent.js
│ │ │ │ ├── skills.js
│ │ │ │ └── websites.js
│ │ │ ├── dashboardApplication.js
│ │ │ ├── dashboardService.js
│ │ │ ├── index.html
│ │ │ └── views/
│ │ │ ├── about.html
│ │ │ ├── achievements.html
│ │ │ ├── contact.html
│ │ │ ├── contact.php
│ │ │ ├── education.html
│ │ │ ├── experience.html
│ │ │ ├── gallery.html
│ │ │ ├── home.html
│ │ │ ├── portfolio.html
│ │ │ ├── recent.html
│ │ │ ├── search.html
│ │ │ ├── skills.html
│ │ │ └── websites.html
│ │ └── login/
│ │ ├── index.html
│ │ ├── loginCtrl.js
│ │ ├── loginMgmt.js
│ │ └── loginService.js
│ └── services/
│ └── apiService.js
├── contact.php
├── css/
│ ├── _all-skins.css
│ ├── bootstrap.css
│ ├── dashboard.css
│ ├── flexslider.css
│ ├── site.css
│ ├── style.css
│ └── themes.css
├── fonts/
│ ├── FontAwesome.otf
│ └── glyphicons-halflings-regular.otf
├── index.html
├── js/
│ ├── angular-flash.js
│ ├── angular-resource.js
│ ├── angular-sanitize.js
│ ├── angular-translate-loader-partial.js
│ └── angular-ui-router-min.js
└── plugins/
├── bootstrap-slider/
│ ├── bootstrap-slider.js
│ └── slider.css
├── jquery.flexisel.js
├── knob/
│ └── jquery.knob.js
└── owl-carousel/
├── owl.carousel.css
├── owl.carousel.js
├── owl.theme.css
└── owl.transitions.css
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitattributes
================================================
# Auto detect text files and perform LF normalization
* text=auto
# Custom for Visual Studio
*.cs diff=csharp
# Standard to msysgit
*.doc diff=astextplain
*.DOC diff=astextplain
*.docx diff=astextplain
*.DOCX diff=astextplain
*.dot diff=astextplain
*.DOT diff=astextplain
*.pdf diff=astextplain
*.PDF diff=astextplain
*.rtf diff=astextplain
*.RTF diff=astextplain
================================================
FILE: .gitignore
================================================
# Windows image file caches
Thumbs.db
ehthumbs.db
# Folder config file
Desktop.ini
# Recycle Bin used on file shares
$RECYCLE.BIN/
# Windows Installer files
*.cab
*.msi
*.msm
*.msp
# Windows shortcuts
*.lnk
# =========================
# Operating System Files
# =========================
# OSX
# =========================
.DS_Store
.AppleDouble
.LSOverride
# Thumbnails
._*
# Files that might appear in the root of a volume
.DocumentRevisions-V100
.fseventsd
.Spotlight-V100
.TemporaryItems
.Trashes
.VolumeIcon.icns
# Directories potentially created on remote AFP share
.AppleDB
.AppleDesktop
Network Trash Folder
Temporary Items
.apdisk
================================================
FILE: README.md
================================================
# Angular Bootstrap Dashboard
Angular Bootstrap Dashboard is a web dashboard application based on Bootstrap and AngularJS.
All components included in this dashboard template has been developed to bring all the potential of HTML5 and Bootstrap plus a set of new features (JS and CSS) ideal for your next dashboard admin theme or admin web app project.
Angular Bootstrap Dashboard can be used in any type of web applications dashboard.
Angular Bootstrap Dashboard uses ui-router for routing purposes.
## Get The Dashboard
* [Demo] (http://dashboard.ranjithprabhu.in)
* [Download Source] (https://github.com/ranjithprabhuk/Angular-Bootstrap-Dashboard/archive/master.zip)
* Username: admin
* Password: admin
## Features
* Multiple Themes
* Multiple Layouts
* Works in All Modern Browsers
## Plugins used
* jQuery
* jQuery Knob
* Chart.js
* Owl Carousel
## Usage
* Download and customize the application as per your requirements.
## About Author
* [Author URL] (http://ranjithprabhu.in)
I am passionate in playing with pixels, creating attractive designs which interact well with the user and love developing web apps. Have a good background in web design and development. Also having wonderful working experience with various interesting projects and participated in the development of the products to provide end to end solutions.
## License
Released under the MIT license.
================================================
FILE: app/app.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 24 Dec 2015
Description : main application base
Change Log
s.no date author description
===========================================================*/
var app = angular.module('app', ['ui.router', 'ui.bootstrap', 'flash',
//main modules
'login', 'dashboard']);
app.config(['$stateProvider', '$locationProvider', '$urlRouterProvider', function ($stateProvider, $locationProvider, $urlRouterProvider, $modalInstance) {
//IdleScreenList
$stateProvider
.state('app', {
url: '/app',
templateUrl: 'app/common/app.html',
controller: 'appCtrl',
controllerAs: 'vm',
data: {
pageTitle: 'Login'
}
});
$urlRouterProvider.otherwise('login');
//$urlRouterProvider.otherwise('app/dashboard');
//$urlRouterProvider.otherwise('/app/dashboard');
}]);
// set global configuration of application and it can be accessed by injecting appSettings in any modules
app.constant('appSettings', appConfig);
================================================
FILE: app/common/app.html
================================================
<div class="wrapper">
<header class="main-header">
<!-- Logo -->
<a class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>RD</b></span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>Ranjith Dashboard</b></span>
</a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top" role="navigation">
<!-- Sidebar toggle button-->
<a class="sidebar-toggle" data-toggle="offcanvas" role="button" data-ng-click="vm.sideBar(1);">
<span class="sr-only">Toggle navigation</span>
</a>
<!-- Navbar Right Menu -->
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<li class="dropdown notifications-menu hidden-xs hidden-sm">
<a class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-align-justify"></i> Layouts
</a>
<ul class="dropdown-menu">
<li>
<ul class="menu">
<li data-ng-repeat="screen in vm.layouts" data-ng-click="vm.setLayout(screen.layout);">
<a>
<i class="fa fa-indent"></i> {{screen.name}}
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="dropdown notifications-menu">
<a class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-gears"></i> Themes
</a>
<ul class="dropdown-menu">
<li>
<ul class="menu">
<li data-ng-repeat="theme in vm.themes" data-ng-click="vm.setTheme(theme.color);">
<a>
<i class="fa fa-flag{{theme.icon}} text-{{theme.theme}}"></i>{{theme.title}}
</a>
</li>
</ul>
</li>
</ul>
</li>
<!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu">
<a class="dropdown-toggle" data-toggle="dropdown">
<img src="../../images/ranjith.png" class="user-image" alt="User Image" />
<span class="hidden-xs">Ranjithprabhu</span>
</a>
<ul class="dropdown-menu">
<!-- User image -->
<li class="user-header">
<img src="../../images/ranjith.png" class="img-circle" alt="User Image">
<h3>Ranjithprabhu. K</h3>
<p class="text-center">
Software Engineer
<small>Playing in Web - since 2010</small>
</p>
</li>
<!-- Menu Footer-->
<li class="user-footer">
<div class="pull-left">
<a ui-sref="app.about" class="btn btn-success btn-flat">About Me</a>
</div>
<div class="pull-right">
<a ui-sref="login" class="btn btn-danger btn-flat">Log Out</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
<!-- sidebar -->
<section class="sidebar">
<!-- Sidebar user panel -->
<div class="user-panel">
<div class="pull-left image">
<img src="../../images/ranjith.png" class="img-circle" alt="User Image">
</div>
<div class="pull-left info">
<p>Ranjithprabhu. K</p>
<span class="text-aqua text-sm">Software Engineer</span>
</div>
</div>
<!-- search form -->
<form action="#" method="get" class="sidebar-form">
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn">
<button type="button" name="search" id="search-btn" class="btn btn-flat" data-ng-click="vm.search();"><i class=" fa fa-search"></i></button>
</span>
</div>
</form>
<!-- /.search form -->
<ul class="sidebar-menu">
<li class="treeview" ui-sref-active="active" ng-click="vm.sideBar();" data-ng-repeat="menu in vm.menuItems">
<a ui-sref="app.{{menu.state}}">
<i class="fa fa-{{menu.icon}}"></i> <span>{{menu.title}}</span>
</a>
</li>
<li class="treeview" ui-sref-active="active" ng-click="vm.sideBar();">
<a href="https://github.com/ranjithprabhuk/Angular-Bootstrap-Dashboard" target="_blank">
<i class="fa fa-github"></i> <span>View in Github</span>
</a>
</li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<ui-view></ui-view>
</div>
<footer class="main-footer">
<div class="pull-right hidden-xs">
<b>Version</b> 1.3.2
</div>
<strong>Copyright © <a href="https://opensource.org/licenses/MIT" target="_blank">The MIT License (MIT)</a>.</strong> All rights reserved.
</footer>
</div>
================================================
FILE: app/common/appCtrl.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 24 Dec 2015
Description : Controller to handle main application
Change Log
s.no date author description
===========================================================*/
app.controller("appCtrl", ['$rootScope', '$scope', '$state', '$location', 'Flash','appSettings',
function ($rootScope, $scope, $state, $location, Flash,appSettings) {
$rootScope.theme = appSettings.theme;
$rootScope.layout = appSettings.layout;
var vm = this;
//avalilable themes
vm.themes = [
{
theme: "black",
color: "skin-black",
title: "Dark - Black Skin",
icon:""
},
{
theme: "black",
color: "skin-black-light",
title: "Light - Black Skin",
icon:"-o"
},
{
theme: "blue",
color: "skin-blue",
title: "Dark - Blue Skin",
icon:""
},
{
theme: "blue",
color: "skin-blue-light",
title: "Light - Blue Skin",
icon:"-o"
},
{
theme: "green",
color: "skin-green",
title: "Dark - Green Skin",
icon:""
},
{
theme: "green",
color: "skin-green-light",
title: "Light - Green Skin",
icon:"-o"
},
{
theme: "yellow",
color: "skin-yellow",
title: "Dark - Yellow Skin",
icon:""
},
{
theme: "yellow",
color: "skin-yellow-light",
title: "Light - Yellow Skin",
icon:"-o"
},
{
theme: "red",
color: "skin-red",
title: "Dark - Red Skin",
icon: ""
},
{
theme: "red",
color: "skin-red-light",
title: "Light - Red Skin",
icon: "-o"
},
{
theme: "purple",
color: "skin-purple",
title: "Dark - Purple Skin",
icon: ""
},
{
theme: "purple",
color: "skin-purple-light",
title: "Light - Purple Skin",
icon: "-o"
},
];
//available layouts
vm.layouts = [
{
name: "Boxed",
layout: "layout-boxed"
},
{
name: "Fixed",
layout: "fixed"
},
{
name: "Sidebar Collapse",
layout: "sidebar-collapse"
},
];
//Main menu items of the dashboard
vm.menuItems = [
{
title: "Dashboard",
icon: "dashboard",
state: "dashboard"
},
{
title: "Skills",
icon: "gears",
state: "skills"
},
{
title: "Education",
icon: "graduation-cap",
state: "education"
},
{
title: "Experience",
icon: "suitcase",
state: "experience"
},
{
title: "Recent Projects",
icon: "file-code-o",
state: "recent"
},
{
title: "Websites",
icon: "globe",
state: "websites"
},
{
title: "Portfolio",
icon: "anchor",
state: "portfolio"
},
{
title: "About Me",
icon: "user-secret",
state: "about"
},
{
title: "Contact",
icon: "phone",
state: "contact"
}
];
//set the theme selected
vm.setTheme = function (value) {
$rootScope.theme = value;
};
//set the Layout in normal view
vm.setLayout = function (value) {
$rootScope.layout = value;
};
//controll sidebar open & close in mobile and normal view
vm.sideBar = function (value) {
if($(window).width()<=767){
if ($("body").hasClass('sidebar-open'))
$("body").removeClass('sidebar-open');
else
$("body").addClass('sidebar-open');
}
else {
if(value==1){
if ($("body").hasClass('sidebar-collapse'))
$("body").removeClass('sidebar-collapse');
else
$("body").addClass('sidebar-collapse');
}
}
};
//navigate to search page
vm.search = function () {
$state.go('app.search');
};
console.log('getting in to the app controller');
}]);
================================================
FILE: app/common/config.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 24 Dec 2015
Description : Global configuration defined here
Change Log
s.no date author description
===========================================================*/
var appConfig = {
title: "Corporate Directory",
lang: "en",
dateFormat: "mm/dd/yy",
apiBase: 'http://192.168.168.213:3000/api/',
theme: 'skin-purple',
layout:""
};
================================================
FILE: app/factory/apiCall.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 27 Dec 2015
Description : This service is to communicate with server for CRUD Operaions
Change Log
s.no date author description
===========================================================*/
app.service('apiService', ['$http', '$q', 'appSettings', function ($http, $q, appSettings) {
var apiService = {};
var apiBase = appSettings.apiBase;
//===========================GET RESOURCE==============================
var get = function (module, parameter) {
var deferred = $q.defer();
$http.get(apiBase + module, { params: parameter }, { headers: { 'Content-Type': 'application/json' } }).success(function (response) {
deferred.resolve(response);
}).catch(function (data, status, headers, config) { // <--- catch instead error
deferred.reject(data.statusText);
});
return deferred.promise;
};
//===========================CREATE RESOURCE==============================
var create = function (module, parameter) {
console.log("hitting Service=============");
var deferred = $q.defer();
$http.post(apiBase + module, parameter, { headers: { 'Content-Type': 'application/json' } }).success(function (response) {
deferred.resolve(response);
}).catch(function (data, status, headers, config) { // <--- catch instead error
deferred.reject(data.statusText);
});
return deferred.promise;
};
//===========================UPDATE RESOURCE==============================
var update = function (module, parameter) {
console.log("hitting Service=============");
var deferred = $q.defer();
$http.post(apiBase + module + '/' + parameter.id, parameter, { headers: { 'Content-Type': 'application/json' } }).success(function (response) {
deferred.resolve(response);
}).catch(function (data, status, headers, config) { // <--- catch instead error
deferred.reject(data.statusText);
});
return deferred.promise;
};
//===========================DELETE RESOURCE==============================
var delet = function (module, parameter) {
console.log("hitting Service=============");
var deferred = $q.defer();
$http.post(apiBase + module + '/' + parameter.id, parameter, { headers: { 'Content-Type': 'application/json' } }).success(function (response) {
deferred.resolve(response);
}).catch(function (data, status, headers, config) { // <--- catch instead error
deferred.reject(data.statusText);
});
return deferred.promise;
};
apiService.get = get;
apiService.create = create;
apiService.update = update;
apiService.delet = delet;
return apiService;
}]);
================================================
FILE: app/modules/dashboard/controllers/about.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 13 Jan 2016
Description : Controller to handle About page
Change Log
s.no date author description
===========================================================*/
dashboard.controller("AboutController", ['$rootScope', '$scope', '$state', '$location', 'dashboardService', 'Flash',
function ($rootScope, $scope, $state, $location, dashboardService, Flash) {
var vm = this;
console.log("coming to About controller");
}]);
================================================
FILE: app/modules/dashboard/controllers/achievements.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 13 Jan 2016
Description : Controller to handle Achievement page
Change Log
s.no date author description
===========================================================*/
dashboard.controller("AchievementController", ['$rootScope', '$scope', '$state', '$location', 'dashboardService', 'Flash',
function ($rootScope, $scope, $state, $location, dashboardService, Flash) {
var vm = this;
console.log("coming to Achievement controller");
}]);
================================================
FILE: app/modules/dashboard/controllers/contact.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 13 Jan 2016
Description : Controller to handle Contact page
Change Log
s.no date author description
===========================================================*/
dashboard.controller("ContactController", ['$rootScope', '$scope', '$state', '$location', 'dashboardService', 'Flash', '$http',
function ($rootScope, $scope, $state, $location, dashboardService, Flash, $http) {
var vm = this;
vm.message = {};
vm.submitForm = function () {
console.log(vm.message);
var request = $http({
method: "post",
url: "contact.php",
data: vm.message,
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
});
/* Check whether the HTTP Request is successful or not. */
request.success(function (data) {
console.log(data);
if (data == "success") {
Flash.create('success', 'Message Sent Succesfully', 'large-text');
vm.message = {};
vm.contactForm.$pristine();
vm.contactForm.$setUntouched();
}
});
};
console.log("coming to Contact controller");
}]);
================================================
FILE: app/modules/dashboard/controllers/education.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 13 Jan 2016
Description : Controller to handle Education page
Change Log
s.no date author description
===========================================================*/
dashboard.controller("EducationController", ['$rootScope', '$scope', '$state', '$location', 'dashboardService', 'Flash',
function ($rootScope, $scope, $state, $location, dashboardService, Flash) {
var vm = this;
vm.meMarks = false;
vm.mscMarks = false;
vm.hscMarks = false;
vm.sslcMarks = false;
vm.education = [
{
course: "M.E",
year:"2013 - 2015",
title: "Computer Science & Engineering",
institution: "PPG Institute of Technology, Coimbatore",
board:"Anna University, Chennai",
theme: "info",
icon: "graduation‐cap ",
mark: 8.2,
max: 10
},
{
course: "M.Sc",
year: "2008 - 2013",
title: "Software Systems",
institution: "Kovai Kalaimagal College of Arts & Science, Coimbatore",
board: "Bharathiar University, Coimbatore",
theme: "warning",
icon: "graduation‐cap ",
mark: 8.3,
max: 10
},
{
course: "HSC",
year: "2006 - 2008",
title: "+2",
institution: "S.N. Matric. Higher Sec. School, Coimbatore",
board: "Stateboard",
theme: "danger",
icon: "pencil",
mark: 62.7,
max: 100
},
{
course: "SSLC",
year: "1996 - 2006",
title: "10th",
institution: "Govt. Higher Sec School, Coimbatore",
board: "Stateboard",
theme: "success",
icon: "pencil",
mark: 84.2,
max: 100
}
];
vm.lineChartOptions = { scaleShowGridLines: !0, scaleGridLineColor: "rgba(0,0,0,.05)", scaleGridLineWidth: 1, scaleShowHorizontalLines: !0, scaleShowVerticalLines: !0, bezierCurve: !0, bezierCurveTension: .4, pointDot: !0, pointDotRadius: 4, pointDotStrokeWidth: 1, pointHitDetectionRadius: 20, datasetStroke: !0, datasetStrokeWidth: 2, datasetFill: !1, legendTemplate: '<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].strokeColor%>"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>' };
vm.pieChartOptions = { segmentShowStroke: !0, segmentStrokeColor: "#fff", segmentStrokeWidth: 2, percentageInnerCutout: 50, animationSteps: 100, animationEasing: "easeOutBounce", animateRotate: !0, animateScale: !1, responsive: !0, maintainAspectRatio: !0, legendTemplate: '<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<segments.length; i++){%><li><span style="background-color:<%=segments[i].fillColor%>"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>' };
vm.barChartOptions = { scaleBeginAtZero: !0, scaleShowGridLines: !0, scaleGridLineColor: "rgba(0,0,0,.05)", scaleGridLineWidth: 1, scaleShowHorizontalLines: !0, scaleShowVerticalLines: !0, barShowStroke: !0, barStrokeWidth: 2, barValueSpacing: 5, barDatasetSpacing: 1, legendTemplate: '<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].fillColor%>"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>', responsive: !0, maintainAspectRatio: !0 };
vm.areaChartOptions = { showScale: !0, scaleShowGridLines: !1, scaleGridLineColor: "rgba(0,0,0,.05)", scaleGridLineWidth: 1, scaleShowHorizontalLines: !0, scaleShowVerticalLines: !0, bezierCurve: !0, bezierCurveTension: .3, pointDot: !1, pointDotRadius: 4, pointDotStrokeWidth: 1, pointHitDetectionRadius: 20, datasetStroke: !0, datasetStrokeWidth: 2, datasetFill: !0, legendTemplate: '<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].lineColor%>"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>', maintainAspectRatio: !0, responsive: !0 };
vm.polarChartOptions = { scaleShowLabelBackdrop: !0, scaleBackdropColor: "rgba(255,255,255,0.75)", scaleBeginAtZero: !0, scaleBackdropPaddingY: 2, scaleBackdropPaddingX: 2, scaleShowLine: !0, segmentShowStroke: !0, segmentStrokeColor: "#fff", segmentStrokeWidth: 2, animationSteps: 100, animationEasing: "easeOutBounce", animateRotate: !0, animateScale: !1, legendTemplate: '<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<segments.length; i++){%><li><span style="background-color:<%=segments[i].fillColor%>"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>' };
vm.radarChartOptions = { scaleShowLine: !0, angleShowLineOut: !0, scaleShowLabels: !1, scaleBeginAtZero: !0, angleLineColor: "rgba(0,0,0,.1)", angleLineWidth: 1, pointLabelFontFamily: "'Arial'", pointLabelFontStyle: "normal", pointLabelFontSize: 10, pointLabelFontColor: "#666", pointDot: !0, pointDotRadius: 3, pointDotStrokeWidth: 1, pointHitDetectionRadius: 20, datasetStroke: !0, datasetStrokeWidth: 2, datasetFill: !0, legendTemplate: '<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].strokeColor%>"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>' };
var me = document.getElementById("meChart").getContext("2d");
var msc = document.getElementById("mscChart").getContext("2d");
var hsc = document.getElementById("hscChart").getContext("2d");
var sslc = document.getElementById("sslcChart").getContext("2d");
vm.meData = {
labels: ["Sem 1", "Sem 2", "Sem 3", "Sem 4"],
datasets: [
{
label: "My ME Semester Marks",
fillColor: "rgba(0,192,239,0.2)",
strokeColor: "rgba(0,192,239,1)",
pointColor: "rgba(0,151,188,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: [7.5,8.4,7.6,10.0]
}
]
};
vm.mscData = {
labels: ["Sem 1 & 2", "Sem 3", "Sem 4","Sem 5","Sem 6","Sem 7","Sem 8","Sem 9","Sem 10"],
datasets: [
{
label: "My MSC Semester Marks",
fillColor: "rgba(243,156,18,0.2)",
strokeColor: "rgba(243,156,18,1)",
pointColor: "rgba(200,127,10,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: [7.7, 7.8, 8.5, 8.1,8.1,10.0,7.8,8.3,10.0]
}
]
};
vm.hscData = {
labels: ["Tamil", "English", "Maths", "Physics", "Chemistry", "Computer Science"],
datasets: [
{
label: "My HSC Marks",
fillColor: "rgba(0,166,90,0.2)",
strokeColor: "rgba(0,166,90,1)",
pointColor: "rgba(0,115,62,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: [157,140,114,091,137,114]
}
]
};
vm.sslcData = [
{
value: 86,
color: "#F7464A",
highlight: "#FF5A5E",
label: "Tamil"
},
{
value: 81,
color: "#46BFBD",
highlight: "#5AD3D1",
label: "English"
},
{
value: 97,
color: "#FDB45C",
highlight: "#FFC870",
label: "Maths"
},
{
value: 71,
color: "#949FB1",
highlight: "#A8B3C5",
label: "Science"
},
{
value: 86,
color: "#4D5360",
highlight: "#616774",
label: "Social Science"
}
];
var meChart = new Chart(me).Line(vm.meData, vm.lineChartOptions);
var mscChart = new Chart(msc).Bar(vm.mscData, vm.barChartOptions);
var hscChart = new Chart(hsc).Radar(vm.hscData, vm.radarChartOptions);
var sslcChart = new Chart(sslc).PolarArea(vm.sslcData, vm.polarChartOptions);
//ME Chart
vm.meAreaChart = function () {
var meChart = new Chart(me).Line(vm.meData, vm.areaChartOptions);
};
vm.meLineChart = function () {
var meChart = new Chart(me).Line(vm.meData, vm.lineChartOptions);
};
vm.meBarChart = function () {
var meChart = new Chart(me).Bar(vm.meData, vm.barChartOptions);
};
//MSC Chart
vm.mscAreaChart = function () {
var mscChart = new Chart(msc).Line(vm.mscData, vm.areaChartOptions);
};
vm.mscLineChart = function () {
var mscChart = new Chart(msc).Line(vm.mscData, vm.lineChartOptions);
};
vm.mscBarChart = function () {
var mscChart = new Chart(msc).Bar(vm.mscData, vm.barChartOptions);
};
//HSC Chart
vm.hscRadarChart = function () {
var hscChart = new Chart(hsc).Radar(vm.hscData, vm.radarChartOptions);
};
vm.hscBarChart = function () {
var hscChart = new Chart(hsc).Bar(vm.hscData, vm.barChartOptions);
};
//SSLC Chart
vm.sslcPieChart = function () {
var sslcChart = new Chart(sslc).PolarArea(vm.sslcData, vm.polarChartOptions);
};
vm.sslcDoughNutChart = function () {
var sslcChart = new Chart(sslc).Pie(vm.sslcData, vm.polarChartOptions);
};
vm.sslcPolarChart = function () {
var sslcChart = new Chart(sslc).Doughnut(vm.sslcData, vm.pieChartOptions);
};
}]);
================================================
FILE: app/modules/dashboard/controllers/experience.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 13 Jan 2016
Description : Controller to handle Experience page
Change Log
s.no date author description
===========================================================*/
dashboard.controller("ExperienceController", ['$rootScope', '$scope', '$state', '$location', 'dashboardService', 'Flash',
function ($rootScope, $scope, $state, $location, dashboardService, Flash) {
var vm = this;
console.log("coming to Experience controller");
}]);
================================================
FILE: app/modules/dashboard/controllers/gallery.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 13 Jan 2016
Description : Controller to handle Gallery page
Change Log
s.no date author description
===========================================================*/
dashboard.controller("GalleryController", ['$rootScope', '$scope', '$state', '$location', 'dashboardService', 'Flash',
function ($rootScope, $scope, $state, $location, dashboardService, Flash) {
var vm = this;
console.log("coming to Gallery controller");
$(function () {
/* ChartJS
* -------
* Here we will create a few charts using ChartJS
*/
//--------------
//- AREA CHART -
//--------------
// Get context with jQuery - using jQuery's .get() method.
var areaChartCanvas = $("#areaChart").get(0).getContext("2d");
// This will get the first returned node in the jQuery collection.
var areaChart = new Chart(areaChartCanvas);
var areaChartData = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "Electronics",
fillColor: "rgba(210, 214, 222, 1)",
strokeColor: "rgba(210, 214, 222, 1)",
pointColor: "rgba(210, 214, 222, 1)",
pointStrokeColor: "#c1c7d1",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: [65, 59, 80, 81, 56, 55, 40]
},
{
label: "Digital Goods",
fillColor: "rgba(60,141,188,0.9)",
strokeColor: "rgba(60,141,188,0.8)",
pointColor: "#3b8bba",
pointStrokeColor: "rgba(60,141,188,1)",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(60,141,188,1)",
data: [28, 48, 40, 19, 86, 27, 90]
}
]
};
var areaChartOptions = {
//Boolean - If we should show the scale at all
showScale: true,
//Boolean - Whether grid lines are shown across the chart
scaleShowGridLines: false,
//String - Colour of the grid lines
scaleGridLineColor: "rgba(0,0,0,.05)",
//Number - Width of the grid lines
scaleGridLineWidth: 1,
//Boolean - Whether to show horizontal lines (except X axis)
scaleShowHorizontalLines: true,
//Boolean - Whether to show vertical lines (except Y axis)
scaleShowVerticalLines: true,
//Boolean - Whether the line is curved between points
bezierCurve: true,
//Number - Tension of the bezier curve between points
bezierCurveTension: 0.3,
//Boolean - Whether to show a dot for each point
pointDot: false,
//Number - Radius of each point dot in pixels
pointDotRadius: 4,
//Number - Pixel width of point dot stroke
pointDotStrokeWidth: 1,
//Number - amount extra to add to the radius to cater for hit detection outside the drawn point
pointHitDetectionRadius: 20,
//Boolean - Whether to show a stroke for datasets
datasetStroke: true,
//Number - Pixel width of dataset stroke
datasetStrokeWidth: 2,
//Boolean - Whether to fill the dataset with a color
datasetFill: true,
//String - A legend template
legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].lineColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>",
//Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
maintainAspectRatio: true,
//Boolean - whether to make the chart responsive to window resizing
responsive: true
};
//Create the line chart
areaChart.Line(areaChartData, areaChartOptions);
//-------------
//- LINE CHART -
//--------------
var lineChartCanvas = $("#lineChart").get(0).getContext("2d");
var lineChart = new Chart(lineChartCanvas);
var lineChartOptions = areaChartOptions;
lineChartOptions.datasetFill = false;
lineChart.Line(areaChartData, lineChartOptions);
//-------------
//- PIE CHART -
//-------------
// Get context with jQuery - using jQuery's .get() method.
var pieChartCanvas = $("#pieChart").get(0).getContext("2d");
var pieChart = new Chart(pieChartCanvas);
var PieData = [
{
value: 700,
color: "#f56954",
highlight: "#f56954",
label: "Chrome"
},
{
value: 500,
color: "#00a65a",
highlight: "#00a65a",
label: "IE"
},
{
value: 400,
color: "#f39c12",
highlight: "#f39c12",
label: "FireFox"
},
{
value: 600,
color: "#00c0ef",
highlight: "#00c0ef",
label: "Safari"
},
{
value: 300,
color: "#3c8dbc",
highlight: "#3c8dbc",
label: "Opera"
},
{
value: 100,
color: "#d2d6de",
highlight: "#d2d6de",
label: "Navigator"
}
];
var pieOptions = {
//Boolean - Whether we should show a stroke on each segment
segmentShowStroke: true,
//String - The colour of each segment stroke
segmentStrokeColor: "#fff",
//Number - The width of each segment stroke
segmentStrokeWidth: 2,
//Number - The percentage of the chart that we cut out of the middle
percentageInnerCutout: 50, // This is 0 for Pie charts
//Number - Amount of animation steps
animationSteps: 100,
//String - Animation easing effect
animationEasing: "easeOutBounce",
//Boolean - Whether we animate the rotation of the Doughnut
animateRotate: true,
//Boolean - Whether we animate scaling the Doughnut from the centre
animateScale: false,
//Boolean - whether to make the chart responsive to window resizing
responsive: true,
// Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
maintainAspectRatio: true,
//String - A legend template
legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<segments.length; i++){%><li><span style=\"background-color:<%=segments[i].fillColor%>\"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>"
};
//Create pie or douhnut chart
// You can switch between pie and douhnut using the method below.
pieChart.Doughnut(PieData, pieOptions);
//-------------
//- BAR CHART -
//-------------
var barChartCanvas = $("#barChart").get(0).getContext("2d");
var barChart = new Chart(barChartCanvas);
var barChartData = areaChartData;
barChartData.datasets[1].fillColor = "#00a65a";
barChartData.datasets[1].strokeColor = "#00a65a";
barChartData.datasets[1].pointColor = "#00a65a";
var barChartOptions = {
//Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value
scaleBeginAtZero: true,
//Boolean - Whether grid lines are shown across the chart
scaleShowGridLines: true,
//String - Colour of the grid lines
scaleGridLineColor: "rgba(0,0,0,.05)",
//Number - Width of the grid lines
scaleGridLineWidth: 1,
//Boolean - Whether to show horizontal lines (except X axis)
scaleShowHorizontalLines: true,
//Boolean - Whether to show vertical lines (except Y axis)
scaleShowVerticalLines: true,
//Boolean - If there is a stroke on each bar
barShowStroke: true,
//Number - Pixel width of the bar stroke
barStrokeWidth: 2,
//Number - Spacing between each of the X value sets
barValueSpacing: 5,
//Number - Spacing between data sets within X values
barDatasetSpacing: 1,
//String - A legend template
legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].fillColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>",
//Boolean - whether to make the chart responsive
responsive: true,
maintainAspectRatio: true
};
barChartOptions.datasetFill = false;
barChart.Bar(barChartData, barChartOptions);
});
}]);
================================================
FILE: app/modules/dashboard/controllers/home.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 13 Jan 2016
Description : Controller to handle Home page
Change Log
s.no date author description
===========================================================*/
dashboard.controller("HomeController", ['$rootScope', '$scope', '$state', '$location', 'dashboardService', 'Flash',
function ($rootScope, $scope, $state, $location, dashboardService, Flash) {
var vm = this;
vm.showDetails = true;
vm.home = {};
vm.home.mainData = [
{
title: "Projects",
value: "30+",
theme: "aqua",
icon: "puzzle-piece"
},
{
title: "Designs",
value: "250+",
theme: "red",
icon: "paint-brush"
},
{
title: "Awards",
value: "50+",
theme: "green",
icon: "trophy"
},
{
title: "Cups of Beer",
value: "0",
theme: "yellow",
icon: "glass"
},
];
//skills progress bar
vm.home.skills = [
{
title: "Design & Development",
theme: "aqua",
percentage:80
},
{
title: "Communication",
theme: "red",
percentage: 83
},
{
title: "Planning & Progressing",
theme: "green",
percentage: 75
},
{
title: "Problem Solving & Decision Making",
theme: "yellow",
percentage: 85
},
{
title: "Loyal & Dedication",
theme: "aqua",
percentage: 100
},
{
title: "Fun & Friendly",
theme: "green",
percentage: 95
},
{
title: "Lazy & Sleepy",
theme: "red",
percentage: 40
}
];
vm.home.tools = [
{
Software: "Mongo DB",
Percentage: "80",
theme: "yellow",
image: "mongodb"
},
{
Software: "Express JS",
Percentage: "75",
theme: "aqua",
image: "express",
progressbar: "blue"
},
{
Software: "Angular JS",
Percentage: "85",
theme: "green",
image: "angular",
progressbar: "blue"
},
{
Software: "Node JS",
Percentage: "83",
theme: "lime",
image: "node",
progressbar: "blue"
},
{
Software: "Javascript",
Percentage: "80",
theme: "maroon",
image: "javascript",
progressbar: "blue"
},
{
Software: "Type Script",
Percentage: "70",
theme: "Gray",
image: "typescript",
progressbar: "blue"
},
{
Software: "jQuery & AJAX",
Percentage: "80",
theme: "yellow",
image: "jquery",
progressbar: "blue"
},
{
Software: "Joomla",
Percentage: "85",
theme: "red",
image: "joomla",
progressbar: "blue"
},
{
Software: "HTML 5",
Percentage: "90",
theme: "yellow",
image: "html5"
},
{
Software: "CSS 3",
Percentage: "83",
theme: "aqua",
image: "css3",
progressbar: "blue"
},
{
Software: "SAAS",
Percentage: "72",
theme: "green",
image: "saas-css",
progressbar: "blue"
},
{
Software: "Bootstrap",
Percentage: "85",
theme: "lime",
image: "bootstrap",
progressbar: "blue"
},
{
Software: "Photo Shop",
Percentage: "90",
theme: "maroon",
image: "photoshop",
progressbar: "blue"
},
{
Software: "Corel Draw",
Percentage: "95",
theme: "Gray",
image: "coreldraw",
progressbar: "blue"
},
{
Software: "Flash",
Percentage: "65",
theme: "yellow",
image: "flash",
progressbar: "blue"
}
];
//Tools I use Carousel
$("#owl-demo").owlCarousel({
items: 8, //10 items above 1000px browser width
itemsDesktop: [1000, 5], //5 items between 1000px and 901px
itemsDesktopSmall: [900, 3], // betweem 900px and 601px
itemsTablet: [600, 2], //2 items between 600 and 0
itemsMobile: false, // itemsMobile disabled - inherit from itemsTablet option
});
$("#owl-demo").trigger('owl.play', 2000);
// Custom Navigation Events
$(".next").click(function () {
$("#owl-demo").trigger('owl.next');
})
$(".prev").click(function () {
$("#owl-demo").trigger('owl.prev');
})
$(".play").click(function () {
$("#owl-demo").trigger('owl.play', 1000); //owl.play event accept autoPlay speed as second parameter
})
$(".stop").click(function () {
$("#owl-demo").trigger('owl.stop');
})
//cartoon photo slider carosusel
$("#owl-single").owlCarousel({
navigation: true, // Show next and prev buttons
slideSpeed: 300,
paginationSpeed: 400,
singleItem: true,
autoPlay: 5000, //Set AutoPlay to 3 seconds
});
}]);
================================================
FILE: app/modules/dashboard/controllers/portfolio.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 13 Jan 2016
Description : Controller to handle Portfolio page
Change Log
s.no date author description
===========================================================*/
dashboard.controller("PortfolioController", ['$rootScope', '$scope', '$state', '$location', 'dashboardService', 'Flash',
function ($rootScope, $scope, $state, $location, dashboardService, Flash) {
var vm = this;
vm.portfolioData = [
{
image: "alpha-tech-logo",
title: "Alpha Logo"
},
{
image: "zplus",
title: "Z+ Plus Logo"
},
{
image: "thenthirupathi",
title: "Thenthirupathi Logo"
},
{
image: "thepremierresidency",
title: "The Premier Residency"
},
{
image: "jayam",
title: "Jayam Real Estates Logo"
},
{
image: "icescoops",
title: "Ice Scoops"
},
{
image: "sekarindustries",
title: "Sekar Industries Logo"
},
{
image: "logic-softlogo",
title: "Logic Soft Logo"
},
{
image: "evergreen",
title: "Evergreen Card"
},
{
image: "logicsoft",
title: "Logic Soft Card"
},
{
image: "alpha",
title: "Alpha Tech Card"
},
{
image: "tariffcard",
title: "Premier Tariff Card"
},
{
image: "uidesign",
title: "Mobile UI Deign"
},
{
image: "ui-login",
title: "Mobile UI Login"
},
{
image: "uimenu",
title: "UI List Menu"
},
{
image: "ui-roundmenu",
title: "UI Round Menu"
},
{
image: "map1",
title: "Route Map"
},
{
image: "map2",
title: "Route Map"
}
];
console.log("coming to Portfolio controller");
}]);
================================================
FILE: app/modules/dashboard/controllers/recent.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 13 Jan 2016
Description : Controller to handle Recent Projects page
Change Log
s.no date author description
===========================================================*/
dashboard.controller("RecentController", ['$rootScope', '$scope', '$state', '$location', 'dashboardService', 'Flash',
function ($rootScope, $scope, $state, $location, dashboardService, Flash) {
var vm = this;
vm.recents = [
{
id: 1,
heading: "e - POS",
title: "Focus Point e-POS",
description: "Web application to handle Point of Sale and Venue management",
image: "e-pos",
theme: "warning",
url:"fp360.us:830",
roles: [
{
theme: "success",
myRole:"UI Design"
},
{
theme: "info",
myRole: "UI Development"
},
{
theme: "warning",
myRole: "Service Integration"
},
{
theme: "red",
myRole: "UX Consultant"
}
]
},
{
id: 2,
heading: "e - Commerce",
title: "Focus Point New E- Comm",
description: "E-Comm sites for various Attractions, Zoos and Amusement Parks",
image: "e-comm",
theme:"info",
url: "fp360.us:459",
roles: [
{
theme: "success",
myRole: "UI Design"
},
{
theme: "info",
myRole: "UI Development"
},
{
theme: "warning",
myRole: "Service Integration"
},
{
theme: "danger",
myRole: "UX Consultant"
},
{
theme: "primary",
myRole: "Version Control"
}
]
},
{
id: 3,
heading: "Dashboard",
title: "Angular Bootstrap Dashboard",
description: "Angular Bootstrap Dashboard is a web dashboard application based on Bootstrap and AngularJS.",
image: "dashboard",
theme: "success",
url: "dashboard.ranjithprabhu.in",
roles: [
{
theme: "success",
myRole: "Individually Developed by Me"
}
]
},
{
id: 4,
heading: "Reporting Tool",
title: "Focus Point Advanced Reporting",
description: "Web application to view all the Reports of the Sales",
image: "active-reports",
theme: "danger",
url: "fp360.us:202",
roles: [
{
theme: "success",
myRole: "UI Design"
},
{
theme: "info",
myRole: "UI Development"
},
{
theme: "danger",
myRole: "jQuery Plugin Development"
}
]
},
{
id: 5,
heading: "Kiosk",
title: "Ticket Kiosk",
description: "Web application developed for Ticket vending machine to use it inside the zoos",
image: "kiosk",
theme: "primary",
url: "fp360.us:7077",
roles: [
{
theme: "success",
myRole: "UI Design"
},
{
theme: "info",
myRole: "UI Development"
},
{
theme: "warning",
myRole: "Service Integration"
},
{
theme: "red",
myRole: "UX Consultant"
}
]
}
];
console.log("coming to Recent controller");
}]);
================================================
FILE: app/modules/dashboard/controllers/skills.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 13 Jan 2016
Description : Controller to handle Skills page
Change Log
s.no date author description
===========================================================*/
dashboard.controller("SkillController", ['$rootScope', '$scope', '$state', '$location', 'dashboardService', 'Flash',
function ($rootScope, $scope, $state, $location, dashboardService, Flash) {
var vm = this;
vm.skills = {};
//development stack
vm.skills.development = [
{
Software: "Mongo DB",
Percentage: "80",
theme: "yellow",
image: "mongodb"
},
{
Software: "Express JS",
Percentage: "75",
theme: "aqua",
image: "express"
},
{
Software: "Angular JS",
Percentage: "85",
theme: "green",
image: "angular"
},
{
Software: "Node JS",
Percentage: "83",
theme: "purple",
image: "node"
},
{
Software: "Javascript",
Percentage: "80",
theme: "maroon",
image: "javascript"
},
{
Software: "Type Script",
Percentage: "70",
theme: "teal",
image: "typescript"
},
{
Software: "jQuery & AJAX",
Percentage: "80",
theme: "yellow",
image: "jquery"
},
{
Software: "Joomla",
Percentage: "85",
theme: "red",
image: "joomla"
}
];
//Design Stack
vm.skills.design = [
{
Software: "HTML 5",
Percentage: "90",
theme: "yellow",
image: "html5"
},
{
Software: "CSS 3",
Percentage: "83",
theme: "aqua",
image: "css3"
},
{
Software: "SAAS",
Percentage: "72",
theme: "green",
image: "saas-css"
},
{
Software: "Bootstrap",
Percentage: "85",
theme: "purple",
image: "bootstrap"
},
{
Software: "Photo Shop",
Percentage: "90",
theme: "maroon",
image: "Photoshop"
},
{
Software: "Corel Draw",
Percentage: "95",
theme: "teal",
image: "coreldraw"
},
{
Software: "Flash",
Percentage: "65",
theme: "yellow",
image: "flash"
}
];
//Other Stack
vm.skills.others = [
{
Software: "Java",
Percentage: "60",
theme: "aqua",
image: "java",
},
{
Software: "SQL",
Percentage: "70",
theme: "purple",
image: "sql"
},
{
Software: "Hardware",
Percentage: "87",
theme: "maroon",
image: "hardware"
},
{
Software: "Cloud Computing",
Percentage: "72",
theme: "yellow",
image: "cloud"
}
];
}]);
================================================
FILE: app/modules/dashboard/controllers/websites.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 13 Jan 2016
Description : Controller to handle Websites page
Change Log
s.no date author description
===========================================================*/
dashboard.controller("WebsitesController", ['$rootScope', '$scope', '$state', '$location', 'dashboardService', 'Flash',
function ($rootScope, $scope, $state, $location, dashboardService, Flash) {
var vm = this;
vm.websites = [
{
title: "KMIT Solutions",
image: "kmit",
link:"http://kmitsoltions.com"
},
{
title: "Parallax Site",
image: "whatsnew",
link: "http://kmitsoltions.com/whatsnew"
},
{
title: "Palamalai Temple Site",
image: "palamalai",
link: "http://palamalairanganathar.org"
},
{
title: "Pastor Jabez Christie",
image: "jabez",
link: "http://pastorjabezchristie.org"
},
{
title: "My Personal Site",
image: "ranjith",
link: "http://ranjithprabhu.in"
},
{
title: "Jayam Real Estates",
image: "jayam",
link: "http://jayamrealestates.com"
},
{
title: "Rescue Mission",
image: "rescue",
link: "http://rescue.ranjithprabhu.in"
},
{
title: "The Chennai Opticals",
image: "chennaiopticals",
link: "http://thechennaiopticals.com"
},
{
title: "KMIT Solutions",
image: "mytour",
link: "http://mytour.ranjithprabhu.in"
},
{
title: "ME - CSE",
image: "mecse",
link: "http://mecse.ranjithprabhu.in"
},
{
title: "LogicSoft Software Solutions",
image: "logicsoft",
link: "http://logicsoft.net.in"
},
{
title: "Lord Jesus Ministries",
image: "ljm",
link: "http://ljm.ranjithprabhu.in"
},
{
title: "Karpagam University Symposium",
image: "kite",
link: "http://kite.ranjithprabhu.in"
},
{
title: "Curriculam Vitae",
image: "cv",
link: "http://cv.ranjithprabhu.in"
},
{
title: "Kode Work",
image: "kodework",
link: "http://mockup.ranjithprabhu.in"
},
{
title: "Garments Today",
image: "garment",
link: "http://garmenttoday.in"
}
];
console.log("coming to Websites controller");
}]);
================================================
FILE: app/modules/dashboard/dashboardApplication.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 24 Dec 2015
Description : Base for Dashboard Application module
Change Log
s.no date author description
===========================================================*/
var dashboard = angular.module('dashboard', ['ui.router', 'ngAnimate','ngMaterial']);
dashboard.config(["$stateProvider", function ($stateProvider) {
//dashboard home page state
$stateProvider.state('app.dashboard', {
url: '/dashboard',
templateUrl: 'app/modules/dashboard/views/home.html',
controller: 'HomeController',
controllerAs: 'vm',
data: {
pageTitle: 'Home'
}
});
//skills page state
$stateProvider.state('app.skills', {
url: '/skills',
templateUrl: 'app/modules/dashboard/views/skills.html',
controller: 'SkillController',
controllerAs: 'vm',
data: {
pageTitle: 'Skills'
}
});
//education page state
$stateProvider.state('app.education', {
url: '/education',
templateUrl: 'app/modules/dashboard/views/education.html',
controller: 'EducationController',
controllerAs: 'vm',
data: {
pageTitle: 'Dashboard Home'
}
});
//Achievements page state
$stateProvider.state('app.achievements', {
url: '/achievements',
templateUrl: 'app/modules/dashboard/views/achievements.html',
controller: 'AchievementsController',
controllerAs: 'vm',
data: {
pageTitle: 'Achievements'
}
});
//Recent Projects page state
$stateProvider.state('app.recent', {
url: '/recent-projects',
templateUrl: 'app/modules/dashboard/views/recent.html',
controller: 'RecentController',
controllerAs: 'vm',
data: {
pageTitle: 'Recent Projects'
}
});
//Experience page state
$stateProvider.state('app.experience', {
url: '/experience',
templateUrl: 'app/modules/dashboard/views/experience.html',
controller: 'ExperienceController',
controllerAs: 'vm',
data: {
pageTitle: 'Experience'
}
});
// Portfolio page state
$stateProvider.state('app.portfolio', {
url: '/portfolio',
templateUrl: 'app/modules/dashboard/views/portfolio.html',
controller: 'PortfolioController',
controllerAs: 'vm',
data: {
pageTitle: 'Portfolio'
}
});
//About Me page state
$stateProvider.state('app.about', {
url: '/about-me',
templateUrl: 'app/modules/dashboard/views/about.html',
controller: 'AboutController',
controllerAs: 'vm',
data: {
pageTitle: 'About Me'
}
});
//Contact page state
$stateProvider.state('app.contact', {
url: '/contact',
templateUrl: 'app/modules/dashboard/views/contact.html',
controller: 'ContactController',
controllerAs: 'vm',
data: {
pageTitle: 'Contact Me'
}
});
//Websites page state
$stateProvider.state('app.websites', {
url: '/websites',
templateUrl: 'app/modules/dashboard/views/websites.html',
controller: 'WebsitesController',
controllerAs: 'vm',
data: {
pageTitle: 'Websites'
}
});
//Gallery page state
$stateProvider.state('app.gallery', {
url: '/gallery',
templateUrl: 'app/modules/dashboard/views/gallery.html',
controller: 'GalleryController',
controllerAs: 'vm',
data: {
pageTitle: 'Gallery'
}
});
//Search page state
$stateProvider.state('app.search', {
url: '/search',
templateUrl: 'app/modules/dashboard/views/search.html',
controller: 'appCtrl',
controllerAs: 'vm',
data: {
pageTitle: 'Search'
}
});
}]);
================================================
FILE: app/modules/dashboard/dashboardService.js
================================================
/*==========================================================
Author : Ranjithprabhu K
Date Created: 05 Jan 2016
Description : To handle the service for Dashboard module
Change Log
s.no date author description
===========================================================*/
dashboard.service('dashboardService', ['$http', '$q', 'Flash', 'apiService', function ($http, $q, Flash, apiService) {
var dashboardService = {};
//service to communicate with users model to verify login credentials
var accessLogin = function (parameters) {
var deferred = $q.defer();
apiService.get("users", parameters).then(function (response) {
if (response)
deferred.resolve(response);
else
deferred.reject("Something went wrong while processing your request. Please Contact Administrator.");
},
function (response) {
deferred.reject(response);
});
return deferred.promise;
};
//service to communicate with users to include a new user
var registerUser = function (parameters) {
var deferred = $q.defer();
apiService.create("users", parameters).then(function (response) {
if (response)
deferred.resolve(response);
else
deferred.reject("Something went wrong while processing your request. Please Contact Administrator.");
},
function (response) {
deferred.reject(response);
});
return deferred.promise;
};
dashboardService.accessLogin = accessLogin;
dashboardService.registerUser = registerUser;
return dashboardService;
}]);
================================================
FILE: app/modules/dashboard/index.html
================================================
<!--
Author: Ranjithprabhu K
Page Description: Dashboard page
Date: 05 Jan 2016
-->
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
KMIT Solutions
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li class="active">Dashboard</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- Info boxes -->
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-aqua"><i class="fa fa-user"></i></span>
<div class="info-box-content">
<span class="info-box-text">Clients</span>
<span class="info-box-number">45</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
</div><!-- /.col -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-red"><i class="fa fa-laptop"></i></span>
<div class="info-box-content">
<span class="info-box-text">POS</span>
<span class="info-box-number">350</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
</div><!-- /.col -->
<!-- fix for small devices only -->
<div class="clearfix visible-sm-block"></div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-green"><i class="fa fa-tags"></i></span>
<div class="info-box-content">
<span class="info-box-text">Open Tickets</span>
<span class="info-box-number">30</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
</div><!-- /.col -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-yellow"><i class="fa fa-users"></i></span>
<div class="info-box-content">
<span class="info-box-text">Employees</span>
<span class="info-box-number">40</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="box">
<div class="box-header with-border">
<h3 class="box-title">Monthly Recap Report</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<div class="btn-group">
<button class="btn btn-box-tool dropdown-toggle" data-toggle="dropdown"><i class="fa fa-wrench"></i></button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body">
<div class="row">
<div class="col-md-8">
<p class="text-center">
<strong>Sales: 1 Jan, 2014 - 30 Jul, 2014</strong>
</p>
<div class="chart">
<!-- Sales Chart Canvas -->
<canvas id="salesChart" style="height: 180px;"></canvas>
</div><!-- /.chart-responsive -->
</div><!-- /.col -->
<div class="col-md-4">
<p class="text-center">
<strong>Goal Completion</strong>
</p>
<div class="progress-group">
<span class="progress-text">Add Products to Cart</span>
<span class="progress-number"><b>160</b>/200</span>
<div class="progress sm">
<div class="progress-bar progress-bar-aqua" style="width: 80%"></div>
</div>
</div><!-- /.progress-group -->
<div class="progress-group">
<span class="progress-text">Complete Purchase</span>
<span class="progress-number"><b>310</b>/400</span>
<div class="progress sm">
<div class="progress-bar progress-bar-red" style="width: 80%"></div>
</div>
</div><!-- /.progress-group -->
<div class="progress-group">
<span class="progress-text">Visit Premium Page</span>
<span class="progress-number"><b>480</b>/800</span>
<div class="progress sm">
<div class="progress-bar progress-bar-green" style="width: 80%"></div>
</div>
</div><!-- /.progress-group -->
<div class="progress-group">
<span class="progress-text">Send Inquiries</span>
<span class="progress-number"><b>250</b>/500</span>
<div class="progress sm">
<div class="progress-bar progress-bar-yellow" style="width: 80%"></div>
</div>
</div><!-- /.progress-group -->
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- ./box-body -->
<div class="box-footer">
<div class="row">
<div class="col-sm-3 col-xs-6">
<div class="description-block border-right">
<span class="description-percentage text-green"><i class="fa fa-caret-up"></i> 17%</span>
<h5 class="description-header">$35,210.43</h5>
<span class="description-text">TOTAL REVENUE</span>
</div><!-- /.description-block -->
</div><!-- /.col -->
<div class="col-sm-3 col-xs-6">
<div class="description-block border-right">
<span class="description-percentage text-yellow"><i class="fa fa-caret-left"></i> 0%</span>
<h5 class="description-header">$10,390.90</h5>
<span class="description-text">TOTAL COST</span>
</div><!-- /.description-block -->
</div><!-- /.col -->
<div class="col-sm-3 col-xs-6">
<div class="description-block border-right">
<span class="description-percentage text-green"><i class="fa fa-caret-up"></i> 20%</span>
<h5 class="description-header">$24,813.53</h5>
<span class="description-text">TOTAL PROFIT</span>
</div><!-- /.description-block -->
</div><!-- /.col -->
<div class="col-sm-3 col-xs-6">
<div class="description-block">
<span class="description-percentage text-red"><i class="fa fa-caret-down"></i> 18%</span>
<h5 class="description-header">1200</h5>
<span class="description-text">GOAL COMPLETIONS</span>
</div><!-- /.description-block -->
</div>
</div><!-- /.row -->
</div><!-- /.box-footer -->
</div><!-- /.box -->
</div><!-- /.col -->
</div><!-- /.row -->
<!-- Main row -->
<div class="row">
<!-- Left col -->
<div class="col-md-8">
<!-- MAP & BOX PANE -->
<div class="box box-success">
<div class="box-header with-border">
<h3 class="box-title">Visitors Report</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body no-padding">
<div class="row">
<div class="col-md-9 col-sm-8">
<div class="pad">
<!-- Map will be created here -->
<div id="world-map-markers" style="height: 325px;"></div>
</div>
</div><!-- /.col -->
<div class="col-md-3 col-sm-4">
<div class="pad box-pane-right bg-green" style="min-height: 280px">
<div class="description-block margin-bottom">
<div class="sparkbar pad" data-color="#fff">90,70,90,70,75,80,70</div>
<h5 class="description-header">8390</h5>
<span class="description-text">Visits</span>
</div><!-- /.description-block -->
<div class="description-block margin-bottom">
<div class="sparkbar pad" data-color="#fff">90,50,90,70,61,83,63</div>
<h5 class="description-header">30%</h5>
<span class="description-text">Referrals</span>
</div><!-- /.description-block -->
<div class="description-block">
<div class="sparkbar pad" data-color="#fff">90,50,90,70,61,83,63</div>
<h5 class="description-header">70%</h5>
<span class="description-text">Organic</span>
</div><!-- /.description-block -->
</div>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.box-body -->
</div><!-- /.box -->
<div class="row">
<div class="col-md-6">
<!-- DIRECT CHAT -->
<div class="box box-warning direct-chat direct-chat-warning">
<div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class="badge bg-yellow">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left">Ranjith Prabhu</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text -->
</div><!-- /.direct-chat-msg -->
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
You better believe it!
</div><!-- /.direct-chat-text -->
</div><!-- /.direct-chat-msg -->
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left">Ranjith Prabhu</span>
<span class="direct-chat-timestamp pull-right">23 Jan 5:37 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
Working with AdminLTE on a great new app! Wanna join?
</div><!-- /.direct-chat-text -->
</div><!-- /.direct-chat-msg -->
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 6:10 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
I would love to.
</div><!-- /.direct-chat-text -->
</div><!-- /.direct-chat-msg -->
</div><!--/.direct-chat-messages-->
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class="contacts-list">
<li>
<a href="#">
<img class="contacts-list-img" src="dist/img/user1-128x128.jpg">
<div class="contacts-list-info">
<span class="contacts-list-name">
Count Dracula
<small class="contacts-list-date pull-right">2/28/2015</small>
</span>
<span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info -->
</a>
</li><!-- End Contact Item -->
<li>
<a href="#">
<img class="contacts-list-img" src="dist/img/user7-128x128.jpg">
<div class="contacts-list-info">
<span class="contacts-list-name">
Sarah Doe
<small class="contacts-list-date pull-right">2/23/2015</small>
</span>
<span class="contacts-list-msg">I will be waiting for...</span>
</div><!-- /.contacts-list-info -->
</a>
</li><!-- End Contact Item -->
<li>
<a href="#">
<img class="contacts-list-img" src="dist/img/user3-128x128.jpg">
<div class="contacts-list-info">
<span class="contacts-list-name">
Nadia Jolie
<small class="contacts-list-date pull-right">2/20/2015</small>
</span>
<span class="contacts-list-msg">I'll call you back at...</span>
</div><!-- /.contacts-list-info -->
</a>
</li><!-- End Contact Item -->
<li>
<a href="#">
<img class="contacts-list-img" src="dist/img/user5-128x128.jpg">
<div class="contacts-list-info">
<span class="contacts-list-name">
Nora S. Vans
<small class="contacts-list-date pull-right">2/10/2015</small>
</span>
<span class="contacts-list-msg">Where is your new...</span>
</div><!-- /.contacts-list-info -->
</a>
</li><!-- End Contact Item -->
<li>
<a href="#">
<img class="contacts-list-img" src="dist/img/user6-128x128.jpg">
<div class="contacts-list-info">
<span class="contacts-list-name">
John K.
<small class="contacts-list-date pull-right">1/27/2015</small>
</span>
<span class="contacts-list-msg">Can I take a look at...</span>
</div><!-- /.contacts-list-info -->
</a>
</li><!-- End Contact Item -->
<li>
<a href="#">
<img class="contacts-list-img" src="dist/img/user8-128x128.jpg">
<div class="contacts-list-info">
<span class="contacts-list-name">
Kenneth M.
<small class="contacts-list-date pull-right">1/4/2015</small>
</span>
<span class="contacts-list-msg">Never mind I found...</span>
</div><!-- /.contacts-list-info -->
</a>
</li><!-- End Contact Item -->
</ul><!-- /.contatcts-list -->
</div><!-- /.direct-chat-pane -->
</div><!-- /.box-body -->
<div class="box-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn">
<button type="button" class="btn btn-warning btn-flat">Send</button>
</span>
</div>
</form>
</div><!-- /.box-footer-->
</div><!--/.direct-chat -->
</div><!-- /.col -->
<div class="col-md-6">
<!-- USERS LIST -->
<div class="box box-danger">
<div class="box-header with-border">
<h3 class="box-title">Latest Members</h3>
<div class="box-tools pull-right">
<span class="label label-danger">8 New Members</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body no-padding">
<ul class="users-list clearfix">
<li>
<img src="dist/img/user1-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Ranjith Prabhu</a>
<span class="users-list-date">Today</span>
</li>
<li>
<img src="dist/img/user8-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Norman</a>
<span class="users-list-date">Yesterday</span>
</li>
<li>
<img src="dist/img/user7-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Jane</a>
<span class="users-list-date">12 Jan</span>
</li>
<li>
<img src="dist/img/user6-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">John</a>
<span class="users-list-date">12 Jan</span>
</li>
<li>
<img src="dist/img/user2-160x160.jpg" alt="User Image">
<a class="users-list-name" href="#">Alexander</a>
<span class="users-list-date">13 Jan</span>
</li>
<li>
<img src="dist/img/user5-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Sarah</a>
<span class="users-list-date">14 Jan</span>
</li>
<li>
<img src="dist/img/user4-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Nora</a>
<span class="users-list-date">15 Jan</span>
</li>
<li>
<img src="dist/img/user3-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Nadia</a>
<span class="users-list-date">15 Jan</span>
</li>
</ul><!-- /.users-list -->
</div><!-- /.box-body -->
<div class="box-footer text-center">
<a href="javascript::" class="uppercase">View All Users</a>
</div><!-- /.box-footer -->
</div><!--/.box -->
</div><!-- /.col -->
</div><!-- /.row -->
<!-- TABLE: LATEST ORDERS -->
<div class="box box-info">
<div class="box-header with-border">
<h3 class="box-title">Latest Orders</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body">
<div class="table-responsive">
<table class="table no-margin">
<thead>
<tr>
<th>Order ID</th>
<th>Item</th>
<th>Status</th>
<th>Popularity</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="pages/examples/invoice.html">OR9842</a></td>
<td>Call of Duty IV</td>
<td><span class="label label-success">Shipped</span></td>
<td><div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div></td>
</tr>
<tr>
<td><a href="pages/examples/invoice.html">OR1848</a></td>
<td>Samsung Smart TV</td>
<td><span class="label label-warning">Pending</span></td>
<td><div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div></td>
</tr>
<tr>
<td><a href="pages/examples/invoice.html">OR7429</a></td>
<td>iPhone 6 Plus</td>
<td><span class="label label-danger">Delivered</span></td>
<td><div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div></td>
</tr>
<tr>
<td><a href="pages/examples/invoice.html">OR7429</a></td>
<td>Samsung Smart TV</td>
<td><span class="label label-info">Processing</span></td>
<td><div class="sparkbar" data-color="#00c0ef" data-height="20">90,80,-90,70,-61,83,63</div></td>
</tr>
<tr>
<td><a href="pages/examples/invoice.html">OR1848</a></td>
<td>Samsung Smart TV</td>
<td><span class="label label-warning">Pending</span></td>
<td><div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div></td>
</tr>
<tr>
<td><a href="pages/examples/invoice.html">OR7429</a></td>
<td>iPhone 6 Plus</td>
<td><span class="label label-danger">Delivered</span></td>
<td><div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div></td>
</tr>
<tr>
<td><a href="pages/examples/invoice.html">OR9842</a></td>
<td>Call of Duty IV</td>
<td><span class="label label-success">Shipped</span></td>
<td><div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div></td>
</tr>
</tbody>
</table>
</div><!-- /.table-responsive -->
</div><!-- /.box-body -->
<div class="box-footer clearfix">
<a href="javascript::;" class="btn btn-sm btn-info btn-flat pull-left">Place New Order</a>
<a href="javascript::;" class="btn btn-sm btn-default btn-flat pull-right">View All Orders</a>
</div><!-- /.box-footer -->
</div><!-- /.box -->
</div><!-- /.col -->
<div class="col-md-4">
<!-- Info Boxes Style 2 -->
<div class="info-box bg-yellow">
<span class="info-box-icon"><i class="ion ion-ios-pricetag-outline"></i></span>
<div class="info-box-content">
<span class="info-box-text">Inventory</span>
<span class="info-box-number">5,200</span>
<div class="progress">
<div class="progress-bar" style="width: 50%"></div>
</div>
<span class="progress-description">
50% Increase in 30 Days
</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
<div class="info-box bg-green">
<span class="info-box-icon"><i class="ion ion-ios-heart-outline"></i></span>
<div class="info-box-content">
<span class="info-box-text">Mentions</span>
<span class="info-box-number">92,050</span>
<div class="progress">
<div class="progress-bar" style="width: 20%"></div>
</div>
<span class="progress-description">
20% Increase in 30 Days
</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
<div class="info-box bg-red">
<span class="info-box-icon"><i class="ion ion-ios-cloud-download-outline"></i></span>
<div class="info-box-content">
<span class="info-box-text">Downloads</span>
<span class="info-box-number">114,381</span>
<div class="progress">
<div class="progress-bar" style="width: 70%"></div>
</div>
<span class="progress-description">
70% Increase in 30 Days
</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
<div class="info-box bg-aqua">
<span class="info-box-icon"><i class="ion-ios-chatbubble-outline"></i></span>
<div class="info-box-content">
<span class="info-box-text">Direct Messages</span>
<span class="info-box-number">163,921</span>
<div class="progress">
<div class="progress-bar" style="width: 40%"></div>
</div>
<span class="progress-description">
40% Increase in 30 Days
</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
<div class="box box-default">
<div class="box-header with-border">
<h3 class="box-title">Browser Usage</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body">
<div class="row">
<div class="col-md-8">
<div class="chart-responsive">
<canvas id="pieChart" height="150"></canvas>
</div><!-- ./chart-responsive -->
</div><!-- /.col -->
<div class="col-md-4">
<ul class="chart-legend clearfix">
<li><i class="fa fa-circle-o text-red"></i> Chrome</li>
<li><i class="fa fa-circle-o text-green"></i> IE</li>
<li><i class="fa fa-circle-o text-yellow"></i> FireFox</li>
<li><i class="fa fa-circle-o text-aqua"></i> Safari</li>
<li><i class="fa fa-circle-o text-light-blue"></i> Opera</li>
<li><i class="fa fa-circle-o text-gray"></i> Navigator</li>
</ul>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.box-body -->
<div class="box-footer no-padding">
<ul class="nav nav-pills nav-stacked">
<li><a href="#">United States of America <span class="pull-right text-red"><i class="fa fa-angle-down"></i> 12%</span></a></li>
<li><a href="#">India <span class="pull-right text-green"><i class="fa fa-angle-up"></i> 4%</span></a></li>
<li><a href="#">China <span class="pull-right text-yellow"><i class="fa fa-angle-left"></i> 0%</span></a></li>
</ul>
</div><!-- /.footer -->
</div><!-- /.box -->
<!-- PRODUCT LIST -->
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">Recently Added Products</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body">
<ul class="products-list product-list-in-box">
<li class="item">
<div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image">
</div>
<div class="product-info">
<a href="javascript::;" class="product-title">Samsung TV <span class="label label-warning pull-right">$1800</span></a>
<span class="product-description">
Samsung 32" 1080p 60Hz LED Smart HDTV.
</span>
</div>
</li><!-- /.item -->
<li class="item">
<div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image">
</div>
<div class="product-info">
<a href="javascript::;" class="product-title">Bicycle <span class="label label-info pull-right">$700</span></a>
<span class="product-description">
26" Mongoose Dolomite Men's 7-speed, Navy Blue.
</span>
</div>
</li><!-- /.item -->
<li class="item">
<div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image">
</div>
<div class="product-info">
<a href="javascript::;" class="product-title">Xbox One <span class="label label-danger pull-right">$350</span></a>
<span class="product-description">
Xbox One Console Bundle with Halo Master Chief Collection.
</span>
</div>
</li><!-- /.item -->
<li class="item">
<div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image">
</div>
<div class="product-info">
<a href="javascript::;" class="product-title">PlayStation 4 <span class="label label-success pull-right">$399</span></a>
<span class="product-description">
PlayStation 4 500GB Console (PS4)
</span>
</div>
</li><!-- /.item -->
</ul>
</div><!-- /.box-body -->
<div class="box-footer text-center">
<a href="javascript::;" class="uppercase">View All Products</a>
</div><!-- /.box-footer -->
</div><!-- /.box -->
</div><!-- /.col -->
</div><!-- /.row -->
</section><!-- /.content -->
================================================
FILE: app/modules/dashboard/views/about.html
================================================
<!--
Author: Ranjithprabhu K
Page Description: About Me page
Date: 05 Jan 2016
-->
<section class="content-header">
<h1>
About Me
</h1>
<ol class="breadcrumb">
<li><a><i class="fa fa-dashboard"></i> Dashboard</a></li>
<li class="active">About Me</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-md-4">
<!-- Profile Image -->
<div class="box box-primary">
<div class="box-body box-profile">
<img class="profile-user-img img-responsive" src="../../../../images/home/photo2.jpg" alt="Ranjithprabhu K">
<h3 class="profile-username text-center">Ranjithprabhu K</h3>
<p class="text-muted text-center">Software Engineer</p>
<hr />
<div class="box-body">
<strong><i class="fa fa-book margin-r-5"></i> Education</strong>
<p class="text-muted">M.E. Computer Science Engineering</p>
<p class="text-muted">M.Sc. Software Systems</p>
<hr>
<strong><i class="fa fa-map-marker margin-r-5"></i> Location</strong>
<p class="text-muted">Coimbatore, Tamilnadu, India</p>
<hr>
<strong><i class="fa fa-user-md margin-r-5"></i> Specialist in</strong>
<p>
<span class="label label-success">UI Development</span>
<span class="label label-info">UX Design</span>
<span class="label label-warning">Software Consultant</span>
<span class="label label-danger">Web Apps Building & Deployment</span>
</p>
</div>
<a class="btn btn-primary btn-block" ui-sref="app.contact"><b>Contact Me</b></a>
</div><!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col -->
<div class="col-md-4">
<div class="box box-success">
<div class="box-header with-border">
<h3 class="box-title">I Love to</h3>
</div><!-- /.box-header -->
<div class="box-body">
<strong><i class="fa fa-film margin-r-5"></i> <span class="pull-right"> Watch Movies with Friends</span></strong><hr>
<strong><i class="fa fa-headphones margin-r-5"></i> <span class="pull-right"> Listen Music When Alone</span></strong><hr>
<strong><i class="fa fa-play margin-r-5"></i> <span class="pull-right"> Play Cricket in Weekend</span></strong><hr>
<strong><i class="fa fa-bicycle margin-r-5"></i> <span class="pull-right"> Go in Cycle to Office</span></strong><hr>
<strong><i class="fa fa-motorcycle margin-r-5"></i> <span class="pull-right"> Go for a Long Ride in Bike</span></strong><hr>
<strong><i class="fa fa-binoculars margin-r-5"></i> <span class="pull-right"> SightSee All Hill Stations</span></strong><hr>
<strong><i class="fa fa-weixin margin-r-5"></i> <span class="pull-right"> Group Chat Friends</span></strong><hr>
</div><!-- /.box-body -->
</div><!-- /.box -->
</div>
<div class="col-md-4">
<div class="box box-warning">
<div class="box-header with-border">
<h3 class="box-title">Languages</h3>
</div><!-- /.box-header -->
<div class="box-body" style="font-size:21px;">
<strong><span class="label label-success"> English</span></strong>
<p class="text-muted pull-right">
<span class="glyphicon glyphicon-star text-red"></span>
<span class="glyphicon glyphicon-star text-red"></span>
<span class="glyphicon glyphicon-star text-red"></span>
<span class="glyphicon glyphicon-star text-red"></span>
<span class="glyphicon glyphicon-star"></span>
</p>
<hr>
<strong><span class="label label-info"> Tamil</span></strong>
<p class="text-muted pull-right">
<span class="glyphicon glyphicon-star text-info"></span>
<span class="glyphicon glyphicon-star text-info"></span>
<span class="glyphicon glyphicon-star text-info"></span>
<span class="glyphicon glyphicon-star text-info"></span>
<span class="glyphicon glyphicon-star"></span>
</p>
<hr>
<strong><span class="label label-warning"> Kannadam</span></strong>
<p class="text-muted pull-right">
<span class="glyphicon glyphicon-star text-warning"></span>
<span class="glyphicon glyphicon-star text"></span>
<span class="glyphicon glyphicon-star text"></span>
<span class="glyphicon glyphicon-star text"></span>
<span class="glyphicon glyphicon-star"></span>
</p>
<hr>
<strong><span class="label label-primary"> Hindi</span></strong>
<p class="text-muted pull-right">
<span class="glyphicon glyphicon-star text-primary"></span>
<span class="glyphicon glyphicon-star text-primary"></span>
<span class="glyphicon glyphicon-star text"></span>
<span class="glyphicon glyphicon-star text"></span>
<span class="glyphicon glyphicon-star"></span>
</p>
<hr>
<strong><span class="label label-danger"> Telugu</span></strong>
<p class="text-muted pull-right">
<span class="glyphicon glyphicon-star text-red"></span>
<span class="glyphicon glyphicon-star text"></span>
<span class="glyphicon glyphicon-star text"></span>
<span class="glyphicon glyphicon-star text"></span>
<span class="glyphicon glyphicon-star"></span>
</p>
<hr>
<strong><span class="label label-default"> Malayalam</span></strong>
<p class="text-muted pull-right">
<span class="glyphicon glyphicon-star text-black"></span>
<span class="glyphicon glyphicon-star text"></span>
<span class="glyphicon glyphicon-star text"></span>
<span class="glyphicon glyphicon-star text"></span>
<span class="glyphicon glyphicon-star"></span>
</p>
<hr />
</div><!-- /.box -->
</div>
</div>
</div><!-- /.row -->
</section><!-- /.content -->
================================================
FILE: app/modules/dashboard/views/achievements.html
================================================
<!--
Author: Ranjithprabhu K
Page Description: Dashboard page
Date: 05 Jan 2016
-->
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
KMIT Solutions
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li class="active">Dashboard</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- Info boxes -->
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-aqua"><i class="fa fa-user"></i></span>
<div class="info-box-content">
<span class="info-box-text">Clients</span>
<span class="info-box-number">45</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
</div><!-- /.col -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-red"><i class="fa fa-laptop"></i></span>
<div class="info-box-content">
<span class="info-box-text">POS</span>
<span class="info-box-number">350</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
</div><!-- /.col -->
<!-- fix for small devices only -->
<div class="clearfix visible-sm-block"></div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-green"><i class="fa fa-tags"></i></span>
<div class="info-box-content">
<span class="info-box-text">Open Tickets</span>
<span class="info-box-number">30</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
</div><!-- /.col -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-yellow"><i class="fa fa-users"></i></span>
<div class="info-box-content">
<span class="info-box-text">Employees</span>
<span class="info-box-number">40</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="box">
<div class="box-header with-border">
<h3 class="box-title">Monthly Recap Report</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<div class="btn-group">
<button class="btn btn-box-tool dropdown-toggle" data-toggle="dropdown"><i class="fa fa-wrench"></i></button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body">
<div class="row">
<div class="col-md-8">
<p class="text-center">
<strong>Sales: 1 Jan, 2014 - 30 Jul, 2014</strong>
</p>
<div class="chart">
<!-- Sales Chart Canvas -->
<canvas id="salesChart" style="height: 180px;"></canvas>
</div><!-- /.chart-responsive -->
</div><!-- /.col -->
<div class="col-md-4">
<p class="text-center">
<strong>Goal Completion</strong>
</p>
<div class="progress-group">
<span class="progress-text">Add Products to Cart</span>
<span class="progress-number"><b>160</b>/200</span>
<div class="progress sm">
<div class="progress-bar progress-bar-aqua" style="width: 80%"></div>
</div>
</div><!-- /.progress-group -->
<div class="progress-group">
<span class="progress-text">Complete Purchase</span>
<span class="progress-number"><b>310</b>/400</span>
<div class="progress sm">
<div class="progress-bar progress-bar-red" style="width: 80%"></div>
</div>
</div><!-- /.progress-group -->
<div class="progress-group">
<span class="progress-text">Visit Premium Page</span>
<span class="progress-number"><b>480</b>/800</span>
<div class="progress sm">
<div class="progress-bar progress-bar-green" style="width: 80%"></div>
</div>
</div><!-- /.progress-group -->
<div class="progress-group">
<span class="progress-text">Send Inquiries</span>
<span class="progress-number"><b>250</b>/500</span>
<div class="progress sm">
<div class="progress-bar progress-bar-yellow" style="width: 80%"></div>
</div>
</div><!-- /.progress-group -->
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- ./box-body -->
<div class="box-footer">
<div class="row">
<div class="col-sm-3 col-xs-6">
<div class="description-block border-right">
<span class="description-percentage text-green"><i class="fa fa-caret-up"></i> 17%</span>
<h5 class="description-header">$35,210.43</h5>
<span class="description-text">TOTAL REVENUE</span>
</div><!-- /.description-block -->
</div><!-- /.col -->
<div class="col-sm-3 col-xs-6">
<div class="description-block border-right">
<span class="description-percentage text-yellow"><i class="fa fa-caret-left"></i> 0%</span>
<h5 class="description-header">$10,390.90</h5>
<span class="description-text">TOTAL COST</span>
</div><!-- /.description-block -->
</div><!-- /.col -->
<div class="col-sm-3 col-xs-6">
<div class="description-block border-right">
<span class="description-percentage text-green"><i class="fa fa-caret-up"></i> 20%</span>
<h5 class="description-header">$24,813.53</h5>
<span class="description-text">TOTAL PROFIT</span>
</div><!-- /.description-block -->
</div><!-- /.col -->
<div class="col-sm-3 col-xs-6">
<div class="description-block">
<span class="description-percentage text-red"><i class="fa fa-caret-down"></i> 18%</span>
<h5 class="description-header">1200</h5>
<span class="description-text">GOAL COMPLETIONS</span>
</div><!-- /.description-block -->
</div>
</div><!-- /.row -->
</div><!-- /.box-footer -->
</div><!-- /.box -->
</div><!-- /.col -->
</div><!-- /.row -->
<!-- Main row -->
<div class="row">
<!-- Left col -->
<div class="col-md-8">
<!-- MAP & BOX PANE -->
<div class="box box-success">
<div class="box-header with-border">
<h3 class="box-title">Visitors Report</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body no-padding">
<div class="row">
<div class="col-md-9 col-sm-8">
<div class="pad">
<!-- Map will be created here -->
<div id="world-map-markers" style="height: 325px;"></div>
</div>
</div><!-- /.col -->
<div class="col-md-3 col-sm-4">
<div class="pad box-pane-right bg-green" style="min-height: 280px">
<div class="description-block margin-bottom">
<div class="sparkbar pad" data-color="#fff">90,70,90,70,75,80,70</div>
<h5 class="description-header">8390</h5>
<span class="description-text">Visits</span>
</div><!-- /.description-block -->
<div class="description-block margin-bottom">
<div class="sparkbar pad" data-color="#fff">90,50,90,70,61,83,63</div>
<h5 class="description-header">30%</h5>
<span class="description-text">Referrals</span>
</div><!-- /.description-block -->
<div class="description-block">
<div class="sparkbar pad" data-color="#fff">90,50,90,70,61,83,63</div>
<h5 class="description-header">70%</h5>
<span class="description-text">Organic</span>
</div><!-- /.description-block -->
</div>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.box-body -->
</div><!-- /.box -->
<div class="row">
<div class="col-md-6">
<!-- DIRECT CHAT -->
<div class="box box-warning direct-chat direct-chat-warning">
<div class="box-header with-border">
<h3 class="box-title">Direct Chat</h3>
<div class="box-tools pull-right">
<span data-toggle="tooltip" title="3 New Messages" class="badge bg-yellow">3</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages">
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left">Ranjith Prabhu</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text -->
</div><!-- /.direct-chat-msg -->
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
You better believe it!
</div><!-- /.direct-chat-text -->
</div><!-- /.direct-chat-msg -->
<!-- Message. Default to the left -->
<div class="direct-chat-msg">
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left">Ranjith Prabhu</span>
<span class="direct-chat-timestamp pull-right">23 Jan 5:37 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
Working with AdminLTE on a great new app! Wanna join?
</div><!-- /.direct-chat-text -->
</div><!-- /.direct-chat-msg -->
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 6:10 pm</span>
</div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
I would love to.
</div><!-- /.direct-chat-text -->
</div><!-- /.direct-chat-msg -->
</div><!--/.direct-chat-messages-->
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class="contacts-list">
<li>
<a href="#">
<img class="contacts-list-img" src="dist/img/user1-128x128.jpg">
<div class="contacts-list-info">
<span class="contacts-list-name">
Count Dracula
<small class="contacts-list-date pull-right">2/28/2015</small>
</span>
<span class="contacts-list-msg">How have you been? I was...</span>
</div><!-- /.contacts-list-info -->
</a>
</li><!-- End Contact Item -->
<li>
<a href="#">
<img class="contacts-list-img" src="dist/img/user7-128x128.jpg">
<div class="contacts-list-info">
<span class="contacts-list-name">
Sarah Doe
<small class="contacts-list-date pull-right">2/23/2015</small>
</span>
<span class="contacts-list-msg">I will be waiting for...</span>
</div><!-- /.contacts-list-info -->
</a>
</li><!-- End Contact Item -->
<li>
<a href="#">
<img class="contacts-list-img" src="dist/img/user3-128x128.jpg">
<div class="contacts-list-info">
<span class="contacts-list-name">
Nadia Jolie
<small class="contacts-list-date pull-right">2/20/2015</small>
</span>
<span class="contacts-list-msg">I'll call you back at...</span>
</div><!-- /.contacts-list-info -->
</a>
</li><!-- End Contact Item -->
<li>
<a href="#">
<img class="contacts-list-img" src="dist/img/user5-128x128.jpg">
<div class="contacts-list-info">
<span class="contacts-list-name">
Nora S. Vans
<small class="contacts-list-date pull-right">2/10/2015</small>
</span>
<span class="contacts-list-msg">Where is your new...</span>
</div><!-- /.contacts-list-info -->
</a>
</li><!-- End Contact Item -->
<li>
<a href="#">
<img class="contacts-list-img" src="dist/img/user6-128x128.jpg">
<div class="contacts-list-info">
<span class="contacts-list-name">
John K.
<small class="contacts-list-date pull-right">1/27/2015</small>
</span>
<span class="contacts-list-msg">Can I take a look at...</span>
</div><!-- /.contacts-list-info -->
</a>
</li><!-- End Contact Item -->
<li>
<a href="#">
<img class="contacts-list-img" src="dist/img/user8-128x128.jpg">
<div class="contacts-list-info">
<span class="contacts-list-name">
Kenneth M.
<small class="contacts-list-date pull-right">1/4/2015</small>
</span>
<span class="contacts-list-msg">Never mind I found...</span>
</div><!-- /.contacts-list-info -->
</a>
</li><!-- End Contact Item -->
</ul><!-- /.contatcts-list -->
</div><!-- /.direct-chat-pane -->
</div><!-- /.box-body -->
<div class="box-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn">
<button type="button" class="btn btn-warning btn-flat">Send</button>
</span>
</div>
</form>
</div><!-- /.box-footer-->
</div><!--/.direct-chat -->
</div><!-- /.col -->
<div class="col-md-6">
<!-- USERS LIST -->
<div class="box box-danger">
<div class="box-header with-border">
<h3 class="box-title">Latest Members</h3>
<div class="box-tools pull-right">
<span class="label label-danger">8 New Members</span>
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body no-padding">
<ul class="users-list clearfix">
<li>
<img src="dist/img/user1-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Ranjith Prabhu</a>
<span class="users-list-date">Today</span>
</li>
<li>
<img src="dist/img/user8-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Norman</a>
<span class="users-list-date">Yesterday</span>
</li>
<li>
<img src="dist/img/user7-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Jane</a>
<span class="users-list-date">12 Jan</span>
</li>
<li>
<img src="dist/img/user6-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">John</a>
<span class="users-list-date">12 Jan</span>
</li>
<li>
<img src="dist/img/user2-160x160.jpg" alt="User Image">
<a class="users-list-name" href="#">Alexander</a>
<span class="users-list-date">13 Jan</span>
</li>
<li>
<img src="dist/img/user5-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Sarah</a>
<span class="users-list-date">14 Jan</span>
</li>
<li>
<img src="dist/img/user4-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Nora</a>
<span class="users-list-date">15 Jan</span>
</li>
<li>
<img src="dist/img/user3-128x128.jpg" alt="User Image">
<a class="users-list-name" href="#">Nadia</a>
<span class="users-list-date">15 Jan</span>
</li>
</ul><!-- /.users-list -->
</div><!-- /.box-body -->
<div class="box-footer text-center">
<a href="javascript::" class="uppercase">View All Users</a>
</div><!-- /.box-footer -->
</div><!--/.box -->
</div><!-- /.col -->
</div><!-- /.row -->
<!-- TABLE: LATEST ORDERS -->
<div class="box box-info">
<div class="box-header with-border">
<h3 class="box-title">Latest Orders</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body">
<div class="table-responsive">
<table class="table no-margin">
<thead>
<tr>
<th>Order ID</th>
<th>Item</th>
<th>Status</th>
<th>Popularity</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="pages/examples/invoice.html">OR9842</a></td>
<td>Call of Duty IV</td>
<td><span class="label label-success">Shipped</span></td>
<td><div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div></td>
</tr>
<tr>
<td><a href="pages/examples/invoice.html">OR1848</a></td>
<td>Samsung Smart TV</td>
<td><span class="label label-warning">Pending</span></td>
<td><div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div></td>
</tr>
<tr>
<td><a href="pages/examples/invoice.html">OR7429</a></td>
<td>iPhone 6 Plus</td>
<td><span class="label label-danger">Delivered</span></td>
<td><div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div></td>
</tr>
<tr>
<td><a href="pages/examples/invoice.html">OR7429</a></td>
<td>Samsung Smart TV</td>
<td><span class="label label-info">Processing</span></td>
<td><div class="sparkbar" data-color="#00c0ef" data-height="20">90,80,-90,70,-61,83,63</div></td>
</tr>
<tr>
<td><a href="pages/examples/invoice.html">OR1848</a></td>
<td>Samsung Smart TV</td>
<td><span class="label label-warning">Pending</span></td>
<td><div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div></td>
</tr>
<tr>
<td><a href="pages/examples/invoice.html">OR7429</a></td>
<td>iPhone 6 Plus</td>
<td><span class="label label-danger">Delivered</span></td>
<td><div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div></td>
</tr>
<tr>
<td><a href="pages/examples/invoice.html">OR9842</a></td>
<td>Call of Duty IV</td>
<td><span class="label label-success">Shipped</span></td>
<td><div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div></td>
</tr>
</tbody>
</table>
</div><!-- /.table-responsive -->
</div><!-- /.box-body -->
<div class="box-footer clearfix">
<a href="javascript::;" class="btn btn-sm btn-info btn-flat pull-left">Place New Order</a>
<a href="javascript::;" class="btn btn-sm btn-default btn-flat pull-right">View All Orders</a>
</div><!-- /.box-footer -->
</div><!-- /.box -->
</div><!-- /.col -->
<div class="col-md-4">
<!-- Info Boxes Style 2 -->
<div class="info-box bg-yellow">
<span class="info-box-icon"><i class="ion ion-ios-pricetag-outline"></i></span>
<div class="info-box-content">
<span class="info-box-text">Inventory</span>
<span class="info-box-number">5,200</span>
<div class="progress">
<div class="progress-bar" style="width: 50%"></div>
</div>
<span class="progress-description">
50% Increase in 30 Days
</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
<div class="info-box bg-green">
<span class="info-box-icon"><i class="ion ion-ios-heart-outline"></i></span>
<div class="info-box-content">
<span class="info-box-text">Mentions</span>
<span class="info-box-number">92,050</span>
<div class="progress">
<div class="progress-bar" style="width: 20%"></div>
</div>
<span class="progress-description">
20% Increase in 30 Days
</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
<div class="info-box bg-red">
<span class="info-box-icon"><i class="ion ion-ios-cloud-download-outline"></i></span>
<div class="info-box-content">
<span class="info-box-text">Downloads</span>
<span class="info-box-number">114,381</span>
<div class="progress">
<div class="progress-bar" style="width: 70%"></div>
</div>
<span class="progress-description">
70% Increase in 30 Days
</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
<div class="info-box bg-aqua">
<span class="info-box-icon"><i class="ion-ios-chatbubble-outline"></i></span>
<div class="info-box-content">
<span class="info-box-text">Direct Messages</span>
<span class="info-box-number">163,921</span>
<div class="progress">
<div class="progress-bar" style="width: 40%"></div>
</div>
<span class="progress-description">
40% Increase in 30 Days
</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
<div class="box box-default">
<div class="box-header with-border">
<h3 class="box-title">Browser Usage</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body">
<div class="row">
<div class="col-md-8">
<div class="chart-responsive">
<canvas id="pieChart" height="150"></canvas>
</div><!-- ./chart-responsive -->
</div><!-- /.col -->
<div class="col-md-4">
<ul class="chart-legend clearfix">
<li><i class="fa fa-circle-o text-red"></i> Chrome</li>
<li><i class="fa fa-circle-o text-green"></i> IE</li>
<li><i class="fa fa-circle-o text-yellow"></i> FireFox</li>
<li><i class="fa fa-circle-o text-aqua"></i> Safari</li>
<li><i class="fa fa-circle-o text-light-blue"></i> Opera</li>
<li><i class="fa fa-circle-o text-gray"></i> Navigator</li>
</ul>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.box-body -->
<div class="box-footer no-padding">
<ul class="nav nav-pills nav-stacked">
<li><a href="#">United States of America <span class="pull-right text-red"><i class="fa fa-angle-down"></i> 12%</span></a></li>
<li><a href="#">India <span class="pull-right text-green"><i class="fa fa-angle-up"></i> 4%</span></a></li>
<li><a href="#">China <span class="pull-right text-yellow"><i class="fa fa-angle-left"></i> 0%</span></a></li>
</ul>
</div><!-- /.footer -->
</div><!-- /.box -->
<!-- PRODUCT LIST -->
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">Recently Added Products</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body">
<ul class="products-list product-list-in-box">
<li class="item">
<div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image">
</div>
<div class="product-info">
<a href="javascript::;" class="product-title">Samsung TV <span class="label label-warning pull-right">$1800</span></a>
<span class="product-description">
Samsung 32" 1080p 60Hz LED Smart HDTV.
</span>
</div>
</li><!-- /.item -->
<li class="item">
<div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image">
</div>
<div class="product-info">
<a href="javascript::;" class="product-title">Bicycle <span class="label label-info pull-right">$700</span></a>
<span class="product-description">
26" Mongoose Dolomite Men's 7-speed, Navy Blue.
</span>
</div>
</li><!-- /.item -->
<li class="item">
<div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image">
</div>
<div class="product-info">
<a href="javascript::;" class="product-title">Xbox One <span class="label label-danger pull-right">$350</span></a>
<span class="product-description">
Xbox One Console Bundle with Halo Master Chief Collection.
</span>
</div>
</li><!-- /.item -->
<li class="item">
<div class="product-img">
<img src="dist/img/default-50x50.gif" alt="Product Image">
</div>
<div class="product-info">
<a href="javascript::;" class="product-title">PlayStation 4 <span class="label label-success pull-right">$399</span></a>
<span class="product-description">
PlayStation 4 500GB Console (PS4)
</span>
</div>
</li><!-- /.item -->
</ul>
</div><!-- /.box-body -->
<div class="box-footer text-center">
<a href="javascript::;" class="uppercase">View All Products</a>
</div><!-- /.box-footer -->
</div><!-- /.box -->
</div><!-- /.col -->
</div><!-- /.row -->
</section><!-- /.content -->
================================================
FILE: app/modules/dashboard/views/contact.html
================================================
<!--
Author: Ranjithprabhu K
Page Description: Dashboard page
Date: 05 Jan 2016
-->
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Contact Me
</h1>
<ol class="breadcrumb">
<li><a><i class="fa fa-dashboard"></i> Dashboard</a></li>
<li class="active">Contact Me</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-md-7">
<div class="panel panel-info" style="min-height:453px;">
<div class="panel-heading">
Send me a Message
</div>
<div class="panel-body">
<form data-ng-submit="vm.submitForm();" name="vm.contactForm">
<md-content class="autoScroll">
<md-input-container class="md-icon-float md-block">
<label>Name</label>
<md-icon class="fa fa-user"></md-icon>
<input type="text" required name="name" data-ng-model="vm.message.name">
</md-input-container>
<md-input-container class="md-icon-float md-block">
<label>Phone</label>
<md-icon class="fa fa-phone"></md-icon>
<input type="text" required name="phone" data-ng-model="vm.message.phone" pattern="[0-9]{10,12}">
</md-input-container>
<md-input-container class="md-icon-float md-block">
<label>Email</label>
<md-icon class="fa fa-envelope"></md-icon>
<input type="email" required name="email" data-ng-model="vm.message.email">
</md-input-container>
<md-input-container class="md-icon-float md-block">
<label>Your Message</label>
<md-icon class="fa fa-clipboard"></md-icon>
<input type="text" required name="message" data-ng-model="vm.message.message">
</md-input-container>
<div class="pull-right">
<md-button class="md-raised md-primary" type="submit">Send <i class="fa fa-angle-double-right"></i></md-button>
<md-button class="md-raised md-warn" type="reset">Clear <i class="fa fa-trash-o"></i></md-button>
</div>
</md-content>
</form>
</div>
</div>
</div>
<div class="col-md-5">
<div class="col-xs-12 padding-none">
<div class="panel panel-success">
<div class="panel-heading">
Email Id
</div>
<div class="panel-body">
<i class="fa fa-envelope" style="width:25px;"></i><a href="mailto:ranjithprabhu.k@gmail.com"> ranjithprabhu.k@gmail.com</a>
</div>
</div>
</div>
<div class="col-xs-12 padding-none">
<div class="panel panel-danger">
<div class="panel-heading">
Website
</div>
<div class="panel-body">
<i class="fa fa-dribbble" style="width:25px;"></i> <a href="http://ranjithprabhu.in" target="_blank"> www.ranjithprabhu.in</a>
</div>
</div>
</div>
<div class="col-xs-12 padding-none">
<div class="panel panel-default">
<div class="panel-heading">
Contact Number
</div>
<div class="panel-body">
<i class="fa fa-whatsapp" style="width:25px;"></i> <a href="tel:+919790650659"> +91-(9790)-(650)-(659)</a><br />
<i class="fa fa-mobile" style="width:25px;"></i> <a href="tel:+917200145638"> +91-(7200)-(145)-(368)</a>
</div>
</div>
</div>
<div class="col-xs-12 padding-none">
<div class="panel panel-warning">
<div class="panel-heading">
Github
</div>
<div class="panel-body">
<i class="fa fa-github" style="width:25px;"></i><a href="https://github.com/ranjithprabhuk" target="_blank"> https://github.com/ranjithprabhuk </a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="panel panel-warning">
<div class="panel-body">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3358.6912101940134!2d77.01313021429891!3d11.036009868208257!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba8578b70408b17%3A0x7dfa27af6efe18bd!2sRanjithprabhu+K!5e1!3m2!1sen!2sin!4v1453522828509" height="450" frameborder="0" style="border:0;width:100%;" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</section><!-- /.content -->
================================================
FILE: app/modules/dashboard/views/contact.php
================================================
================================================
FILE: app/modules/dashboard/views/education.html
================================================
<!--
Author: Ranjithprabhu K
Page Description: Education page
Date: 15 Jan 2016
-->
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Academic Profile
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li class="active">Education</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- row -->
<div class="row">
<div class="col-md-12">
<!-- The time line -->
<ul class="timeline">
<li class="time-label">
<span class="bg-teal-gradient">
2013 - 2015
</span>
</li>
<li>
<i class="fa fa-graduation-cap bg-blue-gradient text-white"></i>
<div class="timeline-item">
<h3 class="timeline-header"><a href="#"> M.E. </a> Computer Science & Engineering </h3>
</div>
</li>
<li>
<div class="timeline-item">
<div class="callout callout-info col-md-10 col-sm-8 col-xs-12">
<h4>PPG Institute of Technology, Coimbatore</h4>
<p class="text-bold">Anna University, Chennai</p>
<div class="timeline-footer">
<a class="btn btn-primary btn-xs" data-ng-click="vm.meMarks=!vm.meMarks" data-ng-if="!vm.meMarks">Show Marks</a>
<a class="btn btn-danger btn-xs" data-ng-click="vm.meMarks=!vm.meMarks" data-ng-if="vm.meMarks">Hide Marks</a>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-12 text-center">
<input type="text" class="knob" data-max="10" value="8.2" data-skin="tron" data-thickness="0.2" data-width="90" data-height="90" data-fgcolor="#00C0EF">
<div class="knob-label">CGPA: 8.2</div>
</div>
</div>
</li>
<li data-ng-show="vm.meMarks">
<div class="timeline-item">
<div class="box box-info">
<div class="box-header with-border">
<h3 class="box-title">Semester Wise Marks</h3>
<div class="box-tools pull-right">
<div class="btn-group">
<button class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i></button>
<ul class="dropdown-menu pull-right" role="menu">
<li><a data-ng-click="vm.meAreaChart();">Area Chart</a></li>
<li><a data-ng-click="vm.meLineChart();">Line Chart</a></li>
<li><a data-ng-click="vm.meBarChart();">Bar Chart</a></li>
</ul>
</div>
<button class="btn btn-danger btn-sm " data-widget="remove" data-ng-click="vm.meMarks=!vm.meMarks"><i class="fa fa-times"></i></button>
</div>
</div>
<div class="box-body">
<div class="chart">
<canvas id="meChart" style="height:350px;"></canvas>
</div>
</div>
</div>
</div>
</li>
<li class="time-label">
<span class="bg-yellow-gradient">
2008 - 2013
</span>
</li>
<li>
<i class="fa fa-graduation-cap bg-yellow-gradient text-white"></i>
<div class="timeline-item">
<h3 class="timeline-header"><a href="#"> M.Sc. </a> Software Systems </h3>
</div>
</li>
<li>
<div class="timeline-item">
<div class="callout callout-warning col-md-10 col-sm-8 col-xs-12">
<h4>Kovai Kalaimagal College of Arts & Science, Coimbatore</h4>
<p class="text-bold">Bharathiar University, Coimbatore</p>
<div class="timeline-footer">
<a class="btn btn-primary btn-xs" data-ng-click="vm.mscMarks=!vm.mscMarks" data-ng-if="!vm.mscMarks">Show Marks</a>
<a class="btn btn-danger btn-xs" data-ng-click="vm.mscMarks=!vm.mscMarks" data-ng-if="vm.mscMarks">Hide Marks</a>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-12 text-center">
<input type="text" class="knob" data-max="10" value="8.3" data-skin="tron" data-thickness="0.2" data-width="90" data-height="90" data-fgcolor="#F39C12">
<div class="knob-label">CGPA: 8.3</div>
</div><!-- ./col -->
</div>
</li>
<li data-ng-show="vm.mscMarks">
<div class="timeline-item">
<div class="box box-warning">
<div class="box-header with-border">
<h3 class="box-title">Semester Wise Marks</h3>
<div class="box-tools pull-right">
<div class="btn-group">
<button class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i></button>
<ul class="dropdown-menu pull-right" role="menu">
<li><a data-ng-click="vm.mscAreaChart();">Area Chart</a></li>
<li><a data-ng-click="vm.mscLineChart();">Line Chart</a></li>
<li><a data-ng-click="vm.mscBarChart();">Bar Chart</a></li>
</ul>
</div>
<button class="btn btn-danger btn-sm " data-widget="remove" data-ng-click="vm.mscMarks=!vm.mscMarks"><i class="fa fa-times"></i></button>
</div>
</div>
<div class="box-body">
<div class="chart">
<canvas id="mscChart" style="height:350px;"></canvas>
</div>
</div>
</div>
</div>
</li>
<li class="time-label">
<span class="bg-green-gradient">
2006 - 2008
</span>
</li>
<li>
<i class="fa fa-pencil bg-green-gradient text-white"></i>
<div class="timeline-item">
<h3 class="timeline-header"><a href="#"> H.S.C </a> +2 </h3>
</div>
</li>
<li>
<div class="timeline-item">
<div class="callout callout-success col-md-10 col-sm-8 col-xs-12">
<h4>S.N. Matric Higher Sec. School, Coimbatore</h4>
<p class="text-bold">Stateboard</p>
<div class="timeline-footer">
<a class="btn btn-primary btn-xs" data-ng-click="vm.hscMarks=!vm.hscMarks" data-ng-if="!vm.hscMarks">Show Marks</a>
<a class="btn btn-danger btn-xs" data-ng-click="vm.hscMarks=!vm.hscMarks" data-ng-if="vm.hscMarks">Hide Marks</a>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-12 text-center">
<input type="text" class="knob" data-max="100" value="62.75" data-skin="tron" data-thickness="0.2" data-width="90" data-height="90" data-fgcolor="#00A65A">
<div class="knob-label">CGPA: 62.75%</div>
</div><!-- ./col -->
</div>
</li>
<li data-ng-show="vm.hscMarks">
<div class="timeline-item">
<div class="box box-success">
<div class="box-header with-border">
<h3 class="box-title">Subject Wise Marks</h3>
<div class="box-tools pull-right">
<div class="btn-group">
<button class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i></button>
<ul class="dropdown-menu pull-right" role="menu">
<li><a data-ng-click="vm.hscRadarChart();">Radar Chart</a></li>
<li><a data-ng-click="vm.hscBarChart();">Bar Chart</a></li>
</ul>
</div>
<button class="btn btn-danger btn-sm " data-widget="remove" data-ng-click="vm.hscMarks=!vm.hscMarks"><i class="fa fa-times"></i></button>
</div>
</div>
<div class="box-body">
<div class="chart">
<canvas id="hscChart" style="height:350px;"></canvas>
</div>
</div>
</div>
</div>
</li>
<li class="time-label">
<span class="bg-red-gradient">
1996 - 2006
</span>
</li>
<li>
<i class="fa fa-pencil bg-red-gradient text-white"></i>
<div class="timeline-item">
<h3 class="timeline-header"><a href="#"> S.S.L.C. </a> 10<sup>th</sup> </h3>
</div>
</li>
<li>
<div class="timeline-item">
<div class="callout callout-danger col-md-10 col-sm-8 col-xs-12">
<h4>Government Higher Secondary School, Coimbatore</h4>
<p class="text-bold">Stateboard</p>
<div class="timeline-footer">
<a class="btn btn-primary btn-xs" data-ng-click="vm.sslcMarks=!vm.sslcMarks" data-ng-if="!vm.sslcMarks">Show Marks</a>
<a class="btn btn-danger btn-xs" data-ng-click="vm.sslcMarks=!vm.sslcMarks" data-ng-if="vm.sslcMarks">Hide Marks</a>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-12 text-center">
<input type="text" class="knob" data-max="100" value="84.2" data-skin="tron" data-thickness="0.2" data-width="90" data-height="90" data-fgcolor="#DD4B39">
<div class="knob-label">CGPA: 84.2%</div>
</div><!-- ./col -->
</div>
</li>
<li data-ng-show="vm.sslcMarks">
<div class="timeline-item">
<div class="box box-danger">
<div class="box-header with-border">
<h3 class="box-title">Subject Wise Marks</h3>
<div class="box-tools pull-right">
<div class="btn-group">
<button class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i></button>
<ul class="dropdown-menu pull-right" role="menu">
<li><a data-ng-click="vm.sslcPieChart();">Pie Chart</a></li>
<li><a data-ng-click="vm.sslcDoughNutChart();">Dough Nut Chart</a></li>
<li><a data-ng-click="vm.sslcPolarChart();">Polar Chart</a></li>
</ul>
</div>
<button class="btn btn-danger btn-sm " data-widget="remove" data-ng-click="vm.sslcMarks=!vm.sslcMarks"><i class="fa fa-times"></i></button>
</div>
</div>
<div class="box-body">
<div class="chart">
<canvas id="sslcChart" style="height:350px;"></canvas>
</div>
</div>
</div>
</div>
</li>
<li>
<i class="fa fa-clock-o bg-gray"></i>
</li>
</ul>
</div><!-- /.col -->
</div>
</section><!-- /.content -->
<script>
$(function () {
/* jQueryKnob */
$(".knob").knob({
/*change : function (value) {
//console.log("change : " + value);
},
release : function (value) {
console.log("release : " + value);
},
cancel : function () {
console.log("cancel : " + this.value);
},*/
draw: function () {
// "tron" case
if (this.$.data('skin') == 'tron') {
var a = this.angle(this.cv) // Angle
, sa = this.startAngle // Previous start angle
, sat = this.startAngle // Start angle
, ea // Previous end angle
, eat = sat + a // End angle
, r = true;
this.g.lineWidth = this.lineWidth;
this.o.cursor
&& (sat = eat - 0.3)
&& (eat = eat + 0.3);
if (this.o.displayPrevious) {
ea = this.startAngle + this.angle(this.value);
this.o.cursor
&& (sa = ea - 0.3)
&& (ea = ea + 0.3);
this.g.beginPath();
this.g.strokeStyle = this.previousColor;
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sa, ea, false);
this.g.stroke();
}
this.g.beginPath();
this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sat, eat, false);
this.g.stroke();
this.g.lineWidth = 2;
this.g.beginPath();
this.g.strokeStyle = this.o.fgColor;
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
this.g.stroke();
return false;
}
}
});
/* END JQUERY KNOB */
});
/**
** Draw the little mouse speed animated graph
** This just attaches a handler to the mousemove event to see
** (roughly) how far the mouse has moved
** and then updates the display a couple of times a second via
** setTimeout()
**/
function drawMouseSpeedDemo() {
var mrefreshinterval = 500; // update display every 500ms
var lastmousex = -1;
var lastmousey = -1;
var lastmousetime;
var mousetravel = 0;
var mpoints = [];
var mpoints_max = 30;
$('html').mousemove(function (e) {
var mousex = e.pageX;
var mousey = e.pageY;
if (lastmousex > -1) {
mousetravel += Math.max(Math.abs(mousex - lastmousex), Math.abs(mousey - lastmousey));
}
lastmousex = mousex;
lastmousey = mousey;
});
var mdraw = function () {
var md = new Date();
var timenow = md.getTime();
if (lastmousetime && lastmousetime != timenow) {
var pps = Math.round(mousetravel / (timenow - lastmousetime) * 1000);
mpoints.push(pps);
if (mpoints.length > mpoints_max)
mpoints.splice(0, 1);
mousetravel = 0;
$('#mousespeed').sparkline(mpoints, { width: mpoints.length * 2, tooltipSuffix: ' pixels per second' });
}
lastmousetime = timenow;
setTimeout(mdraw, mrefreshinterval);
};
// We could use setInterval instead, but I prefer to do it this way
setTimeout(mdraw, mrefreshinterval);
}
</script>
================================================
FILE: app/modules/dashboard/views/experience.html
================================================
<!--
Author: Ranjithprabhu K
Page Description: Dashboard page
Date: 05 Jan 2016
-->
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Professional Experience
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li class="active">Experience</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- row -->
<div class="row">
<div class="col-md-12">
<!-- The time line -->
<ul class="timeline">
<li class="time-label">
<span class="bg-red-gradient">
April 2015 to till date
</span>
</li>
<li>
<i class="fa fa-suitcase bg-blue-gradient text-white"></i>
<div class="timeline-item">
<span class="time text-bold"> Full Time</span>
<h3 class="timeline-header"><a href="http://kmitsolutions.com" target="_blank">Software Engineer - KMIT Solutions</a></h3>
<div class="timeline-body">
<ul>
<li>Developing Web applications</li>
<li>Developing E-Comm sites</li>
<li>Integrating web apps with API</li>
</ul>
</div>
<div class="timeline-footer">
<p>
<span class="label label-danger">HTML 5</span>
<span class="label label-success">CSS 3</span>
<span class="label label-warning">Java Script</span>
<span class="label label-primary">Type Script</span>
<span class="label label-danger">jQuery</span>
<span class="label label-info">Angular JS</span>
<span class="label label-success">SAAS</span>
<span class="pull-right">
<a class="btn btn-primary btn-xs" ui-sref="app.recent">View Recent projects</a>
</span>
</p>
</div>
</div>
</li>
<li class="time-label">
<span class="bg-green-gradient">
Nov 2010 - Jan 2015
</span>
</li>
<li>
<i class="fa fa-pencil-square-o bg-yellow-gradient text-white"></i>
<div class="timeline-item">
<span class="time text-bold"> Part Time</span>
<h3 class="timeline-header"><a>Web & Graphic Designer - Premier Group of Companies</a></h3>
<div class="timeline-body">
<ul>
<li>Designing Loogo, Visiting Card, Brochures, Flex etc.,</li>
<li>Designing static Websites</li>
<li>Hosting and Domain Management</li>
<li>Did UI Designs and Mockups as a Freelancer</li>
</ul>
</div>
<div class="timeline-footer">
<p>
<span class="label label-danger">Photo Shop</span>
<span class="label label-success">Corel Draw</span>
<span class="label label-info">HTML</span>
<span class="label label-warning">CSS</span>
<span class="label label-primary">Bootstrap</span>
<span class="pull-right">
<a class="btn btn-google btn-xs" ui-sref="app.websites">View Websites</a>
<a class="btn btn-facebook btn-xs" ui-sref="app.portfolio">View Portfolio</a>
</span>
</p>
</div>
</div>
</li>
<li>
<i class="fa fa-clock-o bg-gray"></i>
</li>
</ul>
</div><!-- /.col -->
</div>
</section><!-- /.content -->
================================================
FILE: app/modules/dashboard/views/gallery.html
================================================
<!--
Author: Ranjithprabhu K
Page Description: Dashboard page
Date: 05 Jan 2016
-->
<section class="content-header">
<h1>
ChartJS
<small>Preview sample</small>
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
<li><a href="#">Charts</a></li>
<li class="active">ChartJS</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-md-6">
<!-- AREA CHART -->
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">Area Chart</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div>
<div class="box-body">
<div class="chart">
<canvas id="areaChart" style="height:250px"></canvas>
</div>
</div><!-- /.box-body -->
</div><!-- /.box -->
<!-- DONUT CHART -->
<div class="box box-danger">
<div class="box-header with-border">
<h3 class="box-title">Donut Chart</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div>
<div class="box-body">
<canvas id="pieChart" style="height:250px"></canvas>
</div><!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col (LEFT) -->
<div class="col-md-6">
<!-- LINE CHART -->
<div class="box box-info">
<div class="box-header with-border">
<h3 class="box-title">Line Chart</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div>
<div class="box-body">
<div class="chart">
<canvas id="lineChart" style="height:250px"></canvas>
</div>
</div><!-- /.box-body -->
</div><!-- /.box -->
<!-- BAR CHART -->
<div class="box box-success">
<div class="box-header with-border">
<h3 class="box-title">Bar Chart</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div>
<div class="box-body">
<div class="chart">
<canvas id="barChart" style="height:230px"></canvas>
</div>
</div><!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col (RIGHT) -->
</div><!-- /.row -->
</section><!-- /.content -->
================================================
FILE: app/modules/dashboard/views/home.html
================================================
<!--
Author: Ranjithprabhu K
Page Description: Dashboard Home page
Date: 05 Jan 2016
-->
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
My Home Page
</h1>
<ol class="breadcrumb">
<li><a><i class="fa fa-dashboard"></i> Dashboard</a></li>
<li class="active">Home</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- Info boxes -->
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12" data-ng-repeat="data in vm.home.mainData">
<div class="info-box">
<span class="info-box-icon bg-{{data.theme}}"><i class="fa fa-{{data.icon}}"></i></span>
<div class="info-box-content">
<span class="info-box-text">{{data.title}}</span>
<span class="info-box-number">{{data.value}}</span>
</div><!-- /.info-box-content -->
</div><!-- /.info-box -->
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<div class="box">
<div class="box-header with-border">
<h3 class="box-title">Am Casual but not Usual</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool bg-aqua-gradient" data-ng-click="vm.showDetails=!vm.showDetails"><i class="fa fa-chevron-circle-up" data-ng-if="vm.showDetails"></i><i class="fa fa-chevron-circle-down" data-ng-if="!vm.showDetails"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body" data-ng-show="vm.showDetails">
<div class="row">
<div class="col-md-8">
<div id="owl-single" class="owl-carousel owl-theme">
<div class="item"> <img src="../../../../images/home/photo1.jpg" /></div>
<div class="item"> <img src="../../../../images/home/photo2.jpg" /></div>
<div class="item"> <img src="../../../../images/home/photo3.jpg" /></div>
<div class="item"> <img src="../../../../images/home/photo4.jpg" /></div>
<div class="item"> <img src="../../../../images/home/photo5.jpg" /></div>
</div>
</div><!-- /.col -->
<div class="col-md-4" style="border-left:1px solid #eee;">
<p class="text-center">
<strong>Know About Me</strong>
</p>
<div class="progress-group" data-ng-repeat="skill in vm.home.skills">
<span class="progress-text">{{skill.title}}</span>
<span class="progress-number"><b>{{skill.percentage}}</b>/100</span>
<div class="progress sm border-radius-5">
<div class="progress-bar progress-bar-{{skill.theme}}" style="width: {{skill.percentage}}%"></div>
</div>
</div><!-- /.progress-group -->
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- ./box-body -->
<div class="box-footer">
<div class="row">
<h3 class="website-text text-uppercase">Tech & Tools I Use Most</h3>
<div id="owl-demo" class="owl-carousel owl-theme">
<div class="item bg-yellow-gradient">
<img src="../../../../images/icons/angular.png" />
<p>Angular JS</p>
</div>
<div class="item bg-light-blue-gradient">
<img src="../../../../images/icons/mongodb.png" />
<p>Mongo DB</p>
</div>
<div class="item bg-green-gradient">
gitextract_8vakf7bq/
├── .gitattributes
├── .gitignore
├── README.md
├── app/
│ ├── app.js
│ ├── common/
│ │ ├── app.html
│ │ ├── appCtrl.js
│ │ └── config.js
│ ├── factory/
│ │ └── apiCall.js
│ ├── modules/
│ │ ├── dashboard/
│ │ │ ├── controllers/
│ │ │ │ ├── about.js
│ │ │ │ ├── achievements.js
│ │ │ │ ├── contact.js
│ │ │ │ ├── education.js
│ │ │ │ ├── experience.js
│ │ │ │ ├── gallery.js
│ │ │ │ ├── home.js
│ │ │ │ ├── portfolio.js
│ │ │ │ ├── recent.js
│ │ │ │ ├── skills.js
│ │ │ │ └── websites.js
│ │ │ ├── dashboardApplication.js
│ │ │ ├── dashboardService.js
│ │ │ ├── index.html
│ │ │ └── views/
│ │ │ ├── about.html
│ │ │ ├── achievements.html
│ │ │ ├── contact.html
│ │ │ ├── contact.php
│ │ │ ├── education.html
│ │ │ ├── experience.html
│ │ │ ├── gallery.html
│ │ │ ├── home.html
│ │ │ ├── portfolio.html
│ │ │ ├── recent.html
│ │ │ ├── search.html
│ │ │ ├── skills.html
│ │ │ └── websites.html
│ │ └── login/
│ │ ├── index.html
│ │ ├── loginCtrl.js
│ │ ├── loginMgmt.js
│ │ └── loginService.js
│ └── services/
│ └── apiService.js
├── contact.php
├── css/
│ ├── _all-skins.css
│ ├── bootstrap.css
│ ├── dashboard.css
│ ├── flexslider.css
│ ├── site.css
│ ├── style.css
│ └── themes.css
├── fonts/
│ ├── FontAwesome.otf
│ └── glyphicons-halflings-regular.otf
├── index.html
├── js/
│ ├── angular-flash.js
│ ├── angular-resource.js
│ ├── angular-sanitize.js
│ ├── angular-translate-loader-partial.js
│ └── angular-ui-router-min.js
└── plugins/
├── bootstrap-slider/
│ ├── bootstrap-slider.js
│ └── slider.css
├── jquery.flexisel.js
├── knob/
│ └── jquery.knob.js
└── owl-carousel/
├── owl.carousel.css
├── owl.carousel.js
├── owl.theme.css
└── owl.transitions.css
SYMBOL INDEX (68 symbols across 6 files)
FILE: js/angular-resource.js
function isValidDottedPath (line 15) | function isValidDottedPath(path) {
function lookupDottedPath (line 20) | function lookupDottedPath(obj, path) {
function shallowClearAndCopy (line 35) | function shallowClearAndCopy(src, dst) {
function encodeUriSegment (line 443) | function encodeUriSegment(val) {
function encodeUriQuery (line 462) | function encodeUriQuery(val, pctEncodeSpaces) {
function Route (line 471) | function Route(template, defaults) {
function resourceFactory (line 550) | function resourceFactory(url, paramDefaults, actions, options) {
FILE: js/angular-sanitize.js
function $SanitizeProvider (line 146) | function $SanitizeProvider() {
function sanitizeText (line 158) | function sanitizeText(chars) {
function makeMap (line 257) | function makeMap(str, lowercaseKeys) {
function htmlParser (line 278) | function htmlParser(html, handler) {
function decodeEntities (line 434) | function decodeEntities(value) {
function encodeEntities (line 450) | function encodeEntities(value) {
function htmlSanitizeWriter (line 475) | function htmlSanitizeWriter(buf, uriValidator) {
FILE: js/angular-translate-loader-partial.js
function a (line 6) | function a(a, b) { this.name = a, this.isActive = !0, this.tables = {}, ...
function b (line 6) | function b(a) { return Object.prototype.hasOwnProperty.call(g, a) }
function c (line 6) | function c(a) { return angular.isString(a) && "" !== a }
function d (line 6) | function d(a) { if (!c(a)) throw new TypeError("Invalid type of a first ...
function e (line 6) | function e(a, b) { for (var c in b) b[c] && b[c].constructor && b[c].con...
function f (line 6) | function f() { var a = []; for (var b in g) g[b].isActive && a.push(g[b]...
FILE: js/angular-ui-router-min.js
function d (line 7) | function d(a, b) { return N(new (N(function () { }, { prototype: a })), ...
function e (line 7) | function e(a) { return M(arguments, function (b) { b !== a && M(b, funct...
function f (line 7) | function f(a, b) { var c = []; for (var d in a.path) { if (a.path[d] !==...
function g (line 7) | function g(a) { if (Object.keys) return Object.keys(a); var b = []; retu...
function h (line 7) | function h(a, b) { if (Array.prototype.indexOf) return a.indexOf(b, Numb...
function i (line 7) | function i(a, b, c, d) { var e, i = f(c, d), j = {}, k = []; for (var l ...
function j (line 7) | function j(a, b, c) { if (!c) { c = []; for (var d in a) c.push(d) } for...
function k (line 7) | function k(a, b) { var c = {}; return M(a, function (a) { c[a] = b[a] })...
function l (line 7) | function l(a) { var b = {}, c = Array.prototype.concat.apply(Array.proto...
function m (line 7) | function m(a) { var b = {}, c = Array.prototype.concat.apply(Array.proto...
function n (line 7) | function n(a, b) { var c = L(a), d = c ? [] : {}; return M(a, function (...
function o (line 7) | function o(a, b) { var c = L(a) ? [] : {}; return M(a, function (a, d) {...
function p (line 7) | function p(a, b) { var d = 1, f = 2, i = {}, j = [], k = i, l = N(a.when...
function q (line 7) | function q(a, b, c) { this.fromConfig = function (a, b, c) { return H(a....
function r (line 7) | function r(a, b, e) { function f(b, c, d, e) { if (q.push(b), o[b]) retu...
function s (line 7) | function s(a) { N(this, a) }
function t (line 7) | function t() { function a(a) { return null != a ? a.toString().replace(/...
function u (line 7) | function u(a, d) { function e(a) { var b = /^\^((?:\\[^a-zA-Z0-9]|[^\\\[...
function v (line 7) | function v(a, e) { function f(a) { return 0 === a.indexOf(".") || 0 === ...
function w (line 7) | function w() { function a(a, b) { return { load: function (c, d) { var e...
function x (line 7) | function x() { var a = !1; this.useAnchorScroll = function () { a = !0 }...
function y (line 7) | function y(a, c, d, e) { function f() { return c.has ? function (a) { re...
function z (line 7) | function z(a, b, c, d) { return { restrict: "ECA", priority: -400, compi...
function A (line 7) | function A(a, b, c, d) { var e = d(b.uiView || b.name || "")(a), f = c.i...
function B (line 7) | function B(a, b) { var c, d = a.match(/^\s*({[^}]*})\s*$/); if (d && (a ...
function C (line 7) | function C(a) { var b = a.parent().inheritedData("$uiView"); return b &&...
function D (line 7) | function D(a, c) { var d = ["location", "inherit", "reload", "absolute"]...
function E (line 7) | function E(a, b, c) { return { restrict: "A", controller: ["$scope", "$e...
function F (line 7) | function F(a) { var b = function (b) { return a.is(b) }; return b.$state...
function G (line 7) | function G(a) { var b = function (b) { return a.includes(b) }; return b....
function c (line 7) | function c(a) { function b(a) { return a.split("").reverse().join("") } ...
function b (line 7) | function b(a) { return encodeURIComponent(a).replace(/-/g, function (a) ...
function d (line 7) | function d(a, b) { function d(a, b) { return function () { return a[b].a...
FILE: plugins/bootstrap-slider/bootstrap-slider.js
function noop (line 43) | function noop() {}
function defineBridget (line 47) | function defineBridget( $ ) {
function createNewSlider (line 197) | function createNewSlider(element, options) {
FILE: plugins/owl-carousel/owl.carousel.js
function F (line 17) | function F() {}
function getData (line 38) | function getData(data) {
function getTouches (line 879) | function getTouches(event) {
function swapEvents (line 903) | function swapEvents(type) {
function dragStart (line 913) | function dragStart(event) {
function dragMove (line 955) | function dragMove(event) {
function dragEnd (line 998) | function dragEnd(event) {
function showImage (line 1183) | function showImage() {
function checkLazyImage (line 1196) | function checkLazyImage() {
function addHeight (line 1215) | function addHeight() {
function checkImage (line 1225) | function checkImage() {
function transStyles (line 1301) | function transStyles(prevPos) {
Condensed preview — 64 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (871K chars).
[
{
"path": ".gitattributes",
"chars": 378,
"preview": "# Auto detect text files and perform LF normalization\n* text=auto\n\n# Custom for Visual Studio\n*.cs diff=csharp\n\n# St"
},
{
"path": ".gitignore",
"chars": 649,
"preview": "# Windows image file caches\nThumbs.db\nehthumbs.db\n\n# Folder config file\nDesktop.ini\n\n# Recycle Bin used on file shares\n$"
},
{
"path": "README.md",
"chars": 1387,
"preview": "# Angular Bootstrap Dashboard\nAngular Bootstrap Dashboard is a web dashboard application based on Bootstrap and AngularJ"
},
{
"path": "app/app.js",
"chars": 1162,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 24 Dec "
},
{
"path": "app/common/app.html",
"chars": 6618,
"preview": "<div class=\"wrapper\">\n <header class=\"main-header\">\n <!-- Logo -->\n <a class=\"logo\">\n <!-- "
},
{
"path": "app/common/appCtrl.js",
"chars": 4742,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 24 Dec"
},
{
"path": "app/common/config.js",
"chars": 501,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 24 Dec"
},
{
"path": "app/factory/apiCall.js",
"chars": 2957,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 27 Dec"
},
{
"path": "app/modules/dashboard/controllers/about.js",
"chars": 586,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 13 Jan"
},
{
"path": "app/modules/dashboard/controllers/achievements.js",
"chars": 592,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 13 Jan"
},
{
"path": "app/modules/dashboard/controllers/contact.js",
"chars": 1314,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 13 Jan"
},
{
"path": "app/modules/dashboard/controllers/education.js",
"chars": 10277,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 13 Jan"
},
{
"path": "app/modules/dashboard/controllers/experience.js",
"chars": 589,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 13 Jan"
},
{
"path": "app/modules/dashboard/controllers/gallery.js",
"chars": 9140,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 13 Jan"
},
{
"path": "app/modules/dashboard/controllers/home.js",
"chars": 5721,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 13 Jan"
},
{
"path": "app/modules/dashboard/controllers/portfolio.js",
"chars": 2247,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 13 Jan"
},
{
"path": "app/modules/dashboard/controllers/recent.js",
"chars": 4134,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 13 Jan"
},
{
"path": "app/modules/dashboard/controllers/skills.js",
"chars": 3407,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 13 Jan"
},
{
"path": "app/modules/dashboard/controllers/websites.js",
"chars": 2835,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 13 Jan"
},
{
"path": "app/modules/dashboard/dashboardApplication.js",
"chars": 4094,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 24 Dec"
},
{
"path": "app/modules/dashboard/dashboardService.js",
"chars": 1746,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 05 Jan 2"
},
{
"path": "app/modules/dashboard/index.html",
"chars": 43117,
"preview": "<!--\nAuthor: Ranjithprabhu K\nPage Description: Dashboard page\nDate: 05 Jan 2016\n-->\n\n <!-- Content Header (Page head"
},
{
"path": "app/modules/dashboard/views/about.html",
"chars": 7280,
"preview": "<!--\nAuthor: Ranjithprabhu K\nPage Description: About Me page\nDate: 05 Jan 2016\n-->\n\n<section class=\"content-header\">\n "
},
{
"path": "app/modules/dashboard/views/achievements.html",
"chars": 43117,
"preview": "<!--\nAuthor: Ranjithprabhu K\nPage Description: Dashboard page\nDate: 05 Jan 2016\n-->\n\n <!-- Content Header (Page head"
},
{
"path": "app/modules/dashboard/views/contact.html",
"chars": 5583,
"preview": "<!--\nAuthor: Ranjithprabhu K\nPage Description: Dashboard page\nDate: 05 Jan 2016\n-->\n\n <!-- Content Header (Page head"
},
{
"path": "app/modules/dashboard/views/contact.php",
"chars": 1,
"preview": ""
},
{
"path": "app/modules/dashboard/views/education.html",
"chars": 18862,
"preview": "<!--\nAuthor: Ranjithprabhu K\nPage Description: Education page\nDate: 15 Jan 2016\n-->\n\n <!-- Content Header (Page "
},
{
"path": "app/modules/dashboard/views/experience.html",
"chars": 4563,
"preview": "<!--\nAuthor: Ranjithprabhu K\nPage Description: Dashboard page\nDate: 05 Jan 2016\n-->\n<!-- Content Header (Page header) -"
},
{
"path": "app/modules/dashboard/views/gallery.html",
"chars": 3699,
"preview": "<!--\nAuthor: Ranjithprabhu K\nPage Description: Dashboard page\nDate: 05 Jan 2016\n-->\n\n<section class=\"content-header\">\n "
},
{
"path": "app/modules/dashboard/views/home.html",
"chars": 8735,
"preview": "<!--\nAuthor: Ranjithprabhu K\nPage Description: Dashboard Home page\nDate: 05 Jan 2016\n-->\n\n <!-- Content Header (Page"
},
{
"path": "app/modules/dashboard/views/portfolio.html",
"chars": 1408,
"preview": "<!--\nAuthor: Ranjithprabhu K\nPage Description: Dashboard page\nDate: 05 Jan 2016\n-->\n\n <!-- Content Header (Page head"
},
{
"path": "app/modules/dashboard/views/recent.html",
"chars": 2379,
"preview": "<!--\nAuthor: Ranjithprabhu K\nPage Description: Recent Projects page\nDate: 24 Jan 2016\n-->\n\n <!-- Content Header (Pag"
},
{
"path": "app/modules/dashboard/views/search.html",
"chars": 1274,
"preview": "<!--\nAuthor: Ranjithprabhu K\nPage Description: Search page\nDate: 24 Jan 2016\n-->\n\n<section class=\"content-header\">\n "
},
{
"path": "app/modules/dashboard/views/skills.html",
"chars": 3808,
"preview": "<!--\nAuthor: Ranjithprabhu K\nPage Description: Skills page\nDate: 13 Jan 2016\n-->\n\n <!-- Content Header (Page header)"
},
{
"path": "app/modules/dashboard/views/websites.html",
"chars": 926,
"preview": "<!--\nAuthor: Ranjithprabhu K\nPage Description: Dashboard page\nDate: 05 Jan 2016\n-->\n\n <!-- Content Header (Page head"
},
{
"path": "app/modules/login/index.html",
"chars": 5071,
"preview": "<!--\nAuthor: Ranjithprabhu K\nPage Description: Login Page\nDate: 24 Dec 2015\n-->\n<div class=\"container margin-top-80\">\n "
},
{
"path": "app/modules/login/loginCtrl.js",
"chars": 1614,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 24 Dec"
},
{
"path": "app/modules/login/loginMgmt.js",
"chars": 716,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 24 Dec"
},
{
"path": "app/modules/login/loginService.js",
"chars": 1718,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 24 Dec 2"
},
{
"path": "app/services/apiService.js",
"chars": 2957,
"preview": "/*==========================================================\n Author : Ranjithprabhu K\n Date Created: 27 Dec"
},
{
"path": "contact.php",
"chars": 892,
"preview": "<?php\n /*\n * Collect all Details from Angular HTTP Request.\n */\n $postdata = file_get_contents(\"php://input\");"
},
{
"path": "css/_all-skins.css",
"chars": 48880,
"preview": "/*\n * Skin: Blue\n * ----------\n */\n.skin-blue .main-header .navbar {\n background-color: #3c8dbc;\n}\n.skin-blue .main-hea"
},
{
"path": "css/bootstrap.css",
"chars": 155909,
"preview": "@import url(\"https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700\");\n/*!\n * bootswatch v3.3.6\n "
},
{
"path": "css/dashboard.css",
"chars": 105514,
"preview": "@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);\n/*!\n"
},
{
"path": "css/flexslider.css",
"chars": 6892,
"preview": "/*\n * jQuery FlexSlider v2.4.0\n * http://www.woothemes.com/flexslider/\n *\n * Copyright 2012 WooThemes\n * Free to use und"
},
{
"path": "css/site.css",
"chars": 3049,
"preview": " .wrap {\n overflow: hidden;\n margin: 10px;\n }\n .gallery-box {\n float: left;\n position: rel"
},
{
"path": "css/style.css",
"chars": 1272,
"preview": "\n/*===padding styles=====*/\n.padding-none{\n padding:0px!important;\n}\n.padding-left-none{\n padding-left:0px!import"
},
{
"path": "css/themes.css",
"chars": 48880,
"preview": "/*\n * Skin: Blue\n * ----------\n */\n.skin-blue .main-header .navbar {\n background-color: #3c8dbc;\n}\n.skin-blue .main-hea"
},
{
"path": "index.html",
"chars": 3879,
"preview": "<!-- Author: Ranjithprabhu K\n Date: 24 Dec 2015\n\t Author URL: http://ranjithprabhu.in\n\t Version: 1.0.0\n--->\n\n<!DOCT"
},
{
"path": "js/angular-flash.js",
"chars": 3053,
"preview": "(function() {\n 'use strict';\n var app = angular.module('flash', []);\n\n app.run(['$rootScope', function($rootSco"
},
{
"path": "js/angular-resource.js",
"chars": 31142,
"preview": "/**\n * @license AngularJS v1.5.0-rc.0\n * (c) 2010-2015 Google, Inc. http://angularjs.org\n * License: MIT\n */\n(function(w"
},
{
"path": "js/angular-sanitize.js",
"chars": 20094,
"preview": "'use strict';\n\n/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\n * Any commits to this "
},
{
"path": "js/angular-translate-loader-partial.js",
"chars": 4247,
"preview": "/*!\n* angular-translate - v2.6.0 - 2015-02-08\n* http://github.com/angular-translate/angular-translate\n* Copyright (c) 2"
},
{
"path": "js/angular-ui-router-min.js",
"chars": 36266,
"preview": "/**\n * State-based routing for AngularJS\n * @version v0.2.15\n * @link http://angular-ui.github.com/\n * @license MIT Lic"
},
{
"path": "plugins/bootstrap-slider/bootstrap-slider.js",
"chars": 36164,
"preview": "/*! =========================================================\n * bootstrap-slider.js\n *\n * Maintainers: \n *\t\tKyle Kemp \n"
},
{
"path": "plugins/bootstrap-slider/slider.css",
"chars": 4414,
"preview": "/*!\n * Slider for Bootstrap\n *\n * Copyright 2012 Stefan Petre\n * Licensed under the Apache License v2.0\n * http://www.ap"
},
{
"path": "plugins/jquery.flexisel.js",
"chars": 8129,
"preview": "/*\n* File: jquery.flexisel.js\n* Version: 1.0.0\n* Description: Responsive carousel jQuery plugin\n* Author: 9bit Studios\n*"
},
{
"path": "plugins/knob/jquery.knob.js",
"chars": 26222,
"preview": "/*!jQuery Knob*/\n/**\n * Downward compatible, touchable dial\n *\n * Version: 1.2.11\n * Requires: jQuery v1.7+\n *\n * Copyri"
},
{
"path": "plugins/owl-carousel/owl.carousel.css",
"chars": 1476,
"preview": "/* \n * \tCore Owl Carousel CSS File\n *\tv1.3.3\n */\n\n/* clearfix */\n.owl-carousel .owl-wrapper:after {\n\tcontent: \".\";\n\tdisp"
},
{
"path": "plugins/owl-carousel/owl.carousel.js",
"chars": 52797,
"preview": "/*\n * jQuery OwlCarousel v1.3.3\n *\n * Copyright (c) 2013 Bartosz Wojciechowski\n * http://www.owlgraphic.com/owlcarous"
},
{
"path": "plugins/owl-carousel/owl.theme.css",
"chars": 1665,
"preview": "/*\n* \tOwl Carousel Owl Demo Theme \n*\tv1.3.3\n*/\n\n.owl-theme .owl-controls{\n\tmargin-top: 10px;\n\ttext-align: center;\n}\n\n/* "
},
{
"path": "plugins/owl-carousel/owl.transitions.css",
"chars": 4476,
"preview": "/* \n * Owl Carousel CSS3 Transitions \n * v1.3.2\n */\n\n.owl-origin {\n\t-webkit-perspective: 1200px;\n\t-webkit-perspective-"
}
]
// ... and 2 more files (download for full content)
About this extraction
This page contains the full source code of the ranjithprabhuk/Angular-Bootstrap-Dashboard GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 64 files (807.8 KB), approximately 217.2k tokens, and a symbol index with 68 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.