dubey/WebGoat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial UI Commit, still rather rough

Browse Source
This commit is contained in:
Jason White
2014-08-11 18:48:29 -04:00
parent f6437cf28c
commit c4d9bacfbc
79 changed files with 54589 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

215
webapp/js/application.js Normal file
View File

@ -0,0 +1,215 @@
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
};
}();