Initial UI Commit, still rather rough
This commit is contained in:
Jason White
219
newDesign/assets/js/application.js
Normal file
219
newDesign/assets/js/application.js
Normal file
@ -0,0 +1,219 @@
|
||||
var app = function() {
|
||||
|
||||
var init = function() {
|
||||
|
||||
tooltips();
|
||||
toggleMenuLeft();
|
||||
toggleMenuRight();
|
||||
menu();
|
||||
togglePanel();
|
||||
closePanel();
|
||||
};
|
||||
|
||||
var tooltips = function() {
|
||||
$('#toggle-left').tooltip();
|
||||
};
|
||||
|
||||
var togglePanel = function() {
|
||||
$('.actions > .fa-chevron-down').click(function() {
|
||||
$(this).parent().parent().next().slideToggle('fast');
|
||||
$(this).toggleClass('fa-chevron-down fa-chevron-up');
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
var toggleMenuLeft = function() {
|
||||
$('#toggle-left').bind('click', function(e) {
|
||||
if (!$('.sidebarRight').hasClass('.sidebar-toggle-right')) {
|
||||
$('.sidebarRight').removeClass('sidebar-toggle-right');
|
||||
$('.main-content-wrapper').removeClass('main-content-toggle-right');
|
||||
}
|
||||
$('.sidebar').toggleClass('sidebar-toggle');
|
||||
$('.main-content-wrapper').toggleClass('main-content-toggle-left');
|
||||
e.stopPropagation();
|
||||
});
|
||||
};
|
||||
|
||||
var toggleMenuRight = function() {
|
||||
$('#toggle-right').bind('click', function(e) {
|
||||
|
||||
if (!$('.sidebar').hasClass('.sidebar-toggle')) {
|
||||
$('.sidebar').addClass('sidebar-toggle');
|
||||
$('.main-content-wrapper').addClass('main-content-toggle-left');
|
||||
}
|
||||
|
||||
$('.sidebarRight').toggleClass('sidebar-toggle-right animated bounceInRight');
|
||||
$('.main-content-wrapper').toggleClass('main-content-toggle-right');
|
||||
|
||||
if ( $(window).width() < 660 ) {
|
||||
$('.sidebar').removeClass('sidebar-toggle');
|
||||
$('.main-content-wrapper').removeClass('main-content-toggle-left main-content-toggle-right');
|
||||
};
|
||||
|
||||
e.stopPropagation();
|
||||
});
|
||||
};
|
||||
|
||||
var closePanel = function() {
|
||||
$('.actions > .fa-times').click(function() {
|
||||
$(this).parent().parent().parent().fadeOut();
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
var menu = function() {
|
||||
$("#leftside-navigation .sub-menu > a").click(function(e) {
|
||||
$("#leftside-navigation ul ul").slideUp();
|
||||
if (!$(this).next().is(":visible")) {
|
||||
$(this).next().slideDown();
|
||||
}
|
||||
e.stopPropagation();
|
||||
});
|
||||
};
|
||||
//End functions
|
||||
|
||||
//Dashboard functions
|
||||
var timer = function() {
|
||||
$('.timer').countTo();
|
||||
};
|
||||
|
||||
|
||||
//Vector Maps
|
||||
var map = function() {
|
||||
$('#map').vectorMap({
|
||||
map: 'world_mill_en',
|
||||
backgroundColor: 'transparent',
|
||||
regionStyle: {
|
||||
initial: {
|
||||
fill: '#1ABC9C',
|
||||
},
|
||||
hover: {
|
||||
"fill-opacity": 0.8
|
||||
}
|
||||
},
|
||||
markerStyle: {
|
||||
initial: {
|
||||
r: 10
|
||||
},
|
||||
hover: {
|
||||
r: 12,
|
||||
stroke: 'rgba(255,255,255,0.8)',
|
||||
"stroke-width": 3
|
||||
}
|
||||
},
|
||||
markers: [{
|
||||
latLng: [27.9881, 86.9253],
|
||||
name: '36 Employees',
|
||||
style: {
|
||||
fill: '#E84C3D',
|
||||
stroke: 'rgba(255,255,255,0.7)',
|
||||
"stroke-width": 3
|
||||
}
|
||||
}, {
|
||||
latLng: [48.8582, 2.2945],
|
||||
name: '58 Employees',
|
||||
style: {
|
||||
fill: '#E84C3D',
|
||||
stroke: 'rgba(255,255,255,0.7)',
|
||||
"stroke-width": 3
|
||||
}
|
||||
}, {
|
||||
latLng: [-40.6892, -74.0444],
|
||||
name: '109 Employees',
|
||||
style: {
|
||||
fill: '#E84C3D',
|
||||
stroke: 'rgba(255,255,255,0.7)',
|
||||
"stroke-width": 3
|
||||
}
|
||||
}, {
|
||||
latLng: [34.05, -118.25],
|
||||
name: '85 Employees ',
|
||||
style: {
|
||||
fill: '#E84C3D',
|
||||
stroke: 'rgba(255,255,255,0.7)',
|
||||
"stroke-width": 3
|
||||
}
|
||||
}]
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
var weather = function() {
|
||||
var icons = new Skycons({
|
||||
"color": "white"
|
||||
});
|
||||
|
||||
icons.set("clear-day", Skycons.CLEAR_DAY);
|
||||
icons.set("clear-night", Skycons.CLEAR_NIGHT);
|
||||
icons.set("partly-cloudy-day", Skycons.PARTLY_CLOUDY_DAY);
|
||||
icons.set("partly-cloudy-night", Skycons.PARTLY_CLOUDY_NIGHT);
|
||||
icons.set("cloudy", Skycons.CLOUDY);
|
||||
icons.set("rain", Skycons.RAIN);
|
||||
icons.set("sleet", Skycons.SLEET);
|
||||
icons.set("snow", Skycons.SNOW);
|
||||
icons.set("wind", Skycons.WIND);
|
||||
icons.set("fog", Skycons.FOG);
|
||||
|
||||
icons.play();
|
||||
}
|
||||
|
||||
//morris pie chart
|
||||
var morrisPie = function() {
|
||||
|
||||
Morris.Donut({
|
||||
element: 'donut-example',
|
||||
data: [{
|
||||
label: "Chrome",
|
||||
value: 73
|
||||
}, {
|
||||
label: "Firefox",
|
||||
value: 71
|
||||
}, {
|
||||
label: "Safari",
|
||||
value: 69
|
||||
}, {
|
||||
label: "Internet Explorer",
|
||||
value: 40
|
||||
}, {
|
||||
label: "Opera",
|
||||
value: 20
|
||||
}, {
|
||||
label: "Android Browser",
|
||||
value: 10
|
||||
}
|
||||
|
||||
],
|
||||
colors: [
|
||||
'#1abc9c',
|
||||
'#293949',
|
||||
'#e84c3d',
|
||||
'#3598db',
|
||||
'#2dcc70',
|
||||
'#f1c40f'
|
||||
]
|
||||
});
|
||||
}
|
||||
|
||||
//Sliders
|
||||
var sliders = function() {
|
||||
$('.slider-span').slider()
|
||||
};
|
||||
|
||||
|
||||
//return functions
|
||||
return {
|
||||
init: init,
|
||||
timer: timer,
|
||||
map: map,
|
||||
sliders: sliders,
|
||||
weather: weather,
|
||||
morrisPie: morrisPie
|
||||
|
||||
};
|
||||
}();
|
||||
|
||||
//Load global functions
|
||||
$(document).ready(function() {
|
||||
app.init();
|
||||
|
||||
});
|
||||
8
newDesign/assets/js/html5shiv.js
vendored
Normal file
8
newDesign/assets/js/html5shiv.js
vendored
Normal file
@ -0,0 +1,8 @@
|
||||
/*
|
||||
HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
|
||||
*/
|
||||
(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
|
||||
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/[\w\-]+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}</style>";
|
||||
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
|
||||
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:"3.7.0",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);
|
||||
if(g)return a.createDocumentFragment();for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
|
||||
6
newDesign/assets/js/jquery-1.10.2.min.js
vendored
Normal file
6
newDesign/assets/js/jquery-1.10.2.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
4
newDesign/assets/js/modernizr-2.6.2.min.js
vendored
Normal file
4
newDesign/assets/js/modernizr-2.6.2.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
5
newDesign/assets/js/respond.min.js
vendored
Normal file
5
newDesign/assets/js/respond.min.js
vendored
Normal file
@ -0,0 +1,5 @@
|
||||
/*! Respond.js v1.4.2: min/max-width media query polyfill * Copyright 2013 Scott Jehl
|
||||
* Licensed under https://github.com/scottjehl/Respond/blob/master/LICENSE-MIT
|
||||
* */
|
||||
|
||||
!function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='­<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){u(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))};if(c.ajax=f,c.queue=d,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\([\s]*min\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/,maxw:/\([\s]*max\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var g,h,i,j=a.document,k=j.documentElement,l=[],m=[],n=[],o={},p=30,q=j.getElementsByTagName("head")[0]||k,r=j.getElementsByTagName("base")[0],s=q.getElementsByTagName("link"),t=function(){var a,b=j.createElement("div"),c=j.body,d=k.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=j.createElement("body"),c.style.background="none"),k.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&k.insertBefore(c,k.firstChild),a=b.offsetWidth,f?k.removeChild(c):c.removeChild(b),k.style.fontSize=d,e&&(c.style.fontSize=e),a=i=parseFloat(a)},u=function(b){var c="clientWidth",d=k[c],e="CSS1Compat"===j.compatMode&&d||j.body[c]||d,f={},o=s[s.length-1],r=(new Date).getTime();if(b&&g&&p>r-g)return a.clearTimeout(h),h=a.setTimeout(u,p),void 0;g=r;for(var v in l)if(l.hasOwnProperty(v)){var w=l[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?i||t():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?i||t():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(m[w.rules]))}for(var C in n)n.hasOwnProperty(C)&&n[C]&&n[C].parentNode===q&&q.removeChild(n[C]);n.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=j.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,q.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(j.createTextNode(F)),n.push(E)}},v=function(a,b,d){var e=a.replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var g=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},h=!f&&d;b.length&&(b+="/"),h&&(f=1);for(var i=0;f>i;i++){var j,k,n,o;h?(j=d,m.push(g(a))):(j=e[i].match(c.regex.findStyles)&&RegExp.$1,m.push(RegExp.$2&&g(RegExp.$2))),n=j.split(","),o=n.length;for(var p=0;o>p;p++)k=n[p],l.push({media:k.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:m.length-1,hasquery:k.indexOf("(")>-1,minw:k.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:k.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},w=function(){if(d.length){var b=d.shift();f(b.href,function(c){v(c,b.href,b.media),o[b.href]=!0,a.setTimeout(function(){w()},0)})}},x=function(){for(var b=0;b<s.length;b++){var c=s[b],e=c.href,f=c.media,g=c.rel&&"stylesheet"===c.rel.toLowerCase();e&&g&&!o[e]&&(c.styleSheet&&c.styleSheet.rawCssText?(v(c.styleSheet.rawCssText,e,f),o[e]=!0):(!/^([a-zA-Z:]*\/\/)/.test(e)&&!r||e.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&("//"===e.substring(0,2)&&(e=a.location.protocol+e),d.push({href:e,media:f})))}w()};x(),c.update=x,c.getEmValue=t,a.addEventListener?a.addEventListener("resize",b,!1):a.attachEvent&&a.attachEvent("onresize",b)}}(this);
|
||||
Reference in New Issue
Block a user