Initial upload of project
This commit is contained in:
Akkadius
parent
7e43f03fdf
commit
9aa32c8aa3
|
|
@ -0,0 +1,60 @@
|
|||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# Runtime data
|
||||
pids
|
||||
*.pid
|
||||
*.seed
|
||||
*.pid.lock
|
||||
|
||||
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||
lib-cov
|
||||
|
||||
# Coverage directory used by tools like istanbul
|
||||
coverage
|
||||
|
||||
.idea/
|
||||
|
||||
# nyc test coverage
|
||||
.nyc_output
|
||||
|
||||
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
|
||||
.grunt
|
||||
|
||||
# Bower dependency directory (https://bower.io/)
|
||||
bower_components
|
||||
|
||||
# node-waf configuration
|
||||
.lock-wscript
|
||||
|
||||
# Compiled binary addons (http://nodejs.org/api/addons.html)
|
||||
build/Release
|
||||
|
||||
# Dependency directories
|
||||
node_modules/
|
||||
jspm_packages/
|
||||
|
||||
# Typescript v1 declaration files
|
||||
typings/
|
||||
|
||||
# Optional npm cache directory
|
||||
.npm
|
||||
|
||||
# Optional eslint cache
|
||||
.eslintcache
|
||||
|
||||
# Optional REPL history
|
||||
.node_repl_history
|
||||
|
||||
# Output of 'npm pack'
|
||||
*.tgz
|
||||
|
||||
# Yarn Integrity file
|
||||
.yarn-integrity
|
||||
|
||||
# dotenv environment variables file
|
||||
.env
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
/**
|
||||
* Created by cmiles on 8/9/2017.
|
||||
*/
|
||||
|
||||
var express = require('express');
|
||||
var router = express.Router();
|
||||
|
||||
router.get('/', function(req, res, next) {
|
||||
var lease_parser = require('../lib/lease_parser.js');
|
||||
lease_parser.clean();
|
||||
|
||||
res.setHeader('Content-Type', 'application/json');
|
||||
res.send(JSON.stringify(dhcp_lease_data));
|
||||
});
|
||||
|
||||
module.exports = router;
|
||||
|
|
@ -0,0 +1,122 @@
|
|||
var express = require('express');
|
||||
var path = require('path');
|
||||
var favicon = require('serve-favicon');
|
||||
var logger = require('morgan');
|
||||
var cookieParser = require('cookie-parser');
|
||||
var bodyParser = require('body-parser');
|
||||
|
||||
var app = express();
|
||||
|
||||
// uncomment after placing your favicon in /public
|
||||
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
|
||||
app.use(logger('dev'));
|
||||
app.use(bodyParser.json());
|
||||
app.use(bodyParser.urlencoded({ extended: false }));
|
||||
app.use(cookieParser());
|
||||
app.use(express.static(path.join(__dirname, 'public')));
|
||||
|
||||
/* Normal Web Routes */
|
||||
app.use('/', require('./routes/index'));
|
||||
app.use('/users', require('./routes/users'));
|
||||
app.use('/get_dashboard', require('./routes/dashboard'));
|
||||
app.use('/get_stats', require('./routes/get_stats'));
|
||||
app.use('/dhcp_leases', require('./routes/dhcp_leases'));
|
||||
app.use('/api_examples', require('./routes/api_examples'));
|
||||
|
||||
/* API Routes */
|
||||
app.use('/api/get_active_leases/', require('./api/get_active_leases'));
|
||||
|
||||
app.set('view engine', 'html');
|
||||
|
||||
// catch 404 and forward to error handler
|
||||
app.use(function(req, res, next) {
|
||||
var err = new Error('Not Found');
|
||||
err.status = 404;
|
||||
next(err);
|
||||
});
|
||||
|
||||
// error handler
|
||||
app.use(function(err, req, res, next) {
|
||||
// set locals, only providing error in development
|
||||
res.locals.message = err.message;
|
||||
res.locals.error = req.app.get('env') === 'development' ? err : {};
|
||||
|
||||
// render the error page
|
||||
res.status(err.status || 500);
|
||||
res.send(err.message);
|
||||
});
|
||||
|
||||
module.exports = app;
|
||||
|
||||
/* Tail leases file */
|
||||
current_time = 0;
|
||||
leases_per_second = 0;
|
||||
current_leases_per_second = 0;
|
||||
leases_last_update_time = 0;
|
||||
|
||||
options = {};
|
||||
options.interval = 1000;
|
||||
|
||||
var lease_parser = require('./lib/lease_parser.js');
|
||||
dhcp_lease_data = {};
|
||||
lease_read_buffer = "";
|
||||
|
||||
fs = require('fs');
|
||||
fs.readFile('/var/lib/dhcp/dhcpd.leases', 'utf8', function (err,data) {
|
||||
if (err) {
|
||||
return console.log(err);
|
||||
}
|
||||
|
||||
lease_parser.parse(data);
|
||||
// console.log(JSON.stringify(dhcp_lease_data, null, 2));
|
||||
});
|
||||
|
||||
var tail_module = require('always-tail');
|
||||
tail = new tail_module(
|
||||
"/var/lib/dhcp/dhcpd.leases",
|
||||
"\n",
|
||||
options
|
||||
);
|
||||
|
||||
tail.on("line", function(data) {
|
||||
unix_time = Math.floor(new Date() / 1000);
|
||||
|
||||
/* Buffering lines until we get full lease data */
|
||||
lease_read_buffer = lease_read_buffer + data + "\n";
|
||||
|
||||
/* End of lease - cut off and parse the buffer */
|
||||
if (/}/i.test(data)){
|
||||
lease_parser.parse(lease_read_buffer);
|
||||
lease_read_buffer = "";
|
||||
}
|
||||
|
||||
/* Count leases per second */
|
||||
if(/lease/.test(data)) {
|
||||
leases_per_second++;
|
||||
}
|
||||
if(current_time != unix_time) {
|
||||
current_time = unix_time;
|
||||
current_leases_per_second = leases_per_second;
|
||||
leases_last_update_time = unix_time;
|
||||
leases_per_second = 0;
|
||||
}
|
||||
});
|
||||
|
||||
/* Globals */
|
||||
cpu_utilization = 0;
|
||||
total_leases = 0;
|
||||
|
||||
dashboard_timer = setInterval(function(){
|
||||
// console.log("Checking timers...");
|
||||
unix_time = Math.floor(new Date() / 1000);
|
||||
if((unix_time - 5) > leases_last_update_time){
|
||||
current_leases_per_second = 0;
|
||||
}
|
||||
|
||||
// console.log(JSON.stringify(dhcp_lease_data, null, 2));
|
||||
|
||||
}, 5000);
|
||||
|
||||
lease_clean_timer = setInterval(function(){
|
||||
lease_parser.clean();
|
||||
}, (60 * 1000));
|
||||
|
|
@ -0,0 +1,184 @@
|
|||
#!/usr/bin/perl
|
||||
|
||||
use POSIX qw(strftime);
|
||||
|
||||
my $output_format = 'human';
|
||||
my $opt_keep = 'active';
|
||||
|
||||
$n = 0;
|
||||
while ($ARGV[$n]) {
|
||||
local $_ = $ARGV[$n];
|
||||
$val = $ARGV[$n + 1];
|
||||
|
||||
($_ eq '--oui-fetch') && do { fetch_oui_file(); exit; };
|
||||
($_ eq '--oui-parse') && do { parse_oui_file(); exit; };
|
||||
($_ eq '--leases-file') && do { $leases_file = $val; };
|
||||
($_ eq '--parse') && do { $output_format = ''; };
|
||||
|
||||
$n++;
|
||||
}
|
||||
|
||||
do_read();
|
||||
|
||||
|
||||
sub clean_mac($){
|
||||
my $string = shift;
|
||||
$string =~ s|:||g;
|
||||
$string=~s/^\s+//;
|
||||
$string=~s/\s+$//;
|
||||
return $string;
|
||||
}
|
||||
|
||||
sub trim($){
|
||||
my $string = shift;
|
||||
$string=~s/^\s+//;
|
||||
$string=~s/\s+$//;
|
||||
return $string;
|
||||
}
|
||||
|
||||
sub get_lease_value($){
|
||||
my $string = shift;
|
||||
|
||||
my @split = split("=", $string);
|
||||
$string = trim($split[1]);
|
||||
$string =~s/"//g;
|
||||
$string =~s/;//g;
|
||||
$string =~s/^\s+//;
|
||||
$string =~s/\s+$//;
|
||||
return $string;
|
||||
}
|
||||
|
||||
sub fetch_oui_file() {
|
||||
exec("wget http://standards.ieee.org/develop/regauth/oui/oui.txt");
|
||||
}
|
||||
|
||||
sub parse_oui_file() {
|
||||
$count = 1;
|
||||
|
||||
open(my $fh, '>', 'oui_table.txt');
|
||||
|
||||
open (FILE, './oui.txt');
|
||||
while (<FILE>) {
|
||||
chomp;
|
||||
$val = $_ . "\n";
|
||||
|
||||
if($val=~/base/i){
|
||||
$val =~ s/\(base 16\)//g;
|
||||
$mac_address_line = clean_mac($val) . "\n";
|
||||
@values = split(' ', $mac_address_line);
|
||||
$mac_address = $values[0];
|
||||
$val =~ s/$mac_address//g;
|
||||
if(length($mac_address) == 6){
|
||||
print $fh $mac_address . ":::" . clean_mac($val) . "\n";
|
||||
$count++;
|
||||
}
|
||||
}
|
||||
}
|
||||
print "mac_address entries found :: " . $count . "\n";
|
||||
|
||||
close $fh;
|
||||
}
|
||||
|
||||
sub do_read() {
|
||||
|
||||
if(-e "oui_table.txt"){
|
||||
open (FILE, './oui_table.txt');
|
||||
while (<FILE>) {
|
||||
chomp;
|
||||
my @data = split(":::", $_);
|
||||
$oui_data{$data[0]} = $data[1];
|
||||
}
|
||||
close (FILE);
|
||||
}
|
||||
|
||||
print("Reading leases from $leases_file\n");
|
||||
|
||||
open(F, $leases_file) or die("Cannot open $leases_file: $!");
|
||||
my $content = join('', <F>);
|
||||
close(F);
|
||||
@all_leases = split(/lease/, $content);
|
||||
|
||||
my $gm_now = strftime("%Y/%m/%d %H:%M:%S", gmtime());
|
||||
my %tmp_leases; # for sorting and filtering
|
||||
|
||||
foreach my $lease (@all_leases) {
|
||||
next if not ($lease =~ /^\s+([\.\d]+)\s+{.*starts \d+ ([\/\d\ \:]+);.*ends \d+ ([\/\d\ \:]+);.*ethernet ([a-f0-9:]+);(.*client-hostname \"(\S+)\";)*/s);
|
||||
|
||||
next if ($opt_keep eq 'active' and $3 lt $gm_now);
|
||||
|
||||
my $hostname = "NA";
|
||||
if ($6) {
|
||||
$hostname = $6;
|
||||
}
|
||||
|
||||
@lease_values = split("\n", $lease);
|
||||
foreach my $val (@lease_values){
|
||||
if($val=~/vendor-string/i){
|
||||
$vendor_string = get_lease_value($val);
|
||||
}
|
||||
}
|
||||
|
||||
my $mac = uc($4);
|
||||
my $mac_oid = uc(substr(clean_mac($4), 0, 6));
|
||||
my $vendor = "NA";
|
||||
if($oui_data{$mac_oid}){
|
||||
$vendor = $oui_data{$mac_oid};
|
||||
}
|
||||
|
||||
my $date_end = $3;
|
||||
|
||||
my %entry = (
|
||||
'ip' => $1,
|
||||
'date_begin' => $2,
|
||||
'date_end' => $date_end,
|
||||
'mac' => $mac,
|
||||
'hostname' => $hostname,
|
||||
'manu' => $vendor,
|
||||
);
|
||||
|
||||
$entry{'date_begin'} =~ s#\/#-#g; # long live ISO 8601
|
||||
$entry{'date_end'} =~ s#\/#-#g;
|
||||
|
||||
if ($opt_keep eq 'all') {
|
||||
push(@leases, \%entry);
|
||||
}
|
||||
elsif (not defined $tmp_leases{$mac} or $tmp_leases{$mac}{'date_end'} gt $date_end) {
|
||||
$tmp_leases{$mac} = \%entry;
|
||||
}
|
||||
}
|
||||
|
||||
# In case we used the hash to filtered
|
||||
if (%tmp_leases) {
|
||||
foreach (sort keys %tmp_leases) {
|
||||
my $h = $tmp_leases{$_};
|
||||
push(@leases, $h);
|
||||
}
|
||||
}
|
||||
|
||||
if ($output_format eq 'human') {
|
||||
printf "%-19s%-16s%-15s%-20s%-20s\n","MAC","IP","hostname","valid until","manufacturer";
|
||||
print("===============================================================================================\n");
|
||||
}
|
||||
foreach (@leases) {
|
||||
if ($output_format eq 'human') {
|
||||
printf("%-19s%-16s%-14.14s %-20s%-20s\n",
|
||||
$_->{'mac'}, # MAC
|
||||
$_->{'ip'}, # IP address
|
||||
$_->{'hostname'}, # hostname
|
||||
$_->{'date_end'}, # Date
|
||||
$_->{'manu'} # manufactor name
|
||||
);
|
||||
}
|
||||
else {
|
||||
printf("%s::%s::%s::%s::%s::%s\n",
|
||||
$_->{'mac'},
|
||||
$_->{'ip'},
|
||||
$_->{'hostname'},
|
||||
$_->{'date_begin'},
|
||||
$_->{'date_end'},
|
||||
$_->{'manu'}
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,90 @@
|
|||
#!/usr/bin/env node
|
||||
|
||||
/**
|
||||
* Module dependencies.
|
||||
*/
|
||||
|
||||
var app = require('../app');
|
||||
var debug = require('debug')('dhcpd-warrior:server');
|
||||
var http = require('http');
|
||||
|
||||
/**
|
||||
* Get port from environment and store in Express.
|
||||
*/
|
||||
|
||||
var port = normalizePort(process.env.PORT || '3000');
|
||||
app.set('port', port);
|
||||
|
||||
/**
|
||||
* Create HTTP server.
|
||||
*/
|
||||
|
||||
var server = http.createServer(app);
|
||||
|
||||
/**
|
||||
* Listen on provided port, on all network interfaces.
|
||||
*/
|
||||
|
||||
server.listen(port);
|
||||
server.on('error', onError);
|
||||
server.on('listening', onListening);
|
||||
|
||||
/**
|
||||
* Normalize a port into a number, string, or false.
|
||||
*/
|
||||
|
||||
function normalizePort(val) {
|
||||
var port = parseInt(val, 10);
|
||||
|
||||
if (isNaN(port)) {
|
||||
// named pipe
|
||||
return val;
|
||||
}
|
||||
|
||||
if (port >= 0) {
|
||||
// port number
|
||||
return port;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
/**
|
||||
* Event listener for HTTP server "error" event.
|
||||
*/
|
||||
|
||||
function onError(error) {
|
||||
if (error.syscall !== 'listen') {
|
||||
throw error;
|
||||
}
|
||||
|
||||
var bind = typeof port === 'string'
|
||||
? 'Pipe ' + port
|
||||
: 'Port ' + port;
|
||||
|
||||
// handle specific listen errors with friendly messages
|
||||
switch (error.code) {
|
||||
case 'EACCES':
|
||||
console.error(bind + ' requires elevated privileges');
|
||||
process.exit(1);
|
||||
break;
|
||||
case 'EADDRINUSE':
|
||||
console.error(bind + ' is already in use');
|
||||
process.exit(1);
|
||||
break;
|
||||
default:
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Event listener for HTTP server "listening" event.
|
||||
*/
|
||||
|
||||
function onListening() {
|
||||
var addr = server.address();
|
||||
var bind = typeof addr === 'string'
|
||||
? 'pipe ' + addr
|
||||
: 'port ' + addr.port;
|
||||
debug('Listening on ' + bind);
|
||||
}
|
||||
|
|
@ -0,0 +1,115 @@
|
|||
/**
|
||||
* Created by cmiles on 8/9/2017.
|
||||
*/
|
||||
|
||||
module.exports = {
|
||||
parse: function(input) {
|
||||
var lease_data = input.split("lease");
|
||||
for (i = 0; i < lease_data.length; i++) {
|
||||
ip_address = "";
|
||||
|
||||
lines = lease_data[i].split("\n");
|
||||
for (l = 0; l < lines.length; l++) {
|
||||
/* Trim whitespaces at each ends of the line */
|
||||
lines[l] = lines[l].trim();
|
||||
|
||||
/* Break each newline into an array split into spaces
|
||||
Ex: [ 'starts', '3', '2017/08/09', '04:50:53;' ]
|
||||
*/
|
||||
|
||||
line_data_arg = lines[l].split(" ");
|
||||
|
||||
if (/{/i.test(lines[l]) && /\./i.test(lines[l]) && !/uid/i.test(lines[l])){
|
||||
ip_address = line_data_arg[0].trim();
|
||||
if(typeof dhcp_lease_data[ip_address] === "undefined") {
|
||||
dhcp_lease_data[ip_address] = {};
|
||||
}
|
||||
option_data = {};
|
||||
}
|
||||
if(ip_address != "") {
|
||||
if (/start/i.test(lines[l])) {
|
||||
/*
|
||||
Make sure we force format as UTC because that is what the leases are formatted in
|
||||
*/
|
||||
date = (line_data_arg[2] + ' ' + line_data_arg[3]).trim().replace(/\//gi, '-').replace(/;/i, '') + ' UTC';
|
||||
|
||||
start_unix_time = (Date.parse(date) / 1000);
|
||||
dhcp_lease_data[ip_address].start = start_unix_time;
|
||||
}
|
||||
if (/ends/i.test(lines[l])) {
|
||||
/*
|
||||
Make sure we force format as UTC because that is what the leases are formatted in
|
||||
*/
|
||||
lease_end = (line_data_arg[2] + ' ' + line_data_arg[3]).trim().replace(/\//gi, '-').replace(/;/i, '') + ' UTC';
|
||||
|
||||
now_unix_time = parseInt((new Date().getTime() / 1000).toFixed(0));
|
||||
end_unix_time = parseInt((new Date(lease_end).getTime() / 1000).toFixed(0).toLocaleString());
|
||||
|
||||
/*
|
||||
console.log('now ' + now_unix_time);
|
||||
console.log('end ' + end_unix_time);
|
||||
|
||||
console.log('now ' + new Date());
|
||||
console.log('end_raw ' + lease_end);
|
||||
console.log('end ' + new Date(lease_end));
|
||||
*/
|
||||
|
||||
if (end_unix_time <= now_unix_time) {
|
||||
delete dhcp_lease_data[ip_address];
|
||||
break;
|
||||
}
|
||||
dhcp_lease_data[ip_address].end = end_unix_time;
|
||||
}
|
||||
if (/ethernet/i.test(lines[l])) {
|
||||
dhcp_lease_data[ip_address].mac = line_data_arg[2].replace(/;/gi, '').trim();
|
||||
}
|
||||
if (/hostname/i.test(lines[l])) {
|
||||
dhcp_lease_data[ip_address].host = line_data_arg[1].replace(/;/gi, '').replace(/"/gi, '').trim();
|
||||
}
|
||||
if (/set/i.test(lines[l])) {
|
||||
set_data = lines[l].replace(/;/gi, '').replace(/"/gi, '').replace(/ = /gi, ' ').replace(/set/gi, '').trim();
|
||||
set_data_split = set_data.split(" ");
|
||||
|
||||
option_key = set_data_split[0].trim();
|
||||
option_value = set_data.replace(RegExp(option_key, "g"), '').trim();
|
||||
|
||||
option_data[option_key] = option_value;
|
||||
|
||||
if (typeof dhcp_lease_data[ip_address]['options'] === "undefined")
|
||||
dhcp_lease_data[ip_address]['options'] = [];
|
||||
}
|
||||
if (/option/i.test(lines[l])) {
|
||||
set_data = lines[l].replace(/;/gi, '').replace(/"/gi, '').replace(/ = /gi, ' ').replace(/option/gi, '').trim();
|
||||
set_data_split = set_data.split(" ");
|
||||
|
||||
option_key = set_data_split[0].trim();
|
||||
option_value = set_data.replace(RegExp(option_key, "g"), '').trim();
|
||||
|
||||
option_data[option_key] = option_value;
|
||||
|
||||
if (typeof dhcp_lease_data[ip_address]['options'] === "undefined")
|
||||
dhcp_lease_data[ip_address]['options'] = [];
|
||||
}
|
||||
if (/}/i.test(lines[l]) && typeof dhcp_lease_data[ip_address]['options'] !== "undefined"){
|
||||
if (option_data.length > 0)
|
||||
dhcp_lease_data[ip_address]['options'].push(option_data);
|
||||
|
||||
option_data = {};
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return;
|
||||
},
|
||||
clean: function() {
|
||||
for (var key in dhcp_lease_data) {
|
||||
now_unix_time = parseInt((new Date().getTime() / 1000).toFixed(0));
|
||||
end_unix_time = dhcp_lease_data[key].end;
|
||||
|
||||
if((now_unix_time >= end_unix_time)) {
|
||||
console.log("element " + key + " has expired - clearing");
|
||||
delete dhcp_lease_data[key];
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
/**
|
||||
* Created by cmiles on 8/5/2017.
|
||||
*/
|
||||
|
||||
var fs = require('fs');
|
||||
|
||||
module.exports = {
|
||||
get_index_template: function(body_content, request_url) {
|
||||
if( typeof request_url !== "undefined" && request_url.includes("v_ajax")){
|
||||
return body_content;
|
||||
}
|
||||
else {
|
||||
core = fs.readFileSync('./public/templates/index.html', 'utf8');
|
||||
core = core.replace(/\[application_name\]/, 'Glass - isc dhcp server utility');
|
||||
core = core.replace(/\[body_content\]/, body_content);
|
||||
core = core.replace(/\[(.*?)\]/, "");
|
||||
return core;
|
||||
}
|
||||
},
|
||||
get_template: function(template) {
|
||||
return fs.readFileSync('./public/templates/' + template + '.html', 'utf8');
|
||||
},
|
||||
set_template_variable: function(template, variable, value) {
|
||||
return template.replace("[" + variable + "]", value);
|
||||
},
|
||||
};
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
{
|
||||
"name": "dhcpd-glass",
|
||||
"version": "0.0.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"start": "node ./bin/www"
|
||||
},
|
||||
"dependencies": {
|
||||
"always-tail": "^0.2.0",
|
||||
"body-parser": "~1.17.1",
|
||||
"cookie-parser": "~1.4.3",
|
||||
"debug": "~2.6.3",
|
||||
"express": "~4.15.2",
|
||||
"jade": "~1.11.0",
|
||||
"morgan": "~1.8.1",
|
||||
"serve-favicon": "~2.4.2"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,416 @@
|
|||
/*!
|
||||
* Materialize v0.97.7 (http://materializecss.com)
|
||||
* Copyright 2014-2015 Materialize
|
||||
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
|
||||
*/
|
||||
|
||||
/* Radio Buttons
|
||||
========================================================================== */
|
||||
[type="radio"]:not(:checked),
|
||||
[type="radio"]:checked {
|
||||
position: absolute;
|
||||
left: -9999px;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
[type="radio"]:not(:checked) + label,
|
||||
[type="radio"]:checked + label {
|
||||
position: relative;
|
||||
padding-left: 35px;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
font-size: 1rem;
|
||||
transition: .28s ease;
|
||||
/* webkit (konqueror) browsers */
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
[type="radio"] + label:before,
|
||||
[type="radio"] + label:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin: 4px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
z-index: 0;
|
||||
transition: .28s ease;
|
||||
}
|
||||
|
||||
/* Unchecked styles */
|
||||
[type="radio"]:not(:checked) + label:before,
|
||||
[type="radio"]:not(:checked) + label:after,
|
||||
[type="radio"]:checked + label:before,
|
||||
[type="radio"]:checked + label:after,
|
||||
[type="radio"].with-gap:checked + label:before,
|
||||
[type="radio"].with-gap:checked + label:after {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
[type="radio"]:not(:checked) + label:before,
|
||||
[type="radio"]:not(:checked) + label:after {
|
||||
border: 2px solid #5a5a5a;
|
||||
}
|
||||
|
||||
[type="radio"]:not(:checked) + label:after {
|
||||
z-index: -1;
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
/* Checked styles */
|
||||
[type="radio"]:checked + label:before {
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
|
||||
[type="radio"]:checked + label:after,
|
||||
[type="radio"].with-gap:checked + label:before,
|
||||
[type="radio"].with-gap:checked + label:after {
|
||||
border: 2px solid #26a69a;
|
||||
}
|
||||
|
||||
[type="radio"]:checked + label:after,
|
||||
[type="radio"].with-gap:checked + label:after {
|
||||
background-color: #26a69a;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
[type="radio"]:checked + label:after {
|
||||
-webkit-transform: scale(1.02);
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
/* Radio With gap */
|
||||
[type="radio"].with-gap:checked + label:after {
|
||||
-webkit-transform: scale(0.5);
|
||||
transform: scale(0.5);
|
||||
}
|
||||
|
||||
/* Focused styles */
|
||||
[type="radio"].tabbed:focus + label:before {
|
||||
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
/* Disabled Radio With gap */
|
||||
[type="radio"].with-gap:disabled:checked + label:before {
|
||||
border: 2px solid rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
[type="radio"].with-gap:disabled:checked + label:after {
|
||||
border: none;
|
||||
background-color: rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
/* Disabled style */
|
||||
[type="radio"]:disabled:not(:checked) + label:before,
|
||||
[type="radio"]:disabled:checked + label:before {
|
||||
background-color: transparent;
|
||||
border-color: rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
[type="radio"]:disabled + label {
|
||||
color: rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
[type="radio"]:disabled:not(:checked) + label:before {
|
||||
border-color: rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
[type="radio"]:disabled:checked + label:after {
|
||||
background-color: rgba(0, 0, 0, 0.26);
|
||||
border-color: #BDBDBD;
|
||||
}
|
||||
|
||||
/* Checkboxes
|
||||
========================================================================== */
|
||||
/* CUSTOM CSS CHECKBOXES */
|
||||
form p {
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
form p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Remove default checkbox */
|
||||
[type="checkbox"]:not(:checked),
|
||||
[type="checkbox"]:checked {
|
||||
position: absolute;
|
||||
left: -9999px;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
[type="checkbox"] {
|
||||
/* checkbox aspect */
|
||||
}
|
||||
|
||||
[type="checkbox"] + label {
|
||||
position: relative;
|
||||
padding-left: 35px;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
font-size: 1rem;
|
||||
-webkit-user-select: none;
|
||||
/* webkit (safari, chrome) browsers */
|
||||
-moz-user-select: none;
|
||||
/* mozilla browsers */
|
||||
-khtml-user-select: none;
|
||||
/* webkit (konqueror) browsers */
|
||||
-ms-user-select: none;
|
||||
/* IE10+ */
|
||||
}
|
||||
|
||||
[type="checkbox"] + label:before,
|
||||
[type="checkbox"]:not(.filled-in) + label:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
z-index: 0;
|
||||
border: 2px solid #5a5a5a;
|
||||
border-radius: 1px;
|
||||
margin-top: 2px;
|
||||
transition: .2s;
|
||||
}
|
||||
|
||||
[type="checkbox"]:not(.filled-in) + label:after {
|
||||
border: 0;
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
[type="checkbox"]:not(:checked):disabled + label:before {
|
||||
border: none;
|
||||
background-color: rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
[type="checkbox"].tabbed:focus + label:after {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
border: 0;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
[type="checkbox"]:checked + label:before {
|
||||
top: -4px;
|
||||
left: -5px;
|
||||
width: 12px;
|
||||
height: 22px;
|
||||
border-top: 2px solid transparent;
|
||||
border-left: 2px solid transparent;
|
||||
border-right: 2px solid #26a69a;
|
||||
border-bottom: 2px solid #26a69a;
|
||||
-webkit-transform: rotate(40deg);
|
||||
transform: rotate(40deg);
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%;
|
||||
}
|
||||
|
||||
[type="checkbox"]:checked:disabled + label:before {
|
||||
border-right: 2px solid rgba(0, 0, 0, 0.26);
|
||||
border-bottom: 2px solid rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
/* Indeterminate checkbox */
|
||||
[type="checkbox"]:indeterminate + label:before {
|
||||
top: -11px;
|
||||
left: -12px;
|
||||
width: 10px;
|
||||
height: 22px;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: 2px solid #26a69a;
|
||||
border-bottom: none;
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%;
|
||||
}
|
||||
|
||||
[type="checkbox"]:indeterminate:disabled + label:before {
|
||||
border-right: 2px solid rgba(0, 0, 0, 0.26);
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
[type="checkbox"].filled-in + label:after {
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
[type="checkbox"].filled-in + label:before,
|
||||
[type="checkbox"].filled-in + label:after {
|
||||
content: '';
|
||||
left: 0;
|
||||
position: absolute;
|
||||
/* .1s delay is for check animation */
|
||||
transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
[type="checkbox"].filled-in:not(:checked) + label:before {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: 3px solid transparent;
|
||||
left: 6px;
|
||||
top: 10px;
|
||||
-webkit-transform: rotateZ(37deg);
|
||||
transform: rotateZ(37deg);
|
||||
-webkit-transform-origin: 20% 40%;
|
||||
transform-origin: 100% 100%;
|
||||
}
|
||||
|
||||
[type="checkbox"].filled-in:not(:checked) + label:after {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
background-color: transparent;
|
||||
border: 2px solid #5a5a5a;
|
||||
top: 0px;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
[type="checkbox"].filled-in:checked + label:before {
|
||||
top: 0;
|
||||
left: 1px;
|
||||
width: 8px;
|
||||
height: 13px;
|
||||
border-top: 2px solid transparent;
|
||||
border-left: 2px solid transparent;
|
||||
border-right: 2px solid #fff;
|
||||
border-bottom: 2px solid #fff;
|
||||
-webkit-transform: rotateZ(37deg);
|
||||
transform: rotateZ(37deg);
|
||||
-webkit-transform-origin: 100% 100%;
|
||||
transform-origin: 100% 100%;
|
||||
}
|
||||
|
||||
[type="checkbox"].filled-in:checked + label:after {
|
||||
top: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 2px solid #26a69a;
|
||||
background-color: #26a69a;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
[type="checkbox"].filled-in.tabbed:focus + label:after {
|
||||
border-radius: 2px;
|
||||
border-color: #5a5a5a;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
|
||||
border-radius: 2px;
|
||||
background-color: #26a69a;
|
||||
border-color: #26a69a;
|
||||
}
|
||||
|
||||
[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
|
||||
background-color: transparent;
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
|
||||
[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
|
||||
border-color: transparent;
|
||||
background-color: #BDBDBD;
|
||||
}
|
||||
|
||||
[type="checkbox"].filled-in:disabled:checked + label:before {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
[type="checkbox"].filled-in:disabled:checked + label:after {
|
||||
background-color: #BDBDBD;
|
||||
border-color: #BDBDBD;
|
||||
}
|
||||
|
||||
/* Switch
|
||||
========================================================================== */
|
||||
.switch,
|
||||
.switch * {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
|
||||
.switch label {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.switch label input[type=checkbox] {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.switch label input[type=checkbox]:checked + .lever {
|
||||
background-color: #84c7c1;
|
||||
}
|
||||
|
||||
.switch label input[type=checkbox]:checked + .lever:after {
|
||||
background-color: #26a69a;
|
||||
left: 24px;
|
||||
}
|
||||
|
||||
.switch label .lever {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 40px;
|
||||
height: 15px;
|
||||
background-color: #818181;
|
||||
border-radius: 15px;
|
||||
margin-right: 10px;
|
||||
transition: background 0.3s ease;
|
||||
vertical-align: middle;
|
||||
margin: 0 16px;
|
||||
}
|
||||
|
||||
.switch label .lever:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
background-color: #F1F1F1;
|
||||
border-radius: 21px;
|
||||
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
|
||||
left: -5px;
|
||||
top: -3px;
|
||||
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after,
|
||||
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
|
||||
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
|
||||
}
|
||||
|
||||
input[type=checkbox]:not(:disabled) ~ .lever:active:after,
|
||||
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
|
||||
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.switch input[type=checkbox][disabled] + .lever {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.switch label input[type=checkbox][disabled] + .lever:after,
|
||||
.switch label input[type=checkbox][disabled]:checked + .lever:after {
|
||||
background-color: #BDBDBD;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,900 @@
|
|||
.theme-red .navbar {
|
||||
background-color: #F44336; }
|
||||
|
||||
.theme-red .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-red .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-red .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-red .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-red .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-red .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-red .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-red .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-red .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-red .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-red .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-red .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-red .sidebar .menu .list li.active > :first-child i, .theme-red .sidebar .menu .list li.active > :first-child span {
|
||||
color: #F44336; }
|
||||
|
||||
.theme-red .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-red .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-red .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-red .sidebar .legal .copyright a {
|
||||
color: #F44336 !important; }
|
||||
|
||||
.theme-pink .navbar {
|
||||
background-color: #E91E63; }
|
||||
|
||||
.theme-pink .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-pink .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-pink .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-pink .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-pink .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-pink .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-pink .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-pink .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-pink .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-pink .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-pink .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-pink .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-pink .sidebar .menu .list li.active > :first-child i, .theme-pink .sidebar .menu .list li.active > :first-child span {
|
||||
color: #E91E63; }
|
||||
|
||||
.theme-pink .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-pink .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-pink .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-pink .sidebar .legal .copyright a {
|
||||
color: #E91E63 !important; }
|
||||
|
||||
.theme-purple .navbar {
|
||||
background-color: #9C27B0; }
|
||||
|
||||
.theme-purple .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-purple .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-purple .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-purple .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-purple .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-purple .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-purple .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-purple .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-purple .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-purple .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-purple .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-purple .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-purple .sidebar .menu .list li.active > :first-child i, .theme-purple .sidebar .menu .list li.active > :first-child span {
|
||||
color: #9C27B0; }
|
||||
|
||||
.theme-purple .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-purple .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-purple .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-purple .sidebar .legal .copyright a {
|
||||
color: #9C27B0 !important; }
|
||||
|
||||
.theme-deep-purple .navbar {
|
||||
background-color: #673AB7; }
|
||||
|
||||
.theme-deep-purple .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-deep-purple .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-deep-purple .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-deep-purple .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-deep-purple .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-deep-purple .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-deep-purple .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-purple .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-deep-purple .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-deep-purple .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-purple .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-deep-purple .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-deep-purple .sidebar .menu .list li.active > :first-child i, .theme-deep-purple .sidebar .menu .list li.active > :first-child span {
|
||||
color: #673AB7; }
|
||||
|
||||
.theme-deep-purple .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-purple .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-purple .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-deep-purple .sidebar .legal .copyright a {
|
||||
color: #673AB7 !important; }
|
||||
|
||||
.theme-indigo .navbar {
|
||||
background-color: #3F51B5; }
|
||||
|
||||
.theme-indigo .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-indigo .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-indigo .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-indigo .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-indigo .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-indigo .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-indigo .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-indigo .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-indigo .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-indigo .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-indigo .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-indigo .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-indigo .sidebar .menu .list li.active > :first-child i, .theme-indigo .sidebar .menu .list li.active > :first-child span {
|
||||
color: #3F51B5; }
|
||||
|
||||
.theme-indigo .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-indigo .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-indigo .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-indigo .sidebar .legal .copyright a {
|
||||
color: #3F51B5 !important; }
|
||||
|
||||
.theme-blue .navbar {
|
||||
background-color: #2196F3; }
|
||||
|
||||
.theme-blue .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-blue .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-blue .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-blue .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-blue .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-blue .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-blue .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-blue .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-blue .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-blue .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-blue .sidebar .menu .list li.active > :first-child i, .theme-blue .sidebar .menu .list li.active > :first-child span {
|
||||
color: #2196F3; }
|
||||
|
||||
.theme-blue .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-blue .sidebar .legal .copyright a {
|
||||
color: #2196F3 !important; }
|
||||
|
||||
.theme-light-blue .navbar {
|
||||
background-color: #03A9F4; }
|
||||
|
||||
.theme-light-blue .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-light-blue .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-light-blue .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-light-blue .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-light-blue .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-light-blue .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-light-blue .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-light-blue .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-light-blue .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-light-blue .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-light-blue .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-light-blue .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-light-blue .sidebar .menu .list li.active > :first-child i, .theme-light-blue .sidebar .menu .list li.active > :first-child span {
|
||||
color: #03A9F4; }
|
||||
|
||||
.theme-light-blue .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-light-blue .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-light-blue .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-light-blue .sidebar .legal .copyright a {
|
||||
color: #03A9F4 !important; }
|
||||
|
||||
.theme-cyan .navbar {
|
||||
background-color: #00BCD4; }
|
||||
|
||||
.theme-cyan .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-cyan .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-cyan .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-cyan .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-cyan .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-cyan .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-cyan .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-cyan .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-cyan .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-cyan .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-cyan .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-cyan .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-cyan .sidebar .menu .list li.active > :first-child i, .theme-cyan .sidebar .menu .list li.active > :first-child span {
|
||||
color: #00BCD4; }
|
||||
|
||||
.theme-cyan .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-cyan .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-cyan .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-cyan .sidebar .legal .copyright a {
|
||||
color: #00BCD4 !important; }
|
||||
|
||||
.theme-teal .navbar {
|
||||
background-color: #009688; }
|
||||
|
||||
.theme-teal .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-teal .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-teal .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-teal .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-teal .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-teal .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-teal .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-teal .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-teal .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-teal .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-teal .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-teal .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-teal .sidebar .menu .list li.active > :first-child i, .theme-teal .sidebar .menu .list li.active > :first-child span {
|
||||
color: #009688; }
|
||||
|
||||
.theme-teal .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-teal .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-teal .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-teal .sidebar .legal .copyright a {
|
||||
color: #009688 !important; }
|
||||
|
||||
.theme-green .navbar {
|
||||
background-color: #4CAF50; }
|
||||
|
||||
.theme-green .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-green .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-green .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-green .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-green .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-green .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-green .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-green .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-green .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-green .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-green .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-green .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-green .sidebar .menu .list li.active > :first-child i, .theme-green .sidebar .menu .list li.active > :first-child span {
|
||||
color: #4CAF50; }
|
||||
|
||||
.theme-green .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-green .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-green .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-green .sidebar .legal .copyright a {
|
||||
color: #4CAF50 !important; }
|
||||
|
||||
.theme-light-green .navbar {
|
||||
background-color: #8BC34A; }
|
||||
|
||||
.theme-light-green .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-light-green .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-light-green .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-light-green .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-light-green .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-light-green .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-light-green .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-light-green .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-light-green .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-light-green .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-light-green .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-light-green .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-light-green .sidebar .menu .list li.active > :first-child i, .theme-light-green .sidebar .menu .list li.active > :first-child span {
|
||||
color: #8BC34A; }
|
||||
|
||||
.theme-light-green .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-light-green .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-light-green .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-light-green .sidebar .legal .copyright a {
|
||||
color: #8BC34A !important; }
|
||||
|
||||
.theme-lime .navbar {
|
||||
background-color: #CDDC39; }
|
||||
|
||||
.theme-lime .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-lime .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-lime .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-lime .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-lime .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-lime .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-lime .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-lime .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-lime .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-lime .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-lime .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-lime .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-lime .sidebar .menu .list li.active > :first-child i, .theme-lime .sidebar .menu .list li.active > :first-child span {
|
||||
color: #CDDC39; }
|
||||
|
||||
.theme-lime .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-lime .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-lime .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-lime .sidebar .legal .copyright a {
|
||||
color: #CDDC39 !important; }
|
||||
|
||||
.theme-yellow .navbar {
|
||||
background-color: #FFEB3B; }
|
||||
|
||||
.theme-yellow .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-yellow .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-yellow .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-yellow .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-yellow .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-yellow .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-yellow .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-yellow .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-yellow .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-yellow .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-yellow .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-yellow .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-yellow .sidebar .menu .list li.active > :first-child i, .theme-yellow .sidebar .menu .list li.active > :first-child span {
|
||||
color: #FFEB3B; }
|
||||
|
||||
.theme-yellow .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-yellow .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-yellow .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-yellow .sidebar .legal .copyright a {
|
||||
color: #FFEB3B !important; }
|
||||
|
||||
.theme-amber .navbar {
|
||||
background-color: #FFC107; }
|
||||
|
||||
.theme-amber .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-amber .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-amber .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-amber .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-amber .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-amber .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-amber .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-amber .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-amber .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-amber .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-amber .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-amber .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-amber .sidebar .menu .list li.active > :first-child i, .theme-amber .sidebar .menu .list li.active > :first-child span {
|
||||
color: #FFC107; }
|
||||
|
||||
.theme-amber .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-amber .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-amber .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-amber .sidebar .legal .copyright a {
|
||||
color: #FFC107 !important; }
|
||||
|
||||
.theme-orange .navbar {
|
||||
background-color: #FF9800; }
|
||||
|
||||
.theme-orange .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-orange .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-orange .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-orange .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-orange .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-orange .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-orange .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-orange .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-orange .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-orange .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-orange .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-orange .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-orange .sidebar .menu .list li.active > :first-child i, .theme-orange .sidebar .menu .list li.active > :first-child span {
|
||||
color: #FF9800; }
|
||||
|
||||
.theme-orange .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-orange .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-orange .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-orange .sidebar .legal .copyright a {
|
||||
color: #FF9800 !important; }
|
||||
|
||||
.theme-deep-orange .navbar {
|
||||
background-color: #FF5722; }
|
||||
|
||||
.theme-deep-orange .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-deep-orange .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-deep-orange .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-deep-orange .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-deep-orange .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-deep-orange .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-deep-orange .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-orange .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-deep-orange .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-deep-orange .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-orange .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-deep-orange .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-deep-orange .sidebar .menu .list li.active > :first-child i, .theme-deep-orange .sidebar .menu .list li.active > :first-child span {
|
||||
color: #FF5722; }
|
||||
|
||||
.theme-deep-orange .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-orange .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-orange .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-deep-orange .sidebar .legal .copyright a {
|
||||
color: #FF5722 !important; }
|
||||
|
||||
.theme-brown .navbar {
|
||||
background-color: #795548; }
|
||||
|
||||
.theme-brown .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-brown .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-brown .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-brown .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-brown .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-brown .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-brown .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-brown .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-brown .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-brown .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-brown .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-brown .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-brown .sidebar .menu .list li.active > :first-child i, .theme-brown .sidebar .menu .list li.active > :first-child span {
|
||||
color: #795548; }
|
||||
|
||||
.theme-brown .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-brown .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-brown .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-brown .sidebar .legal .copyright a {
|
||||
color: #795548 !important; }
|
||||
|
||||
.theme-grey .navbar {
|
||||
background-color: #9E9E9E; }
|
||||
|
||||
.theme-grey .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-grey .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-grey .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-grey .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-grey .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-grey .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-grey .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-grey .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-grey .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-grey .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-grey .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-grey .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-grey .sidebar .menu .list li.active > :first-child i, .theme-grey .sidebar .menu .list li.active > :first-child span {
|
||||
color: #9E9E9E; }
|
||||
|
||||
.theme-grey .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-grey .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-grey .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-grey .sidebar .legal .copyright a {
|
||||
color: #9E9E9E !important; }
|
||||
|
||||
.theme-blue-grey .navbar {
|
||||
background-color: #607D8B; }
|
||||
|
||||
.theme-blue-grey .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-blue-grey .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-blue-grey .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-blue-grey .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-blue-grey .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-blue-grey .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-blue-grey .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue-grey .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-blue-grey .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-blue-grey .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue-grey .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-blue-grey .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-blue-grey .sidebar .menu .list li.active > :first-child i, .theme-blue-grey .sidebar .menu .list li.active > :first-child span {
|
||||
color: #607D8B; }
|
||||
|
||||
.theme-blue-grey .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue-grey .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue-grey .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-blue-grey .sidebar .legal .copyright a {
|
||||
color: #607D8B !important; }
|
||||
|
||||
.theme-black .navbar {
|
||||
background-color: #000; }
|
||||
|
||||
.theme-black .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-black .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-black .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-black .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-black .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-black .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-black .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-black .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-black .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-black .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-black .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-black .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-black .sidebar .menu .list li.active > :first-child i, .theme-black .sidebar .menu .list li.active > :first-child span {
|
||||
color: #000; }
|
||||
|
||||
.theme-black .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-black .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-black .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-black .sidebar .legal .copyright a {
|
||||
color: #000 !important; }
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,45 @@
|
|||
.theme-amber .navbar {
|
||||
background-color: #FFC107; }
|
||||
|
||||
.theme-amber .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-amber .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-amber .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-amber .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-amber .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-amber .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-amber .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-amber .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-amber .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-amber .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-amber .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-amber .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-amber .sidebar .menu .list li.active > :first-child i, .theme-amber .sidebar .menu .list li.active > :first-child span {
|
||||
color: #FFC107; }
|
||||
|
||||
.theme-amber .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-amber .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-amber .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-amber .sidebar .legal .copyright a {
|
||||
color: #FFC107 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-amber .navbar{background-color:#ffc107;}.theme-amber .navbar-brand{color:#fff;}.theme-amber .navbar-brand:hover{color:#fff;}.theme-amber .navbar-brand:active{color:#fff;}.theme-amber .navbar-brand:focus{color:#fff;}.theme-amber .nav>li>a{color:#fff;}.theme-amber .nav>li>a:hover{background-color:transparent;}.theme-amber .nav>li>a:focus{background-color:transparent;}.theme-amber .nav .open>a{background-color:transparent;}.theme-amber .nav .open>a:hover{background-color:transparent;}.theme-amber .nav .open>a:focus{background-color:transparent;}.theme-amber .bars{color:#fff;}.theme-amber .sidebar .menu .list li.active{background-color:transparent;}.theme-amber .sidebar .menu .list li.active>:first-child i,.theme-amber .sidebar .menu .list li.active>:first-child span{color:#ffc107;}.theme-amber .sidebar .menu .list .toggled{background-color:transparent;}.theme-amber .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-amber .sidebar .legal{background-color:#fff;}.theme-amber .sidebar .legal .copyright a{color:#ffc107 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-black .navbar {
|
||||
background-color: #000; }
|
||||
|
||||
.theme-black .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-black .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-black .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-black .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-black .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-black .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-black .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-black .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-black .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-black .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-black .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-black .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-black .sidebar .menu .list li.active > :first-child i, .theme-black .sidebar .menu .list li.active > :first-child span {
|
||||
color: #000; }
|
||||
|
||||
.theme-black .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-black .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-black .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-black .sidebar .legal .copyright a {
|
||||
color: #000 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-black .navbar{background-color:#000;}.theme-black .navbar-brand{color:#fff;}.theme-black .navbar-brand:hover{color:#fff;}.theme-black .navbar-brand:active{color:#fff;}.theme-black .navbar-brand:focus{color:#fff;}.theme-black .nav>li>a{color:#fff;}.theme-black .nav>li>a:hover{background-color:transparent;}.theme-black .nav>li>a:focus{background-color:transparent;}.theme-black .nav .open>a{background-color:transparent;}.theme-black .nav .open>a:hover{background-color:transparent;}.theme-black .nav .open>a:focus{background-color:transparent;}.theme-black .bars{color:#fff;}.theme-black .sidebar .menu .list li.active{background-color:transparent;}.theme-black .sidebar .menu .list li.active>:first-child i,.theme-black .sidebar .menu .list li.active>:first-child span{color:#000;}.theme-black .sidebar .menu .list .toggled{background-color:transparent;}.theme-black .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-black .sidebar .legal{background-color:#fff;}.theme-black .sidebar .legal .copyright a{color:#000 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-blue-grey .navbar {
|
||||
background-color: #607D8B; }
|
||||
|
||||
.theme-blue-grey .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-blue-grey .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-blue-grey .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-blue-grey .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-blue-grey .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-blue-grey .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-blue-grey .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue-grey .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-blue-grey .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-blue-grey .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue-grey .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-blue-grey .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-blue-grey .sidebar .menu .list li.active > :first-child i, .theme-blue-grey .sidebar .menu .list li.active > :first-child span {
|
||||
color: #607D8B; }
|
||||
|
||||
.theme-blue-grey .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue-grey .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue-grey .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-blue-grey .sidebar .legal .copyright a {
|
||||
color: #607D8B !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-blue-grey .navbar{background-color:#607d8b;}.theme-blue-grey .navbar-brand{color:#fff;}.theme-blue-grey .navbar-brand:hover{color:#fff;}.theme-blue-grey .navbar-brand:active{color:#fff;}.theme-blue-grey .navbar-brand:focus{color:#fff;}.theme-blue-grey .nav>li>a{color:#fff;}.theme-blue-grey .nav>li>a:hover{background-color:transparent;}.theme-blue-grey .nav>li>a:focus{background-color:transparent;}.theme-blue-grey .nav .open>a{background-color:transparent;}.theme-blue-grey .nav .open>a:hover{background-color:transparent;}.theme-blue-grey .nav .open>a:focus{background-color:transparent;}.theme-blue-grey .bars{color:#fff;}.theme-blue-grey .sidebar .menu .list li.active{background-color:transparent;}.theme-blue-grey .sidebar .menu .list li.active>:first-child i,.theme-blue-grey .sidebar .menu .list li.active>:first-child span{color:#607d8b;}.theme-blue-grey .sidebar .menu .list .toggled{background-color:transparent;}.theme-blue-grey .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-blue-grey .sidebar .legal{background-color:#fff;}.theme-blue-grey .sidebar .legal .copyright a{color:#607d8b !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-blue .navbar {
|
||||
background-color: #2196F3; }
|
||||
|
||||
.theme-blue .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-blue .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-blue .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-blue .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-blue .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-blue .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-blue .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-blue .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-blue .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-blue .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-blue .sidebar .menu .list li.active > :first-child i, .theme-blue .sidebar .menu .list li.active > :first-child span {
|
||||
color: #2196F3; }
|
||||
|
||||
.theme-blue .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-blue .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-blue .sidebar .legal .copyright a {
|
||||
color: #2196F3 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-blue .navbar{background-color:#2196f3;}.theme-blue .navbar-brand{color:#fff;}.theme-blue .navbar-brand:hover{color:#fff;}.theme-blue .navbar-brand:active{color:#fff;}.theme-blue .navbar-brand:focus{color:#fff;}.theme-blue .nav>li>a{color:#fff;}.theme-blue .nav>li>a:hover{background-color:transparent;}.theme-blue .nav>li>a:focus{background-color:transparent;}.theme-blue .nav .open>a{background-color:transparent;}.theme-blue .nav .open>a:hover{background-color:transparent;}.theme-blue .nav .open>a:focus{background-color:transparent;}.theme-blue .bars{color:#fff;}.theme-blue .sidebar .menu .list li.active{background-color:transparent;}.theme-blue .sidebar .menu .list li.active>:first-child i,.theme-blue .sidebar .menu .list li.active>:first-child span{color:#2196f3;}.theme-blue .sidebar .menu .list .toggled{background-color:transparent;}.theme-blue .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-blue .sidebar .legal{background-color:#fff;}.theme-blue .sidebar .legal .copyright a{color:#2196f3 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-brown .navbar {
|
||||
background-color: #795548; }
|
||||
|
||||
.theme-brown .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-brown .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-brown .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-brown .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-brown .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-brown .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-brown .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-brown .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-brown .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-brown .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-brown .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-brown .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-brown .sidebar .menu .list li.active > :first-child i, .theme-brown .sidebar .menu .list li.active > :first-child span {
|
||||
color: #795548; }
|
||||
|
||||
.theme-brown .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-brown .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-brown .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-brown .sidebar .legal .copyright a {
|
||||
color: #795548 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-brown .navbar{background-color:#795548;}.theme-brown .navbar-brand{color:#fff;}.theme-brown .navbar-brand:hover{color:#fff;}.theme-brown .navbar-brand:active{color:#fff;}.theme-brown .navbar-brand:focus{color:#fff;}.theme-brown .nav>li>a{color:#fff;}.theme-brown .nav>li>a:hover{background-color:transparent;}.theme-brown .nav>li>a:focus{background-color:transparent;}.theme-brown .nav .open>a{background-color:transparent;}.theme-brown .nav .open>a:hover{background-color:transparent;}.theme-brown .nav .open>a:focus{background-color:transparent;}.theme-brown .bars{color:#fff;}.theme-brown .sidebar .menu .list li.active{background-color:transparent;}.theme-brown .sidebar .menu .list li.active>:first-child i,.theme-brown .sidebar .menu .list li.active>:first-child span{color:#795548;}.theme-brown .sidebar .menu .list .toggled{background-color:transparent;}.theme-brown .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-brown .sidebar .legal{background-color:#fff;}.theme-brown .sidebar .legal .copyright a{color:#795548 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-cyan .navbar {
|
||||
background-color: #00BCD4; }
|
||||
|
||||
.theme-cyan .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-cyan .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-cyan .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-cyan .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-cyan .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-cyan .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-cyan .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-cyan .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-cyan .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-cyan .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-cyan .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-cyan .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-cyan .sidebar .menu .list li.active > :first-child i, .theme-cyan .sidebar .menu .list li.active > :first-child span {
|
||||
color: #00BCD4; }
|
||||
|
||||
.theme-cyan .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-cyan .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-cyan .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-cyan .sidebar .legal .copyright a {
|
||||
color: #00BCD4 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-cyan .navbar{background-color:#00bcd4;}.theme-cyan .navbar-brand{color:#fff;}.theme-cyan .navbar-brand:hover{color:#fff;}.theme-cyan .navbar-brand:active{color:#fff;}.theme-cyan .navbar-brand:focus{color:#fff;}.theme-cyan .nav>li>a{color:#fff;}.theme-cyan .nav>li>a:hover{background-color:transparent;}.theme-cyan .nav>li>a:focus{background-color:transparent;}.theme-cyan .nav .open>a{background-color:transparent;}.theme-cyan .nav .open>a:hover{background-color:transparent;}.theme-cyan .nav .open>a:focus{background-color:transparent;}.theme-cyan .bars{color:#fff;}.theme-cyan .sidebar .menu .list li.active{background-color:transparent;}.theme-cyan .sidebar .menu .list li.active>:first-child i,.theme-cyan .sidebar .menu .list li.active>:first-child span{color:#00bcd4;}.theme-cyan .sidebar .menu .list .toggled{background-color:transparent;}.theme-cyan .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-cyan .sidebar .legal{background-color:#fff;}.theme-cyan .sidebar .legal .copyright a{color:#00bcd4 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-deep-orange .navbar {
|
||||
background-color: #FF5722; }
|
||||
|
||||
.theme-deep-orange .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-deep-orange .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-deep-orange .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-deep-orange .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-deep-orange .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-deep-orange .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-deep-orange .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-orange .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-deep-orange .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-deep-orange .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-orange .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-deep-orange .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-deep-orange .sidebar .menu .list li.active > :first-child i, .theme-deep-orange .sidebar .menu .list li.active > :first-child span {
|
||||
color: #FF5722; }
|
||||
|
||||
.theme-deep-orange .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-orange .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-orange .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-deep-orange .sidebar .legal .copyright a {
|
||||
color: #FF5722 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-deep-orange .navbar{background-color:#ff5722;}.theme-deep-orange .navbar-brand{color:#fff;}.theme-deep-orange .navbar-brand:hover{color:#fff;}.theme-deep-orange .navbar-brand:active{color:#fff;}.theme-deep-orange .navbar-brand:focus{color:#fff;}.theme-deep-orange .nav>li>a{color:#fff;}.theme-deep-orange .nav>li>a:hover{background-color:transparent;}.theme-deep-orange .nav>li>a:focus{background-color:transparent;}.theme-deep-orange .nav .open>a{background-color:transparent;}.theme-deep-orange .nav .open>a:hover{background-color:transparent;}.theme-deep-orange .nav .open>a:focus{background-color:transparent;}.theme-deep-orange .bars{color:#fff;}.theme-deep-orange .sidebar .menu .list li.active{background-color:transparent;}.theme-deep-orange .sidebar .menu .list li.active>:first-child i,.theme-deep-orange .sidebar .menu .list li.active>:first-child span{color:#ff5722;}.theme-deep-orange .sidebar .menu .list .toggled{background-color:transparent;}.theme-deep-orange .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-deep-orange .sidebar .legal{background-color:#fff;}.theme-deep-orange .sidebar .legal .copyright a{color:#ff5722 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-deep-purple .navbar {
|
||||
background-color: #673AB7; }
|
||||
|
||||
.theme-deep-purple .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-deep-purple .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-deep-purple .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-deep-purple .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-deep-purple .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-deep-purple .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-deep-purple .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-purple .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-deep-purple .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-deep-purple .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-purple .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-deep-purple .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-deep-purple .sidebar .menu .list li.active > :first-child i, .theme-deep-purple .sidebar .menu .list li.active > :first-child span {
|
||||
color: #673AB7; }
|
||||
|
||||
.theme-deep-purple .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-purple .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-deep-purple .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-deep-purple .sidebar .legal .copyright a {
|
||||
color: #673AB7 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-deep-purple .navbar{background-color:#673ab7;}.theme-deep-purple .navbar-brand{color:#fff;}.theme-deep-purple .navbar-brand:hover{color:#fff;}.theme-deep-purple .navbar-brand:active{color:#fff;}.theme-deep-purple .navbar-brand:focus{color:#fff;}.theme-deep-purple .nav>li>a{color:#fff;}.theme-deep-purple .nav>li>a:hover{background-color:transparent;}.theme-deep-purple .nav>li>a:focus{background-color:transparent;}.theme-deep-purple .nav .open>a{background-color:transparent;}.theme-deep-purple .nav .open>a:hover{background-color:transparent;}.theme-deep-purple .nav .open>a:focus{background-color:transparent;}.theme-deep-purple .bars{color:#fff;}.theme-deep-purple .sidebar .menu .list li.active{background-color:transparent;}.theme-deep-purple .sidebar .menu .list li.active>:first-child i,.theme-deep-purple .sidebar .menu .list li.active>:first-child span{color:#673ab7;}.theme-deep-purple .sidebar .menu .list .toggled{background-color:transparent;}.theme-deep-purple .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-deep-purple .sidebar .legal{background-color:#fff;}.theme-deep-purple .sidebar .legal .copyright a{color:#673ab7 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-green .navbar {
|
||||
background-color: #4CAF50; }
|
||||
|
||||
.theme-green .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-green .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-green .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-green .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-green .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-green .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-green .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-green .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-green .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-green .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-green .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-green .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-green .sidebar .menu .list li.active > :first-child i, .theme-green .sidebar .menu .list li.active > :first-child span {
|
||||
color: #4CAF50; }
|
||||
|
||||
.theme-green .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-green .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-green .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-green .sidebar .legal .copyright a {
|
||||
color: #4CAF50 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-green .navbar{background-color:#4caf50;}.theme-green .navbar-brand{color:#fff;}.theme-green .navbar-brand:hover{color:#fff;}.theme-green .navbar-brand:active{color:#fff;}.theme-green .navbar-brand:focus{color:#fff;}.theme-green .nav>li>a{color:#fff;}.theme-green .nav>li>a:hover{background-color:transparent;}.theme-green .nav>li>a:focus{background-color:transparent;}.theme-green .nav .open>a{background-color:transparent;}.theme-green .nav .open>a:hover{background-color:transparent;}.theme-green .nav .open>a:focus{background-color:transparent;}.theme-green .bars{color:#fff;}.theme-green .sidebar .menu .list li.active{background-color:transparent;}.theme-green .sidebar .menu .list li.active>:first-child i,.theme-green .sidebar .menu .list li.active>:first-child span{color:#4caf50;}.theme-green .sidebar .menu .list .toggled{background-color:transparent;}.theme-green .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-green .sidebar .legal{background-color:#fff;}.theme-green .sidebar .legal .copyright a{color:#4caf50 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-grey .navbar {
|
||||
background-color: #9E9E9E; }
|
||||
|
||||
.theme-grey .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-grey .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-grey .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-grey .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-grey .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-grey .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-grey .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-grey .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-grey .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-grey .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-grey .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-grey .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-grey .sidebar .menu .list li.active > :first-child i, .theme-grey .sidebar .menu .list li.active > :first-child span {
|
||||
color: #9E9E9E; }
|
||||
|
||||
.theme-grey .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-grey .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-grey .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-grey .sidebar .legal .copyright a {
|
||||
color: #9E9E9E !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-grey .navbar{background-color:#9e9e9e;}.theme-grey .navbar-brand{color:#fff;}.theme-grey .navbar-brand:hover{color:#fff;}.theme-grey .navbar-brand:active{color:#fff;}.theme-grey .navbar-brand:focus{color:#fff;}.theme-grey .nav>li>a{color:#fff;}.theme-grey .nav>li>a:hover{background-color:transparent;}.theme-grey .nav>li>a:focus{background-color:transparent;}.theme-grey .nav .open>a{background-color:transparent;}.theme-grey .nav .open>a:hover{background-color:transparent;}.theme-grey .nav .open>a:focus{background-color:transparent;}.theme-grey .bars{color:#fff;}.theme-grey .sidebar .menu .list li.active{background-color:transparent;}.theme-grey .sidebar .menu .list li.active>:first-child i,.theme-grey .sidebar .menu .list li.active>:first-child span{color:#9e9e9e;}.theme-grey .sidebar .menu .list .toggled{background-color:transparent;}.theme-grey .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-grey .sidebar .legal{background-color:#fff;}.theme-grey .sidebar .legal .copyright a{color:#9e9e9e !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-indigo .navbar {
|
||||
background-color: #3F51B5; }
|
||||
|
||||
.theme-indigo .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-indigo .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-indigo .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-indigo .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-indigo .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-indigo .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-indigo .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-indigo .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-indigo .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-indigo .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-indigo .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-indigo .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-indigo .sidebar .menu .list li.active > :first-child i, .theme-indigo .sidebar .menu .list li.active > :first-child span {
|
||||
color: #3F51B5; }
|
||||
|
||||
.theme-indigo .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-indigo .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-indigo .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-indigo .sidebar .legal .copyright a {
|
||||
color: #3F51B5 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-indigo .navbar{background-color:#3f51b5;}.theme-indigo .navbar-brand{color:#fff;}.theme-indigo .navbar-brand:hover{color:#fff;}.theme-indigo .navbar-brand:active{color:#fff;}.theme-indigo .navbar-brand:focus{color:#fff;}.theme-indigo .nav>li>a{color:#fff;}.theme-indigo .nav>li>a:hover{background-color:transparent;}.theme-indigo .nav>li>a:focus{background-color:transparent;}.theme-indigo .nav .open>a{background-color:transparent;}.theme-indigo .nav .open>a:hover{background-color:transparent;}.theme-indigo .nav .open>a:focus{background-color:transparent;}.theme-indigo .bars{color:#fff;}.theme-indigo .sidebar .menu .list li.active{background-color:transparent;}.theme-indigo .sidebar .menu .list li.active>:first-child i,.theme-indigo .sidebar .menu .list li.active>:first-child span{color:#3f51b5;}.theme-indigo .sidebar .menu .list .toggled{background-color:transparent;}.theme-indigo .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-indigo .sidebar .legal{background-color:#fff;}.theme-indigo .sidebar .legal .copyright a{color:#3f51b5 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-light-blue .navbar {
|
||||
background-color: #03A9F4; }
|
||||
|
||||
.theme-light-blue .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-light-blue .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-light-blue .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-light-blue .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-light-blue .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-light-blue .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-light-blue .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-light-blue .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-light-blue .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-light-blue .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-light-blue .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-light-blue .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-light-blue .sidebar .menu .list li.active > :first-child i, .theme-light-blue .sidebar .menu .list li.active > :first-child span {
|
||||
color: #03A9F4; }
|
||||
|
||||
.theme-light-blue .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-light-blue .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-light-blue .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-light-blue .sidebar .legal .copyright a {
|
||||
color: #03A9F4 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-light-blue .navbar{background-color:#03a9f4;}.theme-light-blue .navbar-brand{color:#fff;}.theme-light-blue .navbar-brand:hover{color:#fff;}.theme-light-blue .navbar-brand:active{color:#fff;}.theme-light-blue .navbar-brand:focus{color:#fff;}.theme-light-blue .nav>li>a{color:#fff;}.theme-light-blue .nav>li>a:hover{background-color:transparent;}.theme-light-blue .nav>li>a:focus{background-color:transparent;}.theme-light-blue .nav .open>a{background-color:transparent;}.theme-light-blue .nav .open>a:hover{background-color:transparent;}.theme-light-blue .nav .open>a:focus{background-color:transparent;}.theme-light-blue .bars{color:#fff;}.theme-light-blue .sidebar .menu .list li.active{background-color:transparent;}.theme-light-blue .sidebar .menu .list li.active>:first-child i,.theme-light-blue .sidebar .menu .list li.active>:first-child span{color:#03a9f4;}.theme-light-blue .sidebar .menu .list .toggled{background-color:transparent;}.theme-light-blue .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-light-blue .sidebar .legal{background-color:#fff;}.theme-light-blue .sidebar .legal .copyright a{color:#03a9f4 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-lime .navbar {
|
||||
background-color: #CDDC39; }
|
||||
|
||||
.theme-lime .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-lime .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-lime .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-lime .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-lime .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-lime .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-lime .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-lime .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-lime .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-lime .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-lime .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-lime .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-lime .sidebar .menu .list li.active > :first-child i, .theme-lime .sidebar .menu .list li.active > :first-child span {
|
||||
color: #CDDC39; }
|
||||
|
||||
.theme-lime .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-lime .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-lime .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-lime .sidebar .legal .copyright a {
|
||||
color: #CDDC39 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-lime .navbar{background-color:#cddc39;}.theme-lime .navbar-brand{color:#fff;}.theme-lime .navbar-brand:hover{color:#fff;}.theme-lime .navbar-brand:active{color:#fff;}.theme-lime .navbar-brand:focus{color:#fff;}.theme-lime .nav>li>a{color:#fff;}.theme-lime .nav>li>a:hover{background-color:transparent;}.theme-lime .nav>li>a:focus{background-color:transparent;}.theme-lime .nav .open>a{background-color:transparent;}.theme-lime .nav .open>a:hover{background-color:transparent;}.theme-lime .nav .open>a:focus{background-color:transparent;}.theme-lime .bars{color:#fff;}.theme-lime .sidebar .menu .list li.active{background-color:transparent;}.theme-lime .sidebar .menu .list li.active>:first-child i,.theme-lime .sidebar .menu .list li.active>:first-child span{color:#cddc39;}.theme-lime .sidebar .menu .list .toggled{background-color:transparent;}.theme-lime .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-lime .sidebar .legal{background-color:#fff;}.theme-lime .sidebar .legal .copyright a{color:#cddc39 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-orange .navbar {
|
||||
background-color: #FF9800; }
|
||||
|
||||
.theme-orange .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-orange .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-orange .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-orange .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-orange .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-orange .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-orange .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-orange .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-orange .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-orange .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-orange .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-orange .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-orange .sidebar .menu .list li.active > :first-child i, .theme-orange .sidebar .menu .list li.active > :first-child span {
|
||||
color: #FF9800; }
|
||||
|
||||
.theme-orange .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-orange .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-orange .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-orange .sidebar .legal .copyright a {
|
||||
color: #FF9800 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-orange .navbar{background-color:#ff9800;}.theme-orange .navbar-brand{color:#fff;}.theme-orange .navbar-brand:hover{color:#fff;}.theme-orange .navbar-brand:active{color:#fff;}.theme-orange .navbar-brand:focus{color:#fff;}.theme-orange .nav>li>a{color:#fff;}.theme-orange .nav>li>a:hover{background-color:transparent;}.theme-orange .nav>li>a:focus{background-color:transparent;}.theme-orange .nav .open>a{background-color:transparent;}.theme-orange .nav .open>a:hover{background-color:transparent;}.theme-orange .nav .open>a:focus{background-color:transparent;}.theme-orange .bars{color:#fff;}.theme-orange .sidebar .menu .list li.active{background-color:transparent;}.theme-orange .sidebar .menu .list li.active>:first-child i,.theme-orange .sidebar .menu .list li.active>:first-child span{color:#ff9800;}.theme-orange .sidebar .menu .list .toggled{background-color:transparent;}.theme-orange .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-orange .sidebar .legal{background-color:#fff;}.theme-orange .sidebar .legal .copyright a{color:#ff9800 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-pink .navbar {
|
||||
background-color: #E91E63; }
|
||||
|
||||
.theme-pink .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-pink .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-pink .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-pink .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-pink .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-pink .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-pink .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-pink .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-pink .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-pink .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-pink .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-pink .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-pink .sidebar .menu .list li.active > :first-child i, .theme-pink .sidebar .menu .list li.active > :first-child span {
|
||||
color: #E91E63; }
|
||||
|
||||
.theme-pink .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-pink .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-pink .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-pink .sidebar .legal .copyright a {
|
||||
color: #E91E63 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-pink .navbar{background-color:#e91e63;}.theme-pink .navbar-brand{color:#fff;}.theme-pink .navbar-brand:hover{color:#fff;}.theme-pink .navbar-brand:active{color:#fff;}.theme-pink .navbar-brand:focus{color:#fff;}.theme-pink .nav>li>a{color:#fff;}.theme-pink .nav>li>a:hover{background-color:transparent;}.theme-pink .nav>li>a:focus{background-color:transparent;}.theme-pink .nav .open>a{background-color:transparent;}.theme-pink .nav .open>a:hover{background-color:transparent;}.theme-pink .nav .open>a:focus{background-color:transparent;}.theme-pink .bars{color:#fff;}.theme-pink .sidebar .menu .list li.active{background-color:transparent;}.theme-pink .sidebar .menu .list li.active>:first-child i,.theme-pink .sidebar .menu .list li.active>:first-child span{color:#e91e63;}.theme-pink .sidebar .menu .list .toggled{background-color:transparent;}.theme-pink .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-pink .sidebar .legal{background-color:#fff;}.theme-pink .sidebar .legal .copyright a{color:#e91e63 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-purple .navbar {
|
||||
background-color: #9C27B0; }
|
||||
|
||||
.theme-purple .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-purple .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-purple .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-purple .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-purple .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-purple .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-purple .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-purple .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-purple .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-purple .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-purple .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-purple .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-purple .sidebar .menu .list li.active > :first-child i, .theme-purple .sidebar .menu .list li.active > :first-child span {
|
||||
color: #9C27B0; }
|
||||
|
||||
.theme-purple .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-purple .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-purple .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-purple .sidebar .legal .copyright a {
|
||||
color: #9C27B0 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-purple .navbar{background-color:#9c27b0;}.theme-purple .navbar-brand{color:#fff;}.theme-purple .navbar-brand:hover{color:#fff;}.theme-purple .navbar-brand:active{color:#fff;}.theme-purple .navbar-brand:focus{color:#fff;}.theme-purple .nav>li>a{color:#fff;}.theme-purple .nav>li>a:hover{background-color:transparent;}.theme-purple .nav>li>a:focus{background-color:transparent;}.theme-purple .nav .open>a{background-color:transparent;}.theme-purple .nav .open>a:hover{background-color:transparent;}.theme-purple .nav .open>a:focus{background-color:transparent;}.theme-purple .bars{color:#fff;}.theme-purple .sidebar .menu .list li.active{background-color:transparent;}.theme-purple .sidebar .menu .list li.active>:first-child i,.theme-purple .sidebar .menu .list li.active>:first-child span{color:#9c27b0;}.theme-purple .sidebar .menu .list .toggled{background-color:transparent;}.theme-purple .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-purple .sidebar .legal{background-color:#fff;}.theme-purple .sidebar .legal .copyright a{color:#9c27b0 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-red .navbar {
|
||||
background-color: #F44336; }
|
||||
|
||||
.theme-red .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-red .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-red .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-red .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-red .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-red .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-red .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-red .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-red .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-red .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-red .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-red .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-red .sidebar .menu .list li.active > :first-child i, .theme-red .sidebar .menu .list li.active > :first-child span {
|
||||
color: #F44336; }
|
||||
|
||||
.theme-red .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-red .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-red .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-red .sidebar .legal .copyright a {
|
||||
color: #F44336 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-red .navbar{background-color:#f44336;}.theme-red .navbar-brand{color:#fff;}.theme-red .navbar-brand:hover{color:#fff;}.theme-red .navbar-brand:active{color:#fff;}.theme-red .navbar-brand:focus{color:#fff;}.theme-red .nav>li>a{color:#fff;}.theme-red .nav>li>a:hover{background-color:transparent;}.theme-red .nav>li>a:focus{background-color:transparent;}.theme-red .nav .open>a{background-color:transparent;}.theme-red .nav .open>a:hover{background-color:transparent;}.theme-red .nav .open>a:focus{background-color:transparent;}.theme-red .bars{color:#fff;}.theme-red .sidebar .menu .list li.active{background-color:transparent;}.theme-red .sidebar .menu .list li.active>:first-child i,.theme-red .sidebar .menu .list li.active>:first-child span{color:#f44336;}.theme-red .sidebar .menu .list .toggled{background-color:transparent;}.theme-red .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-red .sidebar .legal{background-color:#fff;}.theme-red .sidebar .legal .copyright a{color:#f44336 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-teal .navbar {
|
||||
background-color: #009688; }
|
||||
|
||||
.theme-teal .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-teal .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-teal .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-teal .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-teal .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-teal .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-teal .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-teal .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-teal .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-teal .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-teal .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-teal .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-teal .sidebar .menu .list li.active > :first-child i, .theme-teal .sidebar .menu .list li.active > :first-child span {
|
||||
color: #009688; }
|
||||
|
||||
.theme-teal .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-teal .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-teal .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-teal .sidebar .legal .copyright a {
|
||||
color: #009688 !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-teal .navbar{background-color:#009688;}.theme-teal .navbar-brand{color:#fff;}.theme-teal .navbar-brand:hover{color:#fff;}.theme-teal .navbar-brand:active{color:#fff;}.theme-teal .navbar-brand:focus{color:#fff;}.theme-teal .nav>li>a{color:#fff;}.theme-teal .nav>li>a:hover{background-color:transparent;}.theme-teal .nav>li>a:focus{background-color:transparent;}.theme-teal .nav .open>a{background-color:transparent;}.theme-teal .nav .open>a:hover{background-color:transparent;}.theme-teal .nav .open>a:focus{background-color:transparent;}.theme-teal .bars{color:#fff;}.theme-teal .sidebar .menu .list li.active{background-color:transparent;}.theme-teal .sidebar .menu .list li.active>:first-child i,.theme-teal .sidebar .menu .list li.active>:first-child span{color:#009688;}.theme-teal .sidebar .menu .list .toggled{background-color:transparent;}.theme-teal .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-teal .sidebar .legal{background-color:#fff;}.theme-teal .sidebar .legal .copyright a{color:#009688 !important;}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
.theme-yellow .navbar {
|
||||
background-color: #FFEB3B; }
|
||||
|
||||
.theme-yellow .navbar-brand {
|
||||
color: #fff; }
|
||||
.theme-yellow .navbar-brand:hover {
|
||||
color: #fff; }
|
||||
.theme-yellow .navbar-brand:active {
|
||||
color: #fff; }
|
||||
.theme-yellow .navbar-brand:focus {
|
||||
color: #fff; }
|
||||
|
||||
.theme-yellow .nav > li > a {
|
||||
color: #fff; }
|
||||
.theme-yellow .nav > li > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-yellow .nav > li > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-yellow .nav .open > a {
|
||||
background-color: transparent; }
|
||||
.theme-yellow .nav .open > a:hover {
|
||||
background-color: transparent; }
|
||||
.theme-yellow .nav .open > a:focus {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-yellow .bars {
|
||||
color: #fff; }
|
||||
|
||||
.theme-yellow .sidebar .menu .list li.active {
|
||||
background-color: transparent; }
|
||||
.theme-yellow .sidebar .menu .list li.active > :first-child i, .theme-yellow .sidebar .menu .list li.active > :first-child span {
|
||||
color: #FFEB3B; }
|
||||
|
||||
.theme-yellow .sidebar .menu .list .toggled {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-yellow .sidebar .menu .list .ml-menu {
|
||||
background-color: transparent; }
|
||||
|
||||
.theme-yellow .sidebar .legal {
|
||||
background-color: #fff; }
|
||||
.theme-yellow .sidebar .legal .copyright a {
|
||||
color: #FFEB3B !important; }
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
.theme-yellow .navbar{background-color:#ffeb3b;}.theme-yellow .navbar-brand{color:#fff;}.theme-yellow .navbar-brand:hover{color:#fff;}.theme-yellow .navbar-brand:active{color:#fff;}.theme-yellow .navbar-brand:focus{color:#fff;}.theme-yellow .nav>li>a{color:#fff;}.theme-yellow .nav>li>a:hover{background-color:transparent;}.theme-yellow .nav>li>a:focus{background-color:transparent;}.theme-yellow .nav .open>a{background-color:transparent;}.theme-yellow .nav .open>a:hover{background-color:transparent;}.theme-yellow .nav .open>a:focus{background-color:transparent;}.theme-yellow .bars{color:#fff;}.theme-yellow .sidebar .menu .list li.active{background-color:transparent;}.theme-yellow .sidebar .menu .list li.active>:first-child i,.theme-yellow .sidebar .menu .list li.active>:first-child span{color:#ffeb3b;}.theme-yellow .sidebar .menu .list .toggled{background-color:transparent;}.theme-yellow .sidebar .menu .list .ml-menu{background-color:transparent;}.theme-yellow .sidebar .legal{background-color:#fff;}.theme-yellow .sidebar .legal .copyright a{color:#ffeb3b !important;}
|
||||
|
|
@ -0,0 +1,458 @@
|
|||
if (typeof jQuery === "undefined") {
|
||||
throw new Error("jQuery plugins need to be before this file");
|
||||
}
|
||||
|
||||
$.AdminBSB = {};
|
||||
$.AdminBSB.options = {
|
||||
colors: {
|
||||
red: '#F44336',
|
||||
pink: '#E91E63',
|
||||
purple: '#9C27B0',
|
||||
deepPurple: '#673AB7',
|
||||
indigo: '#3F51B5',
|
||||
blue: '#2196F3',
|
||||
lightBlue: '#03A9F4',
|
||||
cyan: '#00BCD4',
|
||||
teal: '#009688',
|
||||
green: '#4CAF50',
|
||||
lightGreen: '#8BC34A',
|
||||
lime: '#CDDC39',
|
||||
yellow: '#ffe821',
|
||||
amber: '#FFC107',
|
||||
orange: '#FF9800',
|
||||
deepOrange: '#FF5722',
|
||||
brown: '#795548',
|
||||
grey: '#9E9E9E',
|
||||
blueGrey: '#607D8B',
|
||||
black: '#000000',
|
||||
white: '#ffffff'
|
||||
},
|
||||
leftSideBar: {
|
||||
scrollColor: 'rgba(0,0,0,0.5)',
|
||||
scrollWidth: '4px',
|
||||
scrollAlwaysVisible: false,
|
||||
scrollBorderRadius: '0',
|
||||
scrollRailBorderRadius: '0',
|
||||
scrollActiveItemWhenPageLoad: true,
|
||||
breakpointWidth: 1170
|
||||
},
|
||||
dropdownMenu: {
|
||||
effectIn: 'fadeIn',
|
||||
effectOut: 'fadeOut'
|
||||
}
|
||||
}
|
||||
|
||||
/* Left Sidebar - Function =================================================================================================
|
||||
* You can manage the left sidebar menu options
|
||||
*
|
||||
*/
|
||||
$.AdminBSB.leftSideBar = {
|
||||
activate: function () {
|
||||
var _this = this;
|
||||
var $body = $('body');
|
||||
var $overlay = $('.overlay');
|
||||
|
||||
//Close sidebar
|
||||
$(window).click(function (e) {
|
||||
var $target = $(e.target);
|
||||
if (e.target.nodeName.toLowerCase() === 'i') { $target = $(e.target).parent(); }
|
||||
|
||||
if (!$target.hasClass('bars') && _this.isOpen() && $target.parents('#leftsidebar').length === 0) {
|
||||
if (!$target.hasClass('js-right-sidebar')) $overlay.fadeOut();
|
||||
$body.removeClass('overlay-open');
|
||||
}
|
||||
});
|
||||
|
||||
$.each($('.menu-toggle.toggled'), function (i, val) {
|
||||
$(val).next().slideToggle(0);
|
||||
});
|
||||
|
||||
//When page load
|
||||
$.each($('.menu .list li.active'), function (i, val) {
|
||||
var $activeAnchors = $(val).find('a:eq(0)');
|
||||
|
||||
$activeAnchors.addClass('toggled');
|
||||
$activeAnchors.next().show();
|
||||
});
|
||||
|
||||
//Collapse or Expand Menu
|
||||
$('.menu-toggle').on('click', function (e) {
|
||||
var $this = $(this);
|
||||
var $content = $this.next();
|
||||
|
||||
if ($($this.parents('ul')[0]).hasClass('list')) {
|
||||
var $not = $(e.target).hasClass('menu-toggle') ? e.target : $(e.target).parents('.menu-toggle');
|
||||
|
||||
$.each($('.menu-toggle.toggled').not($not).next(), function (i, val) {
|
||||
if ($(val).is(':visible')) {
|
||||
$(val).prev().toggleClass('toggled');
|
||||
$(val).slideUp();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$this.toggleClass('toggled');
|
||||
$content.slideToggle(320);
|
||||
});
|
||||
|
||||
//Set menu height
|
||||
_this.setMenuHeight();
|
||||
_this.checkStatuForResize(true);
|
||||
$(window).resize(function () {
|
||||
_this.setMenuHeight();
|
||||
_this.checkStatuForResize(false);
|
||||
});
|
||||
|
||||
//Set Waves
|
||||
Waves.attach('.menu .list a', ['waves-block']);
|
||||
Waves.init();
|
||||
},
|
||||
setMenuHeight: function (isFirstTime) {
|
||||
if (typeof $.fn.slimScroll != 'undefined') {
|
||||
var configs = $.AdminBSB.options.leftSideBar;
|
||||
var height = ($(window).height() - ($('.legal').outerHeight() + $('.user-info').outerHeight() + $('.navbar').innerHeight()));
|
||||
var $el = $('.list');
|
||||
|
||||
$el.slimscroll({
|
||||
height: height + "px",
|
||||
color: configs.scrollColor,
|
||||
size: configs.scrollWidth,
|
||||
alwaysVisible: configs.scrollAlwaysVisible,
|
||||
borderRadius: configs.scrollBorderRadius,
|
||||
railBorderRadius: configs.scrollRailBorderRadius
|
||||
});
|
||||
|
||||
//Scroll active menu item when page load, if option set = true
|
||||
if ($.AdminBSB.options.leftSideBar.scrollActiveItemWhenPageLoad) {
|
||||
var activeItemOffsetTop = $('.menu .list li.active')[0].offsetTop
|
||||
if (activeItemOffsetTop > 150) $el.slimscroll({ scrollTo: activeItemOffsetTop + 'px' });
|
||||
}
|
||||
}
|
||||
},
|
||||
checkStatuForResize: function (firstTime) {
|
||||
var $body = $('body');
|
||||
var $openCloseBar = $('.navbar .navbar-header .bars');
|
||||
var width = $body.width();
|
||||
|
||||
if (firstTime) {
|
||||
$body.find('.content, .sidebar').addClass('no-animate').delay(1000).queue(function () {
|
||||
$(this).removeClass('no-animate').dequeue();
|
||||
});
|
||||
}
|
||||
|
||||
if (width < $.AdminBSB.options.leftSideBar.breakpointWidth) {
|
||||
$body.addClass('ls-closed');
|
||||
$openCloseBar.fadeIn();
|
||||
}
|
||||
else {
|
||||
$body.removeClass('ls-closed');
|
||||
$openCloseBar.fadeOut();
|
||||
}
|
||||
},
|
||||
isOpen: function () {
|
||||
return $('body').hasClass('overlay-open');
|
||||
}
|
||||
};
|
||||
//==========================================================================================================================
|
||||
|
||||
/* Right Sidebar - Function ================================================================================================
|
||||
* You can manage the right sidebar menu options
|
||||
*
|
||||
*/
|
||||
$.AdminBSB.rightSideBar = {
|
||||
activate: function () {
|
||||
var _this = this;
|
||||
var $sidebar = $('#rightsidebar');
|
||||
var $overlay = $('.overlay');
|
||||
|
||||
//Close sidebar
|
||||
$(window).click(function (e) {
|
||||
var $target = $(e.target);
|
||||
if (e.target.nodeName.toLowerCase() === 'i') { $target = $(e.target).parent(); }
|
||||
|
||||
if (!$target.hasClass('js-right-sidebar') && _this.isOpen() && $target.parents('#rightsidebar').length === 0) {
|
||||
if (!$target.hasClass('bars')) $overlay.fadeOut();
|
||||
$sidebar.removeClass('open');
|
||||
}
|
||||
});
|
||||
|
||||
$('.js-right-sidebar').on('click', function () {
|
||||
$sidebar.toggleClass('open');
|
||||
if (_this.isOpen()) { $overlay.fadeIn(); } else { $overlay.fadeOut(); }
|
||||
});
|
||||
},
|
||||
isOpen: function () {
|
||||
return $('.right-sidebar').hasClass('open');
|
||||
}
|
||||
}
|
||||
//==========================================================================================================================
|
||||
|
||||
/* Searchbar - Function ================================================================================================
|
||||
* You can manage the search bar
|
||||
*
|
||||
*/
|
||||
var $searchBar = $('.search-bar');
|
||||
$.AdminBSB.search = {
|
||||
activate: function () {
|
||||
var _this = this;
|
||||
|
||||
//Search button click event
|
||||
$('.js-search').on('click', function () {
|
||||
_this.showSearchBar();
|
||||
});
|
||||
|
||||
//Close search click event
|
||||
$searchBar.find('.close-search').on('click', function () {
|
||||
_this.hideSearchBar();
|
||||
});
|
||||
|
||||
//ESC key on pressed
|
||||
$searchBar.find('input[type="text"]').on('keyup', function (e) {
|
||||
if (e.keyCode == 27) {
|
||||
_this.hideSearchBar();
|
||||
}
|
||||
});
|
||||
},
|
||||
showSearchBar: function () {
|
||||
$searchBar.addClass('open');
|
||||
$searchBar.find('input[type="text"]').focus();
|
||||
},
|
||||
hideSearchBar: function () {
|
||||
$searchBar.removeClass('open');
|
||||
$searchBar.find('input[type="text"]').val('');
|
||||
}
|
||||
}
|
||||
//==========================================================================================================================
|
||||
|
||||
/* Navbar - Function =======================================================================================================
|
||||
* You can manage the navbar
|
||||
*
|
||||
*/
|
||||
$.AdminBSB.navbar = {
|
||||
activate: function () {
|
||||
var $body = $('body');
|
||||
var $overlay = $('.overlay');
|
||||
|
||||
//Open left sidebar panel
|
||||
$('.bars').on('click', function () {
|
||||
$body.toggleClass('overlay-open');
|
||||
if ($body.hasClass('overlay-open')) { $overlay.fadeIn(); } else { $overlay.fadeOut(); }
|
||||
});
|
||||
|
||||
//Close collapse bar on click event
|
||||
$('.nav [data-close="true"]').on('click', function () {
|
||||
var isVisible = $('.navbar-toggle').is(':visible');
|
||||
var $navbarCollapse = $('.navbar-collapse');
|
||||
|
||||
if (isVisible) {
|
||||
$navbarCollapse.slideUp(function () {
|
||||
$navbarCollapse.removeClass('in').removeAttr('style');
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
//==========================================================================================================================
|
||||
|
||||
/* Input - Function ========================================================================================================
|
||||
* You can manage the inputs(also textareas) with name of class 'form-control'
|
||||
*
|
||||
*/
|
||||
$.AdminBSB.input = {
|
||||
activate: function () {
|
||||
//On focus event
|
||||
$('.form-control').focus(function () {
|
||||
$(this).parent().addClass('focused');
|
||||
});
|
||||
|
||||
//On focusout event
|
||||
$('.form-control').focusout(function () {
|
||||
var $this = $(this);
|
||||
if ($this.parents('.form-group').hasClass('form-float')) {
|
||||
if ($this.val() == '') { $this.parents('.form-line').removeClass('focused'); }
|
||||
}
|
||||
else {
|
||||
$this.parents('.form-line').removeClass('focused');
|
||||
}
|
||||
});
|
||||
|
||||
//On label click
|
||||
$('body').on('click', '.form-float .form-line .form-label', function () {
|
||||
$(this).parent().find('input').focus();
|
||||
});
|
||||
|
||||
//Not blank form
|
||||
$('.form-control').each(function () {
|
||||
if ($(this).val() !== '') {
|
||||
$(this).parents('.form-line').addClass('focused');
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
//==========================================================================================================================
|
||||
|
||||
/* Form - Select - Function ================================================================================================
|
||||
* You can manage the 'select' of form elements
|
||||
*
|
||||
*/
|
||||
$.AdminBSB.select = {
|
||||
activate: function () {
|
||||
if ($.fn.selectpicker) { $('select:not(.ms)').selectpicker(); }
|
||||
}
|
||||
}
|
||||
//==========================================================================================================================
|
||||
|
||||
/* DropdownMenu - Function =================================================================================================
|
||||
* You can manage the dropdown menu
|
||||
*
|
||||
*/
|
||||
|
||||
$.AdminBSB.dropdownMenu = {
|
||||
activate: function () {
|
||||
var _this = this;
|
||||
|
||||
$('.dropdown, .dropup, .btn-group').on({
|
||||
"show.bs.dropdown": function () {
|
||||
var dropdown = _this.dropdownEffect(this);
|
||||
_this.dropdownEffectStart(dropdown, dropdown.effectIn);
|
||||
},
|
||||
"shown.bs.dropdown": function () {
|
||||
var dropdown = _this.dropdownEffect(this);
|
||||
if (dropdown.effectIn && dropdown.effectOut) {
|
||||
_this.dropdownEffectEnd(dropdown, function () { });
|
||||
}
|
||||
},
|
||||
"hide.bs.dropdown": function (e) {
|
||||
var dropdown = _this.dropdownEffect(this);
|
||||
if (dropdown.effectOut) {
|
||||
e.preventDefault();
|
||||
_this.dropdownEffectStart(dropdown, dropdown.effectOut);
|
||||
_this.dropdownEffectEnd(dropdown, function () {
|
||||
dropdown.dropdown.removeClass('open');
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//Set Waves
|
||||
Waves.attach('.dropdown-menu li a', ['waves-block']);
|
||||
Waves.init();
|
||||
},
|
||||
dropdownEffect: function (target) {
|
||||
var effectIn = $.AdminBSB.options.dropdownMenu.effectIn, effectOut = $.AdminBSB.options.dropdownMenu.effectOut;
|
||||
var dropdown = $(target), dropdownMenu = $('.dropdown-menu', target);
|
||||
|
||||
if (dropdown.length > 0) {
|
||||
var udEffectIn = dropdown.data('effect-in');
|
||||
var udEffectOut = dropdown.data('effect-out');
|
||||
if (udEffectIn !== undefined) { effectIn = udEffectIn; }
|
||||
if (udEffectOut !== undefined) { effectOut = udEffectOut; }
|
||||
}
|
||||
|
||||
return {
|
||||
target: target,
|
||||
dropdown: dropdown,
|
||||
dropdownMenu: dropdownMenu,
|
||||
effectIn: effectIn,
|
||||
effectOut: effectOut
|
||||
};
|
||||
},
|
||||
dropdownEffectStart: function (data, effectToStart) {
|
||||
if (effectToStart) {
|
||||
data.dropdown.addClass('dropdown-animating');
|
||||
data.dropdownMenu.addClass('animated dropdown-animated');
|
||||
data.dropdownMenu.addClass(effectToStart);
|
||||
}
|
||||
},
|
||||
dropdownEffectEnd: function (data, callback) {
|
||||
var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
|
||||
data.dropdown.one(animationEnd, function () {
|
||||
data.dropdown.removeClass('dropdown-animating');
|
||||
data.dropdownMenu.removeClass('animated dropdown-animated');
|
||||
data.dropdownMenu.removeClass(data.effectIn);
|
||||
data.dropdownMenu.removeClass(data.effectOut);
|
||||
|
||||
if (typeof callback == 'function') {
|
||||
callback();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
//==========================================================================================================================
|
||||
|
||||
/* Browser - Function ======================================================================================================
|
||||
* You can manage browser
|
||||
*
|
||||
*/
|
||||
var edge = 'Microsoft Edge';
|
||||
var ie10 = 'Internet Explorer 10';
|
||||
var ie11 = 'Internet Explorer 11';
|
||||
var opera = 'Opera';
|
||||
var firefox = 'Mozilla Firefox';
|
||||
var chrome = 'Google Chrome';
|
||||
var safari = 'Safari';
|
||||
|
||||
$.AdminBSB.browser = {
|
||||
activate: function () {
|
||||
var _this = this;
|
||||
var className = _this.getClassName();
|
||||
|
||||
if (className !== '') $('html').addClass(_this.getClassName());
|
||||
},
|
||||
getBrowser: function () {
|
||||
var userAgent = navigator.userAgent.toLowerCase();
|
||||
|
||||
if (/edge/i.test(userAgent)) {
|
||||
return edge;
|
||||
} else if (/rv:11/i.test(userAgent)) {
|
||||
return ie11;
|
||||
} else if (/msie 10/i.test(userAgent)) {
|
||||
return ie10;
|
||||
} else if (/opr/i.test(userAgent)) {
|
||||
return opera;
|
||||
} else if (/chrome/i.test(userAgent)) {
|
||||
return chrome;
|
||||
} else if (/firefox/i.test(userAgent)) {
|
||||
return firefox;
|
||||
} else if (!!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)) {
|
||||
return safari;
|
||||
}
|
||||
|
||||
return undefined;
|
||||
},
|
||||
getClassName: function () {
|
||||
var browser = this.getBrowser();
|
||||
|
||||
if (browser === edge) {
|
||||
return 'edge';
|
||||
} else if (browser === ie11) {
|
||||
return 'ie11';
|
||||
} else if (browser === ie10) {
|
||||
return 'ie10';
|
||||
} else if (browser === opera) {
|
||||
return 'opera';
|
||||
} else if (browser === chrome) {
|
||||
return 'chrome';
|
||||
} else if (browser === firefox) {
|
||||
return 'firefox';
|
||||
} else if (browser === safari) {
|
||||
return 'safari';
|
||||
} else {
|
||||
return '';
|
||||
}
|
||||
}
|
||||
}
|
||||
//==========================================================================================================================
|
||||
|
||||
$(function () {
|
||||
$.AdminBSB.browser.activate();
|
||||
$.AdminBSB.leftSideBar.activate();
|
||||
$.AdminBSB.rightSideBar.activate();
|
||||
$.AdminBSB.navbar.activate();
|
||||
$.AdminBSB.dropdownMenu.activate();
|
||||
$.AdminBSB.input.activate();
|
||||
$.AdminBSB.select.activate();
|
||||
$.AdminBSB.search.activate();
|
||||
|
||||
setTimeout(function () { $('.page-loader-wrapper').fadeOut(); }, 50);
|
||||
});
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
/**
|
||||
* Created by cmiles on 8/9/2017.
|
||||
*/
|
||||
|
||||
function api_example(example) {
|
||||
switch(example) {
|
||||
case "get_active_leases":
|
||||
$.getJSON( "/api/get_active_leases", function( data ) {
|
||||
$("#get-active-leases").html('<pre>' + JSON.stringify(data, null, 2) + '</pre>').fadeOut(100).fadeIn(100);
|
||||
});
|
||||
default:
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,107 @@
|
|||
$(function () {
|
||||
skinChanger();
|
||||
activateNotificationAndTasksScroll();
|
||||
|
||||
setSkinListHeightAndScroll(true);
|
||||
setSettingListHeightAndScroll(true);
|
||||
$(window).resize(function () {
|
||||
setSkinListHeightAndScroll(false);
|
||||
setSettingListHeightAndScroll(false);
|
||||
});
|
||||
});
|
||||
|
||||
//Skin changer
|
||||
function skinChanger() {
|
||||
$('.right-sidebar .demo-choose-skin li').on('click', function () {
|
||||
var $body = $('body');
|
||||
var $this = $(this);
|
||||
|
||||
var existTheme = $('.right-sidebar .demo-choose-skin li.active').data('theme');
|
||||
$('.right-sidebar .demo-choose-skin li').removeClass('active');
|
||||
$body.removeClass('theme-' + existTheme);
|
||||
$this.addClass('active');
|
||||
|
||||
$body.addClass('theme-' + $this.data('theme'));
|
||||
});
|
||||
}
|
||||
|
||||
//Skin tab content set height and show scroll
|
||||
function setSkinListHeightAndScroll(isFirstTime) {
|
||||
var height = $(window).height() - ($('.navbar').innerHeight() + $('.right-sidebar .nav-tabs').outerHeight());
|
||||
var $el = $('.demo-choose-skin');
|
||||
|
||||
if (!isFirstTime){
|
||||
$el.slimScroll({ destroy: true }).height('auto');
|
||||
$el.parent().find('.slimScrollBar, .slimScrollRail').remove();
|
||||
}
|
||||
|
||||
$el.slimscroll({
|
||||
height: height + 'px',
|
||||
color: 'rgba(0,0,0,0.5)',
|
||||
size: '6px',
|
||||
alwaysVisible: false,
|
||||
borderRadius: '0',
|
||||
railBorderRadius: '0'
|
||||
});
|
||||
}
|
||||
|
||||
//Setting tab content set height and show scroll
|
||||
function setSettingListHeightAndScroll(isFirstTime) {
|
||||
var height = $(window).height() - ($('.navbar').innerHeight() + $('.right-sidebar .nav-tabs').outerHeight());
|
||||
var $el = $('.right-sidebar .demo-settings');
|
||||
|
||||
if (!isFirstTime){
|
||||
$el.slimScroll({ destroy: true }).height('auto');
|
||||
$el.parent().find('.slimScrollBar, .slimScrollRail').remove();
|
||||
}
|
||||
|
||||
$el.slimscroll({
|
||||
height: height + 'px',
|
||||
color: 'rgba(0,0,0,0.5)',
|
||||
size: '6px',
|
||||
alwaysVisible: false,
|
||||
borderRadius: '0',
|
||||
railBorderRadius: '0'
|
||||
});
|
||||
}
|
||||
|
||||
//Activate notification and task dropdown on top right menu
|
||||
function activateNotificationAndTasksScroll() {
|
||||
$('.navbar-right .dropdown-menu .body .menu').slimscroll({
|
||||
height: '254px',
|
||||
color: 'rgba(0,0,0,0.5)',
|
||||
size: '4px',
|
||||
alwaysVisible: false,
|
||||
borderRadius: '0',
|
||||
railBorderRadius: '0'
|
||||
});
|
||||
}
|
||||
|
||||
//Google Analiytics ======================================================================================
|
||||
addLoadEvent(loadTracking);
|
||||
var trackingId = 'UA-30038099-6';
|
||||
|
||||
function addLoadEvent(func) {
|
||||
var oldonload = window.onload;
|
||||
if (typeof window.onload != 'function') {
|
||||
window.onload = func;
|
||||
} else {
|
||||
window.onload = function () {
|
||||
oldonload();
|
||||
func();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function loadTracking() {
|
||||
(function (i, s, o, g, r, a, m) {
|
||||
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
|
||||
(i[r].q = i[r].q || []).push(arguments)
|
||||
}, i[r].l = 1 * new Date(); a = s.createElement(o),
|
||||
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
|
||||
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
|
||||
|
||||
ga('create', trackingId, 'auto');
|
||||
ga('send', 'pageview');
|
||||
}
|
||||
//========================================================================================================
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
function hexToRgb(hexCode) {
|
||||
var patt = /^#([\da-fA-F]{2})([\da-fA-F]{2})([\da-fA-F]{2})$/;
|
||||
var matches = patt.exec(hexCode);
|
||||
var rgb = "rgb(" + parseInt(matches[1], 16) + "," + parseInt(matches[2], 16) + "," + parseInt(matches[3], 16) + ")";
|
||||
return rgb;
|
||||
}
|
||||
|
||||
function hexToRgba(hexCode, opacity) {
|
||||
var patt = /^#([\da-fA-F]{2})([\da-fA-F]{2})([\da-fA-F]{2})$/;
|
||||
var matches = patt.exec(hexCode);
|
||||
var rgb = "rgba(" + parseInt(matches[1], 16) + "," + parseInt(matches[2], 16) + "," + parseInt(matches[3], 16) + "," + opacity + ")";
|
||||
return rgb;
|
||||
}
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
$(function () {
|
||||
initLoading();
|
||||
});
|
||||
|
||||
//Init Loading
|
||||
function initLoading() {
|
||||
$('[data-toggle="cardloading"]').on('click', function () {
|
||||
var effect = $(this).data('loadingEffect');
|
||||
var $loading = $(this).parents('.card').waitMe({
|
||||
effect: effect,
|
||||
text: 'Loading...',
|
||||
bg: 'rgba(255,255,255,0.90)',
|
||||
color: '#555'
|
||||
});
|
||||
|
||||
setTimeout(function () {
|
||||
//Loading hide
|
||||
$loading.waitMe('hide');
|
||||
}, 3200);
|
||||
});
|
||||
}
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
$(function () {
|
||||
initLoading();
|
||||
});
|
||||
|
||||
//Init Loading
|
||||
function initLoading() {
|
||||
$('[data-toggle="cardloading"]').on('click', function () {
|
||||
var effect = $(this).data('loadingEffect');
|
||||
var color = $.AdminBSB.options.colors[$(this).data('loadingColor')];
|
||||
|
||||
var $loading = $(this).parents('.card').waitMe({
|
||||
effect: effect,
|
||||
text: 'Loading...',
|
||||
bg: 'rgba(255,255,255,0.90)',
|
||||
color: color
|
||||
});
|
||||
|
||||
setTimeout(function () {
|
||||
//Loading hide
|
||||
$loading.waitMe('hide');
|
||||
}, 3200);
|
||||
});
|
||||
}
|
||||
|
|
@ -0,0 +1,117 @@
|
|||
$(function () {
|
||||
new Chart(document.getElementById("line_chart").getContext("2d"), getChartJs('line'));
|
||||
new Chart(document.getElementById("bar_chart").getContext("2d"), getChartJs('bar'));
|
||||
new Chart(document.getElementById("radar_chart").getContext("2d"), getChartJs('radar'));
|
||||
new Chart(document.getElementById("pie_chart").getContext("2d"), getChartJs('pie'));
|
||||
});
|
||||
|
||||
function getChartJs(type) {
|
||||
var config = null;
|
||||
|
||||
if (type === 'line') {
|
||||
config = {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: ["January", "February", "March", "April", "May", "June", "July"],
|
||||
datasets: [{
|
||||
label: "My First dataset",
|
||||
data: [65, 59, 80, 81, 56, 55, 40],
|
||||
borderColor: 'rgba(0, 188, 212, 0.75)',
|
||||
backgroundColor: 'rgba(0, 188, 212, 0.3)',
|
||||
pointBorderColor: 'rgba(0, 188, 212, 0)',
|
||||
pointBackgroundColor: 'rgba(0, 188, 212, 0.9)',
|
||||
pointBorderWidth: 1
|
||||
}, {
|
||||
label: "My Second dataset",
|
||||
data: [28, 48, 40, 19, 86, 27, 90],
|
||||
borderColor: 'rgba(233, 30, 99, 0.75)',
|
||||
backgroundColor: 'rgba(233, 30, 99, 0.3)',
|
||||
pointBorderColor: 'rgba(233, 30, 99, 0)',
|
||||
pointBackgroundColor: 'rgba(233, 30, 99, 0.9)',
|
||||
pointBorderWidth: 1
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
legend: false
|
||||
}
|
||||
}
|
||||
}
|
||||
else if (type === 'bar') {
|
||||
config = {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: ["January", "February", "March", "April", "May", "June", "July"],
|
||||
datasets: [{
|
||||
label: "My First dataset",
|
||||
data: [65, 59, 80, 81, 56, 55, 40],
|
||||
backgroundColor: 'rgba(0, 188, 212, 0.8)'
|
||||
}, {
|
||||
label: "My Second dataset",
|
||||
data: [28, 48, 40, 19, 86, 27, 90],
|
||||
backgroundColor: 'rgba(233, 30, 99, 0.8)'
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
legend: false
|
||||
}
|
||||
}
|
||||
}
|
||||
else if (type === 'radar') {
|
||||
config = {
|
||||
type: 'radar',
|
||||
data: {
|
||||
labels: ["January", "February", "March", "April", "May", "June", "July"],
|
||||
datasets: [{
|
||||
label: "My First dataset",
|
||||
data: [65, 25, 90, 81, 56, 55, 40],
|
||||
borderColor: 'rgba(0, 188, 212, 0.8)',
|
||||
backgroundColor: 'rgba(0, 188, 212, 0.5)',
|
||||
pointBorderColor: 'rgba(0, 188, 212, 0)',
|
||||
pointBackgroundColor: 'rgba(0, 188, 212, 0.8)',
|
||||
pointBorderWidth: 1
|
||||
}, {
|
||||
label: "My Second dataset",
|
||||
data: [72, 48, 40, 19, 96, 27, 100],
|
||||
borderColor: 'rgba(233, 30, 99, 0.8)',
|
||||
backgroundColor: 'rgba(233, 30, 99, 0.5)',
|
||||
pointBorderColor: 'rgba(233, 30, 99, 0)',
|
||||
pointBackgroundColor: 'rgba(233, 30, 99, 0.8)',
|
||||
pointBorderWidth: 1
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
legend: false
|
||||
}
|
||||
}
|
||||
}
|
||||
else if (type === 'pie') {
|
||||
config = {
|
||||
type: 'pie',
|
||||
data: {
|
||||
datasets: [{
|
||||
data: [225, 50, 100, 40],
|
||||
backgroundColor: [
|
||||
"rgb(233, 30, 99)",
|
||||
"rgb(255, 193, 7)",
|
||||
"rgb(0, 188, 212)",
|
||||
"rgb(139, 195, 74)"
|
||||
],
|
||||
}],
|
||||
labels: [
|
||||
"Pink",
|
||||
"Amber",
|
||||
"Cyan",
|
||||
"Light Green"
|
||||
]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
legend: false
|
||||
}
|
||||
}
|
||||
}
|
||||
return config;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,46 @@
|
|||
$(function () {
|
||||
$('.knob').knob({
|
||||
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;
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,168 @@
|
|||
$(function () {
|
||||
getMorris('line', 'line_chart');
|
||||
getMorris('bar', 'bar_chart');
|
||||
getMorris('area', 'area_chart');
|
||||
getMorris('donut', 'donut_chart');
|
||||
});
|
||||
|
||||
|
||||
function getMorris(type, element) {
|
||||
if (type === 'line') {
|
||||
Morris.Line({
|
||||
element: element,
|
||||
data: [{
|
||||
'period': '2011 Q3',
|
||||
'licensed': 3407,
|
||||
'sorned': 660
|
||||
}, {
|
||||
'period': '2011 Q2',
|
||||
'licensed': 3351,
|
||||
'sorned': 629
|
||||
}, {
|
||||
'period': '2011 Q1',
|
||||
'licensed': 3269,
|
||||
'sorned': 618
|
||||
}, {
|
||||
'period': '2010 Q4',
|
||||
'licensed': 3246,
|
||||
'sorned': 661
|
||||
}, {
|
||||
'period': '2009 Q4',
|
||||
'licensed': 3171,
|
||||
'sorned': 676
|
||||
}, {
|
||||
'period': '2008 Q4',
|
||||
'licensed': 3155,
|
||||
'sorned': 681
|
||||
}, {
|
||||
'period': '2007 Q4',
|
||||
'licensed': 3226,
|
||||
'sorned': 620
|
||||
}, {
|
||||
'period': '2006 Q4',
|
||||
'licensed': 3245,
|
||||
'sorned': null
|
||||
}, {
|
||||
'period': '2005 Q4',
|
||||
'licensed': 3289,
|
||||
'sorned': null
|
||||
}],
|
||||
xkey: 'period',
|
||||
ykeys: ['licensed', 'sorned'],
|
||||
labels: ['Licensed', 'Off the road'],
|
||||
lineColors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)'],
|
||||
lineWidth: 3
|
||||
});
|
||||
} else if (type === 'bar') {
|
||||
Morris.Bar({
|
||||
element: element,
|
||||
data: [{
|
||||
x: '2011 Q1',
|
||||
y: 3,
|
||||
z: 2,
|
||||
a: 3
|
||||
}, {
|
||||
x: '2011 Q2',
|
||||
y: 2,
|
||||
z: null,
|
||||
a: 1
|
||||
}, {
|
||||
x: '2011 Q3',
|
||||
y: 0,
|
||||
z: 2,
|
||||
a: 4
|
||||
}, {
|
||||
x: '2011 Q4',
|
||||
y: 2,
|
||||
z: 4,
|
||||
a: 3
|
||||
}],
|
||||
xkey: 'x',
|
||||
ykeys: ['y', 'z', 'a'],
|
||||
labels: ['Y', 'Z', 'A'],
|
||||
barColors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(0, 150, 136)'],
|
||||
});
|
||||
} else if (type === 'area') {
|
||||
Morris.Area({
|
||||
element: element,
|
||||
data: [{
|
||||
period: '2010 Q1',
|
||||
iphone: 2666,
|
||||
ipad: null,
|
||||
itouch: 2647
|
||||
}, {
|
||||
period: '2010 Q2',
|
||||
iphone: 2778,
|
||||
ipad: 2294,
|
||||
itouch: 2441
|
||||
}, {
|
||||
period: '2010 Q3',
|
||||
iphone: 4912,
|
||||
ipad: 1969,
|
||||
itouch: 2501
|
||||
}, {
|
||||
period: '2010 Q4',
|
||||
iphone: 3767,
|
||||
ipad: 3597,
|
||||
itouch: 5689
|
||||
}, {
|
||||
period: '2011 Q1',
|
||||
iphone: 6810,
|
||||
ipad: 1914,
|
||||
itouch: 2293
|
||||
}, {
|
||||
period: '2011 Q2',
|
||||
iphone: 5670,
|
||||
ipad: 4293,
|
||||
itouch: 1881
|
||||
}, {
|
||||
period: '2011 Q3',
|
||||
iphone: 4820,
|
||||
ipad: 3795,
|
||||
itouch: 1588
|
||||
}, {
|
||||
period: '2011 Q4',
|
||||
iphone: 15073,
|
||||
ipad: 5967,
|
||||
itouch: 5175
|
||||
}, {
|
||||
period: '2012 Q1',
|
||||
iphone: 10687,
|
||||
ipad: 4460,
|
||||
itouch: 2028
|
||||
}, {
|
||||
period: '2012 Q2',
|
||||
iphone: 8432,
|
||||
ipad: 5713,
|
||||
itouch: 1791
|
||||
}],
|
||||
xkey: 'period',
|
||||
ykeys: ['iphone', 'ipad', 'itouch'],
|
||||
labels: ['iPhone', 'iPad', 'iPod Touch'],
|
||||
pointSize: 2,
|
||||
hideHover: 'auto',
|
||||
lineColors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(0, 150, 136)']
|
||||
});
|
||||
} else if (type === 'donut') {
|
||||
Morris.Donut({
|
||||
element: element,
|
||||
data: [{
|
||||
label: 'Jam',
|
||||
value: 25
|
||||
}, {
|
||||
label: 'Frosted',
|
||||
value: 40
|
||||
}, {
|
||||
label: 'Custard',
|
||||
value: 25
|
||||
}, {
|
||||
label: 'Sugar',
|
||||
value: 10
|
||||
}],
|
||||
colors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(255, 152, 0)', 'rgb(0, 150, 136)'],
|
||||
formatter: function (y) {
|
||||
return y + '%'
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,156 @@
|
|||
$(function () {
|
||||
$(".sparkline").each(function () {
|
||||
var $this = $(this);
|
||||
$this.sparkline('html', $this.data());
|
||||
});
|
||||
|
||||
$('.sparkline-pie').sparkline('html', {
|
||||
type: 'pie',
|
||||
offset: 90,
|
||||
width: '150px',
|
||||
height: '150px',
|
||||
sliceColors: ['#E91E63', '#00BCD4', '#FFC107']
|
||||
})
|
||||
|
||||
drawDocSparklines();
|
||||
drawMouseSpeedDemo();
|
||||
});
|
||||
|
||||
//Taken from http://omnipotent.net/jquery.sparkline ================
|
||||
function drawDocSparklines() {
|
||||
|
||||
// Bar + line composite charts
|
||||
$('#compositebar').sparkline('html', { type: 'bar', barColor: '#aaf' });
|
||||
$('#compositebar').sparkline([4, 1, 5, 7, 9, 9, 8, 7, 6, 6, 4, 7, 8, 4, 3, 2, 2, 5, 6, 7],
|
||||
{ composite: true, fillColor: false, lineColor: 'red' });
|
||||
|
||||
|
||||
// Line charts taking their values from the tag
|
||||
$('.sparkline-1').sparkline();
|
||||
|
||||
// Larger line charts for the docs
|
||||
$('.largeline').sparkline('html',
|
||||
{ type: 'line', height: '2.5em', width: '4em' });
|
||||
|
||||
// Customized line chart
|
||||
$('#linecustom').sparkline('html',
|
||||
{
|
||||
height: '1.5em', width: '8em', lineColor: '#f00', fillColor: '#ffa',
|
||||
minSpotColor: false, maxSpotColor: false, spotColor: '#77f', spotRadius: 3
|
||||
});
|
||||
|
||||
// Bar charts using inline values
|
||||
$('.sparkbar').sparkline('html', { type: 'bar' });
|
||||
|
||||
$('.barformat').sparkline([1, 3, 5, 3, 8], {
|
||||
type: 'bar',
|
||||
tooltipFormat: '{{value:levels}} - {{value}}',
|
||||
tooltipValueLookups: {
|
||||
levels: $.range_map({ ':2': 'Low', '3:6': 'Medium', '7:': 'High' })
|
||||
}
|
||||
});
|
||||
|
||||
// Tri-state charts using inline values
|
||||
$('.sparktristate').sparkline('html', { type: 'tristate' });
|
||||
$('.sparktristatecols').sparkline('html',
|
||||
{ type: 'tristate', colorMap: { '-2': '#fa7', '2': '#44f' } });
|
||||
|
||||
// Composite line charts, the second using values supplied via javascript
|
||||
$('#compositeline').sparkline('html', { fillColor: false, changeRangeMin: 0, chartRangeMax: 10 });
|
||||
$('#compositeline').sparkline([4, 1, 5, 7, 9, 9, 8, 7, 6, 6, 4, 7, 8, 4, 3, 2, 2, 5, 6, 7],
|
||||
{ composite: true, fillColor: false, lineColor: 'red', changeRangeMin: 0, chartRangeMax: 10 });
|
||||
|
||||
// Line charts with normal range marker
|
||||
$('#normalline').sparkline('html',
|
||||
{ fillColor: false, normalRangeMin: -1, normalRangeMax: 8 });
|
||||
$('#normalExample').sparkline('html',
|
||||
{ fillColor: false, normalRangeMin: 80, normalRangeMax: 95, normalRangeColor: '#4f4' });
|
||||
|
||||
// Discrete charts
|
||||
$('.discrete1').sparkline('html',
|
||||
{ type: 'discrete', lineColor: 'blue', xwidth: 18 });
|
||||
$('#discrete2').sparkline('html',
|
||||
{ type: 'discrete', lineColor: 'blue', thresholdColor: 'red', thresholdValue: 4 });
|
||||
|
||||
// Bullet charts
|
||||
$('.sparkbullet').sparkline('html', { type: 'bullet' });
|
||||
|
||||
// Pie charts
|
||||
$('.sparkpie').sparkline('html', { type: 'pie', height: '1.0em' });
|
||||
|
||||
// Box plots
|
||||
$('.sparkboxplot').sparkline('html', { type: 'box' });
|
||||
$('.sparkboxplotraw').sparkline([1, 3, 5, 8, 10, 15, 18],
|
||||
{ type: 'box', raw: true, showOutliers: true, target: 6 });
|
||||
|
||||
// Box plot with specific field order
|
||||
$('.boxfieldorder').sparkline('html', {
|
||||
type: 'box',
|
||||
tooltipFormatFieldlist: ['med', 'lq', 'uq'],
|
||||
tooltipFormatFieldlistKey: 'field'
|
||||
});
|
||||
|
||||
// click event demo sparkline
|
||||
$('.clickdemo').sparkline();
|
||||
$('.clickdemo').bind('sparklineClick', function (ev) {
|
||||
var sparkline = ev.sparklines[0],
|
||||
region = sparkline.getCurrentRegionFields();
|
||||
value = region.y;
|
||||
alert("Clicked on x=" + region.x + " y=" + region.y);
|
||||
});
|
||||
|
||||
// mouseover event demo sparkline
|
||||
$('.mouseoverdemo').sparkline();
|
||||
$('.mouseoverdemo').bind('sparklineRegionChange', function (ev) {
|
||||
var sparkline = ev.sparklines[0],
|
||||
region = sparkline.getCurrentRegionFields();
|
||||
value = region.y;
|
||||
$('.mouseoverregion').text("x=" + region.x + " y=" + region.y);
|
||||
}).bind('mouseleave', function () {
|
||||
$('.mouseoverregion').text('');
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
** 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);
|
||||
}
|
||||
|
||||
//=================================================================
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
$(function () {
|
||||
$('#forgot_password').validate({
|
||||
highlight: function (input) {
|
||||
console.log(input);
|
||||
$(input).parents('.form-line').addClass('error');
|
||||
},
|
||||
unhighlight: function (input) {
|
||||
$(input).parents('.form-line').removeClass('error');
|
||||
},
|
||||
errorPlacement: function (error, element) {
|
||||
$(element).parents('.input-group').append(error);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
$(function () {
|
||||
$('#sign_in').validate({
|
||||
highlight: function (input) {
|
||||
console.log(input);
|
||||
$(input).parents('.form-line').addClass('error');
|
||||
},
|
||||
unhighlight: function (input) {
|
||||
$(input).parents('.form-line').removeClass('error');
|
||||
},
|
||||
errorPlacement: function (error, element) {
|
||||
$(element).parents('.input-group').append(error);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
$(function () {
|
||||
$('#sign_up').validate({
|
||||
rules: {
|
||||
'terms': {
|
||||
required: true
|
||||
},
|
||||
'confirm': {
|
||||
equalTo: '[name="password"]'
|
||||
}
|
||||
},
|
||||
highlight: function (input) {
|
||||
console.log(input);
|
||||
$(input).parents('.form-line').addClass('error');
|
||||
},
|
||||
unhighlight: function (input) {
|
||||
$(input).parents('.form-line').removeClass('error');
|
||||
},
|
||||
errorPlacement: function (error, element) {
|
||||
$(element).parents('.input-group').append(error);
|
||||
$(element).parents('.form-group').append(error);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,85 @@
|
|||
$(function () {
|
||||
$('.colorpicker').colorpicker();
|
||||
|
||||
//Dropzone
|
||||
Dropzone.options.frmFileUpload = {
|
||||
paramName: "file",
|
||||
maxFilesize: 2
|
||||
};
|
||||
|
||||
//Masked Input ============================================================================================================================
|
||||
var $demoMaskedInput = $('.demo-masked-input');
|
||||
|
||||
//Date
|
||||
$demoMaskedInput.find('.date').inputmask('dd/mm/yyyy', { placeholder: '__/__/____' });
|
||||
|
||||
//Time
|
||||
$demoMaskedInput.find('.time12').inputmask('hh:mm t', { placeholder: '__:__ _m', alias: 'time12', hourFormat: '12' });
|
||||
$demoMaskedInput.find('.time24').inputmask('hh:mm', { placeholder: '__:__ _m', alias: 'time24', hourFormat: '24' });
|
||||
|
||||
//Date Time
|
||||
$demoMaskedInput.find('.datetime').inputmask('d/m/y h:s', { placeholder: '__/__/____ __:__', alias: "datetime", hourFormat: '24' });
|
||||
|
||||
//Mobile Phone Number
|
||||
$demoMaskedInput.find('.mobile-phone-number').inputmask('+99 (999) 999-99-99', { placeholder: '+__ (___) ___-__-__' });
|
||||
//Phone Number
|
||||
$demoMaskedInput.find('.phone-number').inputmask('+99 (999) 999-99-99', { placeholder: '+__ (___) ___-__-__' });
|
||||
|
||||
//Dollar Money
|
||||
$demoMaskedInput.find('.money-dollar').inputmask('99,99 $', { placeholder: '__,__ $' });
|
||||
//Euro Money
|
||||
$demoMaskedInput.find('.money-euro').inputmask('99,99 €', { placeholder: '__,__ €' });
|
||||
|
||||
//IP Address
|
||||
$demoMaskedInput.find('.ip').inputmask('999.999.999.999', { placeholder: '___.___.___.___' });
|
||||
|
||||
//Credit Card
|
||||
$demoMaskedInput.find('.credit-card').inputmask('9999 9999 9999 9999', { placeholder: '____ ____ ____ ____' });
|
||||
|
||||
//Email
|
||||
$demoMaskedInput.find('.email').inputmask({ alias: "email" });
|
||||
|
||||
//Serial Key
|
||||
$demoMaskedInput.find('.key').inputmask('****-****-****-****', { placeholder: '____-____-____-____' });
|
||||
//===========================================================================================================================================
|
||||
|
||||
//Multi-select
|
||||
$('#optgroup').multiSelect({ selectableOptgroup: true });
|
||||
|
||||
//noUISlider
|
||||
var sliderBasic = document.getElementById('nouislider_basic_example');
|
||||
noUiSlider.create(sliderBasic, {
|
||||
start: [30],
|
||||
connect: 'lower',
|
||||
step: 1,
|
||||
range: {
|
||||
'min': [0],
|
||||
'max': [100]
|
||||
}
|
||||
});
|
||||
getNoUISliderValue(sliderBasic, true);
|
||||
|
||||
//Range Example
|
||||
var rangeSlider = document.getElementById('nouislider_range_example');
|
||||
noUiSlider.create(rangeSlider, {
|
||||
start: [32500, 62500],
|
||||
connect: true,
|
||||
range: {
|
||||
'min': 25000,
|
||||
'max': 100000
|
||||
}
|
||||
});
|
||||
getNoUISliderValue(rangeSlider, false);
|
||||
});
|
||||
|
||||
//Get noUISlider Value and write on
|
||||
function getNoUISliderValue(slider, percentage) {
|
||||
slider.noUiSlider.on('update', function () {
|
||||
var val = slider.noUiSlider.get();
|
||||
if (percentage) {
|
||||
val = parseInt(val);
|
||||
val += '%';
|
||||
}
|
||||
$(slider).parent().find('span.js-nouislider-value').text(val);
|
||||
});
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
$(function () {
|
||||
//Textare auto growth
|
||||
autosize($('textarea.auto-growth'));
|
||||
|
||||
//Datetimepicker plugin
|
||||
$('.datetimepicker').bootstrapMaterialDatePicker({
|
||||
format: 'dddd DD MMMM YYYY - HH:mm',
|
||||
clearButton: true,
|
||||
weekStart: 1
|
||||
});
|
||||
|
||||
$('.datepicker').bootstrapMaterialDatePicker({
|
||||
format: 'dddd DD MMMM YYYY',
|
||||
clearButton: true,
|
||||
weekStart: 1,
|
||||
time: false
|
||||
});
|
||||
|
||||
$('.timepicker').bootstrapMaterialDatePicker({
|
||||
format: 'HH:mm',
|
||||
clearButton: true,
|
||||
date: false
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
$(function () {
|
||||
//CKEditor
|
||||
CKEDITOR.replace('ckeditor');
|
||||
CKEDITOR.config.height = 300;
|
||||
|
||||
//TinyMCE
|
||||
tinymce.init({
|
||||
selector: "textarea#tinymce",
|
||||
theme: "modern",
|
||||
height: 300,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview hr anchor pagebreak',
|
||||
'searchreplace wordcount visualblocks visualchars code fullscreen',
|
||||
'insertdatetime media nonbreaking save table contextmenu directionality',
|
||||
'emoticons template paste textcolor colorpicker textpattern imagetools'
|
||||
],
|
||||
toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
|
||||
toolbar2: 'print preview media | forecolor backcolor emoticons',
|
||||
image_advtab: true
|
||||
});
|
||||
tinymce.suffix = ".min";
|
||||
tinyMCE.baseURL = '../../plugins/tinymce';
|
||||
});
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
$(function () {
|
||||
$('#form_validation').validate({
|
||||
rules: {
|
||||
'checkbox': {
|
||||
required: true
|
||||
},
|
||||
'gender': {
|
||||
required: true
|
||||
}
|
||||
},
|
||||
highlight: function (input) {
|
||||
$(input).parents('.form-line').addClass('error');
|
||||
},
|
||||
unhighlight: function (input) {
|
||||
$(input).parents('.form-line').removeClass('error');
|
||||
},
|
||||
errorPlacement: function (error, element) {
|
||||
$(element).parents('.form-group').append(error);
|
||||
}
|
||||
});
|
||||
|
||||
//Advanced Form Validation
|
||||
$('#form_advanced_validation').validate({
|
||||
rules: {
|
||||
'date': {
|
||||
customdate: true
|
||||
},
|
||||
'creditcard': {
|
||||
creditcard: true
|
||||
}
|
||||
},
|
||||
highlight: function (input) {
|
||||
$(input).parents('.form-line').addClass('error');
|
||||
},
|
||||
unhighlight: function (input) {
|
||||
$(input).parents('.form-line').removeClass('error');
|
||||
},
|
||||
errorPlacement: function (error, element) {
|
||||
$(element).parents('.form-group').append(error);
|
||||
}
|
||||
});
|
||||
|
||||
//Custom Validations ===============================================================================
|
||||
//Date
|
||||
$.validator.addMethod('customdate', function (value, element) {
|
||||
return value.match(/^\d\d\d\d?-\d\d?-\d\d$/);
|
||||
},
|
||||
'Please enter a date in the format YYYY-MM-DD.'
|
||||
);
|
||||
|
||||
//Credit card
|
||||
$.validator.addMethod('creditcard', function (value, element) {
|
||||
return value.match(/^\d\d\d\d?-\d\d\d\d?-\d\d\d\d?-\d\d\d\d$/);
|
||||
},
|
||||
'Please enter a credit card in the format XXXX-XXXX-XXXX-XXXX.'
|
||||
);
|
||||
//==================================================================================================
|
||||
});
|
||||
|
|
@ -0,0 +1,90 @@
|
|||
$(function () {
|
||||
//Horizontal form basic
|
||||
$('#wizard_horizontal').steps({
|
||||
headerTag: 'h2',
|
||||
bodyTag: 'section',
|
||||
transitionEffect: 'slideLeft',
|
||||
onInit: function (event, currentIndex) {
|
||||
setButtonWavesEffect(event);
|
||||
},
|
||||
onStepChanged: function (event, currentIndex, priorIndex) {
|
||||
setButtonWavesEffect(event);
|
||||
}
|
||||
});
|
||||
|
||||
//Vertical form basic
|
||||
$('#wizard_vertical').steps({
|
||||
headerTag: 'h2',
|
||||
bodyTag: 'section',
|
||||
transitionEffect: 'slideLeft',
|
||||
stepsOrientation: 'vertical',
|
||||
onInit: function (event, currentIndex) {
|
||||
setButtonWavesEffect(event);
|
||||
},
|
||||
onStepChanged: function (event, currentIndex, priorIndex) {
|
||||
setButtonWavesEffect(event);
|
||||
}
|
||||
});
|
||||
|
||||
//Advanced form with validation
|
||||
var form = $('#wizard_with_validation').show();
|
||||
form.steps({
|
||||
headerTag: 'h3',
|
||||
bodyTag: 'fieldset',
|
||||
transitionEffect: 'slideLeft',
|
||||
onInit: function (event, currentIndex) {
|
||||
$.AdminBSB.input.activate();
|
||||
|
||||
//Set tab width
|
||||
var $tab = $(event.currentTarget).find('ul[role="tablist"] li');
|
||||
var tabCount = $tab.length;
|
||||
$tab.css('width', (100 / tabCount) + '%');
|
||||
|
||||
//set button waves effect
|
||||
setButtonWavesEffect(event);
|
||||
},
|
||||
onStepChanging: function (event, currentIndex, newIndex) {
|
||||
if (currentIndex > newIndex) { return true; }
|
||||
|
||||
if (currentIndex < newIndex) {
|
||||
form.find('.body:eq(' + newIndex + ') label.error').remove();
|
||||
form.find('.body:eq(' + newIndex + ') .error').removeClass('error');
|
||||
}
|
||||
|
||||
form.validate().settings.ignore = ':disabled,:hidden';
|
||||
return form.valid();
|
||||
},
|
||||
onStepChanged: function (event, currentIndex, priorIndex) {
|
||||
setButtonWavesEffect(event);
|
||||
},
|
||||
onFinishing: function (event, currentIndex) {
|
||||
form.validate().settings.ignore = ':disabled';
|
||||
return form.valid();
|
||||
},
|
||||
onFinished: function (event, currentIndex) {
|
||||
swal("Good job!", "Submitted!", "success");
|
||||
}
|
||||
});
|
||||
|
||||
form.validate({
|
||||
highlight: function (input) {
|
||||
$(input).parents('.form-line').addClass('error');
|
||||
},
|
||||
unhighlight: function (input) {
|
||||
$(input).parents('.form-line').removeClass('error');
|
||||
},
|
||||
errorPlacement: function (error, element) {
|
||||
$(element).parents('.form-group').append(error);
|
||||
},
|
||||
rules: {
|
||||
'confirm': {
|
||||
equalTo: '#password'
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function setButtonWavesEffect(event) {
|
||||
$(event.currentTarget).find('[role="menu"] li a').removeClass('waves-effect');
|
||||
$(event.currentTarget).find('[role="menu"] li:not(.disabled) a').addClass('waves-effect');
|
||||
}
|
||||
|
|
@ -0,0 +1,115 @@
|
|||
$(function () {
|
||||
//Widgets count
|
||||
$('.count-to').countTo();
|
||||
|
||||
//Sales count to
|
||||
$('.sales-count-to').countTo({
|
||||
formatter: function (value, options) {
|
||||
return '$' + value.toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, ' ').replace('.', ',');
|
||||
}
|
||||
});
|
||||
|
||||
initRealTimeChart();
|
||||
initDonutChart();
|
||||
initSparkline();
|
||||
});
|
||||
|
||||
var realtime = 'on';
|
||||
function initRealTimeChart() {
|
||||
//Real time ==========================================================================================
|
||||
var plot = $.plot('#real_time_chart', [getRandomData()], {
|
||||
series: {
|
||||
shadowSize: 0,
|
||||
color: 'rgb(0, 188, 212)'
|
||||
},
|
||||
grid: {
|
||||
borderColor: '#f3f3f3',
|
||||
borderWidth: 1,
|
||||
tickColor: '#f3f3f3'
|
||||
},
|
||||
lines: {
|
||||
fill: true
|
||||
},
|
||||
yaxis: {
|
||||
min: 0,
|
||||
max: 100
|
||||
},
|
||||
xaxis: {
|
||||
min: 0,
|
||||
max: 100
|
||||
}
|
||||
});
|
||||
|
||||
function updateRealTime() {
|
||||
plot.setData([getRandomData()]);
|
||||
plot.draw();
|
||||
|
||||
var timeout;
|
||||
if (realtime === 'on') {
|
||||
timeout = setTimeout(updateRealTime, 320);
|
||||
} else {
|
||||
clearTimeout(timeout);
|
||||
}
|
||||
}
|
||||
|
||||
updateRealTime();
|
||||
|
||||
$('#realtime').on('change', function () {
|
||||
realtime = this.checked ? 'on' : 'off';
|
||||
updateRealTime();
|
||||
});
|
||||
//====================================================================================================
|
||||
}
|
||||
|
||||
function initSparkline() {
|
||||
$(".sparkline").each(function () {
|
||||
var $this = $(this);
|
||||
$this.sparkline('html', $this.data());
|
||||
});
|
||||
}
|
||||
|
||||
function initDonutChart() {
|
||||
Morris.Donut({
|
||||
element: 'donut_chart',
|
||||
data: [{
|
||||
label: 'Chrome',
|
||||
value: 37
|
||||
}, {
|
||||
label: 'Firefox',
|
||||
value: 30
|
||||
}, {
|
||||
label: 'Safari',
|
||||
value: 18
|
||||
}, {
|
||||
label: 'Opera',
|
||||
value: 12
|
||||
},
|
||||
{
|
||||
label: 'Other',
|
||||
value: 3
|
||||
}],
|
||||
colors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(255, 152, 0)', 'rgb(0, 150, 136)', 'rgb(96, 125, 139)'],
|
||||
formatter: function (y) {
|
||||
return y + '%'
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var data = [], totalPoints = 110;
|
||||
function getRandomData() {
|
||||
if (data.length > 0) data = data.slice(1);
|
||||
|
||||
while (data.length < totalPoints) {
|
||||
var prev = data.length > 0 ? data[data.length - 1] : 50, y = prev + Math.random() * 10 - 5;
|
||||
if (y < 0) { y = 0; } else if (y > 100) { y = 100; }
|
||||
|
||||
data.push(y);
|
||||
}
|
||||
|
||||
var res = [];
|
||||
for (var i = 0; i < data.length; ++i) {
|
||||
res.push([i, data[i]]);
|
||||
}
|
||||
|
||||
return res;
|
||||
}
|
||||
|
|
@ -0,0 +1,98 @@
|
|||
$(function () {
|
||||
//Basic Map
|
||||
var basicMap = new GMaps({
|
||||
el: '#gmap_basic_example',
|
||||
lat: -12.043333,
|
||||
lng: -77.028333
|
||||
});
|
||||
|
||||
//Markers
|
||||
var markers = new GMaps({
|
||||
div: '#gmap_markers',
|
||||
lat: -12.043333,
|
||||
lng: -77.028333
|
||||
});
|
||||
markers.addMarker({
|
||||
lat: -12.043333,
|
||||
lng: -77.03,
|
||||
title: 'Lima',
|
||||
details: {
|
||||
database_id: 42,
|
||||
author: 'HPNeo'
|
||||
},
|
||||
click: function (e) {
|
||||
if (console.log)
|
||||
console.log(e);
|
||||
alert('You clicked in this marker');
|
||||
}
|
||||
});
|
||||
markers.addMarker({
|
||||
lat: -12.042,
|
||||
lng: -77.028333,
|
||||
title: 'Marker with InfoWindow',
|
||||
infoWindow: {
|
||||
content: '<p>HTML Content</p>'
|
||||
}
|
||||
});
|
||||
|
||||
//Static maps
|
||||
var staticMap = GMaps.staticMapURL({
|
||||
size: [$('#gmap_static_map').width(), 400],
|
||||
lat: -12.043333,
|
||||
lng: -77.028333
|
||||
});
|
||||
|
||||
$('<img/>').attr('src', staticMap).appendTo('#gmap_static_map');
|
||||
|
||||
//Static maps with markers
|
||||
var staticMapWithMarkers = GMaps.staticMapURL({
|
||||
size: [$('#gmap_static_map_with_markers').width(), 400],
|
||||
lat: -12.043333,
|
||||
lng: -77.028333,
|
||||
markers: [
|
||||
{ lat: -12.043333, lng: -77.028333 },
|
||||
{
|
||||
lat: -12.045333, lng: -77.034,
|
||||
size: 'small'
|
||||
},
|
||||
{
|
||||
lat: -12.045633, lng: -77.022,
|
||||
color: 'blue'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
$('<img/>').attr('src', staticMapWithMarkers).appendTo('#gmap_static_map_with_markers');
|
||||
|
||||
//Static maps with polyline
|
||||
var path = [
|
||||
[-12.040397656836609, -77.03373871559225],
|
||||
[-12.040248585302038, -77.03993927003302],
|
||||
[-12.050047116528843, -77.02448169303511],
|
||||
[-12.044804866577001, -77.02154422636042],
|
||||
[-12.040397656836609, -77.03373871559225],
|
||||
];
|
||||
|
||||
var staticMapPolyline = GMaps.staticMapURL({
|
||||
size: [$('#gmap_static_map_polyline').width(), 400],
|
||||
lat: -12.043333,
|
||||
lng: -77.028333,
|
||||
|
||||
polyline: {
|
||||
path: path,
|
||||
strokeColor: '#131540',
|
||||
strokeOpacity: 0.6,
|
||||
strokeWeight: 6
|
||||
// fillColor: '#ffaf2ecc'
|
||||
}
|
||||
});
|
||||
|
||||
$('<img/>').attr('src', staticMapPolyline).appendTo('#gmap_static_map_polyline');
|
||||
|
||||
//Panorama
|
||||
var panorama = GMaps.createPanorama({
|
||||
el: '#gmap_panorama',
|
||||
lat: 42.3455,
|
||||
lng: -71.0983
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
$(function () {
|
||||
$('#world-map-markers').vectorMap({
|
||||
map: 'world_mill_en',
|
||||
normalizeFunction: 'polynomial',
|
||||
hoverOpacity: 0.7,
|
||||
hoverColor: false,
|
||||
backgroundColor: 'transparent',
|
||||
regionStyle: {
|
||||
initial: {
|
||||
fill: 'rgba(210, 214, 222, 1)',
|
||||
"fill-opacity": 1,
|
||||
stroke: 'none',
|
||||
"stroke-width": 0,
|
||||
"stroke-opacity": 1
|
||||
},
|
||||
hover: {
|
||||
"fill-opacity": 0.7,
|
||||
cursor: 'pointer'
|
||||
},
|
||||
selected: {
|
||||
fill: 'yellow'
|
||||
},
|
||||
selectedHover: {}
|
||||
},
|
||||
markerStyle: {
|
||||
initial: {
|
||||
fill: '#009688',
|
||||
stroke: '#000'
|
||||
}
|
||||
},
|
||||
markers: [
|
||||
{ latLng: [41.90, 12.45], name: 'Vatican City' },
|
||||
{ latLng: [43.73, 7.41], name: 'Monaco' },
|
||||
{ latLng: [-0.52, 166.93], name: 'Nauru' },
|
||||
{ latLng: [-8.51, 179.21], name: 'Tuvalu' },
|
||||
{ latLng: [43.93, 12.46], name: 'San Marino' },
|
||||
{ latLng: [47.14, 9.52], name: 'Liechtenstein' },
|
||||
{ latLng: [7.11, 171.06], name: 'Marshall Islands' },
|
||||
{ latLng: [17.3, -62.73], name: 'Saint Kitts and Nevis' },
|
||||
{ latLng: [3.2, 73.22], name: 'Maldives' },
|
||||
{ latLng: [35.88, 14.5], name: 'Malta' },
|
||||
{ latLng: [12.05, -61.75], name: 'Grenada' },
|
||||
{ latLng: [13.16, -61.23], name: 'Saint Vincent and the Grenadines' },
|
||||
{ latLng: [13.16, -59.55], name: 'Barbados' },
|
||||
{ latLng: [17.11, -61.85], name: 'Antigua and Barbuda' },
|
||||
{ latLng: [-4.61, 55.45], name: 'Seychelles' },
|
||||
{ latLng: [7.35, 134.46], name: 'Palau' },
|
||||
{ latLng: [42.5, 1.51], name: 'Andorra' }
|
||||
]
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
$(function () {
|
||||
$('#aniimated-thumbnials').lightGallery({
|
||||
thumbnail: true,
|
||||
selector: 'a'
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
$(function () {
|
||||
$('#mainTable').editableTableWidget();
|
||||
});
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
$(function () {
|
||||
$('.js-basic-example').DataTable({
|
||||
responsive: true
|
||||
});
|
||||
|
||||
//Exportable table
|
||||
$('.js-exportable').DataTable({
|
||||
dom: 'Bfrtip',
|
||||
responsive: true,
|
||||
buttons: [
|
||||
'copy', 'csv', 'excel', 'pdf', 'print'
|
||||
]
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
$(function () {
|
||||
$('.js-animations').bind('change', function () {
|
||||
var animation = $(this).val();
|
||||
$('.js-animating-object').animateCss(animation);
|
||||
});
|
||||
});
|
||||
|
||||
//Copied from https://github.com/daneden/animate.css
|
||||
$.fn.extend({
|
||||
animateCss: function (animationName) {
|
||||
var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
|
||||
$(this).addClass('animated ' + animationName).one(animationEnd, function() {
|
||||
$(this).removeClass('animated ' + animationName);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,140 @@
|
|||
$(function () {
|
||||
$('.js-sweetalert button').on('click', function () {
|
||||
var type = $(this).data('type');
|
||||
if (type === 'basic') {
|
||||
showBasicMessage();
|
||||
}
|
||||
else if (type === 'with-title') {
|
||||
showWithTitleMessage();
|
||||
}
|
||||
else if (type === 'success') {
|
||||
showSuccessMessage();
|
||||
}
|
||||
else if (type === 'confirm') {
|
||||
showConfirmMessage();
|
||||
}
|
||||
else if (type === 'cancel') {
|
||||
showCancelMessage();
|
||||
}
|
||||
else if (type === 'with-custom-icon') {
|
||||
showWithCustomIconMessage();
|
||||
}
|
||||
else if (type === 'html-message') {
|
||||
showHtmlMessage();
|
||||
}
|
||||
else if (type === 'autoclose-timer') {
|
||||
showAutoCloseTimerMessage();
|
||||
}
|
||||
else if (type === 'prompt') {
|
||||
showPromptMessage();
|
||||
}
|
||||
else if (type === 'ajax-loader') {
|
||||
showAjaxLoaderMessage();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//These codes takes from http://t4t5.github.io/sweetalert/
|
||||
function showBasicMessage() {
|
||||
swal("Here's a message!");
|
||||
}
|
||||
|
||||
function showWithTitleMessage() {
|
||||
swal("Here's a message!", "It's pretty, isn't it?");
|
||||
}
|
||||
|
||||
function showSuccessMessage() {
|
||||
swal("Good job!", "You clicked the button!", "success");
|
||||
}
|
||||
|
||||
function showConfirmMessage() {
|
||||
swal({
|
||||
title: "Are you sure?",
|
||||
text: "You will not be able to recover this imaginary file!",
|
||||
type: "warning",
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: "#DD6B55",
|
||||
confirmButtonText: "Yes, delete it!",
|
||||
closeOnConfirm: false
|
||||
}, function () {
|
||||
swal("Deleted!", "Your imaginary file has been deleted.", "success");
|
||||
});
|
||||
}
|
||||
|
||||
function showCancelMessage() {
|
||||
swal({
|
||||
title: "Are you sure?",
|
||||
text: "You will not be able to recover this imaginary file!",
|
||||
type: "warning",
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: "#DD6B55",
|
||||
confirmButtonText: "Yes, delete it!",
|
||||
cancelButtonText: "No, cancel plx!",
|
||||
closeOnConfirm: false,
|
||||
closeOnCancel: false
|
||||
}, function (isConfirm) {
|
||||
if (isConfirm) {
|
||||
swal("Deleted!", "Your imaginary file has been deleted.", "success");
|
||||
} else {
|
||||
swal("Cancelled", "Your imaginary file is safe :)", "error");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function showWithCustomIconMessage() {
|
||||
swal({
|
||||
title: "Sweet!",
|
||||
text: "Here's a custom image.",
|
||||
imageUrl: "../../images/thumbs-up.png"
|
||||
});
|
||||
}
|
||||
|
||||
function showHtmlMessage() {
|
||||
swal({
|
||||
title: "HTML <small>Title</small>!",
|
||||
text: "A custom <span style=\"color: #CC0000\">html<span> message.",
|
||||
html: true
|
||||
});
|
||||
}
|
||||
|
||||
function showAutoCloseTimerMessage() {
|
||||
swal({
|
||||
title: "Auto close alert!",
|
||||
text: "I will close in 2 seconds.",
|
||||
timer: 2000,
|
||||
showConfirmButton: false
|
||||
});
|
||||
}
|
||||
|
||||
function showPromptMessage() {
|
||||
swal({
|
||||
title: "An input!",
|
||||
text: "Write something interesting:",
|
||||
type: "input",
|
||||
showCancelButton: true,
|
||||
closeOnConfirm: false,
|
||||
animation: "slide-from-top",
|
||||
inputPlaceholder: "Write something"
|
||||
}, function (inputValue) {
|
||||
if (inputValue === false) return false;
|
||||
if (inputValue === "") {
|
||||
swal.showInputError("You need to write something!"); return false
|
||||
}
|
||||
swal("Nice!", "You wrote: " + inputValue, "success");
|
||||
});
|
||||
}
|
||||
|
||||
function showAjaxLoaderMessage() {
|
||||
swal({
|
||||
title: "Ajax request example",
|
||||
text: "Submit to run ajax request",
|
||||
type: "info",
|
||||
showCancelButton: true,
|
||||
closeOnConfirm: false,
|
||||
showLoaderOnConfirm: true,
|
||||
}, function () {
|
||||
setTimeout(function () {
|
||||
swal("Ajax request finished!");
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
$(function () {
|
||||
$('.js-modal-buttons .btn').on('click', function () {
|
||||
var color = $(this).data('color');
|
||||
$('#mdModal .modal-content').removeAttr('class').addClass('modal-content modal-col-' + color);
|
||||
$('#mdModal').modal('show');
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
$(function () {
|
||||
$('.jsdemo-notification-button button').on('click', function () {
|
||||
var placementFrom = $(this).data('placement-from');
|
||||
var placementAlign = $(this).data('placement-align');
|
||||
var animateEnter = $(this).data('animate-enter');
|
||||
var animateExit = $(this).data('animate-exit');
|
||||
var colorName = $(this).data('color-name');
|
||||
|
||||
showNotification(colorName, null, placementFrom, placementAlign, animateEnter, animateExit);
|
||||
});
|
||||
});
|
||||
|
||||
function showNotification(colorName, text, placementFrom, placementAlign, animateEnter, animateExit) {
|
||||
if (colorName === null || colorName === '') { colorName = 'bg-black'; }
|
||||
if (text === null || text === '') { text = 'Turning standard Bootstrap alerts'; }
|
||||
if (animateEnter === null || animateEnter === '') { animateEnter = 'animated fadeInDown'; }
|
||||
if (animateExit === null || animateExit === '') { animateExit = 'animated fadeOutUp'; }
|
||||
var allowDismiss = true;
|
||||
|
||||
$.notify({
|
||||
message: text
|
||||
},
|
||||
{
|
||||
type: colorName,
|
||||
allow_dismiss: allowDismiss,
|
||||
newest_on_top: true,
|
||||
timer: 1000,
|
||||
placement: {
|
||||
from: placementFrom,
|
||||
align: placementAlign
|
||||
},
|
||||
animate: {
|
||||
enter: animateEnter,
|
||||
exit: animateExit
|
||||
},
|
||||
template: '<div data-notify="container" class="bootstrap-notify-container alert alert-dismissible {0} ' + (allowDismiss ? "p-r-35" : "") + '" role="alert">' +
|
||||
'<button type="button" aria-hidden="true" class="close" data-notify="dismiss">×</button>' +
|
||||
'<span data-notify="icon"></span> ' +
|
||||
'<span data-notify="title">{1}</span> ' +
|
||||
'<span data-notify="message">{2}</span>' +
|
||||
'<div class="progress" data-notify="progressbar">' +
|
||||
'<div class="progress-bar progress-bar-{0}" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div>' +
|
||||
'</div>' +
|
||||
'<a href="{3}" target="{4}" data-notify="url"></a>' +
|
||||
'</div>'
|
||||
});
|
||||
}
|
||||
|
|
@ -0,0 +1,93 @@
|
|||
$(function () {
|
||||
//Taken from http://ionden.com/a/plugins/ion.rangeSlider/demo.html
|
||||
|
||||
$("#range_01").ionRangeSlider();
|
||||
|
||||
$("#range_02").ionRangeSlider({
|
||||
min: 100,
|
||||
max: 1000,
|
||||
from: 550
|
||||
});
|
||||
|
||||
$("#range_03").ionRangeSlider({
|
||||
type: "double",
|
||||
grid: true,
|
||||
min: 0,
|
||||
max: 1000,
|
||||
from: 200,
|
||||
to: 800,
|
||||
prefix: "$"
|
||||
});
|
||||
|
||||
$("#range_04").ionRangeSlider({
|
||||
type: "double",
|
||||
grid: true,
|
||||
min: -1000,
|
||||
max: 1000,
|
||||
from: -500,
|
||||
to: 500
|
||||
});
|
||||
|
||||
$("#range_05").ionRangeSlider({
|
||||
type: "double",
|
||||
grid: true,
|
||||
min: -1000,
|
||||
max: 1000,
|
||||
from: -500,
|
||||
to: 500,
|
||||
step: 250
|
||||
});
|
||||
|
||||
|
||||
$("#range_06").ionRangeSlider({
|
||||
type: "double",
|
||||
grid: true,
|
||||
min: -12.8,
|
||||
max: 12.8,
|
||||
from: -3.2,
|
||||
to: 3.2,
|
||||
step: 0.1
|
||||
});
|
||||
|
||||
$("#range_07").ionRangeSlider({
|
||||
type: "double",
|
||||
grid: true,
|
||||
from: 1,
|
||||
to: 5,
|
||||
values: [0, 10, 100, 1000, 10000, 100000, 1000000]
|
||||
});
|
||||
|
||||
|
||||
$("#range_08").ionRangeSlider({
|
||||
grid: true,
|
||||
from: 5,
|
||||
values: [
|
||||
"zero", "one",
|
||||
"two", "three",
|
||||
"four", "five",
|
||||
"six", "seven",
|
||||
"eight", "nine",
|
||||
"ten"
|
||||
]
|
||||
});
|
||||
|
||||
$("#range_09").ionRangeSlider({
|
||||
grid: true,
|
||||
from: 3,
|
||||
values: [
|
||||
"January", "February", "March",
|
||||
"April", "May", "June",
|
||||
"July", "August", "September",
|
||||
"October", "November", "December"
|
||||
]
|
||||
});
|
||||
|
||||
$("#range_10").ionRangeSlider({
|
||||
grid: true,
|
||||
min: 1000,
|
||||
max: 1000000,
|
||||
from: 100000,
|
||||
step: 1000,
|
||||
prettify_enabled: false
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
$(function () {
|
||||
$('.dd').nestable();
|
||||
|
||||
$('.dd').on('change', function () {
|
||||
var $this = $(this);
|
||||
var serializedData = window.JSON.stringify($($this).nestable('serialize'));
|
||||
|
||||
$this.parents('div.body').find('textarea').val(serializedData);
|
||||
});
|
||||
});
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
$(function () {
|
||||
//Tooltip
|
||||
$('[data-toggle="tooltip"]').tooltip({
|
||||
container: 'body'
|
||||
});
|
||||
|
||||
//Popover
|
||||
$('[data-toggle="popover"]').popover();
|
||||
})
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
$(function () {
|
||||
initCounters();
|
||||
initCharts();
|
||||
});
|
||||
|
||||
//Widgets count plugin
|
||||
function initCounters() {
|
||||
$('.count-to').countTo();
|
||||
}
|
||||
|
||||
//Charts
|
||||
function initCharts() {
|
||||
//Chart Bar
|
||||
$('.chart.chart-bar').sparkline(undefined, {
|
||||
type: 'bar',
|
||||
barColor: '#fff',
|
||||
negBarColor: '#fff',
|
||||
barWidth: '4px',
|
||||
height: '34px'
|
||||
});
|
||||
|
||||
//Chart Pie
|
||||
$('.chart.chart-pie').sparkline(undefined, {
|
||||
type: 'pie',
|
||||
height: '50px',
|
||||
sliceColors: ['rgba(255,255,255,0.70)', 'rgba(255,255,255,0.85)', 'rgba(255,255,255,0.95)', 'rgba(255,255,255,1)']
|
||||
});
|
||||
|
||||
//Chart Line
|
||||
$('.chart.chart-line').sparkline(undefined, {
|
||||
type: 'line',
|
||||
width: '60px',
|
||||
height: '45px',
|
||||
lineColor: '#fff',
|
||||
lineWidth: 1.3,
|
||||
fillColor: 'rgba(0,0,0,0)',
|
||||
spotColor: 'rgba(255,255,255,0.40)',
|
||||
maxSpotColor: 'rgba(255,255,255,0.40)',
|
||||
minSpotColor: 'rgba(255,255,255,0.40)',
|
||||
spotRadius: 3,
|
||||
highlightSpotColor: '#fff'
|
||||
});
|
||||
}
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
$(function () {
|
||||
initCounters();
|
||||
initCharts();
|
||||
});
|
||||
|
||||
//Widgets count plugin
|
||||
function initCounters() {
|
||||
$('.count-to').countTo();
|
||||
}
|
||||
|
||||
//Charts
|
||||
function initCharts() {
|
||||
//Chart Bar
|
||||
$('.chart.chart-bar').sparkline(undefined, {
|
||||
type: 'bar',
|
||||
barColor: '#fff',
|
||||
negBarColor: '#fff',
|
||||
barWidth: '4px',
|
||||
height: '34px'
|
||||
});
|
||||
|
||||
//Chart Pie
|
||||
$('.chart.chart-pie').sparkline(undefined, {
|
||||
type: 'pie',
|
||||
height: '50px',
|
||||
sliceColors: ['rgba(255,255,255,0.70)', 'rgba(255,255,255,0.85)', 'rgba(255,255,255,0.95)', 'rgba(255,255,255,1)']
|
||||
});
|
||||
|
||||
//Chart Line
|
||||
$('.chart.chart-line').sparkline(undefined, {
|
||||
type: 'line',
|
||||
width: '60px',
|
||||
height: '45px',
|
||||
lineColor: '#fff',
|
||||
lineWidth: 1.3,
|
||||
fillColor: 'rgba(0,0,0,0)',
|
||||
spotColor: 'rgba(255,255,255,0.40)',
|
||||
maxSpotColor: 'rgba(255,255,255,0.40)',
|
||||
minSpotColor: 'rgba(255,255,255,0.40)',
|
||||
spotRadius: 3,
|
||||
highlightSpotColor: '#fff'
|
||||
});
|
||||
}
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
$(function () {
|
||||
initCounters();
|
||||
initCharts();
|
||||
});
|
||||
|
||||
//Widgets count plugin
|
||||
function initCounters() {
|
||||
$('.count-to').countTo();
|
||||
}
|
||||
|
||||
//Charts
|
||||
function initCharts() {
|
||||
//Chart Bar
|
||||
$('.chart.chart-bar').sparkline(undefined, {
|
||||
type: 'bar',
|
||||
barColor: '#fff',
|
||||
negBarColor: '#fff',
|
||||
barWidth: '4px',
|
||||
height: '34px'
|
||||
});
|
||||
|
||||
//Chart Pie
|
||||
$('.chart.chart-pie').sparkline(undefined, {
|
||||
type: 'pie',
|
||||
height: '50px',
|
||||
sliceColors: ['rgba(255,255,255,0.70)', 'rgba(255,255,255,0.85)', 'rgba(255,255,255,0.95)', 'rgba(255,255,255,1)']
|
||||
});
|
||||
|
||||
//Chart Line
|
||||
$('.chart.chart-line').sparkline(undefined, {
|
||||
type: 'line',
|
||||
width: '60px',
|
||||
height: '45px',
|
||||
lineColor: '#fff',
|
||||
lineWidth: 1.3,
|
||||
fillColor: 'rgba(0,0,0,0)',
|
||||
spotColor: 'rgba(255,255,255,0.40)',
|
||||
maxSpotColor: 'rgba(255,255,255,0.40)',
|
||||
minSpotColor: 'rgba(255,255,255,0.40)',
|
||||
spotRadius: 3,
|
||||
highlightSpotColor: '#fff'
|
||||
});
|
||||
}
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
$(function () {
|
||||
initCounters();
|
||||
initCharts();
|
||||
});
|
||||
|
||||
//Widgets count plugin
|
||||
function initCounters() {
|
||||
$('.count-to').countTo();
|
||||
}
|
||||
|
||||
//Charts
|
||||
function initCharts() {
|
||||
//Chart Bar
|
||||
$('.chart.chart-bar:not(.reverse)').sparkline(undefined, {
|
||||
type: 'bar',
|
||||
barColor: 'rgba(0, 0, 0, 0.15)',
|
||||
negBarColor: 'rgba(0, 0, 0, 0.15)',
|
||||
barWidth: '8px',
|
||||
height: '34px'
|
||||
});
|
||||
|
||||
//Chart Bar Reverse
|
||||
$('.chart.chart-bar.reverse').sparkline(undefined, {
|
||||
type: 'bar',
|
||||
barColor: 'rgba(255, 255, 255, 0.15)',
|
||||
negBarColor: 'rgba(255, 255, 255, 0.15)',
|
||||
barWidth: '8px',
|
||||
height: '34px'
|
||||
});
|
||||
|
||||
//Chart Pie
|
||||
$('.chart.chart-pie').sparkline(undefined, {
|
||||
type: 'pie',
|
||||
height: '50px',
|
||||
sliceColors: ['rgba(0,0,0,0.10)', 'rgba(0,0,0,0.15)', 'rgba(0,0,0,0.20)', 'rgba(0,0,0,0.25)']
|
||||
});
|
||||
|
||||
//Chart Line
|
||||
$('.chart.chart-line').sparkline(undefined, {
|
||||
type: 'line',
|
||||
width: '60px',
|
||||
height: '45px',
|
||||
lineColor: 'rgba(0, 0, 0, 0.15)',
|
||||
lineWidth: 2,
|
||||
fillColor: 'rgba(0,0,0,0)',
|
||||
spotColor: 'rgba(0, 0, 0, 0.15)',
|
||||
maxSpotColor: 'rgba(0, 0, 0, 0.15)',
|
||||
minSpotColor: 'rgba(0, 0, 0, 0.15)',
|
||||
spotRadius: 3,
|
||||
highlightSpotColor: 'rgba(0, 0, 0, 0.15)'
|
||||
});
|
||||
}
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
$(function () {
|
||||
initCounters();
|
||||
initCharts();
|
||||
});
|
||||
|
||||
//Widgets count plugin
|
||||
function initCounters() {
|
||||
$('.count-to').countTo();
|
||||
}
|
||||
|
||||
//Charts
|
||||
function initCharts() {
|
||||
//Chart Bar
|
||||
$.each($('.chart.chart-bar'), function (i, key) {
|
||||
var chartColor = $.AdminBSB.options.colors[$(key).data('chartcolor')];
|
||||
$(key).sparkline(undefined, {
|
||||
type: 'bar',
|
||||
barColor: chartColor,
|
||||
negBarColor: chartColor,
|
||||
barWidth: '8px',
|
||||
height: '34px'
|
||||
});
|
||||
});
|
||||
|
||||
//Chart Pie
|
||||
$.each($('.chart.chart-pie'), function (i, key) {
|
||||
var chartColor = $.AdminBSB.options.colors[$(key).data('chartcolor')];
|
||||
$(key).sparkline(undefined, {
|
||||
type: 'pie',
|
||||
height: '50px',
|
||||
sliceColors: [hexToRgba(chartColor, '0.55'), hexToRgba(chartColor, '0.70'), hexToRgba(chartColor, '0.85'), hexToRgba(chartColor, '1')]
|
||||
});
|
||||
});
|
||||
|
||||
//Chart Line
|
||||
$.each($('.chart.chart-line'), function (i, key) {
|
||||
var chartColor = $.AdminBSB.options.colors[$(key).data('chartcolor')];
|
||||
$(key).sparkline(undefined, {
|
||||
type: 'line',
|
||||
width: '60px',
|
||||
height: '45px',
|
||||
lineColor: chartColor,
|
||||
lineWidth: 1.3,
|
||||
fillColor: 'rgba(0,0,0,0)',
|
||||
spotColor: chartColor,
|
||||
maxSpotColor: chartColor,
|
||||
minSpotColor: chartColor,
|
||||
spotRadius: 3,
|
||||
highlightSpotColor: chartColor
|
||||
});
|
||||
});
|
||||
}
|
||||
|
|
@ -0,0 +1,253 @@
|
|||
/**
|
||||
* Created by cmiles on 3/13/2015.
|
||||
*/
|
||||
var pjax_request_count = 1;
|
||||
var pjax_debug = 1;
|
||||
|
||||
var pjax_cache = [];
|
||||
var ignore_cache = 1;
|
||||
var ignore_popstate = 0;
|
||||
|
||||
var window_scroll_position = [];
|
||||
var last_navigated_url = document.location.href.split('#')[0];
|
||||
|
||||
var scroll_target = window; /* Default */
|
||||
// var scroll_target = '.dx-main';
|
||||
var pjax_scroll_offset = 15;
|
||||
|
||||
|
||||
function pjax_console(message){
|
||||
console.log("%c[pjax] " + message, 'background: #222; color: #bada55');
|
||||
}
|
||||
|
||||
$('body').on('click', 'a', function (e) {
|
||||
url = $(this).attr('href');
|
||||
|
||||
/* Make sure we have a valid href link */
|
||||
if(!$(this).attr('href')){
|
||||
return;
|
||||
}
|
||||
|
||||
if(url.indexOf('javascript:;') != -1) {
|
||||
return;
|
||||
}
|
||||
|
||||
if($(this).attr('ignore-pjax')){
|
||||
ignore_popstate = 1;
|
||||
return;
|
||||
}
|
||||
|
||||
/* Ignore anchors with targets... */
|
||||
if($(this).attr('target')){
|
||||
return;
|
||||
}
|
||||
|
||||
if(pjax_debug){ pjax_console('Clicking :: ' + url); }
|
||||
|
||||
/* Ignore anchors with # references */
|
||||
if(url.indexOf('#') != -1){
|
||||
if(pjax_debug){ pjax_console('# trigger'); }
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
var extension = url.split('.').pop();
|
||||
|
||||
pjax_console('url ' + url);
|
||||
pjax_console('extension ' + extension);
|
||||
|
||||
if ($(this).attr("pjax")){
|
||||
request_url = $(this).attr('href');
|
||||
|
||||
if(pjax_debug){ pjax_console('request_url ' + request_url); }
|
||||
|
||||
do_pjax_request(request_url);
|
||||
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
function do_pjax_request(request_url){
|
||||
|
||||
/* Destroy some dynamically spawned assets */
|
||||
|
||||
$('#body-content').css("opacity", ".1");
|
||||
|
||||
if(pjax_cache[request_url] && ignore_cache != 1){
|
||||
if (typeof e !== 'undefined') {
|
||||
e.preventDefault();
|
||||
}
|
||||
e_res = pjax_cache[request_url];
|
||||
|
||||
/* Way of restoring scroll position */
|
||||
window_scroll_position[window.location] = $(scroll_target).scrollTop();
|
||||
if(pjax_debug){ pjax_console('Window location :: ' + window.location + ' scroll position ' + $(scroll_target).scrollTop()); }
|
||||
|
||||
/* Push into browser history */
|
||||
history.pushState('page_pop', request_url, request_url);
|
||||
|
||||
/* Push loaded content */
|
||||
$('#body-content').css("opacity", "1");
|
||||
$('#body-content').html(e_res);
|
||||
|
||||
/* Set new page scroll position to 0 */
|
||||
// document.body.scrollTop = document.documentElement.scrollTop = 0;
|
||||
// $(scroll_target).scrollTop(0);
|
||||
$(scroll_target).animate({scrollTop: 0}, 100);
|
||||
|
||||
last_navigated_url = request_url;
|
||||
|
||||
if(pjax_debug){ pjax_console('loaded cached ' + request_url); }
|
||||
return false;
|
||||
}
|
||||
|
||||
if (history.pushState) {
|
||||
if(pjax_debug){ pjax_console('loading page into push_state'); }
|
||||
|
||||
$.ajax({
|
||||
url: request_url + '?v_ajax',
|
||||
context: document.body,
|
||||
}).done(function (e_res) {
|
||||
if (typeof e !== 'undefined') {
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
/* Push into browser history */
|
||||
history.pushState('page_pop', request_url, request_url);
|
||||
|
||||
$('#body-content').css("opacity", "1");
|
||||
$('#body-content').html(e_res);
|
||||
|
||||
/* Cache the result */
|
||||
pjax_cache[request_url] = e_res;
|
||||
|
||||
/* Way of restoring scroll position */
|
||||
window_scroll_position[window.location] = $(scroll_target).scrollTop();
|
||||
if(pjax_debug){ pjax_console('Window location :: ' + window.location + ' scroll position ' + $(scroll_target).scrollTop()); }
|
||||
|
||||
last_navigated_url = request_url;
|
||||
|
||||
/* Set new page scroll position to 0 */
|
||||
// document.body.scrollTop = document.documentElement.scrollTop = 0;
|
||||
// $(scroll_target).scrollTop(0);
|
||||
$(scroll_target).animate({scrollTop: 0}, 100);
|
||||
|
||||
});
|
||||
|
||||
pjax_request_count++;
|
||||
if(pjax_debug){ pjax_console('request count ' + pjax_request_count); }
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function scroll_to_hash() {
|
||||
if(typeof hash_id != 'undefined'){
|
||||
if(hash_id.length > 1){
|
||||
anchor = $("#" + hash_id);
|
||||
if(anchor.length > 0){
|
||||
if(pjax_debug){ pjax_console('hash location restore to anchor "' + hash_id + '" Location: ' + anchor.offset().top); }
|
||||
// $(window).scrollTop(anchor.offset().top - scroll_offset);
|
||||
|
||||
anchor_offset = anchor.offset().top;
|
||||
|
||||
setTimeout(function() {
|
||||
if(anchor.length > 0) {
|
||||
pjax_console('anchor offset ' + anchor_offset + ' pjax_scroll_offset: ' + pjax_scroll_offset);
|
||||
$(scroll_target).scrollTop((anchor_offset - pjax_scroll_offset));
|
||||
|
||||
anchor.effect("highlight", {}, 500);
|
||||
}
|
||||
} , 1);
|
||||
}
|
||||
}
|
||||
else {
|
||||
/* Scroll to 0 - Top */
|
||||
setTimeout(function() {
|
||||
$(scroll_target).scrollTop(0);
|
||||
} , 5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function restore_pop_state_content(state_destination, content){
|
||||
if(pjax_debug){ pjax_console('pjax popstate cache'); }
|
||||
|
||||
/* Push the content */
|
||||
$('#body-content').html(content);
|
||||
|
||||
/* Restore scroll position */
|
||||
if(typeof window_scroll_position[state_destination] != 'undefined'){
|
||||
|
||||
if(pjax_debug){ pjax_console("Restoring scroll position for " + state_destination + ' at ' + window_scroll_position[state_destination]); }
|
||||
|
||||
/* Scroll to restored position - Top */
|
||||
setTimeout(function() {
|
||||
$(scroll_target).scrollTop(window_scroll_position[state_destination]);
|
||||
} , 10);
|
||||
}
|
||||
|
||||
/* If we have a hash location - let's restore it */
|
||||
scroll_to_hash();
|
||||
|
||||
last_navigated_url = state_destination;
|
||||
}
|
||||
|
||||
window.addEventListener("popstate", function(e) {
|
||||
state_destination = document.location.href;
|
||||
|
||||
if(ignore_popstate == 1){
|
||||
ignore_popstate = 0;
|
||||
pjax_console('popstate trigger ignore_popstate');
|
||||
hash_id = document.location.href.split('#')[1];
|
||||
// scroll_to_hash();
|
||||
e.preventDefault();
|
||||
return;
|
||||
}
|
||||
|
||||
if(pjax_debug){ pjax_console('' + state_destination); }
|
||||
|
||||
hash_id = "";
|
||||
|
||||
if (state_destination) {
|
||||
if (state_destination.indexOf('#') != -1) {
|
||||
state_destination = document.location.href.split('#')[0];
|
||||
hash_id = document.location.href.split('#')[1];
|
||||
// return;
|
||||
if(pjax_debug){ pjax_console('hash_id ' + hash_id); }
|
||||
if(pjax_debug){ pjax_console('state_destination ' + state_destination); }
|
||||
if(pjax_debug){ pjax_console('Last navigated ' + last_navigated_url.split('#')[0]); }
|
||||
|
||||
if(last_navigated_url.split('#')[0].trim() == state_destination.trim()){
|
||||
/* If we have a hash location - let's restore it */
|
||||
scroll_to_hash();
|
||||
pjax_console("Same page popstate");
|
||||
return;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/* Cached content retrieval */
|
||||
if(pjax_cache[state_destination]){
|
||||
if(pjax_debug){ pjax_console('pjax popstate cache'); }
|
||||
e.preventDefault();
|
||||
|
||||
restore_pop_state_content(state_destination, pjax_cache[state_destination]);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
/* Fetch fresh content */
|
||||
$.ajax({
|
||||
url: state_destination + "?v_ajax",
|
||||
context: document.body
|
||||
}).done(function(content) {
|
||||
e.preventDefault();
|
||||
|
||||
restore_pop_state_content(state_destination, content);
|
||||
pjax_cache[state_destination] = content;
|
||||
|
||||
if(pjax_debug){ pjax_console('pop_state ajax ' + state_destination); }
|
||||
});
|
||||
|
||||
});
|
||||
|
|
@ -0,0 +1 @@
|
|||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,282 @@
|
|||
/*!
|
||||
* Bootstrap-select v1.10.0 (http://silviomoreto.github.io/bootstrap-select)
|
||||
*
|
||||
* Copyright 2013-2016 bootstrap-select
|
||||
* Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
select.bs-select-hidden,
|
||||
select.selectpicker {
|
||||
display: none !important;
|
||||
}
|
||||
.bootstrap-select {
|
||||
width: 220px \0;
|
||||
/*IE9 and below*/
|
||||
}
|
||||
.bootstrap-select > .dropdown-toggle {
|
||||
width: 100%;
|
||||
padding-right: 25px;
|
||||
z-index: 1;
|
||||
}
|
||||
.bootstrap-select > select {
|
||||
position: absolute !important;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
display: block !important;
|
||||
width: 0.5px !important;
|
||||
height: 100% !important;
|
||||
padding: 0 !important;
|
||||
opacity: 0 !important;
|
||||
border: none;
|
||||
}
|
||||
.bootstrap-select > select.mobile-device {
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block !important;
|
||||
width: 100% !important;
|
||||
z-index: 2;
|
||||
}
|
||||
.has-error .bootstrap-select .dropdown-toggle,
|
||||
.error .bootstrap-select .dropdown-toggle {
|
||||
border-color: #b94a48;
|
||||
}
|
||||
.bootstrap-select.fit-width {
|
||||
width: auto !important;
|
||||
}
|
||||
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
|
||||
width: 220px;
|
||||
}
|
||||
.bootstrap-select .dropdown-toggle:focus {
|
||||
outline: thin dotted #333333 !important;
|
||||
outline: 5px auto -webkit-focus-ring-color !important;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
.bootstrap-select.form-control {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
.bootstrap-select.form-control:not([class*="col-"]) {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select.form-control.input-group-btn {
|
||||
z-index: auto;
|
||||
}
|
||||
.bootstrap-select.btn-group:not(.input-group-btn),
|
||||
.bootstrap-select.btn-group[class*="col-"] {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
}
|
||||
.bootstrap-select.btn-group.dropdown-menu-right,
|
||||
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
|
||||
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
|
||||
float: right;
|
||||
}
|
||||
.form-inline .bootstrap-select.btn-group,
|
||||
.form-horizontal .bootstrap-select.btn-group,
|
||||
.form-group .bootstrap-select.btn-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.form-group-lg .bootstrap-select.btn-group.form-control,
|
||||
.form-group-sm .bootstrap-select.btn-group.form-control {
|
||||
padding: 0;
|
||||
}
|
||||
.form-inline .bootstrap-select.btn-group .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select.btn-group.disabled,
|
||||
.bootstrap-select.btn-group > .disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-select.btn-group.disabled:focus,
|
||||
.bootstrap-select.btn-group > .disabled:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
.bootstrap-select.btn-group.bs-container {
|
||||
position: absolute;
|
||||
}
|
||||
.bootstrap-select.btn-group.bs-container .dropdown-menu {
|
||||
z-index: 1060;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-toggle .caret {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 12px;
|
||||
margin-top: -2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu {
|
||||
min-width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu.inner {
|
||||
position: static;
|
||||
float: none;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li {
|
||||
position: relative;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li.active small {
|
||||
color: #fff;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a {
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a.opt {
|
||||
position: relative;
|
||||
padding-left: 2.25em;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a span.text {
|
||||
display: inline-block;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li small {
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu .notify {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
width: 96%;
|
||||
margin: 0 2%;
|
||||
min-height: 26px;
|
||||
padding: 3px 5px;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #e3e3e3;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
pointer-events: none;
|
||||
opacity: 0.9;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bootstrap-select.btn-group .no-results {
|
||||
padding: 3px;
|
||||
background: #f5f5f5;
|
||||
margin: 0 5px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
|
||||
position: static;
|
||||
}
|
||||
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
|
||||
position: static;
|
||||
top: auto;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
right: 15px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
|
||||
margin-right: 34px;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
|
||||
z-index: 1061;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
|
||||
content: '';
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid rgba(204, 204, 204, 0.2);
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 9px;
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
|
||||
content: '';
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid white;
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 10px;
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
|
||||
bottom: auto;
|
||||
top: -3px;
|
||||
border-top: 7px solid rgba(204, 204, 204, 0.2);
|
||||
border-bottom: 0;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
|
||||
bottom: auto;
|
||||
top: -3px;
|
||||
border-top: 6px solid white;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
|
||||
right: 13px;
|
||||
left: auto;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
|
||||
display: block;
|
||||
}
|
||||
.bs-searchbox,
|
||||
.bs-actionsbox,
|
||||
.bs-donebutton {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
.bs-actionsbox {
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bs-actionsbox .btn-group button {
|
||||
width: 50%;
|
||||
}
|
||||
.bs-donebutton {
|
||||
float: left;
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bs-donebutton .btn-group button {
|
||||
width: 100%;
|
||||
}
|
||||
.bs-searchbox + .bs-actionsbox {
|
||||
padding: 0 8px 4px;
|
||||
}
|
||||
.bs-searchbox .form-control {
|
||||
margin-bottom: 0;
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-select.css.map */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,49 @@
|
|||
/*!
|
||||
* Bootstrap-select v1.10.0 (http://silviomoreto.github.io/bootstrap-select)
|
||||
*
|
||||
* Copyright 2013-2016 bootstrap-select
|
||||
* Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
(function (root, factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module unless amdModuleId is set
|
||||
define(["jquery"], function (a0) {
|
||||
return (factory(a0));
|
||||
});
|
||||
} else if (typeof exports === 'object') {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like environments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require("jquery"));
|
||||
} else {
|
||||
factory(jQuery);
|
||||
}
|
||||
}(this, function (jQuery) {
|
||||
|
||||
/*!
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: AR (Arabic)
|
||||
* Author: Yasser Lotfy <y_l@alive.com>
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.selectpicker.defaults = {
|
||||
noneSelectedText: 'لم يتم إختيار شئ',
|
||||
noneResultsText: 'لا توجد نتائج مطابقة لـ {0}',
|
||||
countSelectedText: function (numSelected, numTotal) {
|
||||
return (numSelected == 1) ? "{0} خيار تم إختياره" : "{0} خيارات تمت إختيارها";
|
||||
},
|
||||
maxOptionsText: function (numAll, numGroup) {
|
||||
return [
|
||||
(numAll == 1) ? 'تخطى الحد المسموح ({n} خيار بحد أقصى)' : 'تخطى الحد المسموح ({n} خيارات بحد أقصى)',
|
||||
(numGroup == 1) ? 'تخطى الحد المسموح للمجموعة ({n} خيار بحد أقصى)' : 'تخطى الحد المسموح للمجموعة ({n} خيارات بحد أقصى)'
|
||||
];
|
||||
},
|
||||
selectAllText: 'إختيار الجميع',
|
||||
deselectAllText: 'إلغاء إختيار الجميع',
|
||||
multipleSeparator: '، '
|
||||
};
|
||||
})(jQuery);
|
||||
|
||||
|
||||
}));
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
/*!
|
||||
* Bootstrap-select v1.10.0 (http://silviomoreto.github.io/bootstrap-select)
|
||||
*
|
||||
* Copyright 2013-2016 bootstrap-select
|
||||
* Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
|
||||
*/
|
||||
!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof exports?module.exports=b(require("jquery")):b(jQuery)}(this,function(a){/*!
|
||||
* Translated default messages for bootstrap-select.
|
||||
* Locale: AR (Arabic)
|
||||
* Author: Yasser Lotfy <y_l@alive.com>
|
||||
*/
|
||||
!function(a){a.fn.selectpicker.defaults={noneSelectedText:"لم يتم إختيار شئ",noneResultsText:"لا توجد نتائج مطابقة لـ {0}",countSelectedText:function(a,b){return 1==a?"{0} خيار تم إختياره":"{0} خيارات تمت إختيارها"},maxOptionsText:function(a,b){return[1==a?"تخطى الحد المسموح ({n} خيار بحد أقصى)":"تخطى الحد المسموح ({n} خيارات بحد أقصى)",1==b?"تخطى الحد المسموح للمجموعة ({n} خيار بحد أقصى)":"تخطى الحد المسموح للمجموعة ({n} خيارات بحد أقصى)"]},selectAllText:"إختيار الجميع",deselectAllText:"إلغاء إختيار الجميع",multipleSeparator:"، "}}(a)});
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue