initial commit
This commit is contained in:
Mason Payne
5
documentation/css/bootstrap.min.css
vendored
Normal file
5
documentation/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
967
documentation/css/demo-documentation.css
Normal file
967
documentation/css/demo-documentation.css
Normal file
@ -0,0 +1,967 @@
|
||||
body{
|
||||
background-color: #E5E5E5;
|
||||
color: #3C4858;
|
||||
}
|
||||
|
||||
/* PRESENTION PAGE */
|
||||
|
||||
/* Section Components */
|
||||
|
||||
.presentation-page{
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.section-components .title{
|
||||
margin-top: 60px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.section-components .description{
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.section-components .image-container{
|
||||
height: 560px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.section-components .components-macbook{
|
||||
width: auto;
|
||||
left: -100px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.section-components .table-img,
|
||||
.section-components .share-btn-img,
|
||||
.section-components .coloured-card-btn-img,
|
||||
.section-components .coloured-card-img,
|
||||
.section-components .social-img,
|
||||
.section-components .pin-btn-img{
|
||||
position: absolute;
|
||||
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.section-components .coloured-card-img{
|
||||
left: 90%;
|
||||
top: 11%;
|
||||
height: 90px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.section-components .social-img{
|
||||
left: 70%;
|
||||
top: 67%;
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
.section-components .coloured-card-btn-img{
|
||||
left: 35%;
|
||||
top: 2%;
|
||||
height: 125px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.section-components .table-img{
|
||||
left: -13%;
|
||||
top: 27%;
|
||||
height: 175px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.section-components .pin-btn-img{
|
||||
left: 0%;
|
||||
top: 68%;
|
||||
height: 25px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.section-components .share-btn-img{
|
||||
left: 3%;
|
||||
top: -3%;
|
||||
height: 25px;
|
||||
|
||||
}
|
||||
|
||||
/* Section Content */
|
||||
|
||||
.section-content .section-description{
|
||||
margin-top: 100px;
|
||||
}
|
||||
.section-content .title{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.section-content .section-description .title + .description{
|
||||
margin-top: 0;
|
||||
}
|
||||
.section-content .description{
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
.section-content .image-container{
|
||||
max-width: 900px;
|
||||
position: relative;
|
||||
}
|
||||
.section-content .image-container .ipad-img{
|
||||
width: 100%;
|
||||
transition: transform .6s .9s;
|
||||
z-index: 2;
|
||||
}
|
||||
.section-content .image-container .area-img,
|
||||
.section-content .image-container .info-img{
|
||||
position: absolute;
|
||||
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
||||
opacity: 0;
|
||||
transform: translate3D(0px, 100px, 0px);
|
||||
-webkit-transform: translate3D(0px, 100px, 0px);
|
||||
}
|
||||
.section-content .image-container .area-img{
|
||||
top: 10%;
|
||||
left: 60%;
|
||||
height: 300px;
|
||||
width: 250px;
|
||||
z-index: 2;
|
||||
-webkit-transition: all 1s ease-out 0s;
|
||||
-moz-transition: all 1s ease-out 0s;
|
||||
-o-transition: all 1s ease-out 0s;
|
||||
-ms-transition: all 1s ease-out 0s;
|
||||
transition: all 1s ease-out 0s;
|
||||
}
|
||||
.section-content .image-container .info-img{
|
||||
top: 50%;
|
||||
left: 0%;
|
||||
height: 200px;
|
||||
width: 300px;
|
||||
-webkit-transition: all 1s ease-out 0s;
|
||||
-moz-transition: all 1s ease-out 0s;
|
||||
-o-transition: all 1s ease-out 0s;
|
||||
-ms-transition: all 1s ease-out 0s;
|
||||
transition: all 1s ease-out 0s;
|
||||
}
|
||||
.animated{
|
||||
transform: translate3D(0px, 0px, 0px) !important;
|
||||
-webkit-transform: translate3D(0px, 0px, 0px) !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
|
||||
/* animated images */
|
||||
|
||||
@-webkit-keyframes Floatingy{
|
||||
from {-webkit-transform:translate(0, 0px);}
|
||||
65% {-webkit-transform:translate(50px, 0);}
|
||||
to {-webkit-transform: translate(0, -0px);}
|
||||
}
|
||||
@-moz-keyframes Floatingy{
|
||||
from {-moz-transform:translate(0, 0px);}
|
||||
65% {-moz-transform:translate(50px, 0);}
|
||||
to {-moz-transform: translate(0, -0px);}
|
||||
}
|
||||
@-webkit-keyframes Floatingx{
|
||||
from {-webkit-transform:translate(50px, 0px);}
|
||||
65% {-webkit-transform:translate(0, 0);}
|
||||
to {-webkit-transform: translate(50px, -0px);}
|
||||
}
|
||||
@-moz-keyframes Floatingx{
|
||||
from {-moz-transform:translate(50px, 0px);}
|
||||
65% {-moz-transform:translate(0, 0);}
|
||||
to {-moz-transform: translate(50px, -0px);}
|
||||
}
|
||||
|
||||
|
||||
.table-img, .coloured-card-img, .coloured-card-btn-img, .pin-btn-img, .share-btn-img, .social-img{
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
-moz-animation-iteration-count: infinite;
|
||||
-moz-animation-timing-function: ease-in-out;
|
||||
-webkit-animation-name: Floatingy;
|
||||
-moz-animation-name: Floatingy;
|
||||
float: left;
|
||||
}
|
||||
.table-img{
|
||||
-webkit-animation-duration: 14s;
|
||||
-moz-animation-duration: 14s;
|
||||
-webkit-animation-name: Floatingx;
|
||||
-moz-animation-name: Floatingx;
|
||||
}
|
||||
|
||||
.coloured-card-img{
|
||||
-webkit-animation-duration: 10s;
|
||||
-moz-animation-duration: 10s;
|
||||
-webkit-animation-name: Floatingx;
|
||||
-moz-animation-name: Floatingx;
|
||||
}
|
||||
|
||||
.coloured-card-btn-img{
|
||||
-webkit-animation-duration: 18s;
|
||||
-moz-animation-duration: 18s;
|
||||
}
|
||||
.pin-btn-img{
|
||||
-webkit-animation-duration: 15s;
|
||||
-moz-animation-duration: 15s;
|
||||
}
|
||||
.share-btn-img{
|
||||
-webkit-animation-duration: 11s;
|
||||
-moz-animation-duration: 11s;
|
||||
}
|
||||
.social-img{
|
||||
-webkit-animation-duration: 16s;
|
||||
-moz-animation-duration: 16s;
|
||||
-webkit-animation-name: Floatingx;
|
||||
-moz-animation-name: Floatingx;
|
||||
}
|
||||
|
||||
/* Presentation Page OnScroll Animation */
|
||||
|
||||
.animated {
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
.animated.infinite {
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.animated.hinge {
|
||||
animation-duration: 2s;
|
||||
}
|
||||
|
||||
.animated.flipOutX,
|
||||
.animated.flipOutY,
|
||||
.animated.bounceIn,
|
||||
.animated.bounceOut {
|
||||
animation-duration: .75s;
|
||||
}
|
||||
|
||||
@keyframes bounce {
|
||||
from, 20%, 53%, 80%, to {
|
||||
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
40%, 43% {
|
||||
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
||||
transform: translate3d(0, -30px, 0);
|
||||
}
|
||||
70% {
|
||||
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
||||
transform: translate3d(0, -15px, 0);
|
||||
}
|
||||
90% {
|
||||
transform: translate3d(0, -4px, 0);
|
||||
}
|
||||
}
|
||||
.bounce {
|
||||
animation-name: bounce;
|
||||
transform-origin: center bottom;
|
||||
}
|
||||
|
||||
@keyframes flash {
|
||||
from, 50%, to {
|
||||
opacity: 1;
|
||||
}
|
||||
25%, 75% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.flash {
|
||||
animation-name: flash;
|
||||
}
|
||||
|
||||
|
||||
.fixed-section{
|
||||
top: 90px;
|
||||
max-height: 71vh;
|
||||
overflow: scroll;
|
||||
border-bottom: 1px solid rgba(220,220,220, .8);
|
||||
}
|
||||
.fixed-section ul li{
|
||||
list-style: none;
|
||||
}
|
||||
.fixed-section li a{
|
||||
font-size: 14px;
|
||||
padding: 2px;
|
||||
display: block;
|
||||
color: #666666;
|
||||
}
|
||||
.fixed-section li a.active{
|
||||
color: #00bbff;
|
||||
}
|
||||
.fixed-section.float{
|
||||
position: fixed;
|
||||
top: 100px;
|
||||
width: 200px;
|
||||
margin-top: 0;
|
||||
}
|
||||
.navbar-title .image-container{
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
display: inline-block;
|
||||
top: -1px;
|
||||
position: relative;
|
||||
}
|
||||
.nav-mobile-menu .navbar-title{
|
||||
display: none;
|
||||
}
|
||||
.navbar-title{
|
||||
height: 100%;
|
||||
}
|
||||
.navbar-title h4{
|
||||
margin-bottom: -6px;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.image-header{
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.image-header img{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.navbar-title img{
|
||||
width: 100%
|
||||
}
|
||||
.section .wizard-card{
|
||||
min-height: inherit;
|
||||
}
|
||||
|
||||
.tim-row{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.tim-white-buttons {
|
||||
background-color: #777777;
|
||||
}
|
||||
.title{
|
||||
margin-top: 30px;
|
||||
margin-bottom: 25px;
|
||||
min-height: 32px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.tim-row p{
|
||||
font-size: 16px;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
.title.text-center{
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.tim-typo{
|
||||
padding-left: 25%;
|
||||
margin-bottom: 40px;
|
||||
position: relative;
|
||||
}
|
||||
.tim-typo .tim-note{
|
||||
bottom: 10px;
|
||||
color: #c0c1c2;
|
||||
display: block;
|
||||
font-weight: 400;
|
||||
font-size: 13px;
|
||||
line-height: 13px;
|
||||
left: 0;
|
||||
margin-left: 20px;
|
||||
position: absolute;
|
||||
width: 260px;
|
||||
}
|
||||
.tim-row{
|
||||
padding-top: 50px;
|
||||
}
|
||||
.tim-row h3{
|
||||
margin-top: 0;
|
||||
}
|
||||
.switch{
|
||||
margin-right: 20px;
|
||||
}
|
||||
#navbar-full .navbar{
|
||||
border-radius: 0 !important;
|
||||
margin-bottom: 15px;
|
||||
z-index: 2;
|
||||
}
|
||||
.space{
|
||||
height: 130px;
|
||||
display: block;
|
||||
}
|
||||
.space-110{
|
||||
height: 110px;
|
||||
display: block;
|
||||
}
|
||||
.space-50{
|
||||
height: 50px;
|
||||
display: block;
|
||||
}
|
||||
.space-70{
|
||||
height: 70px;
|
||||
display: block;
|
||||
}
|
||||
.navigation-example .img-src{
|
||||
background-attachment: scroll;
|
||||
}
|
||||
|
||||
.navigation-example{
|
||||
background-image: url('../img/bg.jpg');
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
margin-top:0;
|
||||
min-height: 740px;
|
||||
}
|
||||
#notifications{
|
||||
background-color: #FFFFFF;
|
||||
display: block;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
#notifications .alert-danger{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.tim-note{
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
#buttons .btn{
|
||||
margin: 0 0px 15px;
|
||||
}
|
||||
.space-100{
|
||||
height: 100px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.be-social{
|
||||
padding-bottom: 20px;
|
||||
/* border-bottom: 1px solid #aaa; */
|
||||
margin: 0 auto 40px;
|
||||
}
|
||||
.txt-white{
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.txt-gray{
|
||||
color: #ddd !important;
|
||||
}
|
||||
.navbar-center{
|
||||
margin-top: -3px;
|
||||
float: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.parallax{
|
||||
width:100%;
|
||||
height:570px;
|
||||
|
||||
display: block;
|
||||
background-attachment: fixed;
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
background-position: center center;
|
||||
|
||||
}
|
||||
|
||||
.logo-container.logo-documentation{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.logo-container .logo{
|
||||
overflow: hidden;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #333333;
|
||||
width: 50px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.logo-container .brand{
|
||||
font-size: 16px;
|
||||
line-height: 18px;
|
||||
float: left;
|
||||
color: #555555;
|
||||
margin-left: 10px;
|
||||
margin-top: 7px;
|
||||
width: 70px;
|
||||
height: 40px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
.navbar-default .logo-container .brand{
|
||||
color: #999999;
|
||||
}
|
||||
.navbar-transparent .logo-container .brand{
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.logo-container .brand-material{
|
||||
font-size: 18px;
|
||||
margin-top: 15px;
|
||||
height: 25px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.logo-container .logo img{
|
||||
width: 100%;
|
||||
}
|
||||
.navbar-small .logo-container .brand{
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.fixed-section{
|
||||
top: 127px;
|
||||
max-height: 80vh;
|
||||
overflow: scroll;
|
||||
}
|
||||
.fixed-section ul li{
|
||||
list-style: none;
|
||||
}
|
||||
.fixed-section li a{
|
||||
font-size: 14px;
|
||||
padding: 2px;
|
||||
display: block;
|
||||
color: #666666;
|
||||
}
|
||||
.fixed-section li a.active{
|
||||
color: #00bbff;
|
||||
}
|
||||
.fixed-section.float{
|
||||
position: fixed;
|
||||
top: 100px;
|
||||
width: 200px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
||||
.parallax .parallax-image{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
.parallax .parallax-image img{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 768px){
|
||||
.parallax .parallax-image{
|
||||
width: 100%;
|
||||
height: 640px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.parallax .parallax-image img{
|
||||
height: 100%;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.separator{
|
||||
content: "Separator";
|
||||
color: #FFFFFF;
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
}
|
||||
.separator-line{
|
||||
background-color: #EEE;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.separator.separator-gray{
|
||||
background-color: #EEEEEE;
|
||||
}
|
||||
.social-buttons-demo .btn{
|
||||
margin-right: 5px;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.img-container{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.img-container img{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.lightbox img{
|
||||
width: 100%;
|
||||
}
|
||||
.lightbox .modal-content{
|
||||
overflow: hidden;
|
||||
}
|
||||
.lightbox .modal-body{
|
||||
padding: 0;
|
||||
}
|
||||
@media screen and (min-width: 991px){
|
||||
.lightbox .modal-dialog{
|
||||
width: 960px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px){
|
||||
.btn, .btn-morphing{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.parallax .motto{
|
||||
top: 170px;
|
||||
margin-top: 0;
|
||||
font-size: 60px;
|
||||
width: 270px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Loading dots */
|
||||
|
||||
/* transitions */
|
||||
.presentation .front, .presentation .front:after, .presentation .front .btn, .logo-container .logo, .logo-container .brand{
|
||||
-webkit-transition: all .2s;
|
||||
-moz-transition: all .2s;
|
||||
-o-transition: all .2s;
|
||||
transition: all .2s;
|
||||
}
|
||||
|
||||
|
||||
#images h4{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#javascriptComponents{
|
||||
padding-bottom: 0;
|
||||
}
|
||||
#javascriptComponents .btn-raised{
|
||||
margin: 10px 5px;
|
||||
}
|
||||
|
||||
|
||||
/* layer animation */
|
||||
|
||||
.layers-container{
|
||||
display: block;
|
||||
margin-top: 50px;
|
||||
position: relative;
|
||||
}
|
||||
.layers-container img {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.section-black {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.animate {
|
||||
transition: 1.5s ease-in-out;
|
||||
-moz-transition: 1.5s ease-in-out;
|
||||
-webkit-transition: 1.5s ease-in-out;
|
||||
}
|
||||
|
||||
.navbar-default.navbar-small .logo-container .brand{
|
||||
color: #333333;
|
||||
}
|
||||
.navbar-transparent.navbar-small .logo-container .brand{
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.navbar-default.navbar-small .logo-container .brand{
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.sharing-area{
|
||||
margin-top: 80px;
|
||||
}
|
||||
.sharing-area .btn{
|
||||
margin: 15px 4px 0;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.sharing-area .btn i{
|
||||
font-size: 18px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.sharing-area .btn-twitter{
|
||||
background-color: #55acee;
|
||||
}
|
||||
.sharing-area .btn-facebook{
|
||||
background-color: #3b5998;
|
||||
}
|
||||
.sharing-area .btn-google-plus{
|
||||
background-color: #dd4b39;
|
||||
}
|
||||
.sharing-area .btn-github{
|
||||
background-color: #333333;
|
||||
}
|
||||
.section-thin,
|
||||
.section-notifications{
|
||||
padding: 0;
|
||||
}
|
||||
.section-navbars{
|
||||
padding-top: 0;
|
||||
}
|
||||
#navbar .navbar{
|
||||
border-radius: 0;
|
||||
}
|
||||
.section-tabs{
|
||||
background: #EEEEEE;
|
||||
}
|
||||
.section-pagination{
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.section-download h4{
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.section-examples a{
|
||||
text-decoration: none;
|
||||
}
|
||||
.section-examples h5{
|
||||
margin-top: 30px;
|
||||
}
|
||||
.components-page .wrapper > .header,
|
||||
.tutorial-page .wrapper > .header{
|
||||
height: 400px;
|
||||
padding-top: 100px;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.main {
|
||||
background: #FFFFFF;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.main-raised {
|
||||
margin: -60px 30px 0px;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.header-filter {
|
||||
position: relative;
|
||||
}
|
||||
.header-filter:before, .header-filter:after {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
left: 0;
|
||||
top: 0;
|
||||
content: "";
|
||||
}
|
||||
.header-filter::before {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
.header-filter .container {
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
padding-top: 130px;
|
||||
}
|
||||
|
||||
.page-header{
|
||||
height: 550px;
|
||||
}
|
||||
.page-header .title{
|
||||
font-weight: 700;
|
||||
font-family: "Roboto Slab", "Times New Roman", serif;
|
||||
line-height: 1.15em;
|
||||
color: #fff;
|
||||
font-size: 3.3em;
|
||||
}
|
||||
.page-header .sub-title{
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.section {
|
||||
padding: 50px 0;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.navbar {
|
||||
border: 0;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
|
||||
padding: 10px 0;
|
||||
|
||||
-webkit-transition: all 150ms ease 0s;
|
||||
-moz-transition: all 150ms ease 0s;
|
||||
-o-transition: all 150ms ease 0s;
|
||||
-ms-transition: all 150ms ease 0s;
|
||||
transition: all 150ms ease 0s;
|
||||
}
|
||||
.navbar .navbar-brand {
|
||||
position: relative;
|
||||
height: 50px;
|
||||
line-height: 30px;
|
||||
color: inherit;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
|
||||
color: inherit;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.navbar.navbar-transparent {
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
padding-top: 25px;
|
||||
}
|
||||
|
||||
.navbar-fixed-top {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav > li > a .material-icons,
|
||||
.navbar .navbar-nav > li > a .fa {
|
||||
font-size: 20px;
|
||||
max-width: 20px;
|
||||
}
|
||||
.navbar .navbar-nav > li > a:hover,
|
||||
.navbar .navbar-nav > li > a:focus {
|
||||
color: inherit;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav > li > a:not(.btn) .material-icons {
|
||||
margin-top: -3px;
|
||||
top: 0px;
|
||||
position: relative;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.fixed-section.affix {
|
||||
position: relative;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
.nav-mobile-menu .navbar-title{
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
|
||||
.navbar .navbar-brand {
|
||||
height: 50px;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 15px 0;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.footer a{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
footer.footer-documentation{
|
||||
margin-top: 0;
|
||||
bottom: 0;
|
||||
text-shadow: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
footer.footer-documentation li a{
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
footer.footer-documentation li a:hover,
|
||||
footer.footer-documentation li a:focus{
|
||||
color: #89229b;
|
||||
}
|
||||
|
||||
footer ul {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
footer ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
footer ul li a {
|
||||
color: inherit;
|
||||
padding: 15px;
|
||||
font-weight: 500;
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
border-radius: 3px;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
footer ul li a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
footer ul li .btn {
|
||||
margin: 0;
|
||||
}
|
||||
footer ul.links-horizontal:first-child a {
|
||||
padding-left: 0;
|
||||
}
|
||||
footer ul.links-horizontal:last-child a {
|
||||
padding-right: 0;
|
||||
}
|
||||
footer ul.links-vertical li {
|
||||
display: block;
|
||||
}
|
||||
footer ul.links-vertical li a {
|
||||
padding: 5px 0;
|
||||
}
|
||||
footer .social-buttons a,
|
||||
footer .social-buttons .btn {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
footer .footer-brand {
|
||||
float: left;
|
||||
height: 50px;
|
||||
padding: 15px 15px;
|
||||
font-size: 18px;
|
||||
line-height: 20px;
|
||||
margin-left: -15px;
|
||||
}
|
||||
footer .footer-brand:hover, footer .footer-brand:focus {
|
||||
color: #3C4858;
|
||||
}
|
||||
footer .copyright {
|
||||
padding: 15px 0;
|
||||
text-align: center;
|
||||
}
|
||||
footer .copyright .material-icons {
|
||||
font-size: 18px;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
}
|
||||
footer .pull-center {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.footer .copyright {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
float: none !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.navbar.navbar-transparent {
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
padding-top: 10px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.main-raised {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
15445
documentation/css/material-dashboard.css
Normal file
15445
documentation/css/material-dashboard.css
Normal file
File diff suppressed because it is too large
Load Diff
10
documentation/js/arrive.min.js
vendored
Normal file
10
documentation/js/arrive.min.js
vendored
Normal file
@ -0,0 +1,10 @@
|
||||
/*
|
||||
* arrive.js
|
||||
* v2.4.1
|
||||
* https://github.com/uzairfarooq/arrive
|
||||
* MIT licensed
|
||||
*
|
||||
* Copyright (c) 2014-2017 Uzair Farooq
|
||||
*/
|
||||
|
||||
var Arrive=function(e,t,n){"use strict";function r(e,t,n){l.addMethod(t,n,e.unbindEvent),l.addMethod(t,n,e.unbindEventWithSelectorOrCallback),l.addMethod(t,n,e.unbindEventWithSelectorAndCallback)}function i(e){e.arrive=f.bindEvent,r(f,e,"unbindArrive"),e.leave=d.bindEvent,r(d,e,"unbindLeave")}if(e.MutationObserver&&"undefined"!=typeof HTMLElement){var o=0,l=function(){var t=HTMLElement.prototype.matches||HTMLElement.prototype.webkitMatchesSelector||HTMLElement.prototype.mozMatchesSelector||HTMLElement.prototype.msMatchesSelector;return{matchesSelector:function(e,n){return e instanceof HTMLElement&&t.call(e,n)},addMethod:function(e,t,r){var i=e[t];e[t]=function(){return r.length==arguments.length?r.apply(this,arguments):"function"==typeof i?i.apply(this,arguments):n}},callCallbacks:function(e,t){t&&t.options.onceOnly&&1==t.firedElems.length&&(e=[e[0]]);for(var n,r=0;n=e[r];r++)n&&n.callback&&n.callback.call(n.elem,n.elem);t&&t.options.onceOnly&&1==t.firedElems.length&&t.me.unbindEventWithSelectorAndCallback.call(t.target,t.selector,t.callback)},checkChildNodesRecursively:function(e,t,n,r){for(var i,o=0;i=e[o];o++)n(i,t,r)&&r.push({callback:t.callback,elem:i}),i.childNodes.length>0&&l.checkChildNodesRecursively(i.childNodes,t,n,r)},mergeArrays:function(e,t){var n,r={};for(n in e)e.hasOwnProperty(n)&&(r[n]=e[n]);for(n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);return r},toElementsArray:function(t){return n===t||"number"==typeof t.length&&t!==e||(t=[t]),t}}}(),c=function(){var e=function(){this._eventsBucket=[],this._beforeAdding=null,this._beforeRemoving=null};return e.prototype.addEvent=function(e,t,n,r){var i={target:e,selector:t,options:n,callback:r,firedElems:[]};return this._beforeAdding&&this._beforeAdding(i),this._eventsBucket.push(i),i},e.prototype.removeEvent=function(e){for(var t,n=this._eventsBucket.length-1;t=this._eventsBucket[n];n--)if(e(t)){this._beforeRemoving&&this._beforeRemoving(t);var r=this._eventsBucket.splice(n,1);r&&r.length&&(r[0].callback=null)}},e.prototype.beforeAdding=function(e){this._beforeAdding=e},e.prototype.beforeRemoving=function(e){this._beforeRemoving=e},e}(),a=function(t,r){var i=new c,o=this,a={fireOnAttributesModification:!1};return i.beforeAdding(function(n){var i,l=n.target;(l===e.document||l===e)&&(l=document.getElementsByTagName("html")[0]),i=new MutationObserver(function(e){r.call(this,e,n)});var c=t(n.options);i.observe(l,c),n.observer=i,n.me=o}),i.beforeRemoving(function(e){e.observer.disconnect()}),this.bindEvent=function(e,t,n){t=l.mergeArrays(a,t);for(var r=l.toElementsArray(this),o=0;o<r.length;o++)i.addEvent(r[o],e,t,n)},this.unbindEvent=function(){var e=l.toElementsArray(this);i.removeEvent(function(t){for(var r=0;r<e.length;r++)if(this===n||t.target===e[r])return!0;return!1})},this.unbindEventWithSelectorOrCallback=function(e){var t,r=l.toElementsArray(this),o=e;t="function"==typeof e?function(e){for(var t=0;t<r.length;t++)if((this===n||e.target===r[t])&&e.callback===o)return!0;return!1}:function(t){for(var i=0;i<r.length;i++)if((this===n||t.target===r[i])&&t.selector===e)return!0;return!1},i.removeEvent(t)},this.unbindEventWithSelectorAndCallback=function(e,t){var r=l.toElementsArray(this);i.removeEvent(function(i){for(var o=0;o<r.length;o++)if((this===n||i.target===r[o])&&i.selector===e&&i.callback===t)return!0;return!1})},this},s=function(){function e(e){var t={attributes:!1,childList:!0,subtree:!0};return e.fireOnAttributesModification&&(t.attributes=!0),t}function t(e,t){e.forEach(function(e){var n=e.addedNodes,i=e.target,o=[];null!==n&&n.length>0?l.checkChildNodesRecursively(n,t,r,o):"attributes"===e.type&&r(i,t,o)&&o.push({callback:t.callback,elem:i}),l.callCallbacks(o,t)})}function r(e,t){return l.matchesSelector(e,t.selector)&&(e._id===n&&(e._id=o++),-1==t.firedElems.indexOf(e._id))?(t.firedElems.push(e._id),!0):!1}var i={fireOnAttributesModification:!1,onceOnly:!1,existing:!1};f=new a(e,t);var c=f.bindEvent;return f.bindEvent=function(e,t,r){n===r?(r=t,t=i):t=l.mergeArrays(i,t);var o=l.toElementsArray(this);if(t.existing){for(var a=[],s=0;s<o.length;s++)for(var u=o[s].querySelectorAll(e),f=0;f<u.length;f++)a.push({callback:r,elem:u[f]});if(t.onceOnly&&a.length)return r.call(a[0].elem,a[0].elem);setTimeout(l.callCallbacks,1,a)}c.call(this,e,t,r)},f},u=function(){function e(){var e={childList:!0,subtree:!0};return e}function t(e,t){e.forEach(function(e){var n=e.removedNodes,i=[];null!==n&&n.length>0&&l.checkChildNodesRecursively(n,t,r,i),l.callCallbacks(i,t)})}function r(e,t){return l.matchesSelector(e,t.selector)}var i={};d=new a(e,t);var o=d.bindEvent;return d.bindEvent=function(e,t,r){n===r?(r=t,t=i):t=l.mergeArrays(i,t),o.call(this,e,t,r)},d},f=new s,d=new u;t&&i(t.fn),i(HTMLElement.prototype),i(NodeList.prototype),i(HTMLCollection.prototype),i(HTMLDocument.prototype),i(Window.prototype);var h={};return r(f,h,"unbindAllArrive"),r(d,h,"unbindAllLeave"),h}}(window,"undefined"==typeof jQuery?null:jQuery,void 0);
|
||||
404
documentation/js/bootstrap-notify.js
vendored
Normal file
404
documentation/js/bootstrap-notify.js
vendored
Normal file
@ -0,0 +1,404 @@
|
||||
/*
|
||||
|
||||
|
||||
|
||||
Creative Tim Modifications
|
||||
|
||||
Lines: 239, 240 was changed from top: 5px to top: 50% and we added margin-top: -13px. In this way the close button will be aligned vertically
|
||||
Line:242 - modified when the icon is set, we add the class "alert-with-icon", so there will be enough space for the icon.
|
||||
|
||||
|
||||
|
||||
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
* Project: Bootstrap Notify = v3.1.5
|
||||
* Description: Turns standard Bootstrap alerts into "Growl-like" notifications.
|
||||
* Author: Mouse0270 aka Robert McIntosh
|
||||
* License: MIT License
|
||||
* Website: https://github.com/mouse0270/bootstrap-growl
|
||||
*/
|
||||
|
||||
/* global define:false, require: false, jQuery:false */
|
||||
|
||||
(function (factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(['jquery'], factory);
|
||||
} else if (typeof exports === 'object') {
|
||||
// Node/CommonJS
|
||||
factory(require('jquery'));
|
||||
} else {
|
||||
// Browser globals
|
||||
factory(jQuery);
|
||||
}
|
||||
}(function ($) {
|
||||
// Create the defaults once
|
||||
var defaults = {
|
||||
element: 'body',
|
||||
position: null,
|
||||
type: "info",
|
||||
allow_dismiss: true,
|
||||
allow_duplicates: true,
|
||||
newest_on_top: false,
|
||||
showProgressbar: false,
|
||||
placement: {
|
||||
from: "top",
|
||||
align: "right"
|
||||
},
|
||||
offset: 20,
|
||||
spacing: 10,
|
||||
z_index: 1031,
|
||||
delay: 5000,
|
||||
timer: 1000,
|
||||
url_target: '_blank',
|
||||
mouse_over: null,
|
||||
animate: {
|
||||
enter: 'animated fadeInDown',
|
||||
exit: 'animated fadeOutUp'
|
||||
},
|
||||
onShow: null,
|
||||
onShown: null,
|
||||
onClose: null,
|
||||
onClosed: null,
|
||||
icon_type: 'class',
|
||||
template: '<div data-notify="container" class="col-xs-11 col-sm-4 alert alert-{0}" role="alert"><button type="button" aria-hidden="true" class="close" data-notify="dismiss">×</button><i data-notify="icon" class="material-icons"></i><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>'
|
||||
};
|
||||
|
||||
String.format = function () {
|
||||
var str = arguments[0];
|
||||
for (var i = 1; i < arguments.length; i++) {
|
||||
str = str.replace(RegExp("\\{" + (i - 1) + "\\}", "gm"), arguments[i]);
|
||||
}
|
||||
return str;
|
||||
};
|
||||
|
||||
function isDuplicateNotification(notification) {
|
||||
var isDupe = false;
|
||||
|
||||
$('[data-notify="container"]').each(function (i, el) {
|
||||
var $el = $(el);
|
||||
var title = $el.find('[data-notify="title"]').text().trim();
|
||||
var message = $el.find('[data-notify="message"]').html().trim();
|
||||
|
||||
// The input string might be different than the actual parsed HTML string!
|
||||
// (<br> vs <br /> for example)
|
||||
// So we have to force-parse this as HTML here!
|
||||
var isSameTitle = title === $("<div>" + notification.settings.content.title + "</div>").html().trim();
|
||||
var isSameMsg = message === $("<div>" + notification.settings.content.message + "</div>").html().trim();
|
||||
var isSameType = $el.hasClass('alert-' + notification.settings.type);
|
||||
|
||||
if (isSameTitle && isSameMsg && isSameType) {
|
||||
//we found the dupe. Set the var and stop checking.
|
||||
isDupe = true;
|
||||
}
|
||||
return !isDupe;
|
||||
});
|
||||
|
||||
return isDupe;
|
||||
}
|
||||
|
||||
function Notify(element, content, options) {
|
||||
// Setup Content of Notify
|
||||
var contentObj = {
|
||||
content: {
|
||||
message: typeof content === 'object' ? content.message : content,
|
||||
title: content.title ? content.title : '',
|
||||
icon: content.icon ? content.icon : '',
|
||||
url: content.url ? content.url : '#',
|
||||
target: content.target ? content.target : '-'
|
||||
}
|
||||
};
|
||||
|
||||
options = $.extend(true, {}, contentObj, options);
|
||||
this.settings = $.extend(true, {}, defaults, options);
|
||||
this._defaults = defaults;
|
||||
if (this.settings.content.target === "-") {
|
||||
this.settings.content.target = this.settings.url_target;
|
||||
}
|
||||
this.animations = {
|
||||
start: 'webkitAnimationStart oanimationstart MSAnimationStart animationstart',
|
||||
end: 'webkitAnimationEnd oanimationend MSAnimationEnd animationend'
|
||||
};
|
||||
|
||||
if (typeof this.settings.offset === 'number') {
|
||||
this.settings.offset = {
|
||||
x: this.settings.offset,
|
||||
y: this.settings.offset
|
||||
};
|
||||
}
|
||||
|
||||
//if duplicate messages are not allowed, then only continue if this new message is not a duplicate of one that it already showing
|
||||
if (this.settings.allow_duplicates || (!this.settings.allow_duplicates && !isDuplicateNotification(this))) {
|
||||
this.init();
|
||||
}
|
||||
}
|
||||
|
||||
$.extend(Notify.prototype, {
|
||||
init: function () {
|
||||
var self = this;
|
||||
|
||||
this.buildNotify();
|
||||
if (this.settings.content.icon) {
|
||||
this.setIcon();
|
||||
}
|
||||
if (this.settings.content.url != "#") {
|
||||
this.styleURL();
|
||||
}
|
||||
this.styleDismiss();
|
||||
this.placement();
|
||||
this.bind();
|
||||
|
||||
this.notify = {
|
||||
$ele: this.$ele,
|
||||
update: function (command, update) {
|
||||
var commands = {};
|
||||
if (typeof command === "string") {
|
||||
commands[command] = update;
|
||||
} else {
|
||||
commands = command;
|
||||
}
|
||||
for (var cmd in commands) {
|
||||
switch (cmd) {
|
||||
case "type":
|
||||
this.$ele.removeClass('alert-' + self.settings.type);
|
||||
this.$ele.find('[data-notify="progressbar"] > .progress-bar').removeClass('progress-bar-' + self.settings.type);
|
||||
self.settings.type = commands[cmd];
|
||||
this.$ele.addClass('alert-' + commands[cmd]).find('[data-notify="progressbar"] > .progress-bar').addClass('progress-bar-' + commands[cmd]);
|
||||
break;
|
||||
case "icon":
|
||||
var $icon = this.$ele.find('[data-notify="icon"]');
|
||||
if (self.settings.icon_type.toLowerCase() === 'class') {
|
||||
$icon.html(commands[cmd]);
|
||||
} else {
|
||||
if (!$icon.is('img')) {
|
||||
$icon.find('img');
|
||||
}
|
||||
$icon.attr('src', commands[cmd]);
|
||||
}
|
||||
break;
|
||||
case "progress":
|
||||
var newDelay = self.settings.delay - (self.settings.delay * (commands[cmd] / 100));
|
||||
this.$ele.data('notify-delay', newDelay);
|
||||
this.$ele.find('[data-notify="progressbar"] > div').attr('aria-valuenow', commands[cmd]).css('width', commands[cmd] + '%');
|
||||
break;
|
||||
case "url":
|
||||
this.$ele.find('[data-notify="url"]').attr('href', commands[cmd]);
|
||||
break;
|
||||
case "target":
|
||||
this.$ele.find('[data-notify="url"]').attr('target', commands[cmd]);
|
||||
break;
|
||||
default:
|
||||
this.$ele.find('[data-notify="' + cmd + '"]').html(commands[cmd]);
|
||||
}
|
||||
}
|
||||
var posX = this.$ele.outerHeight() + parseInt(self.settings.spacing) + parseInt(self.settings.offset.y);
|
||||
self.reposition(posX);
|
||||
},
|
||||
close: function () {
|
||||
self.close();
|
||||
}
|
||||
};
|
||||
|
||||
},
|
||||
buildNotify: function () {
|
||||
var content = this.settings.content;
|
||||
this.$ele = $(String.format(this.settings.template, this.settings.type, content.title, content.message, content.url, content.target));
|
||||
this.$ele.attr('data-notify-position', this.settings.placement.from + '-' + this.settings.placement.align);
|
||||
if (!this.settings.allow_dismiss) {
|
||||
this.$ele.find('[data-notify="dismiss"]').css('display', 'none');
|
||||
}
|
||||
if ((this.settings.delay <= 0 && !this.settings.showProgressbar) || !this.settings.showProgressbar) {
|
||||
this.$ele.find('[data-notify="progressbar"]').remove();
|
||||
}
|
||||
},
|
||||
setIcon: function () {
|
||||
|
||||
this.$ele.addClass('alert-with-icon');
|
||||
|
||||
if (this.settings.icon_type.toLowerCase() === 'class') {
|
||||
this.$ele.find('[data-notify="icon"]').html(this.settings.content.icon);
|
||||
} else {
|
||||
if (this.$ele.find('[data-notify="icon"]').is('img')) {
|
||||
this.$ele.find('[data-notify="icon"]').attr('src', this.settings.content.icon);
|
||||
} else {
|
||||
this.$ele.find('[data-notify="icon"]').append('<img src="' + this.settings.content.icon + '" alt="Notify Icon" />');
|
||||
}
|
||||
}
|
||||
},
|
||||
styleDismiss: function () {
|
||||
this.$ele.find('[data-notify="dismiss"]').css({
|
||||
position: 'absolute',
|
||||
right: '10px',
|
||||
top: '50%',
|
||||
marginTop: '-13px',
|
||||
zIndex: this.settings.z_index + 2
|
||||
});
|
||||
},
|
||||
styleURL: function () {
|
||||
this.$ele.find('[data-notify="url"]').css({
|
||||
backgroundImage: 'url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)',
|
||||
height: '100%',
|
||||
left: 0,
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
width: '100%',
|
||||
zIndex: this.settings.z_index + 1
|
||||
});
|
||||
},
|
||||
placement: function () {
|
||||
var self = this,
|
||||
offsetAmt = this.settings.offset.y,
|
||||
css = {
|
||||
display: 'inline-block',
|
||||
margin: '0px auto',
|
||||
position: this.settings.position ? this.settings.position : (this.settings.element === 'body' ? 'fixed' : 'absolute'),
|
||||
transition: 'all .5s ease-in-out',
|
||||
zIndex: this.settings.z_index
|
||||
},
|
||||
hasAnimation = false,
|
||||
settings = this.settings;
|
||||
|
||||
$('[data-notify-position="' + this.settings.placement.from + '-' + this.settings.placement.align + '"]:not([data-closing="true"])').each(function () {
|
||||
offsetAmt = Math.max(offsetAmt, parseInt($(this).css(settings.placement.from)) + parseInt($(this).outerHeight()) + parseInt(settings.spacing));
|
||||
});
|
||||
if (this.settings.newest_on_top === true) {
|
||||
offsetAmt = this.settings.offset.y;
|
||||
}
|
||||
css[this.settings.placement.from] = offsetAmt + 'px';
|
||||
|
||||
switch (this.settings.placement.align) {
|
||||
case "left":
|
||||
case "right":
|
||||
css[this.settings.placement.align] = this.settings.offset.x + 'px';
|
||||
break;
|
||||
case "center":
|
||||
css.left = 0;
|
||||
css.right = 0;
|
||||
break;
|
||||
}
|
||||
this.$ele.css(css).addClass(this.settings.animate.enter);
|
||||
$.each(Array('webkit-', 'moz-', 'o-', 'ms-', ''), function (index, prefix) {
|
||||
self.$ele[0].style[prefix + 'AnimationIterationCount'] = 1;
|
||||
});
|
||||
|
||||
$(this.settings.element).append(this.$ele);
|
||||
|
||||
if (this.settings.newest_on_top === true) {
|
||||
offsetAmt = (parseInt(offsetAmt) + parseInt(this.settings.spacing)) + this.$ele.outerHeight();
|
||||
this.reposition(offsetAmt);
|
||||
}
|
||||
|
||||
if ($.isFunction(self.settings.onShow)) {
|
||||
self.settings.onShow.call(this.$ele);
|
||||
}
|
||||
|
||||
this.$ele.one(this.animations.start, function () {
|
||||
hasAnimation = true;
|
||||
}).one(this.animations.end, function () {
|
||||
if ($.isFunction(self.settings.onShown)) {
|
||||
self.settings.onShown.call(this);
|
||||
}
|
||||
});
|
||||
|
||||
setTimeout(function () {
|
||||
if (!hasAnimation) {
|
||||
if ($.isFunction(self.settings.onShown)) {
|
||||
self.settings.onShown.call(this);
|
||||
}
|
||||
}
|
||||
}, 600);
|
||||
},
|
||||
bind: function () {
|
||||
var self = this;
|
||||
|
||||
this.$ele.find('[data-notify="dismiss"]').on('click', function () {
|
||||
self.close();
|
||||
});
|
||||
|
||||
this.$ele.mouseover(function () {
|
||||
$(this).data('data-hover', "true");
|
||||
}).mouseout(function () {
|
||||
$(this).data('data-hover', "false");
|
||||
});
|
||||
this.$ele.data('data-hover', "false");
|
||||
|
||||
if (this.settings.delay > 0) {
|
||||
self.$ele.data('notify-delay', self.settings.delay);
|
||||
var timer = setInterval(function () {
|
||||
var delay = parseInt(self.$ele.data('notify-delay')) - self.settings.timer;
|
||||
if ((self.$ele.data('data-hover') === 'false' && self.settings.mouse_over === "pause") || self.settings.mouse_over != "pause") {
|
||||
var percent = ((self.settings.delay - delay) / self.settings.delay) * 100;
|
||||
self.$ele.data('notify-delay', delay);
|
||||
self.$ele.find('[data-notify="progressbar"] > div').attr('aria-valuenow', percent).css('width', percent + '%');
|
||||
}
|
||||
if (delay <= -(self.settings.timer)) {
|
||||
clearInterval(timer);
|
||||
self.close();
|
||||
}
|
||||
}, self.settings.timer);
|
||||
}
|
||||
},
|
||||
close: function () {
|
||||
var self = this,
|
||||
posX = parseInt(this.$ele.css(this.settings.placement.from)),
|
||||
hasAnimation = false;
|
||||
|
||||
this.$ele.data('closing', 'true').addClass(this.settings.animate.exit);
|
||||
self.reposition(posX);
|
||||
|
||||
if ($.isFunction(self.settings.onClose)) {
|
||||
self.settings.onClose.call(this.$ele);
|
||||
}
|
||||
|
||||
this.$ele.one(this.animations.start, function () {
|
||||
hasAnimation = true;
|
||||
}).one(this.animations.end, function () {
|
||||
$(this).remove();
|
||||
if ($.isFunction(self.settings.onClosed)) {
|
||||
self.settings.onClosed.call(this);
|
||||
}
|
||||
});
|
||||
|
||||
setTimeout(function () {
|
||||
if (!hasAnimation) {
|
||||
self.$ele.remove();
|
||||
if (self.settings.onClosed) {
|
||||
self.settings.onClosed(self.$ele);
|
||||
}
|
||||
}
|
||||
}, 600);
|
||||
},
|
||||
reposition: function (posX) {
|
||||
var self = this,
|
||||
notifies = '[data-notify-position="' + this.settings.placement.from + '-' + this.settings.placement.align + '"]:not([data-closing="true"])',
|
||||
$elements = this.$ele.nextAll(notifies);
|
||||
if (this.settings.newest_on_top === true) {
|
||||
$elements = this.$ele.prevAll(notifies);
|
||||
}
|
||||
$elements.each(function () {
|
||||
$(this).css(self.settings.placement.from, posX);
|
||||
posX = (parseInt(posX) + parseInt(self.settings.spacing)) + $(this).outerHeight();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
$.notify = function (content, options) {
|
||||
var plugin = new Notify(this, content, options);
|
||||
return plugin.notify;
|
||||
};
|
||||
$.notifyDefaults = function (options) {
|
||||
defaults = $.extend(true, {}, defaults, options);
|
||||
return defaults;
|
||||
};
|
||||
$.notifyClose = function (command) {
|
||||
if (typeof command === "undefined" || command === "all") {
|
||||
$('[data-notify]').find('[data-notify="dismiss"]').trigger('click');
|
||||
} else {
|
||||
$('[data-notify-position="' + command + '"]').find('[data-notify="dismiss"]').trigger('click');
|
||||
}
|
||||
};
|
||||
|
||||
}));
|
||||
7
documentation/js/bootstrap.min.js
vendored
Normal file
7
documentation/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
8
documentation/js/chartist.min.js
vendored
Normal file
8
documentation/js/chartist.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
183
documentation/js/demo.js
Normal file
183
documentation/js/demo.js
Normal file
@ -0,0 +1,183 @@
|
||||
type = ['','info','success','warning','danger'];
|
||||
|
||||
|
||||
demo = {
|
||||
initPickColor: function(){
|
||||
$('.pick-class-label').click(function(){
|
||||
var new_class = $(this).attr('new-class');
|
||||
var old_class = $('#display-buttons').attr('data-class');
|
||||
var display_div = $('#display-buttons');
|
||||
if(display_div.length) {
|
||||
var display_buttons = display_div.find('.btn');
|
||||
display_buttons.removeClass(old_class);
|
||||
display_buttons.addClass(new_class);
|
||||
display_div.attr('data-class', new_class);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
initFormExtendedDatetimepickers: function(){
|
||||
$('.datetimepicker').datetimepicker({
|
||||
icons: {
|
||||
time: "fa fa-clock-o",
|
||||
date: "fa fa-calendar",
|
||||
up: "fa fa-chevron-up",
|
||||
down: "fa fa-chevron-down",
|
||||
previous: 'fa fa-chevron-left',
|
||||
next: 'fa fa-chevron-right',
|
||||
today: 'fa fa-screenshot',
|
||||
clear: 'fa fa-trash',
|
||||
close: 'fa fa-remove'
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
initDocumentationCharts: function(){
|
||||
/* ----------========== Daily Sales Chart initialization For Documentation ==========---------- */
|
||||
|
||||
dataDailySalesChart = {
|
||||
labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
|
||||
series: [
|
||||
[12, 17, 7, 17, 23, 18, 38]
|
||||
]
|
||||
};
|
||||
|
||||
optionsDailySalesChart = {
|
||||
lineSmooth: Chartist.Interpolation.cardinal({
|
||||
tension: 0
|
||||
}),
|
||||
low: 0,
|
||||
high: 50, // creative tim: we recommend you to set the high sa the biggest value + something for a better look
|
||||
chartPadding: { top: 0, right: 0, bottom: 0, left: 0},
|
||||
}
|
||||
|
||||
var dailySalesChart = new Chartist.Line('#dailySalesChart', dataDailySalesChart, optionsDailySalesChart);
|
||||
|
||||
md.startAnimationForLineChart(dailySalesChart);
|
||||
},
|
||||
|
||||
initDashboardPageCharts: function(){
|
||||
|
||||
/* ----------========== Daily Sales Chart initialization ==========---------- */
|
||||
|
||||
dataDailySalesChart = {
|
||||
labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
|
||||
series: [
|
||||
[12, 17, 7, 17, 23, 18, 38]
|
||||
]
|
||||
};
|
||||
|
||||
optionsDailySalesChart = {
|
||||
lineSmooth: Chartist.Interpolation.cardinal({
|
||||
tension: 0
|
||||
}),
|
||||
low: 0,
|
||||
high: 50, // creative tim: we recommend you to set the high sa the biggest value + something for a better look
|
||||
chartPadding: { top: 0, right: 0, bottom: 0, left: 0},
|
||||
}
|
||||
|
||||
var dailySalesChart = new Chartist.Line('#dailySalesChart', dataDailySalesChart, optionsDailySalesChart);
|
||||
|
||||
md.startAnimationForLineChart(dailySalesChart);
|
||||
|
||||
|
||||
|
||||
/* ----------========== Completed Tasks Chart initialization ==========---------- */
|
||||
|
||||
dataCompletedTasksChart = {
|
||||
labels: ['12am', '3pm', '6pm', '9pm', '12pm', '3am', '6am', '9am'],
|
||||
series: [
|
||||
[230, 750, 450, 300, 280, 240, 200, 190]
|
||||
]
|
||||
};
|
||||
|
||||
optionsCompletedTasksChart = {
|
||||
lineSmooth: Chartist.Interpolation.cardinal({
|
||||
tension: 0
|
||||
}),
|
||||
low: 0,
|
||||
high: 1000, // creative tim: we recommend you to set the high sa the biggest value + something for a better look
|
||||
chartPadding: { top: 0, right: 0, bottom: 0, left: 0}
|
||||
}
|
||||
|
||||
var completedTasksChart = new Chartist.Line('#completedTasksChart', dataCompletedTasksChart, optionsCompletedTasksChart);
|
||||
|
||||
// start animation for the Completed Tasks Chart - Line Chart
|
||||
md.startAnimationForLineChart(completedTasksChart);
|
||||
|
||||
|
||||
|
||||
/* ----------========== Emails Subscription Chart initialization ==========---------- */
|
||||
|
||||
var dataEmailsSubscriptionChart = {
|
||||
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
||||
series: [
|
||||
[542, 443, 320, 780, 553, 453, 326, 434, 568, 610, 756, 895]
|
||||
|
||||
]
|
||||
};
|
||||
var optionsEmailsSubscriptionChart = {
|
||||
axisX: {
|
||||
showGrid: false
|
||||
},
|
||||
low: 0,
|
||||
high: 1000,
|
||||
chartPadding: { top: 0, right: 5, bottom: 0, left: 0}
|
||||
};
|
||||
var responsiveOptions = [
|
||||
['screen and (max-width: 640px)', {
|
||||
seriesBarDistance: 5,
|
||||
axisX: {
|
||||
labelInterpolationFnc: function (value) {
|
||||
return value[0];
|
||||
}
|
||||
}
|
||||
}]
|
||||
];
|
||||
var emailsSubscriptionChart = Chartist.Bar('#emailsSubscriptionChart', dataEmailsSubscriptionChart, optionsEmailsSubscriptionChart, responsiveOptions);
|
||||
|
||||
//start animation for the Emails Subscription Chart
|
||||
md.startAnimationForBarChart(emailsSubscriptionChart);
|
||||
|
||||
},
|
||||
|
||||
initGoogleMaps: function(){
|
||||
var myLatlng = new google.maps.LatLng(40.748817, -73.985428);
|
||||
var mapOptions = {
|
||||
zoom: 13,
|
||||
center: myLatlng,
|
||||
scrollwheel: false, //we disable de scroll over the map, it is a really annoing when you scroll through page
|
||||
styles: [{"featureType":"water","stylers":[{"saturation":43},{"lightness":-11},{"hue":"#0088ff"}]},{"featureType":"road","elementType":"geometry.fill","stylers":[{"hue":"#ff0000"},{"saturation":-100},{"lightness":99}]},{"featureType":"road","elementType":"geometry.stroke","stylers":[{"color":"#808080"},{"lightness":54}]},{"featureType":"landscape.man_made","elementType":"geometry.fill","stylers":[{"color":"#ece2d9"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#ccdca1"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"color":"#767676"}]},{"featureType":"road","elementType":"labels.text.stroke","stylers":[{"color":"#ffffff"}]},{"featureType":"poi","stylers":[{"visibility":"off"}]},{"featureType":"landscape.natural","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#b8cb93"}]},{"featureType":"poi.park","stylers":[{"visibility":"on"}]},{"featureType":"poi.sports_complex","stylers":[{"visibility":"on"}]},{"featureType":"poi.medical","stylers":[{"visibility":"on"}]},{"featureType":"poi.business","stylers":[{"visibility":"simplified"}]}]
|
||||
|
||||
}
|
||||
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
|
||||
|
||||
var marker = new google.maps.Marker({
|
||||
position: myLatlng,
|
||||
title:"Hello World!"
|
||||
});
|
||||
|
||||
// To add the marker to the map, call setMap();
|
||||
marker.setMap(map);
|
||||
},
|
||||
|
||||
showNotification: function(from, align){
|
||||
color = Math.floor((Math.random() * 4) + 1);
|
||||
|
||||
$.notify({
|
||||
icon: "notifications",
|
||||
message: "Welcome to <b>Material Dashboard</b> - a beautiful freebie for every web developer."
|
||||
|
||||
},{
|
||||
type: type[color],
|
||||
timer: 4000,
|
||||
placement: {
|
||||
from: from,
|
||||
align: align
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
203
documentation/js/initMenu.js
Normal file
203
documentation/js/initMenu.js
Normal file
@ -0,0 +1,203 @@
|
||||
var mobile_menu_visible = 0,
|
||||
mobile_menu_initialized = false,
|
||||
toggle_initialized = false,
|
||||
bootstrap_nav_initialized = false;
|
||||
|
||||
$(document).ready(function(){
|
||||
$sidebar = $('.sidebar');
|
||||
|
||||
window_width = $(window).width();
|
||||
mda.initSidebarCheck();
|
||||
});
|
||||
|
||||
$(window).resize(function(){
|
||||
mda.initSidebarCheck();
|
||||
|
||||
});
|
||||
mda = {
|
||||
initSidebarCheck: function(){
|
||||
if($(window).width() <= 991){
|
||||
if($sidebar.length != 0){
|
||||
mda.initRightMenu();
|
||||
} else{
|
||||
mda.initBootstrapNavbarMenu();
|
||||
}
|
||||
}
|
||||
},
|
||||
initRightMenu: debounce(function(){
|
||||
$sidebar_wrapper = $('.sidebar-wrapper');
|
||||
|
||||
if(!mobile_menu_initialized){
|
||||
|
||||
$navbar = $('nav').find('.navbar-collapse').first().clone(true);
|
||||
|
||||
nav_content = '';
|
||||
mobile_menu_content = '';
|
||||
|
||||
$navbar.children('ul').each(function(){
|
||||
|
||||
content_buff = $(this).html();
|
||||
nav_content = nav_content + content_buff;
|
||||
});
|
||||
|
||||
nav_content = '<ul class="nav nav-mobile-menu">' + nav_content + '</ul>';
|
||||
|
||||
$navbar_form = $('nav').find('.navbar-form').clone(true);
|
||||
|
||||
$sidebar_nav = $sidebar_wrapper.find('.nav-container');
|
||||
|
||||
// insert the navbar form before the sidebar list
|
||||
$nav_content = $(nav_content);
|
||||
$nav_content.insertBefore($sidebar_nav);
|
||||
$navbar_form.insertBefore($nav_content);
|
||||
|
||||
|
||||
$(".sidebar-wrapper .dropdown .dropdown-menu > li > a").click(function(event) {
|
||||
event.stopPropagation();
|
||||
|
||||
});
|
||||
mobile_menu_initialized = true;
|
||||
|
||||
} else {
|
||||
if($(window).width() > 991){
|
||||
// reset all the additions that we made for the sidebar wrapper only if the screen is bigger than 991px
|
||||
$sidebar_wrapper.find('.navbar-form').remove();
|
||||
$sidebar_wrapper.find('.nav-mobile-menu').remove();
|
||||
mobile_menu_initialized = false;
|
||||
}
|
||||
}
|
||||
|
||||
if(!toggle_initialized){
|
||||
$toggle = $('.navbar-toggle');
|
||||
|
||||
$toggle.click(function (){
|
||||
|
||||
if(mobile_menu_visible == 1) {
|
||||
$('html').removeClass('nav-open');
|
||||
|
||||
$('.close-layer').remove();
|
||||
setTimeout(function(){
|
||||
$toggle.removeClass('toggled');
|
||||
}, 400);
|
||||
|
||||
mobile_menu_visible = 0;;
|
||||
} else {
|
||||
setTimeout(function(){
|
||||
$toggle.addClass('toggled');
|
||||
}, 430);
|
||||
|
||||
|
||||
$layer = $('<div class="close-layer"></div>');
|
||||
$layer.appendTo(".wrapper");
|
||||
|
||||
setTimeout(function(){
|
||||
$layer.addClass('visible');
|
||||
}, 100);
|
||||
|
||||
$layer.click(function() {
|
||||
$('html').removeClass('nav-open');
|
||||
mobile_menu_visible = 0;
|
||||
|
||||
$layer.removeClass('visible');
|
||||
|
||||
setTimeout(function(){
|
||||
$layer.remove();
|
||||
$toggle.removeClass('toggled');
|
||||
|
||||
}, 400);
|
||||
});
|
||||
|
||||
$('html').addClass('nav-open');
|
||||
mobile_menu_visible = 1;
|
||||
}
|
||||
});
|
||||
toggle_initialized = true;
|
||||
}
|
||||
},200),
|
||||
|
||||
|
||||
initBootstrapNavbarMenu: debounce(function(){
|
||||
if(!bootstrap_nav_initialized){
|
||||
$navbar = $('nav').find('.navbar-collapse').first().clone(true);
|
||||
|
||||
nav_content = '';
|
||||
mobile_menu_content = '';
|
||||
//add the content from the regular header to the mobile menu
|
||||
$navbar.children('ul').each(function(){
|
||||
content_buff = $(this).html();
|
||||
nav_content = nav_content + content_buff;
|
||||
});
|
||||
|
||||
nav_content = '<ul class="nav nav-mobile-menu">' + nav_content + '</ul>';
|
||||
$navbar.html(nav_content);
|
||||
$navbar.addClass('bootstrap-navbar');
|
||||
|
||||
// append it to the body, so it will come from the right side of the screen
|
||||
$('body').append($navbar);
|
||||
$toggle = $('.navbar-toggle');
|
||||
$navbar.find('a').removeClass('btn btn-round btn-default');
|
||||
$navbar.find('button').removeClass('btn-round btn-fill btn-info btn-primary btn-success btn-danger btn-warning btn-neutral');
|
||||
$navbar.find('button').addClass('btn-simple btn-block');
|
||||
|
||||
$toggle.click(function (){
|
||||
if(mobile_menu_visible == 1) {
|
||||
$('html').removeClass('nav-open');
|
||||
$('.close-layer').remove();
|
||||
|
||||
setTimeout(function(){
|
||||
$toggle.removeClass('toggled');
|
||||
}, 400);
|
||||
mobile_menu_visible = 0;
|
||||
} else {
|
||||
setTimeout(function(){
|
||||
$toggle.addClass('toggled');
|
||||
}, 430);
|
||||
|
||||
$layer = $('<div class="close-layer"></div>');
|
||||
$layer.appendTo(".wrapper-full-page");
|
||||
|
||||
setTimeout(function(){
|
||||
$layer.addClass('visible');
|
||||
}, 100);
|
||||
|
||||
$layer.click(function() {
|
||||
$('html').removeClass('nav-open');
|
||||
|
||||
mobile_menu_visible = 0;
|
||||
$layer.removeClass('visible');
|
||||
|
||||
setTimeout(function(){
|
||||
$layer.remove();
|
||||
$toggle.removeClass('toggled');
|
||||
}, 400);
|
||||
});
|
||||
|
||||
$('html').addClass('nav-open');
|
||||
mobile_menu_visible = 1;
|
||||
}
|
||||
});
|
||||
|
||||
bootstrap_nav_initialized = true;
|
||||
}
|
||||
}, 500),
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Returns a function, that, as long as it continues to be invoked, will not
|
||||
// be triggered. The function will be called after it stops being called for
|
||||
// N milliseconds. If `immediate` is passed, trigger the function on the
|
||||
// leading edge, instead of the trailing.
|
||||
|
||||
function debounce(func, wait, immediate) {
|
||||
var timeout;
|
||||
return function() {
|
||||
var context = this, args = arguments;
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(function() {
|
||||
timeout = null;
|
||||
if (!immediate) func.apply(context, args);
|
||||
}, wait);
|
||||
if (immediate && !timeout) func.apply(context, args);
|
||||
};
|
||||
};
|
||||
4
documentation/js/jquery-3.2.1.min.js
vendored
Normal file
4
documentation/js/jquery-3.2.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
146
documentation/js/material-dashboard.js
Normal file
146
documentation/js/material-dashboard.js
Normal file
@ -0,0 +1,146 @@
|
||||
/*!
|
||||
|
||||
=========================================================
|
||||
* Material Dashboard Angular 2 - V1.2.0
|
||||
=========================================================
|
||||
|
||||
* Product Page: https://www.creative-tim.com/product/material-dashboard-angular2
|
||||
* Copyright 2017 Creative Tim (https://www.creative-tim.com)
|
||||
* Licensed under MIT (https://github.com/creativetimofficial/material-dashboard-angular/blob/master/LICENSE.md)
|
||||
|
||||
=========================================================
|
||||
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
*/
|
||||
|
||||
|
||||
var searchVisible = 0;
|
||||
var transparent = true;
|
||||
|
||||
var transparentDemo = true;
|
||||
var fixedTop = false;
|
||||
|
||||
var seq = 0, delays = 80, durations = 500;
|
||||
var seq2 = 0, delays2 = 80, durations2 = 500;
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
$sidebar = $('.sidebar');
|
||||
|
||||
$.material.init();
|
||||
|
||||
window_width = $(window).width();
|
||||
// check if there is an image set for the sidebar's background
|
||||
// Activate the tooltips
|
||||
$('[rel="tooltip"]').tooltip();
|
||||
|
||||
|
||||
$('.form-control').on("focus", function(){
|
||||
$(this).parent('.input-group').addClass("input-group-focus");
|
||||
}).on("blur", function(){
|
||||
$(this).parent(".input-group").removeClass("input-group-focus");
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
// activate collapse right menu when the windows is resized
|
||||
$(window).resize(function(){
|
||||
// reset the seq for charts drawing animations
|
||||
seq = seq2 = 0;
|
||||
|
||||
});
|
||||
|
||||
md = {
|
||||
misc:{
|
||||
navbar_menu_visible: 0,
|
||||
active_collapse: true,
|
||||
disabled_collapse_init: 0,
|
||||
},
|
||||
|
||||
|
||||
checkScrollForTransparentNavbar: debounce(function() {
|
||||
if($(document).scrollTop() > 381 ) {
|
||||
if(transparent) {
|
||||
transparent = false;
|
||||
$('.navbar-color-on-scroll').removeClass('navbar-transparent');
|
||||
$('.navbar-title').removeClass('hidden');
|
||||
}
|
||||
} else {
|
||||
if( !transparent ) {
|
||||
transparent = true;
|
||||
$('.navbar-color-on-scroll').addClass('navbar-transparent');
|
||||
$('.navbar-title').addClass('hidden');
|
||||
}
|
||||
}
|
||||
}, 17),
|
||||
|
||||
|
||||
startAnimationForLineChart: function(chart){
|
||||
|
||||
chart.on('draw', function(data) {
|
||||
if(data.type === 'line' || data.type === 'area') {
|
||||
data.element.animate({
|
||||
d: {
|
||||
begin: 600,
|
||||
dur: 700,
|
||||
from: data.path.clone().scale(1, 0).translate(0, data.chartRect.height()).stringify(),
|
||||
to: data.path.clone().stringify(),
|
||||
easing: Chartist.Svg.Easing.easeOutQuint
|
||||
}
|
||||
});
|
||||
} else if(data.type === 'point') {
|
||||
seq++;
|
||||
data.element.animate({
|
||||
opacity: {
|
||||
begin: seq * delays,
|
||||
dur: durations,
|
||||
from: 0,
|
||||
to: 1,
|
||||
easing: 'ease'
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
seq = 0;
|
||||
},
|
||||
startAnimationForBarChart: function(chart){
|
||||
|
||||
chart.on('draw', function(data) {
|
||||
if(data.type === 'bar'){
|
||||
seq2++;
|
||||
data.element.animate({
|
||||
opacity: {
|
||||
begin: seq2 * delays2,
|
||||
dur: durations2,
|
||||
from: 0,
|
||||
to: 1,
|
||||
easing: 'ease'
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
seq2 = 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Returns a function, that, as long as it continues to be invoked, will not
|
||||
// be triggered. The function will be called after it stops being called for
|
||||
// N milliseconds. If `immediate` is passed, trigger the function on the
|
||||
// leading edge, instead of the trailing.
|
||||
|
||||
function debounce(func, wait, immediate) {
|
||||
var timeout;
|
||||
return function() {
|
||||
var context = this, args = arguments;
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(function() {
|
||||
timeout = null;
|
||||
if (!immediate) func.apply(context, args);
|
||||
}, wait);
|
||||
if (immediate && !timeout) func.apply(context, args);
|
||||
};
|
||||
};
|
||||
1
documentation/js/material.min.js
vendored
Normal file
1
documentation/js/material.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
154
documentation/tutorial-components.html
Normal file
154
documentation/tutorial-components.html
Normal file
@ -0,0 +1,154 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="../src/assets/img/apple-icon.png" />
|
||||
<link rel="icon" type="image/png" href="../src/assets/img/favicon.png" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<title>Material Dashboard Angular by Creative Tim</title>
|
||||
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
|
||||
<!-- Material Dashboard CSS -->
|
||||
<link href="css/material-dashboard.css" rel="stylesheet" />
|
||||
<!-- CSS for Demo Purpose, don't include it in your project -->
|
||||
<!-- Fonts and icons -->
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" />
|
||||
<link href="css/demo-documentation.css" rel="stylesheet" />
|
||||
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
|
||||
<style>
|
||||
pre.prettyprint {
|
||||
background-color: #eee;
|
||||
border: 0px;
|
||||
margin-bottom: 60px;
|
||||
margin-top: 30px;
|
||||
padding: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.atv,
|
||||
.str {
|
||||
color: #05AE0E;
|
||||
}
|
||||
|
||||
.tag,
|
||||
.pln,
|
||||
.kwd {
|
||||
color: #3472F7;
|
||||
}
|
||||
|
||||
.atn {
|
||||
color: #2C93FF;
|
||||
}
|
||||
|
||||
.pln {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.com {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.space-top {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.area-line {
|
||||
border: 1px solid #999;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
color: #666;
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
padding: 8px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.area-line a {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.container-fluid {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
</style>
|
||||
<!-- Fonts and icons -->
|
||||
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" />
|
||||
</head>
|
||||
|
||||
<body class="offline-doc index-page">
|
||||
<nav class="navbar navbar-color-on-scroll navbar-transparent fixed-top navbar-expand-lg " color-on-scroll="100" id="sectionsNav">
|
||||
|
||||
<div class="container">
|
||||
<div class="navbar-translate">
|
||||
<a class="navbar-brand">Material Dashboard Angular - Docs </a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="collapse navbar-collapse">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://github.com/creativetimofficial/material-dashboard-angular2/issues">Have an issue?</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="page-header header-filter clear-filter" style="background-image: url('../src/assets/img/cover.jpeg'); background-size: cover">
|
||||
<div class="container">
|
||||
<div class="col-md-8 ml-auto mr-auto">
|
||||
<div class="brand">
|
||||
<h1>Material Dashboard Angular
|
||||
</h1>
|
||||
|
||||
<h3 class="title">Documentation v2.2.0</h3>
|
||||
<br/>
|
||||
<a href="https://demos.creative-tim.com/material-dashboard-angular2/documentation/tutorial" class="btn btn-white btn-round">View documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<footer class="footer ">
|
||||
<div class="container">
|
||||
<nav class="pull-left">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.creative-tim.com">
|
||||
Creative Tim
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://presentation.creative-tim.com">
|
||||
About Us
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://blog.creative-tim.com">
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.creative-tim.com/license">
|
||||
Licenses
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="copyright pull-right">
|
||||
© <script>document.write(new Date().getFullYear())</script>, made with <i class="material-icons">favorite</i> by <a href="https://www.creative-tim.com" target="_blank">Creative Tim</a> for a better web.
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user