Laravel version update
Laravel version update
This commit is contained in:
Manish Verma
1
vendor/unisharp/laravel-filemanager/public/css/dropzone.min.css
vendored
Normal file
1
vendor/unisharp/laravel-filemanager/public/css/dropzone.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -1,58 +1,149 @@
|
||||
html, body {
|
||||
height: 100%;
|
||||
@media screen and (max-width: 768px) {
|
||||
#main {
|
||||
padding: 0px;
|
||||
}
|
||||
#nav {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
#content > .row {
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.img-row {
|
||||
overflow: visible;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.container {
|
||||
height: 100%;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
width: 99%;
|
||||
}
|
||||
|
||||
.fill {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#lfm-leftcol {
|
||||
min-height: 80%;
|
||||
}
|
||||
|
||||
#right-nav {
|
||||
@media screen and (min-width: 768px) {
|
||||
#main {
|
||||
border-left: 1px solid silver;
|
||||
height: 90%;
|
||||
min-height: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
#content {
|
||||
overflow: auto;
|
||||
#wrapper {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
#tree1 {
|
||||
margin-left: 5px;
|
||||
#wrapper > .panel {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
#wrapper > .panel > .panel-heading {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#wrapper > .panel > .panel-heading > .panel-title {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
#wrapper > .row {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#fab a:hover, #fab a:focus{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.item_name {
|
||||
width: 120px;
|
||||
overflow:hidden;
|
||||
white-space:nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.img-preview {
|
||||
background-color: #f7f7f7;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
height: 200px;
|
||||
background-color: #f7f7f7;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.square {
|
||||
width: 100%;
|
||||
padding-bottom: 100%;
|
||||
position: relative;
|
||||
border: 1px solid rgb(221, 221, 221);
|
||||
border-radius: 3px;
|
||||
// max-width: 210px;
|
||||
max-height: 210px;
|
||||
}
|
||||
.visible-xs .square {
|
||||
width: 60px;
|
||||
}
|
||||
.square > img {
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
margin: 0 auto;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.square > i {
|
||||
font-size: 80px;
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
top: calc(50% - 40px);
|
||||
left: calc(50% - 40px);
|
||||
}
|
||||
.visible-xs .square > i {
|
||||
font-size: 50px;
|
||||
padding: 0px auto;
|
||||
padding-top: 5px;
|
||||
top: calc(50% - 25px);
|
||||
left: calc(50% - 25px);
|
||||
}
|
||||
|
||||
.caption {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.caption > .btn-group {
|
||||
width: 100%;
|
||||
}
|
||||
.caption > .btn-group > .item_name {
|
||||
width: calc(100% - 25px);
|
||||
}
|
||||
.caption > .btn-group > .dropdown-toggle {
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
#lfm-loader{
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: gray;
|
||||
opacity: 0.7;
|
||||
z-index: 9999;
|
||||
text-align: center;
|
||||
}
|
||||
#lfm-loader:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
height: 100%;
|
||||
}
|
||||
#lfm-loader img{
|
||||
width: 100px;
|
||||
margin: 0 auto;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.table-list-view{
|
||||
margin-bottom: 120px;
|
||||
}
|
||||
.table-list-view .actions{
|
||||
text-align: right;
|
||||
}
|
||||
.table-list-view .actions a:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
671
vendor/unisharp/laravel-filemanager/public/css/mfb.css
vendored
Normal file
671
vendor/unisharp/laravel-filemanager/public/css/mfb.css
vendored
Normal file
@@ -0,0 +1,671 @@
|
||||
/**
|
||||
* CONTENTS
|
||||
*
|
||||
* #Introduction........Naming conventions used throughout the code.
|
||||
*
|
||||
* #SETTINGS
|
||||
* Variables............Globally-available variables and config.
|
||||
*
|
||||
* #TOOLS
|
||||
* Mixins...............Useful mixins.
|
||||
*
|
||||
* #GENERIC
|
||||
* Demo styles..........Styles for demo only (consider removing these).
|
||||
*
|
||||
* #BASE
|
||||
* Raw styles...........The very basic component wrapper.
|
||||
* Modifiers............The basic styles dependant on component placement.
|
||||
* Debuggers............The basic styles dependant on component placement.
|
||||
*
|
||||
* #BUTTONS
|
||||
* Base..................Wrapping and constraining every button.
|
||||
* Modifiers.............Styles that depends on state and settings.
|
||||
* Animations............Main animations of the component.
|
||||
* Debuggers.............Styles for development.
|
||||
*
|
||||
* #LABELS
|
||||
* Base..................Wrapping and constraining every label.
|
||||
* Modifiers.............Styles that depends on state and settings.
|
||||
* Debuggers.............Styles for development.
|
||||
*
|
||||
* #DEVELOPMENT
|
||||
* In development........These styles are in development and not yet finalised
|
||||
* Debuggers.............Helper styles and flags for development.
|
||||
*/
|
||||
/*------------------------------------*\
|
||||
#Introduction
|
||||
\*------------------------------------*/
|
||||
/**
|
||||
* The code AND the comments use naming conventions to refer to each part of
|
||||
* the UI put in place by this component. If you see that somewhere they are
|
||||
* not followed please consider a Pull Request. The naming conventions are:
|
||||
*
|
||||
* "Component" : the widget itself as a whole. This is the last time it will be
|
||||
* called anything different than "component". So, stay away from
|
||||
* "widget", "button" or anything else when referring to the
|
||||
* Component in general.
|
||||
*
|
||||
* "Main Button" : the button that is always in view. Hovering or clicking on it
|
||||
* will reveal the child buttons.
|
||||
*
|
||||
* "Child buttons" : if you've read the previous point you know what they are.
|
||||
* Did you read the previous point? :)
|
||||
*
|
||||
* "Label(s)" : the tooltip that fades in when hovering over a button.
|
||||
|
||||
/*------------------------------------*\
|
||||
#SETTINGS | Variables
|
||||
\*------------------------------------*/
|
||||
/**
|
||||
* These variables are the default styles that serve as fallback and can be
|
||||
* easily customised at compile time.
|
||||
* Consider overriding them in your own style sheets rather than editing them
|
||||
* here. Refer to the docs for more info.
|
||||
*/
|
||||
/* COLORS ----------------------------*/
|
||||
/* EFFECTS ---------------------------*/
|
||||
/* SPEEDS ----------------------------*/
|
||||
/* SIZES -----------------------------*/
|
||||
/* SPACING ---------------------------*/
|
||||
/* OTHER VARIABLES -------------------*/
|
||||
/*------------------------------------*\
|
||||
#BASE | Raw styles
|
||||
\*------------------------------------*/
|
||||
/**
|
||||
* The very core styling of the button.
|
||||
* These styles are shared by every instance of the button.
|
||||
* Styles placed here should NOT care about placement in the screen,
|
||||
* options chosen by the user or state of the button.
|
||||
*/
|
||||
.mfb-component--tl, .mfb-component--tr, .mfb-component--bl, .mfb-component--br {
|
||||
box-sizing: border-box;
|
||||
margin: 25px;
|
||||
position: fixed;
|
||||
white-space: nowrap;
|
||||
z-index: 30;
|
||||
padding-left: 0;
|
||||
list-style: none; }
|
||||
.mfb-component--tl *, .mfb-component--tr *, .mfb-component--bl *, .mfb-component--br *, .mfb-component--tl *:before, .mfb-component--tr *:before, .mfb-component--bl *:before, .mfb-component--br *:before, .mfb-component--tl *:after, .mfb-component--tr *:after, .mfb-component--bl *:after, .mfb-component--br *:after {
|
||||
box-sizing: inherit; }
|
||||
|
||||
/*------------------------------------*\
|
||||
#BASE | Modifiers
|
||||
\*------------------------------------*/
|
||||
/**
|
||||
* These styles depends on the placement of the button.
|
||||
* Styles can be:
|
||||
* 1. Top-left: modified by the " --tl " suffix.
|
||||
* 2. Top-right: modified by the " --tr " suffix.
|
||||
* 3. Bottom-left: modified by the " --bl " suffix.
|
||||
* 4. Bottom-right: modified by the " --br " suffix.
|
||||
*/
|
||||
.mfb-component--tl {
|
||||
left: 0;
|
||||
top: 0; }
|
||||
|
||||
.mfb-component--tr {
|
||||
right: 0;
|
||||
top: 0; }
|
||||
|
||||
.mfb-component--bl {
|
||||
left: 0;
|
||||
bottom: 0; }
|
||||
|
||||
.mfb-component--br {
|
||||
right: 0;
|
||||
bottom: 0; }
|
||||
|
||||
/*------------------------------------*\
|
||||
#BUTTONS | Base
|
||||
\*------------------------------------*/
|
||||
.mfb-component__button--main, .mfb-component__button--child {
|
||||
background-color: #75C7C3;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
-webkit-user-drag: none;
|
||||
color: #f1f1f1; }
|
||||
|
||||
/**
|
||||
* This is the unordered list for the list items that contain
|
||||
* the child buttons.
|
||||
*
|
||||
*/
|
||||
.mfb-component__list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
.mfb-component__list > li {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 1px;
|
||||
padding: 10px 0;
|
||||
margin: -10px 0; }
|
||||
|
||||
/**
|
||||
* These are the basic styles for all the icons inside the main button
|
||||
*/
|
||||
.mfb-component__icon, .mfb-component__main-icon--active,
|
||||
.mfb-component__main-icon--resting, .mfb-component__child-icon {
|
||||
position: absolute;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
line-height: 56px;
|
||||
width: 100%; }
|
||||
|
||||
.mfb-component__wrap {
|
||||
padding: 25px;
|
||||
margin: -25px; }
|
||||
|
||||
[data-mfb-toggle="hover"]:hover .mfb-component__icon, [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active,
|
||||
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting, [data-mfb-toggle="hover"]:hover .mfb-component__child-icon,
|
||||
[data-mfb-state="open"] .mfb-component__icon,
|
||||
[data-mfb-state="open"] .mfb-component__main-icon--active,
|
||||
[data-mfb-state="open"] .mfb-component__main-icon--resting,
|
||||
[data-mfb-state="open"] .mfb-component__child-icon {
|
||||
-webkit-transform: scale(1) rotate(0deg);
|
||||
transform: scale(1) rotate(0deg); }
|
||||
|
||||
/*------------------------------------*\
|
||||
#BUTTONS | Modifiers
|
||||
\*------------------------------------*/
|
||||
.mfb-component__button--main {
|
||||
height: 56px;
|
||||
width: 56px;
|
||||
z-index: 20; }
|
||||
|
||||
.mfb-component__button--child {
|
||||
height: 56px;
|
||||
width: 56px; }
|
||||
|
||||
.mfb-component__main-icon--active,
|
||||
.mfb-component__main-icon--resting {
|
||||
-webkit-transform: scale(1) rotate(360deg);
|
||||
transform: scale(1) rotate(360deg);
|
||||
-webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1);
|
||||
transition: transform 150ms cubic-bezier(0.4, 0, 1, 1); }
|
||||
|
||||
.mfb-component__child-icon,
|
||||
.mfb-component__child-icon {
|
||||
line-height: 56px;
|
||||
font-size: 18px; }
|
||||
|
||||
.mfb-component__main-icon--active {
|
||||
opacity: 0; }
|
||||
|
||||
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon,
|
||||
[data-mfb-state="open"] .mfb-component__main-icon {
|
||||
-webkit-transform: scale(1) rotate(0deg);
|
||||
transform: scale(1) rotate(0deg); }
|
||||
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting,
|
||||
[data-mfb-state="open"] .mfb-component__main-icon--resting {
|
||||
opacity: 0;
|
||||
position: absolute !important; }
|
||||
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active,
|
||||
[data-mfb-state="open"] .mfb-component__main-icon--active {
|
||||
opacity: 1; }
|
||||
|
||||
/*------------------------------------*\
|
||||
#BUTTONS | Animations
|
||||
\*------------------------------------*/
|
||||
/**
|
||||
* SLIDE IN + FADE
|
||||
* When hovering the main button, the child buttons slide out from beneath
|
||||
* the main button while transitioning from transparent to opaque.
|
||||
*
|
||||
*/
|
||||
.mfb-component--tl.mfb-slidein .mfb-component__list li,
|
||||
.mfb-component--tr.mfb-slidein .mfb-component__list li {
|
||||
opacity: 0;
|
||||
transition: all 0.5s; }
|
||||
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li,
|
||||
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li,
|
||||
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li {
|
||||
opacity: 1; }
|
||||
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
|
||||
-webkit-transform: translateY(70px);
|
||||
transform: translateY(70px); }
|
||||
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
|
||||
-webkit-transform: translateY(140px);
|
||||
transform: translateY(140px); }
|
||||
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
|
||||
-webkit-transform: translateY(210px);
|
||||
transform: translateY(210px); }
|
||||
.mfb-component--tl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--tr.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--tr.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
|
||||
-webkit-transform: translateY(280px);
|
||||
transform: translateY(280px); }
|
||||
|
||||
.mfb-component--bl.mfb-slidein .mfb-component__list li,
|
||||
.mfb-component--br.mfb-slidein .mfb-component__list li {
|
||||
opacity: 0;
|
||||
transition: all 0.5s; }
|
||||
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li,
|
||||
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li,
|
||||
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li {
|
||||
opacity: 1; }
|
||||
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
|
||||
-webkit-transform: translateY(-70px);
|
||||
transform: translateY(-70px); }
|
||||
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
|
||||
-webkit-transform: translateY(-140px);
|
||||
transform: translateY(-140px); }
|
||||
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
|
||||
-webkit-transform: translateY(-210px);
|
||||
transform: translateY(-210px); }
|
||||
.mfb-component--bl.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
|
||||
-webkit-transform: translateY(-280px);
|
||||
transform: translateY(-280px); }
|
||||
|
||||
/**
|
||||
* SLIDE IN SPRING
|
||||
* Same as slide-in but with a springy animation.
|
||||
*
|
||||
*/
|
||||
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li,
|
||||
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li {
|
||||
opacity: 0;
|
||||
transition: all 0.5s;
|
||||
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
|
||||
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(1) {
|
||||
transition-delay: 0.05s; }
|
||||
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(2) {
|
||||
transition-delay: 0.1s; }
|
||||
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(3) {
|
||||
transition-delay: 0.15s; }
|
||||
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(4) {
|
||||
transition-delay: 0.2s; }
|
||||
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li,
|
||||
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li,
|
||||
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li {
|
||||
opacity: 1; }
|
||||
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
|
||||
transition-delay: 0.05s;
|
||||
-webkit-transform: translateY(70px);
|
||||
transform: translateY(70px); }
|
||||
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
|
||||
transition-delay: 0.1s;
|
||||
-webkit-transform: translateY(140px);
|
||||
transform: translateY(140px); }
|
||||
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
|
||||
transition-delay: 0.15s;
|
||||
-webkit-transform: translateY(210px);
|
||||
transform: translateY(210px); }
|
||||
.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
|
||||
transition-delay: 0.2s;
|
||||
-webkit-transform: translateY(280px);
|
||||
transform: translateY(280px); }
|
||||
|
||||
.mfb-component--bl.mfb-slidein-spring .mfb-component__list li,
|
||||
.mfb-component--br.mfb-slidein-spring .mfb-component__list li {
|
||||
opacity: 0;
|
||||
transition: all 0.5s;
|
||||
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
|
||||
.mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(1) {
|
||||
transition-delay: 0.05s; }
|
||||
.mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(2) {
|
||||
transition-delay: 0.1s; }
|
||||
.mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(3) {
|
||||
transition-delay: 0.15s; }
|
||||
.mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(4) {
|
||||
transition-delay: 0.2s; }
|
||||
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li,
|
||||
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li,
|
||||
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li {
|
||||
opacity: 1; }
|
||||
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
|
||||
transition-delay: 0.05s;
|
||||
-webkit-transform: translateY(-70px);
|
||||
transform: translateY(-70px); }
|
||||
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
|
||||
transition-delay: 0.1s;
|
||||
-webkit-transform: translateY(-140px);
|
||||
transform: translateY(-140px); }
|
||||
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
|
||||
transition-delay: 0.15s;
|
||||
-webkit-transform: translateY(-210px);
|
||||
transform: translateY(-210px); }
|
||||
.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
|
||||
transition-delay: 0.2s;
|
||||
-webkit-transform: translateY(-280px);
|
||||
transform: translateY(-280px); }
|
||||
|
||||
/**
|
||||
* ZOOM-IN
|
||||
* When hovering the main button, the child buttons grow
|
||||
* from zero to normal size.
|
||||
*
|
||||
*/
|
||||
.mfb-component--tl.mfb-zoomin .mfb-component__list li,
|
||||
.mfb-component--tr.mfb-zoomin .mfb-component__list li {
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0); }
|
||||
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(1) {
|
||||
-webkit-transform: translateY(70px) scale(0);
|
||||
transform: translateY(70px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0.15s; }
|
||||
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(2) {
|
||||
-webkit-transform: translateY(140px) scale(0);
|
||||
transform: translateY(140px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0.1s; }
|
||||
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(3) {
|
||||
-webkit-transform: translateY(210px) scale(0);
|
||||
transform: translateY(210px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0.05s; }
|
||||
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(4) {
|
||||
-webkit-transform: translateY(280px) scale(0);
|
||||
transform: translateY(280px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0s; }
|
||||
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
|
||||
-webkit-transform: translateY(70px) scale(1);
|
||||
transform: translateY(70px) scale(1);
|
||||
transition-delay: 0.05s; }
|
||||
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
|
||||
-webkit-transform: translateY(140px) scale(1);
|
||||
transform: translateY(140px) scale(1);
|
||||
transition-delay: 0.1s; }
|
||||
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
|
||||
-webkit-transform: translateY(210px) scale(1);
|
||||
transform: translateY(210px) scale(1);
|
||||
transition-delay: 0.15s; }
|
||||
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
|
||||
-webkit-transform: translateY(280px) scale(1);
|
||||
transform: translateY(280px) scale(1);
|
||||
transition-delay: 0.2s; }
|
||||
|
||||
.mfb-component--bl.mfb-zoomin .mfb-component__list li,
|
||||
.mfb-component--br.mfb-zoomin .mfb-component__list li {
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0); }
|
||||
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(1) {
|
||||
-webkit-transform: translateY(-70px) scale(0);
|
||||
transform: translateY(-70px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0.15s; }
|
||||
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(2) {
|
||||
-webkit-transform: translateY(-140px) scale(0);
|
||||
transform: translateY(-140px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0.1s; }
|
||||
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(3) {
|
||||
-webkit-transform: translateY(-210px) scale(0);
|
||||
transform: translateY(-210px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0.05s; }
|
||||
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(4) {
|
||||
-webkit-transform: translateY(-280px) scale(0);
|
||||
transform: translateY(-280px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0s; }
|
||||
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
|
||||
-webkit-transform: translateY(-70px) scale(1);
|
||||
transform: translateY(-70px) scale(1);
|
||||
transition-delay: 0.05s; }
|
||||
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
|
||||
-webkit-transform: translateY(-140px) scale(1);
|
||||
transform: translateY(-140px) scale(1);
|
||||
transition-delay: 0.1s; }
|
||||
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
|
||||
-webkit-transform: translateY(-210px) scale(1);
|
||||
transform: translateY(-210px) scale(1);
|
||||
transition-delay: 0.15s; }
|
||||
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
|
||||
-webkit-transform: translateY(-280px) scale(1);
|
||||
transform: translateY(-280px) scale(1);
|
||||
transition-delay: 0.2s; }
|
||||
|
||||
/**
|
||||
* FOUNTAIN
|
||||
* When hovering the main button the child buttons
|
||||
* jump into view from outside the viewport
|
||||
*/
|
||||
.mfb-component--tl.mfb-fountain .mfb-component__list li,
|
||||
.mfb-component--tr.mfb-fountain .mfb-component__list li {
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0); }
|
||||
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(1) {
|
||||
-webkit-transform: translateY(-70px) scale(0);
|
||||
transform: translateY(-70px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0.15s; }
|
||||
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(2) {
|
||||
-webkit-transform: translateY(-140px) scale(0);
|
||||
transform: translateY(-140px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0.1s; }
|
||||
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(3) {
|
||||
-webkit-transform: translateY(-210px) scale(0);
|
||||
transform: translateY(-210px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0.05s; }
|
||||
.mfb-component--tl.mfb-fountain .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--tr.mfb-fountain .mfb-component__list li:nth-child(4) {
|
||||
-webkit-transform: translateY(-280px) scale(0);
|
||||
transform: translateY(-280px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0s; }
|
||||
.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
|
||||
-webkit-transform: translateY(70px) scale(1);
|
||||
transform: translateY(70px) scale(1);
|
||||
transition-delay: 0.05s; }
|
||||
.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
|
||||
-webkit-transform: translateY(140px) scale(1);
|
||||
transform: translateY(140px) scale(1);
|
||||
transition-delay: 0.1s; }
|
||||
.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
|
||||
-webkit-transform: translateY(210px) scale(1);
|
||||
transform: translateY(210px) scale(1);
|
||||
transition-delay: 0.15s; }
|
||||
.mfb-component--tl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--tr.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--tr.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
|
||||
-webkit-transform: translateY(280px) scale(1);
|
||||
transform: translateY(280px) scale(1);
|
||||
transition-delay: 0.2s; }
|
||||
|
||||
.mfb-component--bl.mfb-fountain .mfb-component__list li,
|
||||
.mfb-component--br.mfb-fountain .mfb-component__list li {
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0); }
|
||||
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(1) {
|
||||
-webkit-transform: translateY(70px) scale(0);
|
||||
transform: translateY(70px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0.15s; }
|
||||
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(2) {
|
||||
-webkit-transform: translateY(140px) scale(0);
|
||||
transform: translateY(140px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0.1s; }
|
||||
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(3) {
|
||||
-webkit-transform: translateY(210px) scale(0);
|
||||
transform: translateY(210px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0.05s; }
|
||||
.mfb-component--bl.mfb-fountain .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--br.mfb-fountain .mfb-component__list li:nth-child(4) {
|
||||
-webkit-transform: translateY(280px) scale(0);
|
||||
transform: translateY(280px) scale(0);
|
||||
transition: all 0.5s;
|
||||
transition-delay: 0s; }
|
||||
.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1),
|
||||
.mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
|
||||
-webkit-transform: translateY(-70px) scale(1);
|
||||
transform: translateY(-70px) scale(1);
|
||||
transition-delay: 0.05s; }
|
||||
.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2),
|
||||
.mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
|
||||
-webkit-transform: translateY(-140px) scale(1);
|
||||
transform: translateY(-140px) scale(1);
|
||||
transition-delay: 0.1s; }
|
||||
.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3),
|
||||
.mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
|
||||
-webkit-transform: translateY(-210px) scale(1);
|
||||
transform: translateY(-210px) scale(1);
|
||||
transition-delay: 0.15s; }
|
||||
.mfb-component--bl.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--br.mfb-fountain[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4),
|
||||
.mfb-component--br.mfb-fountain[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
|
||||
-webkit-transform: translateY(-280px) scale(1);
|
||||
transform: translateY(-280px) scale(1);
|
||||
transition-delay: 0.2s; }
|
||||
|
||||
/*------------------------------------*\
|
||||
#LABELS | base
|
||||
\*------------------------------------*/
|
||||
/**
|
||||
* These are the labels associated to each button,
|
||||
* exposed only when hovering the related button.
|
||||
* They are called labels but are in fact data-attributes of
|
||||
* each button (an anchor tag).
|
||||
*/
|
||||
[data-mfb-label]:after {
|
||||
content: attr(data-mfb-label);
|
||||
opacity: 0;
|
||||
transition: all 0.5s;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
padding: 4px 10px;
|
||||
border-radius: 3px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
pointer-events: none;
|
||||
line-height: normal;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -11px;
|
||||
transition: all 0.5s; }
|
||||
|
||||
[data-mfb-toggle="hover"] [data-mfb-label]:hover:after,
|
||||
[data-mfb-state="open"] [data-mfb-label]:after {
|
||||
content: attr(data-mfb-label);
|
||||
opacity: 1;
|
||||
transition: all 0.3s; }
|
||||
|
||||
/*------------------------------------*\
|
||||
#LABELS | Modifiers
|
||||
\*------------------------------------*/
|
||||
.mfb-component--br [data-mfb-label]:after, .mfb-component--tr [data-mfb-label]:after {
|
||||
content: attr(data-mfb-label);
|
||||
right: 70px; }
|
||||
|
||||
.mfb-component--br .mfb-component__list [data-mfb-label]:after, .mfb-component--tr .mfb-component__list [data-mfb-label]:after {
|
||||
content: attr(data-mfb-label);
|
||||
right: 70px; }
|
||||
|
||||
.mfb-component--tl [data-mfb-label]:after, .mfb-component--bl [data-mfb-label]:after {
|
||||
content: attr(data-mfb-label);
|
||||
left: 70px; }
|
||||
|
||||
.mfb-component--tl .mfb-component__list [data-mfb-label]:after, .mfb-component--bl .mfb-component__list [data-mfb-label]:after {
|
||||
content: attr(data-mfb-label);
|
||||
left: 70px; }
|
||||
|
||||
/*------------------------------------*\
|
||||
#DEVELOPMENT | In development
|
||||
\*------------------------------------*/
|
||||
/**
|
||||
* This part is where unfinished code should stay.
|
||||
* When a feature is ready(sh) move these styles to their proper place.
|
||||
*/
|
||||
/*------------------------------------*\
|
||||
#DEVELOPMENT | Debuggers
|
||||
\*------------------------------------*/
|
||||
/**
|
||||
* These are mainly helpers for development. They do not have to end up
|
||||
* in production but it's handy to keep them when developing.
|
||||
*/
|
||||
/**
|
||||
* Apply this class to the html tag when developing the slide-in button
|
||||
*/
|
||||
|
||||
/*# sourceMappingURL=mfb.css.map */
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 204 KiB After Width: | Height: | Size: 168 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 204 KiB After Width: | Height: | Size: 168 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 5.6 KiB |
33
vendor/unisharp/laravel-filemanager/public/img/loader.svg
vendored
Normal file
33
vendor/unisharp/laravel-filemanager/public/img/loader.svg
vendored
Normal file
@@ -0,0 +1,33 @@
|
||||
<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
|
||||
<svg width="120" height="30" viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg" fill="#fff">
|
||||
<circle cx="15" cy="15" r="15">
|
||||
<animate attributeName="r" from="15" to="15"
|
||||
begin="0s" dur="0.8s"
|
||||
values="15;9;15" calcMode="linear"
|
||||
repeatCount="indefinite" />
|
||||
<animate attributeName="fill-opacity" from="1" to="1"
|
||||
begin="0s" dur="0.8s"
|
||||
values="1;.5;1" calcMode="linear"
|
||||
repeatCount="indefinite" />
|
||||
</circle>
|
||||
<circle cx="60" cy="15" r="9" fill-opacity="0.3">
|
||||
<animate attributeName="r" from="9" to="9"
|
||||
begin="0s" dur="0.8s"
|
||||
values="9;15;9" calcMode="linear"
|
||||
repeatCount="indefinite" />
|
||||
<animate attributeName="fill-opacity" from="0.5" to="0.5"
|
||||
begin="0s" dur="0.8s"
|
||||
values=".5;1;.5" calcMode="linear"
|
||||
repeatCount="indefinite" />
|
||||
</circle>
|
||||
<circle cx="105" cy="15" r="15">
|
||||
<animate attributeName="r" from="15" to="15"
|
||||
begin="0s" dur="0.8s"
|
||||
values="15;9;15" calcMode="linear"
|
||||
repeatCount="indefinite" />
|
||||
<animate attributeName="fill-opacity" from="1" to="1"
|
||||
begin="0s" dur="0.8s"
|
||||
values="1;.5;1" calcMode="linear"
|
||||
repeatCount="indefinite" />
|
||||
</circle>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
2
vendor/unisharp/laravel-filemanager/public/js/dropzone.min.js
vendored
Normal file
2
vendor/unisharp/laravel-filemanager/public/js/dropzone.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -1,33 +1,24 @@
|
||||
(function( $ ){
|
||||
|
||||
$.fn.filemanager = function(type = 'image') {
|
||||
$.fn.filemanager = function(type, options) {
|
||||
type = type || 'file';
|
||||
|
||||
if (type === 'image' || type === 'images') {
|
||||
type = 'Images';
|
||||
} else {
|
||||
type = 'Files';
|
||||
}
|
||||
this.on('click', function(e) {
|
||||
var route_prefix = (options && options.prefix) ? options.prefix : '/laravel-filemanager';
|
||||
localStorage.setItem('target_input', $(this).data('input'));
|
||||
localStorage.setItem('target_preview', $(this).data('preview'));
|
||||
window.open(route_prefix + '?type=' + type, 'FileManager', 'width=900,height=600');
|
||||
window.SetUrl = function (url, file_path) {
|
||||
//set the value of the desired input to image url
|
||||
var target_input = $('#' + localStorage.getItem('target_input'));
|
||||
target_input.val(file_path).trigger('change');
|
||||
|
||||
let input_id = this.data('input');
|
||||
let preview_id = this.data('preview');
|
||||
|
||||
this.on('click', function(e) {
|
||||
localStorage.setItem('target_input', input_id);
|
||||
localStorage.setItem('target_preview', preview_id);
|
||||
window.open('/laravel-filemanager?type=' + type, 'FileManager', 'width=900,height=600');
|
||||
return false;
|
||||
});
|
||||
}
|
||||
//set or change the preview image src
|
||||
var target_preview = $('#' + localStorage.getItem('target_preview'));
|
||||
target_preview.attr('src', url).trigger('change');
|
||||
};
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
})(jQuery);
|
||||
|
||||
|
||||
function SetUrl(url){
|
||||
//set the value of the desired input to image url
|
||||
let target_input = $('#' + localStorage.getItem('target_input'));
|
||||
target_input.val(url);
|
||||
|
||||
//set or change the preview image src
|
||||
let target_preview = $('#' + localStorage.getItem('target_preview'));
|
||||
target_preview.attr('src',url);
|
||||
}
|
||||
|
||||
98
vendor/unisharp/laravel-filemanager/public/js/mfb.js
vendored
Normal file
98
vendor/unisharp/laravel-filemanager/public/js/mfb.js
vendored
Normal file
@@ -0,0 +1,98 @@
|
||||
/**
|
||||
* Material floating button
|
||||
* By: Nobita
|
||||
* Repo and docs: https://github.com/nobitagit/material-floating-button
|
||||
*
|
||||
* License: MIT
|
||||
*/
|
||||
|
||||
// build script hook - don't remove
|
||||
;(function ( window, document, undefined ) {
|
||||
|
||||
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* Some defaults
|
||||
*/
|
||||
var clickOpt = 'click',
|
||||
hoverOpt = 'hover',
|
||||
toggleMethod = 'data-mfb-toggle',
|
||||
menuState = 'data-mfb-state',
|
||||
isOpen = 'open',
|
||||
isClosed = 'closed',
|
||||
mainButtonClass = 'mfb-component__button--main';
|
||||
|
||||
/**
|
||||
* Internal references
|
||||
*/
|
||||
var elemsToClick,
|
||||
elemsToHover,
|
||||
mainButton,
|
||||
target,
|
||||
currentState;
|
||||
|
||||
/**
|
||||
* For every menu we need to get the main button and attach the appropriate evt.
|
||||
*/
|
||||
function attachEvt( elems, evt ){
|
||||
for( var i = 0, len = elems.length; i < len; i++ ){
|
||||
mainButton = elems[i].querySelector('.' + mainButtonClass);
|
||||
mainButton.addEventListener( evt , toggleButton, false);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the hover option, set a click toggle and a default,
|
||||
* initial state of 'closed' to menu that's been targeted.
|
||||
*/
|
||||
function replaceAttrs( elems ){
|
||||
for( var i = 0, len = elems.length; i < len; i++ ){
|
||||
elems[i].setAttribute( toggleMethod, clickOpt );
|
||||
elems[i].setAttribute( menuState, isClosed );
|
||||
}
|
||||
}
|
||||
|
||||
function getElemsByToggleMethod( selector ){
|
||||
return document.querySelectorAll('[' + toggleMethod + '="' + selector + '"]');
|
||||
}
|
||||
|
||||
/**
|
||||
* The open/close action is performed by toggling an attribute
|
||||
* on the menu main element.
|
||||
*
|
||||
* First, check if the target is the menu itself. If it's a child
|
||||
* keep walking up the tree until we found the main element
|
||||
* where we can toggle the state.
|
||||
*/
|
||||
function toggleButton( evt ){
|
||||
|
||||
target = evt.target;
|
||||
while ( target && !target.getAttribute( toggleMethod ) ){
|
||||
target = target.parentNode;
|
||||
if(!target) { return; }
|
||||
}
|
||||
|
||||
currentState = target.getAttribute( menuState ) === isOpen ? isClosed : isOpen;
|
||||
|
||||
target.setAttribute(menuState, currentState);
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* On touch enabled devices we assume that no hover state is possible.
|
||||
* So, we get the menu with hover action configured and we set it up
|
||||
* in order to make it usable with tap/click.
|
||||
**/
|
||||
if ( window.Modernizr && Modernizr.touch ){
|
||||
elemsToHover = getElemsByToggleMethod( hoverOpt );
|
||||
replaceAttrs( elemsToHover );
|
||||
}
|
||||
|
||||
elemsToClick = getElemsByToggleMethod( clickOpt );
|
||||
|
||||
attachEvt( elemsToClick, 'click' );
|
||||
|
||||
// build script hook - don't remove
|
||||
})( window, document );
|
||||
|
||||
375
vendor/unisharp/laravel-filemanager/public/js/script.js
vendored
Normal file
375
vendor/unisharp/laravel-filemanager/public/js/script.js
vendored
Normal file
@@ -0,0 +1,375 @@
|
||||
var show_list;
|
||||
var sort_type = 'alphabetic';
|
||||
|
||||
$(document).ready(function () {
|
||||
bootbox.setDefaults({locale:lang['locale-bootbox']});
|
||||
loadFolders();
|
||||
performLfmRequest('errors')
|
||||
.done(function (data) {
|
||||
var response = JSON.parse(data);
|
||||
for (var i = 0; i < response.length; i++) {
|
||||
$('#alerts').append(
|
||||
$('<div>').addClass('alert alert-warning')
|
||||
.append($('<i>').addClass('fa fa-exclamation-circle'))
|
||||
.append(' ' + response[i])
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
$(window).on('dragenter', function(){
|
||||
$('#uploadModal').modal('show');
|
||||
});
|
||||
});
|
||||
|
||||
// ======================
|
||||
// == Navbar actions ==
|
||||
// ======================
|
||||
|
||||
$('#nav-buttons a').click(function (e) {
|
||||
e.preventDefault();
|
||||
});
|
||||
|
||||
$('#to-previous').click(function () {
|
||||
var previous_dir = getPreviousDir();
|
||||
if (previous_dir == '') return;
|
||||
goTo(previous_dir);
|
||||
});
|
||||
|
||||
$('#add-folder').click(function () {
|
||||
bootbox.prompt(lang['message-name'], function (result) {
|
||||
if (result == null) return;
|
||||
createFolder(result);
|
||||
});
|
||||
});
|
||||
|
||||
$('#upload').click(function () {
|
||||
$('#uploadModal').modal('show');
|
||||
});
|
||||
|
||||
$('#upload-btn').click(function () {
|
||||
$(this).html('')
|
||||
.append($('<i>').addClass('fa fa-refresh fa-spin'))
|
||||
.append(" " + lang['btn-uploading'])
|
||||
.addClass('disabled');
|
||||
|
||||
function resetUploadForm() {
|
||||
$('#uploadModal').modal('hide');
|
||||
$('#upload-btn').html(lang['btn-upload']).removeClass('disabled');
|
||||
$('input#upload').val('');
|
||||
}
|
||||
|
||||
$('#uploadForm').ajaxSubmit({
|
||||
success: function (data, statusText, xhr, $form) {
|
||||
resetUploadForm();
|
||||
refreshFoldersAndItems(data);
|
||||
displaySuccessMessage(data);
|
||||
},
|
||||
error: function (jqXHR, textStatus, errorThrown) {
|
||||
displayErrorResponse(jqXHR);
|
||||
resetUploadForm();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#thumbnail-display').click(function () {
|
||||
show_list = 0;
|
||||
loadItems();
|
||||
});
|
||||
|
||||
$('#list-display').click(function () {
|
||||
show_list = 1;
|
||||
loadItems();
|
||||
});
|
||||
|
||||
$('#list-sort-alphabetic').click(function() {
|
||||
sort_type = 'alphabetic';
|
||||
loadItems();
|
||||
});
|
||||
|
||||
$('#list-sort-time').click(function() {
|
||||
sort_type = 'time';
|
||||
loadItems();
|
||||
});
|
||||
|
||||
// ======================
|
||||
// == Folder actions ==
|
||||
// ======================
|
||||
|
||||
$(document).on('click', '.file-item', function (e) {
|
||||
useFile($(this).data('id'));
|
||||
});
|
||||
|
||||
$(document).on('click', '.folder-item', function (e) {
|
||||
goTo($(this).data('id'));
|
||||
});
|
||||
|
||||
function goTo(new_dir) {
|
||||
$('#working_dir').val(new_dir);
|
||||
loadItems();
|
||||
}
|
||||
|
||||
function getPreviousDir() {
|
||||
var ds = '/';
|
||||
var working_dir = $('#working_dir').val();
|
||||
var last_ds = working_dir.lastIndexOf(ds);
|
||||
var previous_dir = working_dir.substring(0, last_ds);
|
||||
return previous_dir;
|
||||
}
|
||||
|
||||
function dir_starts_with(str) {
|
||||
return $('#working_dir').val().indexOf(str) === 0;
|
||||
}
|
||||
|
||||
function setOpenFolders() {
|
||||
var folders = $('.folder-item');
|
||||
|
||||
for (var i = folders.length - 1; i >= 0; i--) {
|
||||
// close folders that are not parent
|
||||
if (! dir_starts_with($(folders[i]).data('id'))) {
|
||||
$(folders[i]).children('i').removeClass('fa-folder-open').addClass('fa-folder');
|
||||
} else {
|
||||
$(folders[i]).children('i').removeClass('fa-folder').addClass('fa-folder-open');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ====================
|
||||
// == Ajax actions ==
|
||||
// ====================
|
||||
|
||||
function performLfmRequest(url, parameter, type) {
|
||||
var data = defaultParameters();
|
||||
|
||||
if (parameter != null) {
|
||||
$.each(parameter, function (key, value) {
|
||||
data[key] = value;
|
||||
});
|
||||
}
|
||||
|
||||
return $.ajax({
|
||||
type: 'GET',
|
||||
dataType: type || 'text',
|
||||
url: lfm_route + '/' + url,
|
||||
data: data,
|
||||
cache: false
|
||||
}).fail(function (jqXHR, textStatus, errorThrown) {
|
||||
displayErrorResponse(jqXHR);
|
||||
});
|
||||
}
|
||||
|
||||
function displayErrorResponse(jqXHR) {
|
||||
notify('<div style="max-height:50vh;overflow: scroll;">' + jqXHR.responseText + '</div>');
|
||||
}
|
||||
|
||||
function displaySuccessMessage(data){
|
||||
if(data == 'OK'){
|
||||
var success = $('<div>').addClass('alert alert-success')
|
||||
.append($('<i>').addClass('fa fa-check'))
|
||||
.append(' File Uploaded Successfully.');
|
||||
$('#alerts').append(success);
|
||||
setTimeout(function () {
|
||||
success.remove();
|
||||
}, 2000);
|
||||
}
|
||||
}
|
||||
|
||||
var refreshFoldersAndItems = function (data) {
|
||||
loadFolders();
|
||||
if (data != 'OK') {
|
||||
data = Array.isArray(data) ? data.join('<br/>') : data;
|
||||
notify(data);
|
||||
}
|
||||
};
|
||||
|
||||
var hideNavAndShowEditor = function (data) {
|
||||
$('#nav-buttons > ul').addClass('hidden');
|
||||
$('#content').html(data);
|
||||
}
|
||||
|
||||
function loadFolders() {
|
||||
performLfmRequest('folders', {}, 'html')
|
||||
.done(function (data) {
|
||||
$('#tree').html(data);
|
||||
loadItems();
|
||||
});
|
||||
}
|
||||
|
||||
function loadItems() {
|
||||
$('#lfm-loader').show();
|
||||
performLfmRequest('jsonitems', {show_list: show_list, sort_type: sort_type}, 'html')
|
||||
.done(function (data) {
|
||||
var response = JSON.parse(data);
|
||||
$('#content').html(response.html);
|
||||
$('#nav-buttons > ul').removeClass('hidden');
|
||||
$('#working_dir').val(response.working_dir);
|
||||
$('#current_dir').text(response.working_dir);
|
||||
console.log('Current working_dir : ' + $('#working_dir').val());
|
||||
if (getPreviousDir() == '') {
|
||||
$('#to-previous').addClass('hide');
|
||||
} else {
|
||||
$('#to-previous').removeClass('hide');
|
||||
}
|
||||
setOpenFolders();
|
||||
})
|
||||
.always(function(){
|
||||
$('#lfm-loader').hide();
|
||||
});
|
||||
}
|
||||
|
||||
function createFolder(folder_name) {
|
||||
performLfmRequest('newfolder', {name: folder_name})
|
||||
.done(refreshFoldersAndItems);
|
||||
}
|
||||
|
||||
function rename(item_name) {
|
||||
bootbox.prompt({
|
||||
title: lang['message-rename'],
|
||||
value: item_name,
|
||||
callback: function (result) {
|
||||
if (result == null) return;
|
||||
performLfmRequest('rename', {
|
||||
file: item_name,
|
||||
new_name: result
|
||||
}).done(refreshFoldersAndItems);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function trash(item_name) {
|
||||
bootbox.confirm(lang['message-delete'], function (result) {
|
||||
if (result == true) {
|
||||
performLfmRequest('delete', {items: item_name})
|
||||
.done(refreshFoldersAndItems);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function cropImage(image_name) {
|
||||
performLfmRequest('crop', {img: image_name})
|
||||
.done(hideNavAndShowEditor);
|
||||
}
|
||||
|
||||
function resizeImage(image_name) {
|
||||
performLfmRequest('resize', {img: image_name})
|
||||
.done(hideNavAndShowEditor);
|
||||
}
|
||||
|
||||
function download(file_name) {
|
||||
var data = defaultParameters();
|
||||
data['file'] = file_name;
|
||||
location.href = lfm_route + '/download?' + $.param(data);
|
||||
}
|
||||
|
||||
// ==================================
|
||||
// == Ckeditor, Bootbox, preview ==
|
||||
// ==================================
|
||||
|
||||
function useFile(file_url) {
|
||||
|
||||
function getUrlParam(paramName) {
|
||||
var reParam = new RegExp('(?:[\?&]|&)' + paramName + '=([^&]+)', 'i');
|
||||
var match = window.location.search.match(reParam);
|
||||
return ( match && match.length > 1 ) ? match[1] : null;
|
||||
}
|
||||
|
||||
function useTinymce3(url) {
|
||||
var win = tinyMCEPopup.getWindowArg("window");
|
||||
win.document.getElementById(tinyMCEPopup.getWindowArg("input")).value = url;
|
||||
if (typeof(win.ImageDialog) != "undefined") {
|
||||
// Update image dimensions
|
||||
if (win.ImageDialog.getImageData) {
|
||||
win.ImageDialog.getImageData();
|
||||
}
|
||||
|
||||
// Preview if necessary
|
||||
if (win.ImageDialog.showPreviewImage) {
|
||||
win.ImageDialog.showPreviewImage(url);
|
||||
}
|
||||
}
|
||||
tinyMCEPopup.close();
|
||||
}
|
||||
|
||||
function useTinymce4AndColorbox(url, field_name) {
|
||||
parent.document.getElementById(field_name).value = url;
|
||||
|
||||
if(typeof parent.tinyMCE !== "undefined") {
|
||||
parent.tinyMCE.activeEditor.windowManager.close();
|
||||
}
|
||||
if(typeof parent.$.fn.colorbox !== "undefined") {
|
||||
parent.$.fn.colorbox.close();
|
||||
}
|
||||
}
|
||||
|
||||
function useCkeditor3(url) {
|
||||
if (window.opener) {
|
||||
// Popup
|
||||
window.opener.CKEDITOR.tools.callFunction(getUrlParam('CKEditorFuncNum'), url);
|
||||
} else {
|
||||
// Modal (in iframe)
|
||||
parent.CKEDITOR.tools.callFunction(getUrlParam('CKEditorFuncNum'), url);
|
||||
parent.CKEDITOR.tools.callFunction(getUrlParam('CKEditorCleanUpFuncNum'));
|
||||
}
|
||||
}
|
||||
|
||||
function useFckeditor2(url) {
|
||||
var p = url;
|
||||
var w = data['Properties']['Width'];
|
||||
var h = data['Properties']['Height'];
|
||||
window.opener.SetUrl(p,w,h);
|
||||
}
|
||||
|
||||
var url = file_url;
|
||||
var field_name = getUrlParam('field_name');
|
||||
var is_ckeditor = getUrlParam('CKEditor');
|
||||
var is_fcke = typeof data != 'undefined' && data['Properties']['Width'] != '';
|
||||
var file_path = url.replace(route_prefix, '');
|
||||
|
||||
if (window.opener || window.tinyMCEPopup || field_name || getUrlParam('CKEditorCleanUpFuncNum') || is_ckeditor) {
|
||||
if (window.tinyMCEPopup) { // use TinyMCE > 3.0 integration method
|
||||
useTinymce3(url);
|
||||
} else if (field_name) { // tinymce 4 and colorbox
|
||||
useTinymce4AndColorbox(url, field_name);
|
||||
} else if(is_ckeditor) { // use CKEditor 3.0 + integration method
|
||||
useCkeditor3(url);
|
||||
} else if (is_fcke) { // use FCKEditor 2.0 integration method
|
||||
useFckeditor2(url);
|
||||
} else { // standalone button or other situations
|
||||
window.opener.SetUrl(url, file_path);
|
||||
}
|
||||
|
||||
if (window.opener) {
|
||||
window.close();
|
||||
}
|
||||
} else {
|
||||
// No editor found, open/download file using browser's default method
|
||||
window.open(url);
|
||||
}
|
||||
}
|
||||
//end useFile
|
||||
|
||||
function defaultParameters() {
|
||||
return {
|
||||
working_dir: $('#working_dir').val(),
|
||||
type: $('#type').val()
|
||||
};
|
||||
}
|
||||
|
||||
function notImp() {
|
||||
notify('Not yet implemented!');
|
||||
}
|
||||
|
||||
function notify(message) {
|
||||
bootbox.alert(message);
|
||||
}
|
||||
|
||||
function fileView(file_url, timestamp) {
|
||||
bootbox.dialog({
|
||||
title: lang['title-view'],
|
||||
message: $('<img>')
|
||||
.addClass('img img-responsive center-block')
|
||||
.attr('src', file_url + '?timestamp=' + timestamp),
|
||||
size: 'large',
|
||||
onEscape: true,
|
||||
backdrop: true
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user