mirror of
https://gitlab.com/omair-personal/izyim.git
synced 2026-08-19 04:14:05 +00:00
change maintenance mode page
This commit is contained in:
Omair Saleh
+5
-1
@@ -147,7 +147,11 @@
|
||||
"./resources/assets/images/**/*"
|
||||
],
|
||||
"sourceJs": [
|
||||
"./resources/assets/js/**/*.js"
|
||||
"./resources/assets/js/pages*.js",
|
||||
"./resources/assets/js/three.r92.min.js",
|
||||
"./resources/assets/js/vanta.birds.min.js",
|
||||
"./resources/assets/js/validation.js",
|
||||
"./resources/assets/js/scripts.js"
|
||||
],
|
||||
"sourceFonts": [
|
||||
"./resources/assets/fonts/**/*"
|
||||
|
||||
Vendored
-294
@@ -1,294 +0,0 @@
|
||||
/*
|
||||
waitMe - 1.19 [31.10.17]
|
||||
Author: vadimsva
|
||||
Github: https://github.com/vadimsva/waitMe
|
||||
*/
|
||||
(function ($) {
|
||||
$.fn.waitMe = function (method) {
|
||||
return this.each(function () {
|
||||
|
||||
var elem = $(this),
|
||||
elemClass = 'waitMe',
|
||||
waitMe_text,
|
||||
effectObj,
|
||||
effectElemCount,
|
||||
createSubElem = false,
|
||||
specificAttr = 'background-color',
|
||||
addStyle = '',
|
||||
effectElemHTML = '',
|
||||
waitMeObj,
|
||||
_options,
|
||||
currentID;
|
||||
|
||||
var methods = {
|
||||
init: function () {
|
||||
var _defaults = {
|
||||
effect: 'bounce',
|
||||
text: '',
|
||||
bg: 'rgba(255,255,255,0.7)',
|
||||
color: '#000',
|
||||
maxSize: '',
|
||||
waitTime: -1,
|
||||
textPos: 'vertical',
|
||||
fontSize: '',
|
||||
source: '',
|
||||
onClose: function () {
|
||||
}
|
||||
};
|
||||
_options = $.extend(_defaults, method);
|
||||
|
||||
currentID = new Date().getMilliseconds();
|
||||
waitMeObj = $('<div class="' + elemClass + '" data-waitme_id="' + currentID + '"></div>');
|
||||
|
||||
switch (_options.effect) {
|
||||
case 'none':
|
||||
effectElemCount = 0;
|
||||
break;
|
||||
case 'bounce':
|
||||
effectElemCount = 3;
|
||||
break;
|
||||
case 'rotateplane':
|
||||
effectElemCount = 1;
|
||||
break;
|
||||
case 'stretch':
|
||||
effectElemCount = 5;
|
||||
break;
|
||||
case 'orbit':
|
||||
effectElemCount = 2;
|
||||
createSubElem = true;
|
||||
break;
|
||||
case 'roundBounce':
|
||||
effectElemCount = 12;
|
||||
break;
|
||||
case 'win8':
|
||||
effectElemCount = 5;
|
||||
createSubElem = true;
|
||||
break;
|
||||
case 'win8_linear':
|
||||
effectElemCount = 5;
|
||||
createSubElem = true;
|
||||
break;
|
||||
case 'ios':
|
||||
effectElemCount = 12;
|
||||
break;
|
||||
case 'facebook':
|
||||
effectElemCount = 3;
|
||||
break;
|
||||
case 'rotation':
|
||||
effectElemCount = 1;
|
||||
specificAttr = 'border-color';
|
||||
break;
|
||||
case 'timer':
|
||||
effectElemCount = 2;
|
||||
if ($.isArray(_options.color)) {
|
||||
var color = _options.color[0];
|
||||
} else {
|
||||
var color = _options.color;
|
||||
}
|
||||
addStyle = 'border-color:' + color;
|
||||
break;
|
||||
case 'pulse':
|
||||
effectElemCount = 1;
|
||||
specificAttr = 'border-color';
|
||||
break;
|
||||
case 'progressBar':
|
||||
effectElemCount = 1;
|
||||
break;
|
||||
case 'bouncePulse':
|
||||
effectElemCount = 3;
|
||||
break;
|
||||
case 'img':
|
||||
effectElemCount = 1;
|
||||
break;
|
||||
}
|
||||
|
||||
if (addStyle !== '') {
|
||||
addStyle += ';';
|
||||
}
|
||||
|
||||
if (effectElemCount > 0) {
|
||||
if (_options.effect === 'img') {
|
||||
effectElemHTML = '<img src="' + _options.source + '">';
|
||||
} else {
|
||||
for (var i = 1; i <= effectElemCount; ++i) {
|
||||
if ($.isArray(_options.color)) {
|
||||
var color = _options.color[i];
|
||||
if (color == undefined) {
|
||||
color = '#000';
|
||||
}
|
||||
} else {
|
||||
var color = _options.color;
|
||||
}
|
||||
if (createSubElem) {
|
||||
effectElemHTML += '<div class="' + elemClass + '_progress_elem' + i + '"><div style="' + specificAttr + ':' + color + '"></div></div>';
|
||||
} else {
|
||||
effectElemHTML += '<div class="' + elemClass + '_progress_elem' + i + '" style="' + specificAttr + ':' + color + '"></div>';
|
||||
}
|
||||
}
|
||||
}
|
||||
effectObj = $('<div class="' + elemClass + '_progress ' + _options.effect + '" style="' + addStyle + '">' + effectElemHTML + '</div>');
|
||||
}
|
||||
|
||||
if (_options.text) {
|
||||
if ($.isArray(_options.color)) {
|
||||
var color = _options.color[0];
|
||||
} else {
|
||||
var color = _options.color;
|
||||
}
|
||||
if (_options.fontSize != '') {
|
||||
var size = 'font-size:' + _options.fontSize;
|
||||
} else {
|
||||
var size = '';
|
||||
}
|
||||
waitMe_text = $('<div class="' + elemClass + '_text" style="color:' + color + ';' + size + '">' + _options.text + '</div>');
|
||||
}
|
||||
var elemObj = elem.find('> .' + elemClass);
|
||||
|
||||
if (elemObj) {
|
||||
elemObj.remove();
|
||||
}
|
||||
var waitMeDivObj = $('<div class="' + elemClass + '_content ' + _options.textPos + '"></div>');
|
||||
waitMeDivObj.append(effectObj, waitMe_text);
|
||||
waitMeObj.append(waitMeDivObj);
|
||||
if (elem[0].tagName == 'HTML') {
|
||||
elem = $('body');
|
||||
}
|
||||
elem.addClass(elemClass + '_container').attr('data-waitme_id', currentID).append(waitMeObj);
|
||||
elemObj = elem.find('> .' + elemClass);
|
||||
var elemContentObj = elem.find('.' + elemClass + '_content');
|
||||
elemObj.css({background: _options.bg});
|
||||
|
||||
if (_options.maxSize !== '' && _options.effect != 'none') {
|
||||
var elemH = effectObj.outerHeight();
|
||||
var elemW = effectObj.outerWidth();
|
||||
var elemMax = elemH;
|
||||
if (_options.effect === 'img') {
|
||||
effectObj.css({height: _options.maxSize + 'px'});
|
||||
effectObj.find('>img').css({maxHeight: '100%'});
|
||||
elemContentObj.css({marginTop: -elemContentObj.outerHeight() / 2 + 'px'});
|
||||
} else {
|
||||
if (_options.maxSize < elemMax) {
|
||||
if (_options.effect == 'stretch') {
|
||||
effectObj.css({height: _options.maxSize + 'px', width: _options.maxSize + 'px'});
|
||||
effectObj.find('> div').css({margin: '0 5%'});
|
||||
} else {
|
||||
var zoom = _options.maxSize / elemMax - 0.2;
|
||||
var offset = '-50%';
|
||||
if (_options.effect == 'roundBounce') {
|
||||
offset = '-75%';
|
||||
if (_options.text) {
|
||||
offset = '75%';
|
||||
}
|
||||
} else if (_options.effect == 'win8' || _options.effect == 'timer' || _options.effect == 'orbit') {
|
||||
offset = '-20%';
|
||||
if (_options.text) {
|
||||
offset = '20%';
|
||||
}
|
||||
} else if (_options.effect == 'ios') {
|
||||
offset = '-15%';
|
||||
if (_options.text) {
|
||||
offset = '15%';
|
||||
}
|
||||
}
|
||||
if (_options.effect == 'rotation') {
|
||||
if (_options.text) {
|
||||
offset = '75%';
|
||||
}
|
||||
}
|
||||
effectObj.css({
|
||||
transform: 'scale(' + zoom + ') translateX(' + offset + ')',
|
||||
whiteSpace: 'nowrap'
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
elemContentObj.css({marginTop: -elemContentObj.outerHeight() / 2 + 'px'});
|
||||
|
||||
function setElTop(getTop) {
|
||||
elemContentObj.css({top: 'auto', transform: 'translateY(' + getTop + 'px) translateZ(0)'});
|
||||
}
|
||||
|
||||
if (elem.outerHeight() > $(window).height()) {
|
||||
var sTop = $(window).scrollTop(),
|
||||
elH = elemContentObj.outerHeight(),
|
||||
elTop = elem.offset().top,
|
||||
cH = elem.outerHeight(),
|
||||
getTop = sTop - elTop + $(window).height() / 2;
|
||||
if (getTop < 0) {
|
||||
getTop = Math.abs(getTop);
|
||||
}
|
||||
if (getTop - elH >= 0 && getTop + elH <= cH) {
|
||||
if (elTop - sTop > $(window).height() / 2) {
|
||||
getTop = elH;
|
||||
}
|
||||
setElTop(getTop);
|
||||
} else {
|
||||
if (sTop > elTop + cH - elH) {
|
||||
getTop = sTop - elTop - elH;
|
||||
} else {
|
||||
getTop = sTop - elTop + elH;
|
||||
}
|
||||
setElTop(getTop);
|
||||
}
|
||||
$(document).scroll(function () {
|
||||
var sTop = $(window).scrollTop(),
|
||||
getTop = sTop - elTop + $(window).height() / 2;
|
||||
if (getTop - elH >= 0 && getTop + elH <= cH) {
|
||||
setElTop(getTop);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (_options.waitTime > 0) {
|
||||
setTimeout(function () {
|
||||
waitMeClose();
|
||||
}, _options.waitTime);
|
||||
}
|
||||
|
||||
elemObj.on('destroyed', function () {
|
||||
if (_options.onClose && $.isFunction(_options.onClose)) {
|
||||
_options.onClose(elem);
|
||||
}
|
||||
elemObj.trigger('close', {el: elem});
|
||||
});
|
||||
|
||||
$.event.special.destroyed = {
|
||||
remove: function (o) {
|
||||
if (o.handler) {
|
||||
o.handler();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
return elemObj;
|
||||
},
|
||||
hide: function () {
|
||||
waitMeClose();
|
||||
}
|
||||
};
|
||||
|
||||
function waitMeClose() {
|
||||
var currentID = elem.attr('data-waitme_id');
|
||||
elem.removeClass(elemClass + '_container').removeAttr('data-waitme_id');
|
||||
elem.find('.' + elemClass + '[data-waitme_id="' + currentID + '"]').remove();
|
||||
}
|
||||
|
||||
if (methods[method]) {
|
||||
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
|
||||
} else if (typeof method === 'object' || !method) {
|
||||
return methods.init.apply(this, arguments);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
$(window).on('load', function () {
|
||||
$('body.waitMe_body').addClass('hideMe');
|
||||
setTimeout(function () {
|
||||
$('body.waitMe_body').find('.waitMe_container:not([data-waitme_id])').remove();
|
||||
$('body.waitMe_body').removeClass('waitMe_body hideMe');
|
||||
}, 200);
|
||||
});
|
||||
})(jQuery);
|
||||
Vendored
+9
-3
@@ -25,7 +25,13 @@ $(function() {
|
||||
if(type){ $(this).parents('.parentContainer').find('.modalContainer[data-type="'+type+'"]').modal('show'); }
|
||||
});
|
||||
|
||||
$('.singleLightBox').magnificPopup({
|
||||
type: 'image'
|
||||
});
|
||||
VANTA.BIRDS({
|
||||
el: "#maintenanceContainer",
|
||||
backgroundColor: 0xffffff,
|
||||
wingSpan: 40.00,
|
||||
separation: 100.00,
|
||||
alignment: 100.00,
|
||||
cohesion: 100.00,
|
||||
quantity: 2.00
|
||||
})
|
||||
});
|
||||
Vendored
+927
File diff suppressed because one or more lines are too long
+1
File diff suppressed because one or more lines are too long
Vendored
+3
@@ -91,3 +91,6 @@
|
||||
//Print
|
||||
@import "modules/print";
|
||||
|
||||
//Print
|
||||
@import "modules/drag_drop";
|
||||
|
||||
|
||||
Vendored
+1
-1
@@ -19,7 +19,7 @@
|
||||
16. Pricing Table
|
||||
17. Chat
|
||||
18. Email
|
||||
19. Orders
|
||||
19. Drag & Drop
|
||||
-------------------------------------------------------------------*/
|
||||
// Color functions
|
||||
@import "color";
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
@extends('layouts.base')
|
||||
|
||||
@section('content')
|
||||
<div class="d-flex justify-content-center full-height full-width align-items-center">
|
||||
<div class="d-flex justify-content-center full-height full-width align-items-center" id="maintenanceContainer">
|
||||
<div class="error-container text-center">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<div class="bg-white b-b b-grey">
|
||||
<div class="container">
|
||||
<div class="container no-padding">
|
||||
<div class="menu-bar header-sm-height" data-pages-init='horizontal-menu' data-hide-extra-li="2">
|
||||
<a href="#" class="btn-link toggle-sidebar hidden-lg-up pg pg-close" data-toggle="horizontal-menu">
|
||||
</a>
|
||||
|
||||
Reference in New Issue
Block a user