Updating js plugins
This commit is contained in:
@@ -0,0 +1,44 @@
|
||||
:root {
|
||||
--jumbotron-padding-y: 3rem;
|
||||
}
|
||||
|
||||
.jumbotron {
|
||||
padding-top: var(--jumbotron-padding-y);
|
||||
padding-bottom: var(--jumbotron-padding-y);
|
||||
margin-bottom: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.jumbotron {
|
||||
padding-top: calc(var(--jumbotron-padding-y) * 2);
|
||||
padding-bottom: calc(var(--jumbotron-padding-y) * 2);
|
||||
}
|
||||
}
|
||||
|
||||
.jumbotron p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.jumbotron-heading {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.jumbotron .container {
|
||||
max-width: 40rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding-top: 3rem;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
footer p {
|
||||
margin-bottom: .25rem;
|
||||
}
|
||||
|
||||
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
|
||||
|
||||
#rtlh3 small {
|
||||
transform: rotateY(180deg);
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
|
||||
@@ -0,0 +1,55 @@
|
||||
.wrap {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.sidebar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
border-right: 1px solid #b5b5b5;
|
||||
}
|
||||
.nav-mini {
|
||||
width: 50px;
|
||||
}
|
||||
.nav-mini ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
background: #fbfbfb;
|
||||
}
|
||||
.nav-mini li {
|
||||
position: relative;
|
||||
}
|
||||
.nav-mini li, .nav-mini a {
|
||||
display: block;
|
||||
}
|
||||
.nav-mini a {
|
||||
padding: 10px 5px;
|
||||
text-decoration: none;
|
||||
color: #808080;
|
||||
}
|
||||
.nav-mini a .title {
|
||||
display: none;
|
||||
}
|
||||
.nav-mini .metismenu .collapse, .nav-mini .metismenu .collapsing {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 100%;
|
||||
min-width: 160px;
|
||||
}
|
||||
.nav-mini .metismenu .collapse .collapse, .nav-mini .metismenu .collapse .collapsing {
|
||||
left: 0;
|
||||
top: auto;
|
||||
}
|
||||
.nav-mini .metismenu > li {
|
||||
border-bottom: 1px solid #b5b5b5;
|
||||
}
|
||||
.nav-mini .metismenu > li > a {
|
||||
text-align: center;
|
||||
}
|
||||
.content {
|
||||
padding-left: 60px;
|
||||
background: #fff;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
.faq-link {
|
||||
cursor: pointer;
|
||||
padding: 15px;
|
||||
background: #212529;
|
||||
color: #adb5bd
|
||||
}
|
||||
|
||||
.faq-item.active>.faq-link {
|
||||
background-color: #d9480f;
|
||||
color: #f8f9fa;
|
||||
}
|
||||
@@ -0,0 +1,37 @@
|
||||
.metisFolder {
|
||||
padding-left: 0;
|
||||
}
|
||||
.metisFolder, .metisFolder ul {
|
||||
list-style: none;
|
||||
}
|
||||
.metisFolder li {
|
||||
position: relative;
|
||||
}
|
||||
.metisFolder li a {
|
||||
display: block;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
outline: 0 none;
|
||||
}
|
||||
.metisFolder ul:before {
|
||||
position: absolute;
|
||||
border-left: 1px dotted #333;
|
||||
content: "";
|
||||
width: 30px;
|
||||
top: 25px;
|
||||
left: 5px;
|
||||
bottom: 17px;
|
||||
}
|
||||
.metisFolder ul > li:before {
|
||||
position: absolute;
|
||||
border-top: 1px dotted #333;
|
||||
content: "";
|
||||
width: 30px;
|
||||
top: 13px;
|
||||
left: -33px;
|
||||
}
|
||||
li.active > a > span.fa-folder-o:before {
|
||||
content: "\f115" !important;
|
||||
}
|
||||
@@ -0,0 +1,80 @@
|
||||
.topbar-nav {
|
||||
background: #212529;
|
||||
}
|
||||
.topbar-nav ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
background: #212529;
|
||||
}
|
||||
.topbar-nav .metismenu {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
.topbar-nav .metismenu > li {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1 1 0%;
|
||||
flex: 1 1 0%;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.topbar-nav .metismenu a {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 15px;
|
||||
color: #adb5bd;
|
||||
outline-width: 0;
|
||||
transition: all .3s ease-out;
|
||||
}
|
||||
|
||||
|
||||
.topbar-nav .metismenu a:hover,
|
||||
.topbar-nav .metismenu a:focus,
|
||||
.topbar-nav .metismenu a:active {
|
||||
color: #f8f9fa;
|
||||
text-decoration: none;
|
||||
background: #0b7285;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.topbar-nav .metismenu {
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
}
|
||||
.topbar-nav .metismenu > li {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
.topbar-nav .metismenu > li > ul {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
min-width: 100%;
|
||||
z-index: 1001;
|
||||
}
|
||||
.topbar-nav.is-hoverable .metismenu > li > ul {
|
||||
height: auto !important;
|
||||
}
|
||||
.topbar-nav.is-hoverable .metismenu > li:hover > ul {
|
||||
display: block;
|
||||
}
|
||||
.topbar-nav.is-hoverable .metismenu > li:hover > a.has-arrow:after {
|
||||
-webkit-transform: rotate(-135deg);
|
||||
transform: rotate(-135deg);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
.sidebar-nav {
|
||||
background: #212529;
|
||||
}
|
||||
.sidebar-nav ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
background: #212529;
|
||||
}
|
||||
|
||||
.sidebar-nav .metismenu {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.sidebar-nav .metismenu > li {
|
||||
/*-webkit-box-flex: 1;
|
||||
-ms-flex: 1 1 0%;
|
||||
flex: 1 1 0%;*/
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
}
|
||||
.sidebar-nav .metismenu a {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 15px;
|
||||
color: #adb5bd;
|
||||
outline-width: 0;
|
||||
transition: all .3s ease-out;
|
||||
}
|
||||
|
||||
.sidebar-nav .metismenu a:hover,
|
||||
.sidebar-nav .metismenu a:focus,
|
||||
.sidebar-nav .metismenu a:active {
|
||||
color: #f8f9fa;
|
||||
text-decoration: none;
|
||||
background: #0b7285;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.sidebar-nav .metismenu li {
|
||||
position: relative;
|
||||
}
|
||||
.sidebar-nav .metismenu > li > ul {
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
top: 0;
|
||||
min-width: 200px;
|
||||
z-index: 1001;
|
||||
}
|
||||
.sidebar-nav .metismenu > li:hover > ul {
|
||||
height: auto !important;
|
||||
}
|
||||
.sidebar-nav .metismenu > li:hover > ul,
|
||||
.sidebar-nav .metismenu > li:hover > ul.collapse {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sidebar-nav .metismenu > li:hover > a.has-arrow:after {
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
.sidebar-nav {
|
||||
background: #212529;
|
||||
}
|
||||
.sidebar-nav ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
background: #343a40;
|
||||
}
|
||||
|
||||
.sidebar-nav .metismenu {
|
||||
background: #212529;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.sidebar-nav .metismenu li + li {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.sidebar-nav .metismenu li:first-child {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.sidebar-nav .metismenu li:last-child {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
|
||||
.sidebar-nav .metismenu > li {
|
||||
/*-webkit-box-flex: 1;
|
||||
-ms-flex: 1 1 0%;
|
||||
flex: 1 1 0%;*/
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
}
|
||||
.sidebar-nav .metismenu a {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 13px 15px;
|
||||
color: #adb5bd;
|
||||
outline-width: 0;
|
||||
transition: all .3s ease-out;
|
||||
}
|
||||
|
||||
.sidebar-nav .metismenu ul a {
|
||||
padding: 10px 15px 10px 30px;
|
||||
}
|
||||
|
||||
.sidebar-nav .metismenu ul ul a {
|
||||
padding: 10px 15px 10px 45px;
|
||||
}
|
||||
|
||||
.sidebar-nav .metismenu a:hover,
|
||||
.sidebar-nav .metismenu a:focus,
|
||||
.sidebar-nav .metismenu a:active,
|
||||
.sidebar-nav .metismenu .mm-active > a {
|
||||
color: #f8f9fa;
|
||||
text-decoration: none;
|
||||
background: #0b7285;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
$(function() {
|
||||
$('table').addClass('table table-bordered table-striped');
|
||||
});
|
||||
@@ -0,0 +1,54 @@
|
||||
$(function() {
|
||||
|
||||
$('#menu').metisMenu();
|
||||
|
||||
$("#ajaxButton").one('click', function() {
|
||||
var $this = $(this);
|
||||
$.ajax({
|
||||
url: "demo-ajax.html",
|
||||
success: function(result) {
|
||||
|
||||
$('#menu').metisMenu('dispose');
|
||||
$("#menu").append(result);
|
||||
|
||||
new Noty({
|
||||
text: 'ajax menu appended to menu',
|
||||
layout: 'topRight',
|
||||
type: 'success',
|
||||
theme: 'relax',
|
||||
progressBar: true,
|
||||
timeout: 2000
|
||||
}).show();
|
||||
|
||||
$('#menu').metisMenu();
|
||||
$this.attr('disabled', 'disabled');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#menu2').metisMenu();
|
||||
|
||||
$("[data-url]").each(function(){
|
||||
$(this).one('click', function(event){
|
||||
event.preventDefault();
|
||||
var $this = $(this);
|
||||
var url = $this.attr('data-url');
|
||||
console.log(url);
|
||||
|
||||
$.ajax({
|
||||
url: url,
|
||||
success: function(result) {
|
||||
|
||||
$('#menu2').metisMenu('dispose');
|
||||
$this.parent('li').append(result);
|
||||
|
||||
$('#menu2').metisMenu();
|
||||
|
||||
$this.click();
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
@@ -0,0 +1,5 @@
|
||||
$(function () {
|
||||
|
||||
$('#menu').metisMenu();
|
||||
|
||||
});
|
||||
@@ -0,0 +1,11 @@
|
||||
$(function() {
|
||||
|
||||
$('.metismenu').metisMenu({
|
||||
toggle: false,
|
||||
triggerElement: '.card-header',
|
||||
parentTrigger: '.card',
|
||||
subMenu: '.card-body'
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
@@ -0,0 +1,47 @@
|
||||
$(function() {
|
||||
|
||||
$('#menu').metisMenu();
|
||||
|
||||
$('#stopMm').on('click', function(event) {
|
||||
$('#menu').metisMenu('dispose');
|
||||
new Noty({
|
||||
text: 'metisMenu stopped',
|
||||
layout: 'topRight',
|
||||
type: 'error',
|
||||
theme: 'relax',
|
||||
progressBar: true,
|
||||
timeout: 2000
|
||||
}).show();
|
||||
});
|
||||
|
||||
$('#startMm').on('click', function(event) {
|
||||
$('#menu').metisMenu();
|
||||
new Noty({
|
||||
text: 'metisMenu restarted',
|
||||
layout: 'topRight',
|
||||
type: 'success',
|
||||
theme: 'relax',
|
||||
progressBar: true,
|
||||
timeout: 2000
|
||||
}).show();
|
||||
});
|
||||
|
||||
$('#menu1').metisMenu();
|
||||
$('#deleteElem').one('click', function(event) {
|
||||
$(this).removeClass('btn-danger').addClass('btn-success').html('Menu 1 removed').attr('disabled', 'disabled');
|
||||
$('#menu1').metisMenu('dispose');
|
||||
|
||||
$('#menu1 #removable').remove();
|
||||
new Noty({
|
||||
text: 'Menu 1 removed',
|
||||
layout: 'topRight',
|
||||
type: 'information',
|
||||
theme: 'relax',
|
||||
progressBar: true,
|
||||
timeout: 2000
|
||||
}).show();
|
||||
|
||||
$('#menu1').metisMenu();
|
||||
});
|
||||
|
||||
});
|
||||
@@ -0,0 +1,38 @@
|
||||
$(function() {
|
||||
|
||||
$('#menu').metisMenu().on('show.metisMenu', function(event) {
|
||||
new Noty({
|
||||
text: $(event.target).parent('li').children('a').html() + ' opening ...',
|
||||
layout: 'topRight',
|
||||
type: 'information',
|
||||
theme: 'relax',
|
||||
|
||||
timeout: 350
|
||||
}).show();
|
||||
}).on('shown.metisMenu', function(event) {
|
||||
new Noty({
|
||||
text: $(event.target).parent('li').children('a').html() + ' opened',
|
||||
layout: 'topRight',
|
||||
type: 'success',
|
||||
theme: 'relax',
|
||||
timeout: 350
|
||||
}).show();
|
||||
}).on('hide.metisMenu', function(event) {
|
||||
new Noty({
|
||||
text: $(event.target).parent('li').children('a').html() + ' collapsing ...',
|
||||
layout: 'topRight',
|
||||
type: 'warning',
|
||||
theme: 'relax',
|
||||
timeout: 350
|
||||
}).show();
|
||||
}).on('hidden.metisMenu', function(event) {
|
||||
new Noty({
|
||||
text: $(event.target).parent('li').children('a').html() + ' collapsed',
|
||||
layout: 'topRight',
|
||||
type: 'error',
|
||||
theme: 'relax',
|
||||
timeout: 350
|
||||
}).show();
|
||||
});
|
||||
|
||||
});
|
||||
@@ -0,0 +1,7 @@
|
||||
$(function() {
|
||||
$('#menu')
|
||||
.metisMenu()
|
||||
.on('shown.metisMenu', function(event) {
|
||||
Jump("#menu")
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,10 @@
|
||||
$(function() {
|
||||
|
||||
$('.faq-menu').metisMenu({
|
||||
toggle: false,
|
||||
triggerElement: '.faq-link',
|
||||
parentTrigger: '.faq-item',
|
||||
subMenu: '.faq-answer'
|
||||
});
|
||||
|
||||
});
|
||||
@@ -0,0 +1,5 @@
|
||||
$(function () {
|
||||
$('.metisFolder').metisMenu({
|
||||
toggle: false
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,7 @@
|
||||
$(function() {
|
||||
|
||||
$('#menu1').metisMenu();
|
||||
|
||||
$('#menu2').metisMenu();
|
||||
|
||||
});
|
||||
@@ -0,0 +1,5 @@
|
||||
$(function() {
|
||||
|
||||
$('#menu1').metisMenu();
|
||||
|
||||
});
|
||||
@@ -0,0 +1,11 @@
|
||||
$(function() {
|
||||
|
||||
$('#menu1').metisMenu();
|
||||
|
||||
$('#menu2').metisMenu({
|
||||
toggle: false
|
||||
});
|
||||
|
||||
$('#menu3').metisMenu();
|
||||
|
||||
});
|
||||
Reference in New Issue
Block a user