| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091 |
- layui.define(['table', 'jquery', 'element'], function (exports) {
- "use strict";
- var MOD_NAME = 'loading',
- $ = layui.jquery,
- element = layui.element;
- var pearOper = new function () {
- this.blockRemove = function(dom,time){
- Notiflix.Block.Remove(dom, time);
- }
- this.block = function(option){
- if(option.type==1){
- Notiflix.Block.Standard(
- option.elem
- ,option.msg);
- }
- else if(option.type==2){
- Notiflix.Block.Hourglass(
- option.elem
- ,option.msg);
- }
- else if(option.type==3){
- Notiflix.Block.Circle(
- option.elem
- ,option.msg);
- }
- else if(option.type==4){
- Notiflix.Block.Arrows(
- option.elem
- ,option.msg);
- }
- else if(option.type==5){
- Notiflix.Block.Dots(
- option.elem
- ,option.msg);
- }
- else if(option.type==6){
- Notiflix.Block.Pulse(
- option.elem
- ,option.msg);
- }
- }
- this.report = function(option){
- if(option.type=="success"){
- Notiflix.Report.Success(
- option.title,
- option.message,'确认');
- }else if(option.type=="failure"){
- Notiflix.Report.Failure(
- option.title,
- option.message,'确认');
- }else if(option.type=="warning"){
- Notiflix.Report.Warning(
- option.title,
- option.message,'确认');
- }else if(option.type=="info"){
- Notiflix.Report.Info(
- option.title,
- option.message,'确认');
- }
- }
- this.notice = function(option){
- Notiflix.Notify.Init({
- position:option.position?"right-top":option.position,
- });
- if(option.type=="success"){
- Notiflix.Notify.Success(option.title);
- }else if(option.type=="failure"){
- Notiflix.Notify.Failure(option.title);
- }else if(option.type=="warning"){
- Notiflix.Notify.Warning(option.title);
- }else if(option.type=="info"){
- Notiflix.Notify.Info(option.title);
- }
- }
- this.confirm = function(option){
- Notiflix.Confirm.Show(
- option.title,
- option.message,
- '确认',
- '取消',
- option.success,
- option.cancle
- );
- }
- this.drawer = function(position,dom,distance){
- var _right = new mSlider({
- dom: dom,
- direction: position,
- distance:distance
- });
- _right.open();
- }
- this.loadRemove = function(time){
- Notiflix.Loading.Remove(time);
- }
- this.Load = function(type,message){
- if(type==1){
- Notiflix.Loading.Standard(message);
- }else if(type==2){
- Notiflix.Loading.Hourglass(message);
- }else if(type==3){
- Notiflix.Loading.Circle(message);
- }else if(type==4){
- Notiflix.Loading.Dots(message);
- }else if(type==5){
- Notiflix.Loading.Pulse(message);
- }
- }
- this.msg = function(option){
- if(option.type=="success"){
- layer.msg(option.title,{icon:1,time:option.time},option.callback);
- }else if(option.type=="failure"){
- layer.msg(option.title,{icon:2,time:option.time},option.callback);
- }else if(option.type=="warning"){
- layer.msg(option.title,{icon:3,time:option.time},option.callback);
- }else if(option.type=="info"){
- layer.msg(option.title,{icon:4,time:option.time},option.callback);
- }
- }
- };
- // Notiflix: Notify Default Settings on
- var notifySettings = {
- wrapID: 'NotiflixNotifyWrap', // can not customizable
- width: '280px',
- position: 'right-top', // 'right-top' - 'right-bottom' - 'left-top' - 'left-bottom'
- distance: '10px',
- opacity: 1,
- borderRadius: '5px',
- rtl: false,
- timeout: 3000,
- messageMaxLength: 110,
- backOverlay: false,
- backOverlayColor: 'rgba(0,0,0,0.5)',
- plainText: true,
- showOnlyTheLastOne: false,
- clickToClose: false,
- ID: 'NotiflixNotify',
- className: 'notiflix-notify',
- zindex: 4001,
- useGoogleFont: true,
- fontFamily: 'Quicksand',
- fontSize: '13px',
- cssAnimation: true,
- cssAnimationDuration: 400,
- cssAnimationStyle: 'fade', // 'fade' - 'zoom' - 'from-right' - 'from-top' - 'from-bottom' - 'from-left'
- closeButton: false,
- useIcon: true,
- useFontAwesome: false,
- fontAwesomeIconStyle: 'basic', // 'basic' - 'shadow'
- fontAwesomeIconSize: '34px',
- success: {
- background: '#32c682',
- textColor: '#fff',
- childClassName: 'success',
- notiflixIconColor: 'rgba(0,0,0,0.2)',
- fontAwesomeClassName: 'fas fa-check-circle',
- fontAwesomeIconColor: 'rgba(0,0,0,0.2)',
- },
- failure: {
- background: '#ff5549',
- textColor: '#fff',
- childClassName: 'failure',
- notiflixIconColor: 'rgba(0,0,0,0.2)',
- fontAwesomeClassName: 'fas fa-times-circle',
- fontAwesomeIconColor: 'rgba(0,0,0,0.2)',
- },
- warning: {
- background: '#eebf31',
- textColor: '#fff',
- childClassName: 'warning',
- notiflixIconColor: 'rgba(0,0,0,0.2)',
- fontAwesomeClassName: 'fas fa-exclamation-circle',
- fontAwesomeIconColor: 'rgba(0,0,0,0.2)',
- },
- info: {
- background: '#26c0d3',
- textColor: '#fff',
- childClassName: 'info',
- notiflixIconColor: 'rgba(0,0,0,0.2)',
- fontAwesomeClassName: 'fas fa-info-circle',
- fontAwesomeIconColor: 'rgba(0,0,0,0.2)',
- },
- };
- // Notiflix: Notify Default Settings off
- // Notiflix: Report Default Settings on
- var reportSettings = {
- ID: 'NotiflixReportWrap', // can not customizable
- className: 'notiflix-report',
- width: '320px',
- backgroundColor: '#f8f8f8',
- borderRadius: '25px',
- rtl: false,
- zindex: 4002,
- backOverlay: true,
- backOverlayColor: 'rgba(0, 0, 0, 0.5)',
- useGoogleFont: true,
- fontFamily: 'Quicksand',
- svgSize: '110px',
- plainText: true,
- titleFontSize: '16px',
- titleMaxLength: 34,
- messageFontSize: '13px',
- messageMaxLength: 400,
- buttonFontSize: '14px',
- buttonMaxLength: 34,
- cssAnimation: true,
- cssAnimationDuration: 360,
- cssAnimationStyle: 'fade', // 'fade' - 'zoom'
- success: {
- svgColor: '#32c682',
- titleColor: '#1e1e1e',
- messageColor: '#242424',
- buttonBackground: '#32c682',
- buttonColor: '#fff',
- },
- failure: {
- svgColor: '#ff5549',
- titleColor: '#1e1e1e',
- messageColor: '#242424',
- buttonBackground: '#ff5549',
- buttonColor: '#fff',
- },
- warning: {
- svgColor: '#eebf31',
- titleColor: '#1e1e1e',
- messageColor: '#242424',
- buttonBackground: '#eebf31',
- buttonColor: '#fff',
- },
- info: {
- svgColor: '#26c0d3',
- titleColor: '#1e1e1e',
- messageColor: '#242424',
- buttonBackground: '#26c0d3',
- buttonColor: '#fff',
- },
- };
- // Notiflix: Report Default Settings off
- // Notiflix: Confirm Default Settings on
- var confirmSettings = {
- ID: 'NotiflixConfirmWrap', // can not customizable
- className: 'notiflix-confirm',
- width: '300px',
- zindex: 4003,
- position: 'center', // 'center' - 'center-top' - 'right-top' - 'right-bottom' - 'left-top' - 'left-bottom'
- distance: '10px',
- backgroundColor: '#f8f8f8',
- borderRadius: '25px',
- backOverlay: true,
- backOverlayColor: 'rgba(0,0,0,0.5)',
- rtl: false,
- useGoogleFont: true,
- fontFamily: 'Quicksand',
- cssAnimation: true,
- cssAnimationStyle: 'fade', // 'zoom' - 'fade'
- cssAnimationDuration: 300,
- plainText: true,
- titleColor: '#32c682',
- titleFontSize: '16px',
- titleMaxLength: 34,
- messageColor: '#1e1e1e',
- messageFontSize: '14px',
- messageMaxLength: 110,
- buttonsFontSize: '15px',
- buttonsMaxLength: 34,
- okButtonColor: '#f8f8f8',
- okButtonBackground: '#32c682',
- cancelButtonColor: '#f8f8f8',
- cancelButtonBackground: '#a9a9a9',
- };
- // Notiflix: Confirm Default Settings off
- // Notiflix: Loading Default Settings on
- var loadingSettings = {
- ID: 'NotiflixLoadingWrap', // can not customizable
- className: 'notiflix-loading',
- zindex: 4000,
- backgroundColor: 'rgba(0,0,0,0.8)',
- rtl: false,
- useGoogleFont: true,
- fontFamily: 'Quicksand',
- cssAnimation: true,
- cssAnimationDuration: 400,
- clickToClose: false,
- customSvgUrl: null,
- svgSize: '80px',
- svgColor: '#32c682',
- messageID: 'NotiflixLoadingMessage',
- messageFontSize: '15px',
- messageMaxLength: 34,
- messageColor: '#dcdcdc',
- };
- // Notiflix: Loading Default Settings off
- // Notiflix: Block Default Settings on
- var blockSettings = {
- ID: 'NotiflixBlockWrap', // can not customizable
- querySelectorLimit: 200,
- className: 'notiflix-block',
- position: 'absolute',
- zindex: 1000,
- backgroundColor: 'rgba(255,255,255,0.9)',
- rtl: false,
- useGoogleFont: true,
- fontFamily: 'Quicksand',
- cssAnimation: true,
- cssAnimationDuration: 300,
- svgSize: '45px',
- svgColor: '#383838',
- messageFontSize: '14px',
- messageMaxLength: 34,
- messageColor: '#383838',
- };
- // Notiflix: Block Default Settings off
- // Notiflix: Extend on
- var extendNotiflix = function () {
- // variables
- var extended = {};
- var deep = false;
- var i = 0;
- // check if a deep merge
- if (Object.prototype.toString.call(arguments[0]) === '[object Boolean]') {
- deep = arguments[0];
- i++;
- }
- // merge the object into the extended object
- var merge = function (obj) {
- for (var prop in obj) {
- if (Object.prototype.hasOwnProperty.call(obj, prop)) {
- // if property is an object, merge properties
- if (deep && Object.prototype.toString.call(obj[prop]) === '[object Object]') {
- extended[prop] = extendNotiflix(extended[prop], obj[prop]);
- } else {
- extended[prop] = obj[prop];
- }
- }
- }
- };
- // loop through each object and conduct a merge
- for (; i < arguments.length; i++) {
- merge(arguments[i]);
- }
- return extended;
- };
- // Notiflix: Extend off
- // Notiflix: Plaintext on
- var notiflixPlaintext = function (html) {
- var htmlPool = document.createElement('div');
- htmlPool.innerHTML = html;
- return htmlPool.textContent || htmlPool.innerText || '';
- };
- // Notiflix: Plaintext off
- // Notiflix: GoogleFont on
- var notiflixGoogleFont = function (use, family) {
- if (!document.getElementById('NotiflixQuicksand') && use && (family && typeof family === 'string' && family.toLowerCase() === 'quicksand')) {
- // google fonts dns prefetch on
- var dns = '<link id="NotiflixGoogleDNS" rel="dns-prefetch" href="//fonts.googleapis.com" />';
- var dnsRange = document.createRange();
- dnsRange.selectNode(document.head);
- var dnsFragment = dnsRange.createContextualFragment(dns);
- document.head.appendChild(dnsFragment);
- // google fonts dns prefetch off
- // google fonts style on
- var font = '<link id="NotiflixQuicksand" href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&subset=latin-ext" rel="stylesheet" />';
- var fontRange = document.createRange();
- fontRange.selectNode(document.head);
- var fontFragment = fontRange.createContextualFragment(font);
- document.head.appendChild(fontFragment);
- // google fonts style off
- }
- };
- // Notiflix: GoogleFont off
- // Notiflix: Console Error on
- var notiflixConsoleError = function (title, message) {
- return console.error('%c ' + title + ' ', 'padding:2px;border-radius:20px;color:#fff;background:#ff5549', '\n' + message + '\nVisit documentation page to learn more: https://www.notiflix.com/documentation');
- };
- // Notiflix: Console Error off
- // Notiflix: Console Log on
- var notiflixConsoleLog = function (title, message) {
- return console.log('%c ' + title + ' ', 'padding:2px;border-radius:20px;color:#fff;background:#26c0d3', '\n' + message + '\nVisit documentation page to learn more: https://www.notiflix.com/documentation');
- };
- // Notiflix: Console Log off
- // Notiflix: Main on
- var newNotifySettings;
- var newReportSettings;
- var newConfirmSettings;
- var newLoadingSettings;
- var newBlockSettings;
- var Notiflix = {
- // Notify on
- Notify: {
- // Init
- Init: function (userNotifyOpt) {
- // extend options
- newNotifySettings = extendNotiflix(true, notifySettings, userNotifyOpt);
- // use GoogleFonts if "Quicksand"
- notiflixGoogleFont(newNotifySettings.useGoogleFont, newNotifySettings.fontFamily);
- },
- // Merge First Init
- Merge: function (userNotifyExtend) {
- // if initialized already
- if (newNotifySettings) {
- newNotifySettings = extendNotiflix(true, newNotifySettings, userNotifyExtend);
- }
- // initialize first
- else {
- notiflixConsoleError('Notiflix Error', 'You have to initialize the Notify module before call Merge function.');
- return false;
- }
- },
- // Display Notification: Success
- Success: function (message, callback) {
- // if not initialized pretend like init
- if (!newNotifySettings) {
- Notiflix.Notify.Init({});
- }
- var theType = newNotifySettings.success;
- NotiflixNotify(message, callback, theType, 'Success');
- },
- // Display Notification: Failure
- Failure: function (message, callback) {
- // if not initialized pretend like init
- if (!newNotifySettings) {
- Notiflix.Notify.Init({});
- }
- var theType = newNotifySettings.failure;
- NotiflixNotify(message, callback, theType, 'Failure');
- },
- // Display Notification: Warning
- Warning: function (message, callback) {
- // if not initialized pretend like init
- if (!newNotifySettings) {
- Notiflix.Notify.Init({});
- }
- var theType = newNotifySettings.warning;
- NotiflixNotify(message, callback, theType, 'Warning');
- },
- // Display Notification: Info
- Info: function (message, callback) {
- // if not initialized pretend like init
- if (!newNotifySettings) {
- Notiflix.Notify.Init({});
- }
- var theType = newNotifySettings.info;
- NotiflixNotify(message, callback, theType, 'Info');
- },
- },
- // Notify off
- // Report on
- Report: {
- // Init
- Init: function (userReportOpt) {
- // extend options
- newReportSettings = extendNotiflix(true, reportSettings, userReportOpt);
- // use GoogleFonts if "Quicksand"
- notiflixGoogleFont(newReportSettings.useGoogleFont, newReportSettings.fontFamily);
- },
- // Merge First Init
- Merge: function (userReportExtend) {
- // if initialized already
- if (newReportSettings) {
- newReportSettings = extendNotiflix(true, newReportSettings, userReportExtend);
- }
- // initialize first
- else {
- notiflixConsoleError('Notiflix Error', 'You have to initialize the Report module before call Merge function.');
- return false;
- }
- },
- // Display Report: Success
- Success: function (title, message, buttonText, buttonCallback) {
- // if not initialized pretend like init
- if (!newReportSettings) {
- Notiflix.Report.Init({});
- }
- var theType = newReportSettings.success;
- NotiflixReport(title, message, buttonText, buttonCallback, theType, 'Success');
- },
- // Display Report: Failure
- Failure: function (title, message, buttonText, buttonCallback) {
- // if not initialized pretend like init
- if (!newReportSettings) {
- Notiflix.Report.Init({});
- }
- var theType = newReportSettings.failure;
- NotiflixReport(title, message, buttonText, buttonCallback, theType, 'Failure');
- },
- // Display Report: Warning
- Warning: function (title, message, buttonText, buttonCallback) {
- // if not initialized pretend like init
- if (!newReportSettings) {
- Notiflix.Report.Init({});
- }
- var theType = newReportSettings.warning;
- NotiflixReport(title, message, buttonText, buttonCallback, theType, 'Warning');
- },
- // Display Report: Info
- Info: function (title, message, buttonText, buttonCallback) {
- // if not initialized pretend like init
- if (!newReportSettings) {
- Notiflix.Report.Init({});
- }
- var theType = newReportSettings.info;
- NotiflixReport(title, message, buttonText, buttonCallback, theType, 'Info');
- },
- },
- // Report off
- // Confirm on
- Confirm: {
- // Init
- Init: function (userConfirmOpt) {
- // extend options
- newConfirmSettings = extendNotiflix(true, confirmSettings, userConfirmOpt);
- // use GoogleFonts if "Quicksand"
- notiflixGoogleFont(newConfirmSettings.useGoogleFont, newConfirmSettings.fontFamily);
- },
- // Merge First Init
- Merge: function (userConfirmExtend) {
- // if initialized already
- if (newConfirmSettings) {
- newConfirmSettings = extendNotiflix(true, newConfirmSettings, userConfirmExtend);
- }
- // initialize first
- else {
- notiflixConsoleError('Notiflix Error', 'You have to initialize the Confirm module before call Merge function.');
- return false;
- }
- },
- // Display Confirm: Show
- Show: function (title, message, okText, cancelText, okCallback, cancelCallback) {
- if (!title) { title = 'Notiflix Confirm'; }
- if (!message) { message = 'Do you agree with me?'; }
- if (!okText) { okText = 'Yes'; }
- if (!cancelText) { cancelText = 'No'; }
- if (!okCallback) { okCallback = undefined; }
- if (!cancelCallback) { cancelCallback = undefined; }
- NotiflixConfirm(title, message, okText, cancelText, okCallback, cancelCallback);
- },
- },
- // Confirm off
- // Loading on
- Loading: {
- // Init
- Init: function (userLoadingOpt) {
- // extend options
- newLoadingSettings = extendNotiflix(true, loadingSettings, userLoadingOpt);
- // use GoogleFonts if "Quicksand"
- notiflixGoogleFont(newLoadingSettings.useGoogleFont, newLoadingSettings.fontFamily);
- },
- // Merge First Init
- Merge: function (userLoadingExtend) {
- // if initialized already
- if (newLoadingSettings) {
- newLoadingSettings = extendNotiflix(true, newLoadingSettings, userLoadingExtend);
- }
- // initialize first
- else {
- notiflixConsoleError('Notiflix Error', 'You have to initialize the Loading module before call Merge function.');
- return false;
- }
- },
- // Display Loading: Standard
- Standard: function (message) {
- NotiflixLoading(message, 'standard', true, 0); // true => display || 0 => delay
- },
- // Display Loading: Hourglass
- Hourglass: function (message) {
- NotiflixLoading(message, 'hourglass', true, 0); // true => display || 0 => delay
- },
- // Display Loading: Circle
- Circle: function (message) {
- NotiflixLoading(message, 'circle', true, 0); // true => display || 0 => delay
- },
- // Display Loading: Arrows
- Arrows: function (message) {
- NotiflixLoading(message, 'arrows', true, 0); // true => display || 0 => delay
- },
- // Display Loading: Dots
- Dots: function (message) {
- NotiflixLoading(message, 'dots', true, 0); // true => display || 0 => delay
- },
- // Display Loading: Pulse
- Pulse: function (message) {
- NotiflixLoading(message, 'pulse', true, 0); // true => display || 0 => delay
- },
- // Display Loading: Custom
- Custom: function (message) {
- NotiflixLoading(message, 'custom', true, 0); // true => display || 0 => delay
- },
- // Display Loading: Notiflix
- Notiflix: function (message) {
- NotiflixLoading(message, 'notiflix', true, 0); // true => display || 0 => delay
- },
- // Remove Loading
- Remove: function (theDelay) {
- if (!theDelay) { theDelay = 0; }
- NotiflixLoading(false, false, false, theDelay); // false = Remove
- },
- // Change The Message
- Change: function (newMessage) {
- NotiflixLoadingChange(newMessage);
- },
- },
- // Loading off
- // Block on
- Block: {
- // Initialize
- Init: function (userBlockOpt) {
- // extend options
- newBlockSettings = extendNotiflix(true, blockSettings, userBlockOpt);
- // use GoogleFonts if "Quicksand"
- notiflixGoogleFont(newBlockSettings.useGoogleFont, newBlockSettings.fontFamily);
- },
- // Merge First Initialize
- Merge: function (userBlockExtend) {
- // if initialized already
- if (newBlockSettings) {
- newBlockSettings = extendNotiflix(true, newBlockSettings, userBlockExtend);
- }
- // initialize first
- else {
- notiflixConsoleError('Notiflix Error', 'You have to initialize the "Notiflix.Block" module before call Merge function.');
- return false;
- }
- },
- // Display Block: Standard
- Standard: function (selector, message) {
- var block = true;
- var theIcon = 'standard';
- NotiflixBlockUnblockElement(block, selector, theIcon, message);
- },
- // Display Block: Hourglass
- Hourglass: function (selector, message) {
- var block = true;
- var theIcon = 'hourglass';
- NotiflixBlockUnblockElement(block, selector, theIcon, message);
- },
- // Display Block: Circle
- Circle: function (selector, message) {
- var block = true;
- var theIcon = 'circle';
- NotiflixBlockUnblockElement(block, selector, theIcon, message);
- },
- // Display Block: Arrows
- Arrows: function (selector, message) {
- var block = true;
- var theIcon = 'arrows';
- NotiflixBlockUnblockElement(block, selector, theIcon, message);
- },
- // Display Block: Dots
- Dots: function (selector, message) {
- var block = true;
- var theIcon = 'dots';
- NotiflixBlockUnblockElement(block, selector, theIcon, message);
- },
- // Display Block: Pulse
- Pulse: function (selector, message) {
- var block = true;
- var theIcon = 'pulse';
- NotiflixBlockUnblockElement(block, selector, theIcon, message);
- },
- // Remove Block
- Remove: function (selector, delay) {
- var block = false;
- var theIcon = null;
- var message = null;
- NotiflixBlockUnblockElement(block, selector, theIcon, message, delay);
- },
- },
- // Block off
- };
- // Notiflix: Main off
- // Notiflix: Notify Single on
- var notiflixNotifyCount = 0;
- var NotiflixNotify = function (message, callback, theType, staticType) {
- if (arguments && arguments.length === 4) {
- // notify counter on
- notiflixNotifyCount++;
- // notify counter off
- // if no message on
- if (!message) {
- message = 'Notiflix ' + staticType;
- }
- // if no message off
- // if plainText true = HTML tags not allowed on
- if (newNotifySettings.plainText) {
- message = notiflixPlaintext(message); // message plain text
- }
- // if plainText true = HTML tags not allowed off
- // if plainText false but the message length more than messageMaxLength = HTML tags error on
- if (!newNotifySettings.plainText && message.length > newNotifySettings.messageMaxLength) {
- Notiflix.Notify.Merge({ closeButton: true, plainText: false, });
- message = '<b>HTML Tags Error:</b> Your content length is more than "messageMaxLength" option.'; // message html error
- }
- // if plainText false but the message length more than messageMaxLength = HTML tags error off
- // message max length substring on
- if (message.length > newNotifySettings.messageMaxLength) {
- message = message.substring(0, newNotifySettings.messageMaxLength) + '...';
- }
- // message max length substring off
- // font awesome icon style on
- if (newNotifySettings.fontAwesomeIconStyle === 'shadow') {
- theType.fontAwesomeIconColor = theType.background;
- }
- // font awesome icon style off
- // if cssAnimaion false -> duration on
- if (!newNotifySettings.cssAnimation) {
- newNotifySettings.cssAnimationDuration = 0;
- }
- // if cssAnimaion false -> duration off
- // notify wrap on
- var docBody = document.body;
- var ntflxNotifyWrap = document.createElement('div');
- ntflxNotifyWrap.id = notifySettings.wrapID;
- ntflxNotifyWrap.style.width = newNotifySettings.width;
- ntflxNotifyWrap.style.zIndex = newNotifySettings.zindex;
- ntflxNotifyWrap.style.opacity = newNotifySettings.opacity;
- // wrap position on
- if (newNotifySettings.position === 'right-bottom') {
- ntflxNotifyWrap.style.right = newNotifySettings.distance;
- ntflxNotifyWrap.style.bottom = newNotifySettings.distance;
- ntflxNotifyWrap.style.top = 'auto';
- ntflxNotifyWrap.style.left = 'auto';
- } else if (newNotifySettings.position === 'left-top') {
- ntflxNotifyWrap.style.left = newNotifySettings.distance;
- ntflxNotifyWrap.style.top = newNotifySettings.distance;
- ntflxNotifyWrap.style.right = 'auto';
- ntflxNotifyWrap.style.bottom = 'auto';
- } else if (newNotifySettings.position === 'left-bottom') {
- ntflxNotifyWrap.style.left = newNotifySettings.distance;
- ntflxNotifyWrap.style.bottom = newNotifySettings.distance;
- ntflxNotifyWrap.style.top = 'auto';
- ntflxNotifyWrap.style.right = 'auto';
- } else { // 'right-top' or else
- ntflxNotifyWrap.style.right = newNotifySettings.distance;
- ntflxNotifyWrap.style.top = newNotifySettings.distance;
- ntflxNotifyWrap.style.left = 'auto';
- ntflxNotifyWrap.style.bottom = 'auto';
- }
- // wrap position off
- // if background overlay true on
- var notifyOverlay;
- if (newNotifySettings.backOverlay) {
- notifyOverlay = document.createElement('div');
- notifyOverlay.id = newNotifySettings.ID + 'Overlay';
- notifyOverlay.style.width = '100%';
- notifyOverlay.style.height = '100%';
- notifyOverlay.style.position = 'fixed';
- notifyOverlay.style.zIndex = newNotifySettings.zindex;
- notifyOverlay.style.left = 0;
- notifyOverlay.style.top = 0;
- notifyOverlay.style.right = 0;
- notifyOverlay.style.bottom = 0;
- notifyOverlay.style.background = newNotifySettings.backOverlayColor;
- notifyOverlay.className = (newNotifySettings.cssAnimation ? 'with-animation' : '');
- notifyOverlay.style.animationDuration = (newNotifySettings.cssAnimation) ? newNotifySettings.cssAnimationDuration + 'ms' : '';
- if (!document.getElementById(notifyOverlay.id)) {
- docBody.appendChild(notifyOverlay);
- }
- }
- // if background overlay true off
- if (!document.getElementById(ntflxNotifyWrap.id)) {
- docBody.appendChild(ntflxNotifyWrap);
- }
- // notify wrap off
- // notify content on
- var ntflxNotify = document.createElement('div');
- ntflxNotify.id = newNotifySettings.ID + '-' + notiflixNotifyCount;
- ntflxNotify.className = newNotifySettings.className + ' ' + theType.childClassName + ' ' + (newNotifySettings.cssAnimation ? 'with-animation' : '') + ' ' + (newNotifySettings.useIcon ? 'with-icon' : '') + ' nx-' + newNotifySettings.cssAnimationStyle + ' ' + (newNotifySettings.closeButton && !callback ? 'with-close-button' : '') + ' ' + (callback && typeof callback === 'function' ? 'with-callback' : '') + ' ' + (newNotifySettings.clickToClose ? 'click-to-close' : '');
- ntflxNotify.style.fontSize = newNotifySettings.fontSize;
- ntflxNotify.style.color = theType.textColor;
- ntflxNotify.style.background = theType.background;
- ntflxNotify.style.borderRadius = newNotifySettings.borderRadius;
- // rtl on
- if (newNotifySettings.rtl) {
- ntflxNotify.setAttribute('dir', 'rtl');
- ntflxNotify.classList.add('rtl-on');
- }
- // rtl off
- // font-family on
- ntflxNotify.style.fontFamily = '"' + newNotifySettings.fontFamily + '"' + ', sans-serif';
- // font-family off
- // use css animation on
- if (newNotifySettings.cssAnimation) {
- ntflxNotify.style.animationDuration = newNotifySettings.cssAnimationDuration + 'ms';
- }
- // use css animation off
- // close button element on
- var closeButtonHTML = '';
- if (newNotifySettings.closeButton && !callback) {
- closeButtonHTML = '<span class="notify-close-button"><svg class="clck2cls" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="20px" height="20px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"viewBox="0 0 20 20"xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css">.click2close{fill:' + theType.notiflixIconColor + '}</style></defs><g><path class="click2close" d="M0.38 2.19l7.8 7.81 -7.8 7.81c-0.51,0.5 -0.51,1.31 -0.01,1.81 0.25,0.25 0.57,0.38 0.91,0.38 0.34,0 0.67,-0.14 0.91,-0.38l7.81 -7.81 7.81 7.81c0.24,0.24 0.57,0.38 0.91,0.38 0.34,0 0.66,-0.14 0.9,-0.38 0.51,-0.5 0.51,-1.31 0,-1.81l-7.81 -7.81 7.81 -7.81c0.51,-0.5 0.51,-1.31 0,-1.82 -0.5,-0.5 -1.31,-0.5 -1.81,0l-7.81 7.81 -7.81 -7.81c-0.5,-0.5 -1.31,-0.5 -1.81,0 -0.51,0.51 -0.51,1.32 0,1.82z"/></g></svg></span>';
- }
- // close buttpon element off
- // use icon on
- if (newNotifySettings.useIcon) {
- // use font awesome
- if (newNotifySettings.useFontAwesome) {
- ntflxNotify.innerHTML = '<i style="color:' + theType.fontAwesomeIconColor + '; font-size:' + newNotifySettings.fontAwesomeIconSize + ';" class="nmi wfa ' + theType.fontAwesomeClassName + ' ' + (newNotifySettings.fontAwesomeIconStyle === 'shadow' ? 'shadow' : 'basic') + '"></i><span class="the-message with-icon">' + message + '</span>' + (newNotifySettings.closeButton ? closeButtonHTML : '');
- }
- // use notiflix icon
- else {
- var svgIcon;
- if (staticType === 'Success') { // success
- svgIcon = '<svg class="nmi" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="40px" height="40px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"viewBox="0 0 40 40"xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css">#Notiflix-Icon-Success{fill:' + theType.notiflixIconColor + '}</style></defs><g><path id="Notiflix-Icon-Success" class="fil0" d="M20 0c11.03,0 20,8.97 20,20 0,11.03 -8.97,20 -20,20 -11.03,0 -20,-8.97 -20,-20 0,-11.03 8.97,-20 20,-20zm0 37.98c9.92,0 17.98,-8.06 17.98,-17.98 0,-9.92 -8.06,-17.98 -17.98,-17.98 -9.92,0 -17.98,8.06 -17.98,17.98 0,9.92 8.06,17.98 17.98,17.98zm-2.4 -13.29l11.52 -12.96c0.37,-0.41 1.01,-0.45 1.42,-0.08 0.42,0.37 0.46,1 0.09,1.42l-12.16 13.67c-0.19,0.22 -0.46,0.34 -0.75,0.34 -0.23,0 -0.45,-0.07 -0.63,-0.22l-7.6 -6.07c-0.43,-0.35 -0.5,-0.99 -0.16,-1.42 0.35,-0.43 0.99,-0.5 1.42,-0.16l6.85 5.48z"/></g></svg>';
- } else if (staticType === 'Failure') { // failure
- svgIcon = '<svg class="nmi" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="40px" height="40px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"viewBox="0 0 40 40"xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css">#Notiflix-Icon-Failure{fill:' + theType.notiflixIconColor + '}</style></defs><g><path id="Notiflix-Icon-Failure" class="fil0" d="M20 0c11.03,0 20,8.97 20,20 0,11.03 -8.97,20 -20,20 -11.03,0 -20,-8.97 -20,-20 0,-11.03 8.97,-20 20,-20zm0 37.98c9.92,0 17.98,-8.06 17.98,-17.98 0,-9.92 -8.06,-17.98 -17.98,-17.98 -9.92,0 -17.98,8.06 -17.98,17.98 0,9.92 8.06,17.98 17.98,17.98zm1.42 -17.98l6.13 6.12c0.39,0.4 0.39,1.04 0,1.43 -0.19,0.19 -0.45,0.29 -0.71,0.29 -0.27,0 -0.53,-0.1 -0.72,-0.29l-6.12 -6.13 -6.13 6.13c-0.19,0.19 -0.44,0.29 -0.71,0.29 -0.27,0 -0.52,-0.1 -0.71,-0.29 -0.39,-0.39 -0.39,-1.03 0,-1.43l6.13 -6.12 -6.13 -6.13c-0.39,-0.39 -0.39,-1.03 0,-1.42 0.39,-0.39 1.03,-0.39 1.42,0l6.13 6.12 6.12 -6.12c0.4,-0.39 1.04,-0.39 1.43,0 0.39,0.39 0.39,1.03 0,1.42l-6.13 6.13z"/></g></svg>';
- } else if (staticType === 'Warning') { // warning
- svgIcon = '<svg class="nmi" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="40px" height="40px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"viewBox="0 0 40 40"xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css">#Notiflix-Icon-Warning{fill:' + theType.notiflixIconColor + '}</style></defs><g><path id="Notiflix-Icon-Warning" class="fil0" d="M21.91 3.48l17.8 30.89c0.84,1.46 -0.23,3.25 -1.91,3.25l-35.6 0c-1.68,0 -2.75,-1.79 -1.91,-3.25l17.8 -30.89c0.85,-1.47 2.97,-1.47 3.82,0zm16.15 31.84l-17.8 -30.89c-0.11,-0.2 -0.41,-0.2 -0.52,0l-17.8 30.89c-0.12,0.2 0.05,0.4 0.26,0.4l35.6 0c0.21,0 0.38,-0.2 0.26,-0.4zm-19.01 -4.12l0 -1.05c0,-0.53 0.42,-0.95 0.95,-0.95 0.53,0 0.95,0.42 0.95,0.95l0 1.05c0,0.53 -0.42,0.95 -0.95,0.95 -0.53,0 -0.95,-0.42 -0.95,-0.95zm0 -4.66l0 -13.39c0,-0.52 0.42,-0.95 0.95,-0.95 0.53,0 0.95,0.43 0.95,0.95l0 13.39c0,0.53 -0.42,0.96 -0.95,0.96 -0.53,0 -0.95,-0.43 -0.95,-0.96z"/></g></svg>';
- } else if (staticType === 'Info') { // info
- svgIcon = '<svg class="nmi" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="40px" height="40px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"viewBox="0 0 40 40"xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css">#Notiflix-Icon-Info{fill:' + theType.notiflixIconColor + '}</style></defs><g><path id="Notiflix-Icon-Info" class="fil0" d="M20 0c11.03,0 20,8.97 20,20 0,11.03 -8.97,20 -20,20 -11.03,0 -20,-8.97 -20,-20 0,-11.03 8.97,-20 20,-20zm0 37.98c9.92,0 17.98,-8.06 17.98,-17.98 0,-9.92 -8.06,-17.98 -17.98,-17.98 -9.92,0 -17.98,8.06 -17.98,17.98 0,9.92 8.06,17.98 17.98,17.98zm-0.99 -23.3c0,-0.54 0.44,-0.98 0.99,-0.98 0.55,0 0.99,0.44 0.99,0.98l0 15.86c0,0.55 -0.44,0.99 -0.99,0.99 -0.55,0 -0.99,-0.44 -0.99,-0.99l0 -15.86zm0 -5.22c0,-0.55 0.44,-0.99 0.99,-0.99 0.55,0 0.99,0.44 0.99,0.99l0 1.09c0,0.54 -0.44,0.99 -0.99,0.99 -0.55,0 -0.99,-0.45 -0.99,-0.99l0 -1.09z"/></g></svg>';
- } else {
- svgIcon = '';
- }
- ntflxNotify.innerHTML = svgIcon + '<span class="the-message with-icon">' + message + '</span>' + (newNotifySettings.closeButton ? closeButtonHTML : '');
- }
- }
- // without icon
- else {
- ntflxNotify.innerHTML = '<span class="the-message">' + message + '</span>' + (newNotifySettings.closeButton ? closeButtonHTML : '');
- }
- // use icon off
- // notify content off
- // notify append or prepend on
- if (newNotifySettings.position === 'left-bottom' || newNotifySettings.position === 'right-bottom') { // the new one will be first
- var notifyWrap = document.getElementById(ntflxNotifyWrap.id);
- notifyWrap.insertBefore(ntflxNotify, notifyWrap.firstChild);
- } else {
- document.getElementById(ntflxNotifyWrap.id).appendChild(ntflxNotify);
- }
- if (newNotifySettings.useIcon) { // if useIcon, dynamically vertical align the contents
- var messageIcon = document.getElementById(ntflxNotify.id).querySelectorAll('.nmi')[0];
- var messageIconH = 40;
- // if font awesome
- if (newNotifySettings.useFontAwesome) {
- messageIconH = Math.round(parseInt(messageIcon.offsetHeight));
- }
- // if notiflix SVG
- else {
- var SvgBBox = messageIcon.getBBox();
- messageIconH = Math.round(parseInt(SvgBBox.width));
- }
- var messageText = document.getElementById(ntflxNotify.id).querySelectorAll('span')[0];
- var messageTextH = Math.round(messageText.offsetHeight);
- if (messageTextH <= messageIconH) {
- messageText.style.paddingTop = (messageIconH - messageTextH) / 2 + 'px';
- messageText.style.paddingBottom = (messageIconH - messageTextH) / 2 + 'px';
- }
- }
- // notify append or prepend off
- // remove by timeout or click on
- if (document.getElementById(ntflxNotify.id)) {
- // set elements on
- var removeDiv = document.getElementById(ntflxNotify.id);
- var removeWrap = document.getElementById(ntflxNotifyWrap.id);
- var removeOverlay;
- if (newNotifySettings.backOverlay) {
- removeOverlay = document.getElementById(notifyOverlay.id);
- }
- // set elements on
- // timeout vars on
- var timeoutHide;
- var timeoutRemove;
- // timeout vars off
- // hide notify elm and hide overlay on
- var hideNotifyElementsAndOverlay = function () {
- removeDiv.classList.add('remove');
- if (newNotifySettings.backOverlay && removeWrap.childElementCount <= 0) {
- removeOverlay.classList.add('remove');
- }
- clearTimeout(timeoutHide);
- };
- // hide notify elm and hide overlay off
- // remove notify elm and wrapper on
- var removeNotifyElmentsAndWrapper = function () {
- var notifyExist = document.getElementById(ntflxNotify.id);
- if (notifyExist && removeDiv.parentNode !== null) {
- removeDiv.parentNode.removeChild(removeDiv);
- }
- if (removeWrap.childElementCount <= 0 && removeWrap.parentNode !== null) { // if childs count === 0 remove wrap
- removeWrap.parentNode.removeChild(removeWrap);
- if (newNotifySettings.backOverlay && removeOverlay.parentNode !== null) {
- removeOverlay.parentNode.removeChild(removeOverlay);
- }
- }
- clearTimeout(timeoutRemove);
- };
- // remove notify elm and wrapper off
- // if close button and callback undefined on
- if (newNotifySettings.closeButton && !callback) {
- var closeButtonElm = document.getElementById(ntflxNotify.id).querySelectorAll('span.notify-close-button')[0];
- closeButtonElm.addEventListener('click', function () {
- hideNotifyElementsAndOverlay();
- var clickToCloseTimeout = setTimeout(function () {
- removeNotifyElmentsAndWrapper();
- clearTimeout(clickToCloseTimeout);
- }, newNotifySettings.cssAnimationDuration);
- });
- }
- // if close button and callback undefined off
- // if callback or click to close on
- if ((callback && typeof callback === 'function') || newNotifySettings.clickToClose) {
- removeDiv.addEventListener('click', function (e) {
- if (callback && typeof callback === 'function') {
- callback();
- }
- hideNotifyElementsAndOverlay();
- var callbackTimeout = setTimeout(function () {
- removeNotifyElmentsAndWrapper();
- clearTimeout(callbackTimeout);
- }, newNotifySettings.cssAnimationDuration);
- });
- }
- // if callback or click to close off
- // else auto remove on
- if (!newNotifySettings.closeButton && !callback) {
- timeoutHide = setTimeout(function () {
- hideNotifyElementsAndOverlay();
- }, newNotifySettings.timeout);
- timeoutRemove = setTimeout(function () {
- removeNotifyElmentsAndWrapper();
- }, newNotifySettings.timeout + newNotifySettings.cssAnimationDuration);
- }
- // else auto remove off
- }
- // remove by timeout or click off
- // notify - show only the last one on
- if (newNotifySettings.showOnlyTheLastOne && notiflixNotifyCount > 0) {
- var allNotifyElmNotTheLastOne = document.querySelectorAll('[id^=' + newNotifySettings.ID + '-]:not([id=' + newNotifySettings.ID + '-' + notiflixNotifyCount + '])');
- for (var i = 0; i < allNotifyElmNotTheLastOne.length; i++) {
- var eachNotifyElmNotLastOne = allNotifyElmNotTheLastOne[i];
- if (eachNotifyElmNotLastOne.parentNode !== null) {
- eachNotifyElmNotLastOne.parentNode.removeChild(eachNotifyElmNotLastOne);
- }
- }
- }
- // notify - show only the last one off
- } else {
- notiflixConsoleError('Notiflix Error', 'Where is the arguments?');
- }
- };
- // Notiflix: Notify Single off
- // Notiflix: Report Single on
- var NotiflixReport = function (title, message, buttonText, buttonCallback, theType, staticType) {
- // check the arguments on
- if (!title) { title = 'Notiflix ' + staticType; }
- if (!message) {
- if (staticType === 'Success') {
- message = '"Do not try to become a person of success but try to become a person of value." <br><br>- Albert Einstein';
- }
- else if (staticType === 'Failure') {
- message = '"Failure is simply the opportunity to begin again, this time more intelligently." <br><br>- Henry Ford';
- }
- else if (staticType === 'Warning') {
- message = '"The peoples who want to live comfortably without producing and fatigue; they are doomed to lose their dignity, then liberty, and then independence and destiny." <br><br>- Mustafa Kemal Ataturk';
- }
- else if (staticType === 'Info') {
- message = '"Knowledge rests not upon truth alone, but upon error also." <br><br>- Carl Gustav Jung';
- }
- }
- if (!buttonText) { buttonText = 'Okay'; }
- if (!buttonCallback) { buttonCallback = undefined; }
- // check the arguments off
- // if plainText true = HTML tags not allowed on
- if (newReportSettings.plainText) {
- title = notiflixPlaintext(title);
- message = notiflixPlaintext(message);
- buttonText = notiflixPlaintext(buttonText);
- }
- // if plainText true = HTML tags not allowed off
- // if plainText false but the contents length more than *MaxLength = HTML tags error on
- if (!newReportSettings.plainText) {
- if (title.length > newReportSettings.titleMaxLength) {
- title = 'HTML Tags Error'; // title html error
- message = 'Your Title content length is more than "titleMaxLength" option.'; // message html error
- buttonText = 'Okay'; // button html error
- }
- if (message.length > newReportSettings.messageMaxLength) {
- title = 'HTML Tags Error'; // title html error
- message = 'Your Message content length is more than "messageMaxLength" option.'; // message html error
- buttonText = 'Okay'; // button html error
- }
- if (buttonText.length > newReportSettings.buttonMaxLength) {
- title = 'HTML Tags Error'; // title html error
- message = 'Your Button content length is more than "buttonMaxLength" option.'; // message html error
- buttonText = 'Okay'; // button html error
- }
- }
- // if plainText false but the contents length more than *MaxLength = HTML tags error off
- // max length on
- if (title.length > newReportSettings.titleMaxLength) {
- title = title.substring(0, newReportSettings.titleMaxLength) + '...';
- }
- if (message.length > newReportSettings.messageMaxLength) {
- message = message.substring(0, newReportSettings.messageMaxLength) + '...';
- }
- if (buttonText.length > newReportSettings.buttonMaxLength) {
- buttonText = buttonText.substring(0, newReportSettings.buttonMaxLength) + '...';
- }
- // max length off
- // if cssAnimaion false -> duration on
- if (!newReportSettings.cssAnimation) {
- newReportSettings.cssAnimationDuration = 0;
- }
- // if cssAnimaion false -> duration off
- // report wrap on
- var docBody = document.body;
- var ntflxReportWrap = document.createElement('div');
- ntflxReportWrap.id = reportSettings.ID;
- ntflxReportWrap.className = newReportSettings.className;
- ntflxReportWrap.style.width = newReportSettings.width;
- ntflxReportWrap.style.zIndex = newReportSettings.zindex;
- ntflxReportWrap.style.borderRadius = newReportSettings.borderRadius;
- ntflxReportWrap.style.fontFamily = '"' + newReportSettings.fontFamily + '"' + ', sans-serif';
- // rtl on
- if (newReportSettings.rtl) {
- ntflxReportWrap.setAttribute('dir', 'rtl');
- ntflxReportWrap.classList.add('rtl-on');
- }
- // rtl off
- // overlay on
- var reportOverlay = '';
- if (newReportSettings.backOverlay) {
- reportOverlay = '<div class="' + newReportSettings.className + '-overlay' + (newReportSettings.cssAnimation ? ' with-animation' : '') + '" style="background:' + newReportSettings.backOverlayColor + ';animation-duration:' + newReportSettings.cssAnimationDuration + 'ms;"></div>';
- }
- // overlay off
- // svg icon on
- var svgIcon = '';
- if (staticType === 'Success') {
- svgIcon = notiflixReportSvgSuccess(newReportSettings.svgSize, theType.svgColor);
- } else if (staticType === 'Failure') {
- svgIcon = notiflixReportSvgFailure(newReportSettings.svgSize, theType.svgColor);
- } else if (staticType === 'Warning') {
- svgIcon = notiflixReportSvgWarning(newReportSettings.svgSize, theType.svgColor);
- } else if (staticType === 'Info') {
- svgIcon = notiflixReportSvgInfo(newReportSettings.svgSize, theType.svgColor);
- }
- // svg icon off
- ntflxReportWrap.innerHTML = reportOverlay + '<div class="' + newReportSettings.className + '-content' + (newReportSettings.cssAnimation ? ' with-animation ' : '') + ' nx-' + newReportSettings.cssAnimationStyle + '" style="background:' + newReportSettings.backgroundColor + '; animation-duration:' + newReportSettings.cssAnimationDuration + 'ms;">' +
- '<div style="width:' + newReportSettings.svgSize + '; height:' + newReportSettings.svgSize + ';" class="' + newReportSettings.className + '-icon">' + svgIcon + '</div>' +
- '<h5 class="' + newReportSettings.className + '-title" style="font-weight:500; font-size:' + newReportSettings.titleFontSize + '; color:' + theType.titleColor + ';">' + title + '</h5>' +
- '<p class="' + newReportSettings.className + '-message" style="font-size:' + newReportSettings.messageFontSize + '; color:' + theType.messageColor + ';">' + message + '</p>' +
- '<a id="NXReportButton" class="' + newReportSettings.className + '-button" style="font-weight:500; font-size:' + newReportSettings.buttonFontSize + '; background:' + theType.buttonBackground + '; color:' + theType.buttonColor + ';">' + buttonText + '</a>' +
- '</div>';
- // if there is no report element
- if (!document.getElementById(ntflxReportWrap.id)) {
- // append
- docBody.appendChild(ntflxReportWrap);
- // vertical align on
- var windowH = Math.round(window.innerHeight);
- var reportH = Math.round(document.getElementById(ntflxReportWrap.id).offsetHeight);
- ntflxReportWrap.style.top = (windowH - reportH) / 2 + 'px';
- // vertical align off
- // callback on
- var getReportWrap = document.getElementById(ntflxReportWrap.id);
- var reportButton = document.getElementById('NXReportButton');
- reportButton.addEventListener('click', function () {
- // if callback on
- if (buttonCallback && typeof buttonCallback === 'function') {
- buttonCallback();
- }
- // if callback off
- // remove element on
- getReportWrap.classList.add('remove');
- var timeout = setTimeout(function () {
- if (getReportWrap.parentNode !== null) {
- getReportWrap.parentNode.removeChild(getReportWrap);
- }
- clearTimeout(timeout);
- }, newReportSettings.cssAnimationDuration);
- // remove element off
- });
- // callback off
- }
- // report wrap off
- };
- // Notiflix: Report Single off
- // Notiflix: Confirm Single on
- var NotiflixConfirm = function (title, message, okButtonText, cancelButtonText, okButtonCallback, cancelButtonCallback) {
- // if not initialized pretend like init
- if (!newConfirmSettings) {
- Notiflix.Confirm.Init({});
- }
- // if plainText true => HTML tags not allowed on
- if (newConfirmSettings.plainText) {
- title = notiflixPlaintext(title);
- message = notiflixPlaintext(message);
- okButtonText = notiflixPlaintext(okButtonText);
- cancelButtonText = notiflixPlaintext(cancelButtonText);
- }
- // if plainText true => HTML tags not allowed off
- // if plainText false but the contents length more than *MaxLength = HTML tags error on
- if (!newConfirmSettings.plainText) {
- if (title.length > newConfirmSettings.titleMaxLength) {
- title = 'HTML Tags Error'; // title html error
- message = 'Your Title content length is more than "titleMaxLength" option.'; // message html error
- okButtonText = 'Okay'; // button html error
- cancelButtonText = '...'; // button html error
- }
- if (message.length > newConfirmSettings.messageMaxLength) {
- title = 'HTML Tags Error'; // title html error
- message = 'Your Message content length is more than "messageMaxLength" option.'; // message html error
- okButtonText = 'Okay'; // button html error
- cancelButtonText = '...'; // button html error
- }
- if ((okButtonText.length || cancelButtonText.length) > newConfirmSettings.buttonsMaxLength) {
- title = 'HTML Tags Error'; // title html error
- message = 'Your Buttons contents length is more than "buttonsMaxLength" option.'; // message html error
- okButtonText = 'Okay'; // button html error
- cancelButtonText = '...'; // button html error
- }
- }
- // if plainText false but the contents length more than *MaxLength = HTML tags error off
- // max length on
- if (title.length > newConfirmSettings.titleMaxLength) {
- title = title.substring(0, newConfirmSettings.titleMaxLength) + '...';
- }
- if (message.length > newConfirmSettings.messageMaxLength) {
- message = message.substring(0, newConfirmSettings.messageMaxLength) + '...';
- }
- if (okButtonText.length > newConfirmSettings.buttonsMaxLength) {
- okButtonText = okButtonText.substring(0, newConfirmSettings.buttonsMaxLength) + '...';
- }
- if (cancelButtonText.length > newConfirmSettings.buttonsMaxLength) {
- cancelButtonText = cancelButtonText.substring(0, newConfirmSettings.buttonsMaxLength) + '...';
- }
- // max length off
- // if cssAnimaion false -> duration on
- if (!newConfirmSettings.cssAnimation) {
- newConfirmSettings.cssAnimationDuration = 0;
- }
- // if cssAnimaion false -> duration off
- // confirm wrap on
- var docBody = document.body;
- var ntflxConfirmWrap = document.createElement('div');
- ntflxConfirmWrap.id = confirmSettings.ID;
- ntflxConfirmWrap.className = newConfirmSettings.className + (newConfirmSettings.cssAnimation ? ' with-animation nx-' + newConfirmSettings.cssAnimationStyle : '');
- ntflxConfirmWrap.style.width = newConfirmSettings.width;
- ntflxConfirmWrap.style.zIndex = newConfirmSettings.zindex;
- // rtl on
- if (newConfirmSettings.rtl) {
- ntflxConfirmWrap.setAttribute('dir', 'rtl');
- ntflxConfirmWrap.classList.add('rtl-on');
- }
- // rtl off
- // font-family on
- ntflxConfirmWrap.style.fontFamily = '"' + newConfirmSettings.fontFamily + '"' + ', sans-serif';
- // font-family off
- // if background overlay true on
- var confirmOverlay = '';
- if (newConfirmSettings.backOverlay) {
- confirmOverlay = '<div class="' + newConfirmSettings.className + '-overlay' + (newConfirmSettings.cssAnimation ? ' with-animation' : '') + '" style="background:' + newConfirmSettings.backOverlayColor + ';animation-duration:' + newConfirmSettings.cssAnimationDuration + 'ms;"></div>';
- }
- // if background overlay true off
- // if have a callback => add cancel button on
- var cancelButtonHTML = '';
- if (okButtonCallback) {
- cancelButtonHTML = '<a id="NXConfirmButtonCancel" class="confirm-button-cancel" style="color:' + newConfirmSettings.cancelButtonColor + ';background:' + newConfirmSettings.cancelButtonBackground + ';font-size:' + newConfirmSettings.buttonsFontSize + ';">' + cancelButtonText + '</a>';
- }
- // if have a callback => add cancel button off
- ntflxConfirmWrap.innerHTML = confirmOverlay +
- '<div class="' + newConfirmSettings.className + '-content" style="background:' + newConfirmSettings.backgroundColor + '; animation-duration:' + newConfirmSettings.cssAnimationDuration + 'ms; border-radius: ' + newConfirmSettings.borderRadius + ';">' +
- '<div class="' + newConfirmSettings.className + '-head">' +
- '<h5 style="color:' + newConfirmSettings.titleColor + ';font-size:' + newConfirmSettings.titleFontSize + ';">' + title + '</h5>' +
- '<p style="color:' + newConfirmSettings.messageColor + ';font-size:' + newConfirmSettings.messageFontSize + ';">' + message + '</p>' +
- '</div>' +
- '<div class="' + newConfirmSettings.className + '-buttons">' +
- '<a id="NXConfirmButtonOk" class="confirm-button-ok' + (okButtonCallback ? '' : ' full') + '" style="color:' + newConfirmSettings.okButtonColor + ';background:' + newConfirmSettings.okButtonBackground + ';font-size:' + newConfirmSettings.buttonsFontSize + ';">' + okButtonText + '</a>' +
- cancelButtonHTML +
- '</div>' +
- '</div>';
- // confirm wrap off
- // if there is no confirm box on
- if (!document.getElementById(ntflxConfirmWrap.id)) {
- docBody.appendChild(ntflxConfirmWrap);
- // position on
- if (newConfirmSettings.position === 'center') { // if center-center
- var windowH = Math.round(window.innerHeight);
- var confirmH = Math.round(document.getElementById(ntflxConfirmWrap.id).offsetHeight);
- ntflxConfirmWrap.style.top = (windowH - confirmH) / 2 + 'px';
- ntflxConfirmWrap.style.left = newConfirmSettings.distance;
- ntflxConfirmWrap.style.right = newConfirmSettings.distance;
- ntflxConfirmWrap.style.bottom = 'auto';
- ntflxConfirmWrap.style.margin = 'auto';
- } else if (newConfirmSettings.position === 'right-top') { // if right-top
- ntflxConfirmWrap.style.right = newConfirmSettings.distance;
- ntflxConfirmWrap.style.top = newConfirmSettings.distance;
- ntflxConfirmWrap.style.bottom = 'auto';
- ntflxConfirmWrap.style.left = 'auto';
- ntflxConfirmWrap.style.margin = 'auto';
- } else if (newConfirmSettings.position === 'right-bottom') { // if right-bottom
- ntflxConfirmWrap.style.right = newConfirmSettings.distance;
- ntflxConfirmWrap.style.bottom = newConfirmSettings.distance;
- ntflxConfirmWrap.style.top = 'auto';
- ntflxConfirmWrap.style.left = 'auto';
- ntflxConfirmWrap.style.margin = 'auto';
- } else if (newConfirmSettings.position === 'left-top') { // if left-top
- ntflxConfirmWrap.style.left = newConfirmSettings.distance;
- ntflxConfirmWrap.style.top = newConfirmSettings.distance;
- ntflxConfirmWrap.style.right = 'auto';
- ntflxConfirmWrap.style.bottom = 'auto';
- ntflxConfirmWrap.style.margin = 'auto';
- } else if (newConfirmSettings.position === 'left-bottom') { // if left-bottom
- ntflxConfirmWrap.style.left = newConfirmSettings.distance;
- ntflxConfirmWrap.style.bottom = newConfirmSettings.distance;
- ntflxConfirmWrap.style.top = 'auto';
- ntflxConfirmWrap.style.right = 'auto';
- ntflxConfirmWrap.style.margin = 'auto';
- } else { // if center-top
- ntflxConfirmWrap.style.top = newConfirmSettings.distance;
- ntflxConfirmWrap.style.left = 0;
- ntflxConfirmWrap.style.right = 0;
- ntflxConfirmWrap.style.bottom = 'auto';
- ntflxConfirmWrap.style.margin = 'auto';
- }
- // position off
- // buttons listener on
- var confirmCloseWrap = document.getElementById(ntflxConfirmWrap.id);
- var okButton = document.getElementById('NXConfirmButtonOk');
- // ok button listener on
- okButton.addEventListener('click', function () {
- // if ok callback && if ok callback is a function
- if (okButtonCallback && typeof okButtonCallback === 'function') {
- okButtonCallback();
- }
- confirmCloseWrap.classList.add('remove');
- var timeout = setTimeout(function () {
- if (confirmCloseWrap.parentNode !== null) {
- confirmCloseWrap.parentNode.removeChild(confirmCloseWrap);
- clearTimeout(timeout);
- }
- }, newConfirmSettings.cssAnimationDuration);
- });
- // ok button listener off
- // if ok callback && if ok callback a function => add Cancel Button listener on
- if (okButtonCallback && typeof okButtonCallback === 'function') {
- // cancel button listener on
- var cancelButton = document.getElementById('NXConfirmButtonCancel');
- cancelButton.addEventListener('click', function () {
- // if cancel callback && if cancel callback a function
- if (cancelButtonCallback && typeof cancelButtonCallback === 'function') {
- cancelButtonCallback();
- }
- confirmCloseWrap.classList.add('remove');
- var timeout = setTimeout(function () {
- if (confirmCloseWrap.parentNode !== null) {
- confirmCloseWrap.parentNode.removeChild(confirmCloseWrap);
- clearTimeout(timeout);
- }
- }, newConfirmSettings.cssAnimationDuration);
- });
- // cancel button listener off
- }
- // if ok callback && if ok callback a function => add Cancel Button listener off
- // buttons listener off
- }
- // if there is no confirm box off
- };
- // Notiflix: Confirm Single off
- // Notiflix: Loading Single on
- var NotiflixLoading = function (message, iconType, display, theDelay) {
- // if not initialized pretend like init
- if (!newLoadingSettings) {
- Notiflix.Loading.Init({});
- }
- // check the message
- if (!message) {
- message = '';
- }
- // show loading
- if (display) {
- // if message settings on
- if (message.toString().length > newLoadingSettings.messageMaxLength) {
- message = notiflixPlaintext(message).toString().substring(0, newLoadingSettings.messageMaxLength) + '...';
- } else {
- message = notiflixPlaintext(message).toString();
- }
- var intSvgSize = parseInt(newLoadingSettings.svgSize);
- var messageHTML = '';
- if (message.length > 0) {
- var messagePosTop = Math.round(intSvgSize - (intSvgSize / 4)).toString() + 'px';
- var messageHeight = (parseInt(newLoadingSettings.messageFontSize) * 1.4).toString() + 'px';
- messageHTML = '<p id="' + newLoadingSettings.messageID + '" class="loading-message" style="color:' + newLoadingSettings.messageColor + ';font-size:' + newLoadingSettings.messageFontSize + ';height:' + messageHeight + '; top:' + messagePosTop + ';">' + message + '</p>';
- }
- // if message settings off
- // if cssAnimaion false -> duration on
- if (!newLoadingSettings.cssAnimation) {
- newLoadingSettings.cssAnimationDuration = 0;
- }
- // if cssAnimaion false -> duration off
- // svgIcon on
- var svgIcon = '';
- if (iconType === 'standard') {
- svgIcon = notiflixIndicatorSvgStandard(newLoadingSettings.svgSize, newLoadingSettings.svgColor);
- } else if (iconType === 'hourglass') {
- svgIcon = notiflixIndicatorSvgHourglass(newLoadingSettings.svgSize, newLoadingSettings.svgColor);
- } else if (iconType === 'circle') {
- svgIcon = notiflixIndicatorSvgCircle(newLoadingSettings.svgSize, newLoadingSettings.svgColor);
- } else if (iconType === 'arrows') {
- svgIcon = notiflixIndicatorSvgArrows(newLoadingSettings.svgSize, newLoadingSettings.svgColor);
- } else if (iconType === 'dots') {
- svgIcon = notiflixIndicatorSvgDots(newLoadingSettings.svgSize, newLoadingSettings.svgColor);
- } else if (iconType === 'pulse') {
- svgIcon = notiflixIndicatorSvgPulse(newLoadingSettings.svgSize, newLoadingSettings.svgColor);
- } else if (iconType === 'custom' && newLoadingSettings.customSvgUrl !== null) {
- svgIcon = '<img class="custom-loading-icon" width="' + newLoadingSettings.svgSize + '" height="' + newLoadingSettings.svgSize + '" src="' + newLoadingSettings.customSvgUrl + '" alt="Notiflix">';
- } else if (iconType === 'custom' && newLoadingSettings.customSvgUrl == null) {
- notiflixConsoleError('Notiflix Error', 'You have to set a static SVG url to "customSvgUrl" option to use Loading Custom.');
- return false;
- } else if (iconType === 'notiflix') {
- svgIcon = notiflixIndicatorSvgNotiflix(newLoadingSettings.svgSize, '#f8f8f8', '#32c682');
- }
- var svgPosTop = 0;
- if (message.length > 0) {
- svgPosTop = '-' + Math.round(intSvgSize - (intSvgSize / 4)).toString() + 'px';
- }
- var svgIconHTML = '<div style="top:' + svgPosTop + '; width:' + newLoadingSettings.svgSize + '; height:' + newLoadingSettings.svgSize + ';" class="' + newLoadingSettings.className + '-icon' + (message.length > 0 ? ' with-message' : '') + '">' + svgIcon + '</div>';
- // svgIcon off
- // loading wrap on
- var docBody = document.body;
- var ntflxLoadingWrap = document.createElement('div');
- ntflxLoadingWrap.id = loadingSettings.ID;
- ntflxLoadingWrap.className = newLoadingSettings.className + (newLoadingSettings.cssAnimation ? ' with-animation' : '') + (newLoadingSettings.clickToClose ? ' click-to-close' : '');
- ntflxLoadingWrap.style.zIndex = newLoadingSettings.zindex;
- ntflxLoadingWrap.style.background = newLoadingSettings.backgroundColor;
- ntflxLoadingWrap.style.animationDuration = newLoadingSettings.cssAnimationDuration + 'ms';
- ntflxLoadingWrap.style.fontFamily = '"' + newLoadingSettings.fontFamily + '"' + ', sans-serif';
- // rtl on
- if (newLoadingSettings.rtl) {
- ntflxLoadingWrap.setAttribute('dir', 'rtl');
- ntflxLoadingWrap.classList.add('rtl-on');
- }
- // rtl off
- // append on
- ntflxLoadingWrap.innerHTML = svgIconHTML + messageHTML;
- // if there is no loading element
- if (!document.getElementById(ntflxLoadingWrap.id)) {
- // append
- docBody.appendChild(ntflxLoadingWrap);
- // if click to close
- if (newLoadingSettings.clickToClose) {
- var loadingWrapElm = document.getElementById(ntflxLoadingWrap.id);
- loadingWrapElm.addEventListener('click', function () {
- ntflxLoadingWrap.classList.add('remove');
- var timeout = setTimeout(function () {
- if (ntflxLoadingWrap.parentNode !== null) {
- ntflxLoadingWrap.parentNode.removeChild(ntflxLoadingWrap);
- clearTimeout(timeout);
- }
- }, newLoadingSettings.cssAnimationDuration);
- });
- }
- }
- // append off
- }
- // remove loading
- else {
- // if there is a loading element
- if (document.getElementById(loadingSettings.ID)) {
- var loadingElm = document.getElementById(loadingSettings.ID);
- var timeout = setTimeout(function () {
- loadingElm.classList.add('remove');
- var timeout2 = setTimeout(function () {
- if (loadingElm.parentNode !== null) {
- loadingElm.parentNode.removeChild(loadingElm);
- clearTimeout(timeout2);
- }
- }, newLoadingSettings.cssAnimationDuration);
- clearTimeout(timeout);
- }, theDelay);
- }
- }
- };
- // Notiflix: Loading Single off
- // Notiflix: Loading Change Message on
- var NotiflixLoadingChange = function (newMessage) {
- // check the new message
- if (!newMessage) {
- newMessage = '';
- }
- // if has any loading
- if (document.getElementById(loadingSettings.ID)) {
- // if there is a new message
- if (newMessage.length > 0) {
- // max length on
- if (newMessage.length > newLoadingSettings.messageMaxLength) {
- newMessage = notiflixPlaintext(newMessage).toString().substring(0, newLoadingSettings.messageMaxLength) + '...';
- } else {
- newMessage = notiflixPlaintext(newMessage).toString();
- }
- // max length off
- // there is a message element
- var oldMessageElm = document.getElementById(loadingSettings.ID).getElementsByTagName('p')[0];
- if (oldMessageElm) {
- oldMessageElm.innerHTML = newMessage; // change the message
- }
- // there is no message element
- else {
- // create a new message element on
- var newMessageHTML = document.createElement('p');
- newMessageHTML.id = newLoadingSettings.messageID;
- newMessageHTML.className = 'loading-message new';
- newMessageHTML.style.color = newLoadingSettings.messageColor;
- newMessageHTML.style.fontSize = newLoadingSettings.messageFontSize;
- var intSvgSize = parseInt(newLoadingSettings.svgSize);
- var messagePosTop = Math.round(intSvgSize - (intSvgSize / 4)).toString() + 'px';
- newMessageHTML.style.top = messagePosTop;
- var messageHeight = (parseInt(newLoadingSettings.messageFontSize) * 1.4).toString() + 'px';
- newMessageHTML.style.height = messageHeight;
- newMessageHTML.innerHTML = newMessage;
- var messageWrap = document.getElementById(loadingSettings.ID);
- messageWrap.appendChild(newMessageHTML);
- // create a new message element off
- // vertical align svg on
- var svgDivElm = document.getElementById(loadingSettings.ID).getElementsByTagName('div')[0];
- var svgNewPosTop = '-' + Math.round(intSvgSize - (intSvgSize / 4)).toString() + 'px';
- svgDivElm.style.top = svgNewPosTop;
- // vertical align svg off
- }
- }
- // if no message
- else {
- notiflixConsoleError('Notiflix Error', 'Where is the new message?');
- }
- }
- };
- // Notiflix: Loading Change Message off
- // Notiflix: Block or Unblock Element on
- var notiflixBlockElementCounter = 0;
- var NotiflixBlockUnblockElement = function (block, selector, iconType, message, theDelay) {
- // check typeof selector on
- if (typeof selector !== 'string') {
- notiflixConsoleError('Notiflix Error', 'The selector must be a String.');
- return false;
- }
- // check typeof selector off
- // check the delay on
- if (typeof theDelay !== 'number') {
- theDelay = 0;
- }
- // check the delay off
- // check the selector on
- var getSelector = document.querySelectorAll(selector);
- if (getSelector.length > 0) {
- // if not initialized pretend like init on
- if (!newBlockSettings) {
- Notiflix.Block.Init({});
- }
- // if not initialized pretend like init off
- // check the message on
- if (!message || (message && typeof message !== 'string')) {
- message = undefined;
- }
- // check the message off
- } else {
- notiflixConsoleError('Notiflix Error', 'You called the "Notiflix.Block..." function with "' + selector + '" selector, but there is no such element(s) on the document.');
- return false;
- }
- // check the selector off
- // if cssAnimaion false => duration on
- if (!newBlockSettings.cssAnimation) {
- newBlockSettings.cssAnimationDuration = 0;
- }
- // if cssAnimaion false => duration off
- // check the class name on
- var blockClassName = 'notiflix-block';
- if (newBlockSettings.className && typeof newBlockSettings.className === 'string') {
- blockClassName = newBlockSettings.className.trim();
- }
- // check the class name off
- // check query limit on
- var getQueryLimit = (typeof newBlockSettings.querySelectorLimit === 'number' ? newBlockSettings.querySelectorLimit : 200);
- var checkQueryLimit = (getSelector.length >= getQueryLimit ? getQueryLimit : getSelector.length);
- // check query limit off
- // block
- if (block) {
- // add element(s) and style on
- for (var i = 0; i < checkQueryLimit; i++) {
- var eachSelector = getSelector[i];
- // check block element exist on
- var eachBlockElement = eachSelector.querySelectorAll('[id^=' + blockSettings.ID + ']');
- if (eachBlockElement.length < 1) {
- // check the icon on
- var icon = '';
- if (iconType) {
- if (iconType === 'hourglass') {
- icon = notiflixIndicatorSvgHourglass(newBlockSettings.svgSize, newBlockSettings.svgColor);
- } else if (iconType === 'circle') {
- icon = notiflixIndicatorSvgCircle(newBlockSettings.svgSize, newBlockSettings.svgColor);
- } else if (iconType === 'arrows') {
- icon = notiflixIndicatorSvgArrows(newBlockSettings.svgSize, newBlockSettings.svgColor);
- } else if (iconType === 'dots') {
- icon = notiflixIndicatorSvgDots(newBlockSettings.svgSize, newBlockSettings.svgColor);
- } else if (iconType === 'pulse') {
- icon = notiflixIndicatorSvgPulse(newBlockSettings.svgSize, newBlockSettings.svgColor);
- } else {
- icon = notiflixIndicatorSvgStandard(newBlockSettings.svgSize, newBlockSettings.svgColor);
- }
- }
- var intSvgSize = parseInt(newBlockSettings.svgSize);
- var posRatio = Math.round(intSvgSize - (intSvgSize / 5)).toString() + 'px';
- var svgPosTop = (message && message.length > 0 ? '-' + posRatio : 0);
- var iconElement = '<span class="' + blockClassName + '-icon" style="width:' + newBlockSettings.svgSize + ';height:' + newBlockSettings.svgSize + ';top:' + svgPosTop + ';">' + icon + '</span>';
- // check the icon off
- // check the message on
- var messageElement = '';
- var messageHeight = 0;
- if (message) {
- if (message.length > newBlockSettings.messageMaxLength) {
- message = notiflixPlaintext(message).toString().substring(0, newBlockSettings.messageMaxLength) + '...';
- } else {
- message = notiflixPlaintext(message).toString();
- }
- messageHeight = Math.round(parseInt(newBlockSettings.messageFontSize) * 1.4).toString() + 'px';
- messageElement = '<span style="top:' + posRatio + ';height:' + messageHeight + ';font-family:' + newBlockSettings.fontFamily + ', sans-serif;font-size:' + newBlockSettings.messageFontSize + ';color:' + newBlockSettings.messageColor + ';" class="' + blockClassName + '-message">' + message + '</span>';
- }
- // check the message off
- // block element on
- notiflixBlockElementCounter++;
- var notiflixBlockWrap = document.createElement('div');
- notiflixBlockWrap.id = blockSettings.ID + '-' + notiflixBlockElementCounter;
- notiflixBlockWrap.className = blockClassName + '-wrap' + (newBlockSettings.cssAnimation ? ' with-animation' : '');
- notiflixBlockWrap.style.position = newBlockSettings.position;
- notiflixBlockWrap.style.zIndex = newBlockSettings.zindex;
- notiflixBlockWrap.style.background = newBlockSettings.backgroundColor;
- notiflixBlockWrap.style.animationDuration = newBlockSettings.cssAnimationDuration + 'ms';
- notiflixBlockWrap.style.fontFamily = '"' + newBlockSettings.fontFamily + '"' + ', sans-serif';
- // block element off
- // block element rtl on
- if (newBlockSettings.rtl) {
- notiflixBlockWrap.setAttribute('dir', 'rtl');
- notiflixBlockWrap.classList.add('rtl-on');
- }
- // block element rtl off
- // block element data on
- notiflixBlockWrap.innerHTML = iconElement + messageElement;
- // block element data off
- // append block element on
- var eachSelectorPos = getComputedStyle(eachSelector).getPropertyValue('position');
- eachSelectorPos = eachSelectorPos && typeof eachSelectorPos === 'string' ? eachSelectorPos.toLowerCase() : 'relative';
- // selector internal style on
- var eachSelectorIdOrClass = '';
- if (eachSelector.getAttribute('id')) {
- eachSelectorIdOrClass = '#' + eachSelector.getAttribute('id');
- } else if (eachSelector.classList[0]) {
- eachSelectorIdOrClass = '.' + eachSelector.classList[0];
- }
- var positions = ['absolute', 'relative', 'fixed', 'sticky'];
- if (positions.indexOf(eachSelectorPos) <= -1) {
- var minHeight = Math.round((parseInt(messageHeight) + intSvgSize) * 1.5).toString() + 'px';
- var style = '<style id="Style-' + blockSettings.ID + '-' + notiflixBlockElementCounter + '">' +
- eachSelectorIdOrClass + '.' + blockClassName + '-position{position:relative!important;min-height:' + minHeight + ';}' +
- '</style>';
- var styleRange = document.createRange();
- styleRange.selectNode(document.head);
- var styleFragment = styleRange.createContextualFragment(style);
- document.head.appendChild(styleFragment);
- eachSelector.classList.add(blockClassName + '-position');
- }
- // selector internal style off
- // append
- eachSelector.appendChild(notiflixBlockWrap);
- // append block element off
- }
- // check block element exist off
- }
- // add element(s) and style off
- }
- // unblock/remove
- else {
- // Step 3 => Remove each block element on
- var removeBlockElements = function (eachOne) {
- var timeout = setTimeout(function () {
- // remove element
- eachOne.remove();
- // remove this selector internal style
- var eachOneId = eachOne.getAttribute('id');
- var eachOneStyle = document.getElementById('Style-' + eachOneId);
- if (eachOneStyle) {
- eachOneStyle.remove();
- }
- // clear timeout
- clearTimeout(timeout);
- }, newBlockSettings.cssAnimationDuration);
- }
- // Step 3 => Remove each block element off
- // Step 2A => Remove each block element on
- var removeClassBlockElements = function (eachBlockElement) {
- // if elements exist
- if (eachBlockElement && eachBlockElement.length > 0) {
- for (var i = 0; i < eachBlockElement.length; i++) {
- var eachOne = eachBlockElement[i];
- if (eachOne) {
- // add remove class
- eachOne.classList.add('remove');
- // remove block elements
- removeBlockElements(eachOne);
- }
- }
- }
- // not exist
- else {
- notiflixConsoleLog('Notiflix Info', '"Notiflix.Block.Remove();" function called with "' + selector + '" selector, but this selector does not have a "Notiflix.Block..." element to remove.');
- }
- }
- // Step 2A => Remove each block element on
- // Step 2B => Remove each selector class name on
- var removeEachSelectorClassName = function (eachSelector) {
- var timeout = setTimeout(function () {
- // remove class name
- var positionClass = blockClassName + '-position';
- eachSelector.classList.remove(positionClass);
- // clear timeout
- clearTimeout(timeout);
- }, newBlockSettings.cssAnimationDuration + 300);
- }
- // Step 2B => Remove each selector class name off
- // Step 1 => Remove selector class name on
- var selectorTimeout = setTimeout(function () {
- for (var i = 0; i < checkQueryLimit; i++) {
- var eachSelector = getSelector[i];
- // remove each selector class name
- removeEachSelectorClassName(eachSelector);
- // remove each block element
- eachBlockElement = eachSelector.querySelectorAll('[id^=' + blockSettings.ID + ']');
- removeClassBlockElements(eachBlockElement);
- }
- // clear timeout
- clearTimeout(selectorTimeout);
- }, theDelay);
- // Step 1 => Remove selector class name off
- }
- };
- // Notiflix: Block or Unblock Element off
- // Notiflix: Report SVG Success on
- var notiflixReportSvgSuccess = function (width, color) {
- if (!width) { width = '110px'; }
- if (!color) { color = '#32c682'; }
- var reportSvgSuccess = '<svg id="NXReportSuccess" fill="' + color + '" width="' + width + '" height="' + width + '" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 120 120" xmlns:xlink="http://www.w3.org/1999/xlink"><style>@-webkit-keyframes NXReportSuccess5-animation{0%{-webkit-transform: translate(60px, 57.7px) scale(0.5, 0.5) translate(-60px, -57.7px);transform: translate(60px, 57.7px) scale(0.5, 0.5) translate(-60px, -57.7px);}50%{-webkit-transform: translate(60px, 57.7px) scale(1, 1) translate(-60px, -57.7px);transform: translate(60px, 57.7px) scale(1, 1) translate(-60px, -57.7px);}60%{-webkit-transform: translate(60px, 57.7px) scale(0.95, 0.95) translate(-60px, -57.7px);transform: translate(60px, 57.7px) scale(0.95, 0.95) translate(-60px, -57.7px);}100%{-webkit-transform: translate(60px, 57.7px) scale(1, 1) translate(-60px, -57.7px);transform: translate(60px, 57.7px) scale(1, 1) translate(-60px, -57.7px);}}@keyframes NXReportSuccess5-animation{0%{-webkit-transform: translate(60px, 57.7px) scale(0.5, 0.5) translate(-60px, -57.7px);transform: translate(60px, 57.7px) scale(0.5, 0.5) translate(-60px, -57.7px);}50%{-webkit-transform: translate(60px, 57.7px) scale(1, 1) translate(-60px, -57.7px);transform: translate(60px, 57.7px) scale(1, 1) translate(-60px, -57.7px);}60%{-webkit-transform: translate(60px, 57.7px) scale(0.95, 0.95) translate(-60px, -57.7px);transform: translate(60px, 57.7px) scale(0.95, 0.95) translate(-60px, -57.7px);}100%{-webkit-transform: translate(60px, 57.7px) scale(1, 1) translate(-60px, -57.7px);transform: translate(60px, 57.7px) scale(1, 1) translate(-60px, -57.7px);}}@-webkit-keyframes NXReportSuccess6-animation{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 1;}}@keyframes NXReportSuccess6-animation{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 1;}}@-webkit-keyframes NXReportSuccess4-animation{0%{opacity: 0;}40%{opacity: 1;}100%{opacity: 1;}}@keyframes NXReportSuccess4-animation{0%{opacity: 0;}40%{opacity: 1;}100%{opacity: 1;}}@-webkit-keyframes NXReportSuccess3-animation{0%{-webkit-transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);}40%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}60%{-webkit-transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);}100%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}}@keyframes NXReportSuccess3-animation{0%{-webkit-transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);}40%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}60%{-webkit-transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);}100%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}}#NXReportSuccess *{-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);animation-timing-function: cubic-bezier(0, 0, 1, 1);}#NXReportSuccess4{fill: inherit;-webkit-animation-name: NXReportSuccess4-animation;animation-name: NXReportSuccess4-animation;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);opacity: 1;}#NXReportSuccess6{fill: inherit;-webkit-animation-name: NXReportSuccess6-animation;animation-name: NXReportSuccess6-animation;opacity: 1;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);}#NXReportSuccess3{-webkit-animation-name: NXReportSuccess3-animation;animation-name: NXReportSuccess3-animation;-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);}#NXReportSuccess5{-webkit-animation-name: NXReportSuccess5-animation;animation-name: NXReportSuccess5-animation;-webkit-transform: translate(60px, 57.7px) scale(1, 1) translate(-60px, -57.7px);transform: translate(60px, 57.7px) scale(1, 1) translate(-60px, -57.7px);-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);}</style><g id="NXReportSuccess1"><g id="NXReportSuccess2"><g id="NXReportSuccess3" data-animator-group="true" data-animator-type="2"><path d="M60 115.38c-30.54,0 -55.38,-24.84 -55.38,-55.38 0,-30.54 24.84,-55.38 55.38,-55.38 30.54,0 55.38,24.84 55.38,55.38 0,30.54 -24.84,55.38 -55.38,55.38zm0 -115.38c-33.08,0 -60,26.92 -60,60 0,33.08 26.92,60 60,60 33.08,0 60,-26.92 60,-60 0,-33.08 -26.92,-60 -60,-60z" id="NXReportSuccess4"/></g><g id="NXReportSuccess5" data-animator-group="true" data-animator-type="2"><path d="M88.27 35.39l-35.47 39.9 -21.37 -17.09c-0.98,-0.81 -2.44,-0.63 -3.24,0.36 -0.79,0.99 -0.63,2.44 0.36,3.24l23.08 18.46c0.43,0.34 0.93,0.51 1.44,0.51 0.64,0 1.27,-0.26 1.74,-0.78l36.91 -41.53c0.86,-0.96 0.76,-2.42 -0.19,-3.26 -0.95,-0.86 -2.41,-0.77 -3.26,0.19z" id="NXReportSuccess6"/></g></g></g></svg>';
- return reportSvgSuccess;
- };
- // Notiflix: Report SVG Success off
- // Notiflix: Report SVG Failure on
- var notiflixReportSvgFailure = function (width, color) {
- if (!width) { width = '110px'; }
- if (!color) { color = '#ff5549'; }
- var reportSvgFailure = '<svg id="NXReportFailure" fill=" ' + color + '" width="' + width + '" height="' + width + '" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 120 120" xmlns:xlink="http://www.w3.org/1999/xlink"><style>@-webkit-keyframes NXReportFailure4-animation{0%{opacity: 0;}40%{opacity: 1;}100%{opacity: 1;}}@keyframes NXReportFailure4-animation{0%{opacity: 0;}40%{opacity: 1;}100%{opacity: 1;}}@-webkit-keyframes NXReportFailure3-animation{0%{-webkit-transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);}40%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}60%{-webkit-transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);}100%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}}@keyframes NXReportFailure3-animation{0%{-webkit-transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);}40%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}60%{-webkit-transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);}100%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}}@-webkit-keyframes NXReportFailure5-animation{0%{-webkit-transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);}50%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}60%{-webkit-transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);}100%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}}@keyframes NXReportFailure5-animation{0%{-webkit-transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);}50%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}60%{-webkit-transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);}100%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}}@-webkit-keyframes NXReportFailure6-animation{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 1;}}@keyframes NXReportFailure6-animation{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 1;}}#NXReportFailure *{-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);animation-timing-function: cubic-bezier(0, 0, 1, 1);}#NXReportFailure6{fill:inherit;-webkit-animation-name: NXReportFailure6-animation;animation-name: NXReportFailure6-animation;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);opacity: 1;}#NXReportFailure5{-webkit-animation-name: NXReportFailure5-animation;animation-name: NXReportFailure5-animation;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}#NXReportFailure3{-webkit-animation-name: NXReportFailure3-animation;animation-name: NXReportFailure3-animation;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}#NXReportFailure4{fill:inherit;-webkit-animation-name: NXReportFailure4-animation;animation-name: NXReportFailure4-animation;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);opacity: 1;}</style><g id="NXReportFailure1"><g id="NXReportFailure2"><g id="NXReportFailure3" data-animator-group="true" data-animator-type="2"><path d="M4.35 34.95c0,-16.82 13.78,-30.6 30.6,-30.6l50.1 0c16.82,0 30.6,13.78 30.6,30.6l0 50.1c0,16.82 -13.78,30.6 -30.6,30.6l-50.1 0c-16.82,0 -30.6,-13.78 -30.6,-30.6l0 -50.1zm30.6 85.05l50.1 0c19.22,0 34.95,-15.73 34.95,-34.95l0 -50.1c0,-19.22 -15.73,-34.95 -34.95,-34.95l-50.1 0c-19.22,0 -34.95,15.73 -34.95,34.95l0 50.1c0,19.22 15.73,34.95 34.95,34.95z" id="NXReportFailure4"/></g><g id="NXReportFailure5" data-animator-group="true" data-animator-type="2"><path d="M82.4 37.6c-0.9,-0.9 -2.37,-0.9 -3.27,0l-19.13 19.13 -19.14 -19.13c-0.9,-0.9 -2.36,-0.9 -3.26,0 -0.9,0.9 -0.9,2.35 0,3.26l19.13 19.14 -19.13 19.13c-0.9,0.9 -0.9,2.37 0,3.27 0.45,0.45 1.04,0.68 1.63,0.68 0.59,0 1.18,-0.23 1.63,-0.68l19.14 -19.14 19.13 19.14c0.45,0.45 1.05,0.68 1.64,0.68 0.58,0 1.18,-0.23 1.63,-0.68 0.9,-0.9 0.9,-2.37 0,-3.27l-19.14 -19.13 19.14 -19.14c0.9,-0.91 0.9,-2.36 0,-3.26z" id="NXReportFailure6"/></g></g></g></svg>';
- return reportSvgFailure;
- };
- // Notiflix: Report SVG Failure off
- // Notiflix: Report SVG Warning on
- var notiflixReportSvgWarning = function (width, color) {
- if (!width) { width = '110px'; }
- if (!color) { color = '#eebf31'; }
- var reportSvgWarning = '<svg id="NXReportWarning" fill="' + color + '" width="' + width + '" height="' + width + '" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 120 120" xmlns:xlink="http://www.w3.org/1999/xlink"><style>@-webkit-keyframes NXReportWarning3-animation{0%{opacity: 0;}40%{opacity: 1;}100%{opacity: 1;}}@keyframes NXReportWarning3-animation{0%{opacity: 0;}40%{opacity: 1;}100%{opacity: 1;}}@-webkit-keyframes NXReportWarning2-animation{0%{-webkit-transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);}40%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}60%{-webkit-transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);}100%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}}@keyframes NXReportWarning2-animation{0%{-webkit-transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);}40%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}60%{-webkit-transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);}100%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}}@-webkit-keyframes NXReportWarning4-animation{0%{-webkit-transform: translate(60px, 66.6px) scale(0.5, 0.5) translate(-60px, -66.6px);transform: translate(60px, 66.6px) scale(0.5, 0.5) translate(-60px, -66.6px);}50%{-webkit-transform: translate(60px, 66.6px) scale(1, 1) translate(-60px, -66.6px);transform: translate(60px, 66.6px) scale(1, 1) translate(-60px, -66.6px);}60%{-webkit-transform: translate(60px, 66.6px) scale(0.95, 0.95) translate(-60px, -66.6px);transform: translate(60px, 66.6px) scale(0.95, 0.95) translate(-60px, -66.6px);}100%{-webkit-transform: translate(60px, 66.6px) scale(1, 1) translate(-60px, -66.6px);transform: translate(60px, 66.6px) scale(1, 1) translate(-60px, -66.6px);}}@keyframes NXReportWarning4-animation{0%{-webkit-transform: translate(60px, 66.6px) scale(0.5, 0.5) translate(-60px, -66.6px);transform: translate(60px, 66.6px) scale(0.5, 0.5) translate(-60px, -66.6px);}50%{-webkit-transform: translate(60px, 66.6px) scale(1, 1) translate(-60px, -66.6px);transform: translate(60px, 66.6px) scale(1, 1) translate(-60px, -66.6px);}60%{-webkit-transform: translate(60px, 66.6px) scale(0.95, 0.95) translate(-60px, -66.6px);transform: translate(60px, 66.6px) scale(0.95, 0.95) translate(-60px, -66.6px);}100%{-webkit-transform: translate(60px, 66.6px) scale(1, 1) translate(-60px, -66.6px);transform: translate(60px, 66.6px) scale(1, 1) translate(-60px, -66.6px);}}@-webkit-keyframes NXReportWarning5-animation{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 1;}}@keyframes NXReportWarning5-animation{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 1;}}#NXReportWarning *{-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);animation-timing-function: cubic-bezier(0, 0, 1, 1);}#NXReportWarning3{fill: inherit;-webkit-animation-name: NXReportWarning3-animation;animation-name: NXReportWarning3-animation;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);opacity: 1;}#NXReportWarning5{fill: inherit;-webkit-animation-name: NXReportWarning5-animation;animation-name: NXReportWarning5-animation;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);opacity: 1;}#NXReportWarning4{-webkit-animation-name: NXReportWarning4-animation;animation-name: NXReportWarning4-animation;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);-webkit-transform: translate(60px, 66.6px) scale(1, 1) translate(-60px, -66.6px);transform: translate(60px, 66.6px) scale(1, 1) translate(-60px, -66.6px);}#NXReportWarning2{-webkit-animation-name: NXReportWarning2-animation;animation-name: NXReportWarning2-animation;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}</style><g id="NXReportWarning1"><g id="NXReportWarning2" data-animator-group="true" data-animator-type="2"><path d="M115.46 106.15l-54.04 -93.8c-0.61,-1.06 -2.23,-1.06 -2.84,0l-54.04 93.8c-0.62,1.07 0.21,2.29 1.42,2.29l108.08 0c1.21,0 2.04,-1.22 1.42,-2.29zm-50.29 -95.95l54.04 93.8c2.28,3.96 -0.65,8.78 -5.17,8.78l-108.08 0c-4.52,0 -7.45,-4.82 -5.17,-8.78l54.04 -93.8c2.28,-3.95 8.03,-4 10.34,0z" id="NXReportWarning3"/></g><g id="NXReportWarning4" data-animator-group="true" data-animator-type="2"><path d="M57.83 94.01c0,1.2 0.97,2.17 2.17,2.17 1.2,0 2.17,-0.97 2.17,-2.17l0 -3.2c0,-1.2 -0.97,-2.17 -2.17,-2.17 -1.2,0 -2.17,0.97 -2.17,2.17l0 3.2zm0 -14.15c0,1.2 0.97,2.17 2.17,2.17 1.2,0 2.17,-0.97 2.17,-2.17l0 -40.65c0,-1.2 -0.97,-2.17 -2.17,-2.17 -1.2,0 -2.17,0.97 -2.17,2.17l0 40.65z" id="NXReportWarning5"/></g></g></svg>';
- return reportSvgWarning;
- };
- // Notiflix: Report SVG Warning off
- // Notiflix: Report SVG Info on
- var notiflixReportSvgInfo = function (width, color) {
- if (!width) { width = '110px'; }
- if (!color) { color = '#26c0d3'; }
- var reportSvgInfo = '<svg id="NXReportInfo" fill="' + color + '" width="' + width + '" height="' + width + '" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 120 120" xmlns:xlink="http://www.w3.org/1999/xlink"><style>@-webkit-keyframes NXReportInfo5-animation{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 1;}}@keyframes NXReportInfo5-animation{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 1;}}@-webkit-keyframes NXReportInfo4-animation{0%{-webkit-transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);}50%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}60%{-webkit-transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);}100%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}}@keyframes NXReportInfo4-animation{0%{-webkit-transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);}50%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}60%{-webkit-transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);}100%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}}@-webkit-keyframes NXReportInfo3-animation{0%{opacity: 0;}40%{opacity: 1;}100%{opacity: 1;}}@keyframes NXReportInfo3-animation{0%{opacity: 0;}40%{opacity: 1;}100%{opacity: 1;}}@-webkit-keyframes NXReportInfo2-animation{0%{-webkit-transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);}40%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}60%{-webkit-transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);}100%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}}@keyframes NXReportInfo2-animation{0%{-webkit-transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.5, 0.5) translate(-60px, -60px);}40%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}60%{-webkit-transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);transform: translate(60px, 60px) scale(0.95, 0.95) translate(-60px, -60px);}100%{-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}}#NXReportInfo *{-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);animation-timing-function: cubic-bezier(0, 0, 1, 1);}#NXReportInfo3{fill:inherit;-webkit-animation-name: NXReportInfo3-animation;animation-name: NXReportInfo3-animation;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);opacity: 1;}#NXReportInfo5{fill:inherit;-webkit-animation-name: NXReportInfo5-animation;animation-name: NXReportInfo5-animation;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);opacity: 1;}#NXReportInfo2{-webkit-animation-name: NXReportInfo2-animation;animation-name: NXReportInfo2-animation;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}#NXReportInfo4{-webkit-animation-name: NXReportInfo4-animation;animation-name: NXReportInfo4-animation;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);-webkit-transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);transform: translate(60px, 60px) scale(1, 1) translate(-60px, -60px);}</style><g id="NXReportInfo1"><g id="NXReportInfo2" data-animator-group="true" data-animator-type="2"><path d="M60 115.38c-30.54,0 -55.38,-24.84 -55.38,-55.38 0,-30.54 24.84,-55.38 55.38,-55.38 30.54,0 55.38,24.84 55.38,55.38 0,30.54 -24.84,55.38 -55.38,55.38zm0 -115.38c-33.08,0 -60,26.92 -60,60 0,33.08 26.92,60 60,60 33.08,0 60,-26.92 60,-60 0,-33.08 -26.92,-60 -60,-60z" id="NXReportInfo3"/></g><g id="NXReportInfo4" data-animator-group="true" data-animator-type="2"><path d="M57.75 43.85c0,-1.24 1.01,-2.25 2.25,-2.25 1.24,0 2.25,1.01 2.25,2.25l0 48.18c0,1.24 -1.01,2.25 -2.25,2.25 -1.24,0 -2.25,-1.01 -2.25,-2.25l0 -48.18zm0 -15.88c0,-1.24 1.01,-2.25 2.25,-2.25 1.24,0 2.25,1.01 2.25,2.25l0 3.32c0,1.25 -1.01,2.25 -2.25,2.25 -1.24,0 -2.25,-1 -2.25,-2.25l0 -3.32z" id="NXReportInfo5"/></g></g></svg>';
- return reportSvgInfo;
- };
- // Notiflix: Report SVG Info off
- // Notiflix: Indicator SVG standard on
- var notiflixIndicatorSvgStandard = function (width, color) {
- if (!width) { width = '60px'; }
- if (!color) { color = '#32c682'; }
- var standard = '<svg stroke="' + color + '" width="' + width + '" height="' + width + '" viewBox="0 0 38 38" style="transform:scale(0.8);" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle stroke-opacity=".25" cx="18" cy="18" r="18"/><path d="M36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/></path></g></g></svg>';
- return standard;
- };
- // Notiflix: Indicator SVG standard off
- // Notiflix: Indicator SVG hourglass on
- var notiflixIndicatorSvgHourglass = function (width, color) {
- if (!width) { width = '60px'; }
- if (!color) { color = '#32c682'; }
- var hourglass = '<svg id="NXLoadingHourglass" fill="' + color + '" width="' + width + '" height="' + width + '" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 200 200"><style>@-webkit-keyframes NXhourglass5-animation{0%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}16.67%{-webkit-transform: scale(1, 0.8);transform: scale(1, 0.8);}33.33%{-webkit-transform: scale(0.88, 0.6);transform: scale(0.88, 0.6);}37.50%{-webkit-transform: scale(0.85, 0.55);transform: scale(0.85, 0.55);}41.67%{-webkit-transform: scale(0.8, 0.5);transform: scale(0.8, 0.5);}45.83%{-webkit-transform: scale(0.75, 0.45);transform: scale(0.75, 0.45);}50%{-webkit-transform: scale(0.7, 0.4);transform: scale(0.7, 0.4);}54.17%{-webkit-transform: scale(0.6, 0.35);transform: scale(0.6, 0.35);}58.33%{-webkit-transform: scale(0.5, 0.3);transform: scale(0.5, 0.3);}83.33%{-webkit-transform: scale(0.2, 0);transform: scale(0.2, 0);}100%{-webkit-transform: scale(0.2, 0);transform: scale(0.2, 0);}}@keyframes NXhourglass5-animation{0%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}16.67%{-webkit-transform: scale(1, 0.8);transform: scale(1, 0.8);}33.33%{-webkit-transform: scale(0.88, 0.6);transform: scale(0.88, 0.6);}37.50%{-webkit-transform: scale(0.85, 0.55);transform: scale(0.85, 0.55);}41.67%{-webkit-transform: scale(0.8, 0.5);transform: scale(0.8, 0.5);}45.83%{-webkit-transform: scale(0.75, 0.45);transform: scale(0.75, 0.45);}50%{-webkit-transform: scale(0.7, 0.4);transform: scale(0.7, 0.4);}54.17%{-webkit-transform: scale(0.6, 0.35);transform: scale(0.6, 0.35);}58.33%{-webkit-transform: scale(0.5, 0.3);transform: scale(0.5, 0.3);}83.33%{-webkit-transform: scale(0.2, 0);transform: scale(0.2, 0);}100%{-webkit-transform: scale(0.2, 0);transform: scale(0.2, 0);}}@-webkit-keyframes NXhourglass3-animation{0%{-webkit-transform: scale(1, 0.02);transform: scale(1, 0.02);}79.17%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}100%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}}@keyframes NXhourglass3-animation{0%{-webkit-transform: scale(1, 0.02);transform: scale(1, 0.02);}79.17%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}100%{-webkit-transform: scale(1, 1);transform: scale(1, 1);}}@-webkit-keyframes NXhourglass1-animation{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}83.33%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}100%{-webkit-transform: rotate(180deg);transform: rotate(180deg);}}@keyframes NXhourglass1-animation{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}83.33%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}100%{-webkit-transform: rotate(180deg);transform: rotate(180deg);}}#NXLoadingHourglass *{-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);animation-timing-function: cubic-bezier(0, 0, 1, 1);}#NXhourglass7{fill: inherit;}#NXhourglass1{-webkit-animation-name: NXhourglass1-animation;animation-name: NXhourglass1-animation;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;transform-box: fill-box;}#NXhourglass3{-webkit-animation-name: NXhourglass3-animation;animation-name: NXhourglass3-animation;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;transform-box: fill-box;}#NXhourglass5{-webkit-animation-name: NXhourglass5-animation;animation-name: NXhourglass5-animation;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;transform-box: fill-box;}g#NXhourglass5,#NXhourglass3{fill: inherit;opacity: .4;}</style><g id="NXhourglass1" data-animator-group="true" data-animator-type="1"><g id="NXhourglass2"><g id="NXhourglass3" data-animator-group="true" data-animator-type="2"><polygon points="100,100 65.62,132.08 65.62,163.22 134.38,163.22 134.38,132.08 " id="NXhourglass4"/></g><g id="NXhourglass5" data-animator-group="true" data-animator-type="2"><polygon points="100,100 65.62,67.92 65.62,36.78 134.38,36.78 134.38,67.92" id="NXhourglass6"/></g> <path d="M51.14 38.89l8.33 0 0 14.93c0,15.1 8.29,28.99 23.34,39.1 1.88,1.25 3.04,3.97 3.04,7.08 0,3.11 -1.16,5.83 -3.04,7.09 -15.05,10.1 -23.34,23.99 -23.34,39.09l0 14.93 -8.33 0c-2.68,0 -4.86,2.18 -4.86,4.86 0,2.69 2.18,4.86 4.86,4.86l97.72 0c2.68,0 4.86,-2.17 4.86,-4.86 0,-2.68 -2.18,-4.86 -4.86,-4.86l-8.33 0 0 -14.93c0,-15.1 -8.29,-28.99 -23.34,-39.09 -1.88,-1.26 -3.04,-3.98 -3.04,-7.09 0,-3.11 1.16,-5.83 3.04,-7.08 15.05,-10.11 23.34,-24 23.34,-39.1l0 -14.93 8.33 0c2.68,0 4.86,-2.18 4.86,-4.86 0,-2.69 -2.18,-4.86 -4.86,-4.86l-97.72 0c-2.68,0 -4.86,2.17 -4.86,4.86 0,2.68 2.18,4.86 4.86,4.86zm79.67 14.93c0,15.87 -11.93,26.25 -19.04,31.03 -4.6,3.08 -7.34,8.75 -7.34,15.15 0,6.41 2.74,12.07 7.34,15.15 7.11,4.78 19.04,15.16 19.04,31.03l0 14.93 -61.62 0 0 -14.93c0,-15.87 11.93,-26.25 19.04,-31.02 4.6,-3.09 7.34,-8.75 7.34,-15.16 0,-6.4 -2.74,-12.07 -7.34,-15.15 -7.11,-4.78 -19.04,-15.16 -19.04,-31.03l0 -14.93 61.62 0 0 14.93z" id="NXhourglass7"/></g></g></svg>';
- return hourglass;
- };
- // Notiflix: Indicator SVG hourglass off
- // Notiflix: Indicator SVG circle on
- var notiflixIndicatorSvgCircle = function (width, color) {
- if (!width) { width = '60px'; }
- if (!color) { color = '#32c682'; }
- var circle = '<svg id="NXLoadingCircle" width="' + width + '" height="' + width + '" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="25 25 50 50" xml:space="preserve" version="1.1"><style>#NXLoadingCircle{-webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: ' + width + '; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: ' + width + '; position: absolute; top: 0; left: 0; margin: auto;}.notiflix-loader-circle-path{stroke-dasharray: 150,200; stroke-dashoffset: -10; -webkit-animation: dash 1.5s ease-in-out infinite, color 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 1.5s ease-in-out infinite; stroke-linecap: round;}@-webkit-keyframes rotate{100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}@keyframes rotate{100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}@-webkit-keyframes dash{0%{stroke-dasharray: 1,200; stroke-dashoffset: 0;}50%{stroke-dasharray: 89,200; stroke-dashoffset: -35;}100%{stroke-dasharray: 89,200; stroke-dashoffset: -124;}}@keyframes dash{0%{stroke-dasharray: 1,200; stroke-dashoffset: 0;}50%{stroke-dasharray: 89,200; stroke-dashoffset: -35;}100%{stroke-dasharray: 89,200; stroke-dashoffset: -124;}}</style><circle class="notiflix-loader-circle-path" cx="50" cy="50" r="20" fill="none" stroke="' + color + '" stroke-width="2"/></svg>';
- return circle;
- };
- // Notiflix: Indicator SVG circle off
- // Notiflix: Indicator SVG arrows on
- var notiflixIndicatorSvgArrows = function (width, color) {
- if (!width) { width = '60px'; }
- if (!color) { color = '#32c682'; }
- var arrows = '<svg id="NXLoadingArrows" fill="' + color + '" width="' + width + '" height="' + width + '" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 128 128" xml:space="preserve"><g><path fill="inherit" fill-opacity="1" d="M109.25 55.5h-36l12-12a29.54 29.54 0 0 0-49.53 12H18.75A46.04 46.04 0 0 1 96.9 31.84l12.35-12.34v36zm-90.5 17h36l-12 12a29.54 29.54 0 0 0 49.53-12h16.97A46.04 46.04 0 0 1 31.1 96.16L18.74 108.5v-36z" /><animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1.5s" repeatCount="indefinite"></animateTransform></g></svg>';
- return arrows;
- };
- // Notiflix: Indicator SVG arrows off
- // Notiflix: Indicator SVG dots on
- var notiflixIndicatorSvgDots = function (width, color) {
- if (!width) { width = '60px'; }
- if (!color) { color = '#32c682'; }
- var dots = '<svg id="NXLoadingDots" fill="' + color + '" width="' + width + '" height="' + width + '" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><g transform="translate(25 50)"><circle cx="0" cy="0" r="9" fill="inherit" transform="scale(0.239 0.239)"><animateTransform attributeName="transform" type="scale" begin="-0.266s" calcMode="spline" keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1" dur="0.8s" repeatCount="indefinite"/></circle></g><g transform="translate(50 50)"> <circle cx="0" cy="0" r="9" fill="inherit" transform="scale(0.00152 0.00152)"><animateTransform attributeName="transform" type="scale" begin="-0.133s" calcMode="spline" keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1" dur="0.8s" repeatCount="indefinite"/></circle></g><g transform="translate(75 50)"><circle cx="0" cy="0" r="9" fill="inherit" transform="scale(0.299 0.299)"><animateTransform attributeName="transform" type="scale" begin="0s" calcMode="spline" keySplines="0.3 0 0.7 1;0.3 0 0.7 1" values="0;1;0" keyTimes="0;0.5;1" dur="0.8s" repeatCount="indefinite"/></circle></g></svg>';
- return dots;
- };
- // Notiflix: Indicator SVG dots off
- // Notiflix: Indicator SVG pulse on
- var notiflixIndicatorSvgPulse = function (width, color) {
- if (!width) { width = '60px'; }
- if (!color) { color = '#32c682'; }
- var pulse = '<svg stroke="' + color + '" width="' + width + '" height="' + width + '" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-width="2"><circle cx="22" cy="22" r="1"><animate attributeName="r" begin="0s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite"/><animate attributeName="stroke-opacity" begin="0s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite"/></circle><circle cx="22" cy="22" r="1"><animate attributeName="r" begin="-0.9s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite"/><animate attributeName="stroke-opacity" begin="-0.9s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite"/></circle></g></svg>';
- return pulse;
- };
- // Notiflix: Indicator SVG pulse off
- // Notiflix: Indicator SVG notiflix on
- var notiflixIndicatorSvgNotiflix = function (width, white, green) {
- if (!width) { width = '60px'; }
- if (!white) { white = '#f8f8f8'; }
- if (!green) { green = '#32c682'; }
- var notiflixIcon = '<svg id="NXLoadingNotiflixLib" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="' + width + '" height="' + width + '" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 200 200" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css">.line{stroke:' + white + ';stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22;}.line{fill:none;}.dot{fill:' + green + ';stroke:' + green + ';stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:22;}.n{stroke-dasharray: 500;stroke-dashoffset: 0;animation-name: notiflix-n;animation-timing-function: linear;animation-duration: 2.5s;animation-delay:0s;animation-iteration-count: infinite;animation-direction: normal;}@keyframes notiflix-n{0%{stroke-dashoffset: 1000;}100%{stroke-dashoffset: 0;}}.x2,.x1{stroke-dasharray: 500;stroke-dashoffset: 0;animation-name: notiflix-x;animation-timing-function: linear;animation-duration: 2.5s;animation-delay:.2s;animation-iteration-count: infinite;animation-direction: normal;}@keyframes notiflix-x{0%{stroke-dashoffset: 1000;}100%{stroke-dashoffset: 0;}}.dot{animation-name: notiflix-dot;animation-timing-function: ease-in-out;animation-duration: 1.25s;animation-iteration-count: infinite;animation-direction: normal;}@keyframes notiflix-dot{0%{stroke-width: 0;}50%{stroke-width: 12;}100%{stroke-width: 0;}}</style></defs><g><path class="dot" d="M47.97 135.05c3.59,0 6.5,2.91 6.5,6.5 0,3.59 -2.91,6.5 -6.5,6.5 -3.59,0 -6.5,-2.91 -6.5,-6.5 0,-3.59 2.91,-6.5 6.5,-6.5z"/><path class="line n" d="M10.14 144.76l0 -0.22 0 -0.96 0 -56.03c0,-5.68 -4.54,-41.36 37.83,-41.36 42.36,0 37.82,35.68 37.82,41.36l0 57.21"/><path class="line x1" d="M115.06 144.49c24.98,-32.68 49.96,-65.35 74.94,-98.03"/><path class="line x2" d="M114.89 46.6c25.09,32.58 50.19,65.17 75.29,97.75"/></g></svg>';
- return notiflixIcon;
- };
- // Notiflix: Indicator SVG notiflix off
- /*
- * 侧边滑出弹层插件 mSlider.js
- * DH (https://denghao.me)
- * 2018-07
- */
- // (function(b, c) {
- // function a(d) {
- // this.opts = {
- // "direction": d.direction || "left",
- // "distance": d.distance || "60%",
- // "dom": this.Q(d.dom),
- // "time": d.time || "",
- // "maskClose": (d.maskClose + "").toString() !== "false" ? true : false,
- // "callback": d.callback || ""
- // };
- // this.rnd = this.rnd();
- // this.dom = this.opts.dom[0];
- // this.wrap = "";
- // this.inner = "";
- // this.mask = "";
- // this.init()
- // }
- // a.prototype = {
- // Q: function(d) {
- // return document.querySelectorAll(d)
- // },
- // isMobile: function() {
- // return navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i) ? true : false
- // },
- // addEvent: function(f, e, d) {
- // if (f.attachEvent) {
- // f.attachEvent("on" + e, d)
- // } else {
- // f.addEventListener(e, d, false)
- // }
- // },
- // rnd: function() {
- // return Math.random().toString(36).substr(2, 6)
- // },
- // init: function() {
- // var g = this;
- // if (!g.dom) {
- // console.log("未正确绑定弹窗容器");
- // return
- // }
- // var d = document.createElement("div");
- // var e = document.createElement("div");
- // var f = document.createElement("div");
- // d.setAttribute("class", "mSlider-main ms-" + g.rnd);
- // e.setAttribute("class", "mSlider-inner");
- // f.setAttribute("class", "mSlider-mask");
- // g.Q("body")[0].appendChild(d);
- // g.Q(".ms-" + g.rnd)[0].appendChild(e);
- // g.Q(".ms-" + g.rnd)[0].appendChild(f);
- // g.wrap = g.Q(".ms-" + g.rnd)[0];
- // g.inner = g.Q(".ms-" + g.rnd + " .mSlider-inner")[0];
- // g.mask = g.Q(".ms-" + g.rnd + " .mSlider-mask")[0];
- // g.inner.appendChild(g.dom);
- // switch (g.opts.direction) {
- // case "top":
- // g.top = "0";
- // g.left = "0";
- // g.width = "100%";
- // g.height = g.opts.distance;
- // g.translate = "0,-100%,0";
- // break;
- // case "bottom":
- // g.bottom = "0";
- // g.left = "0";
- // g.width = "100%";
- // g.height = g.opts.distance;
- // g.translate = "0,100%,0";
- // break;
- // case "right":
- // g.top = "0";
- // g.right = "0";
- // g.width = g.opts.distance;
- // g.height = document.documentElement.clientHeight + "px";
- // g.translate = "100%,0,0";
- // break;
- // default:
- // g.top = "0";
- // g.left = "0";
- // g.width = g.opts.distance;
- // g.height = document.documentElement.clientHeight + "px";
- // g.translate = "-100%,0,0"
- // }
- // g.wrap.style.display = "none";
- // g.wrap.style.position = "fixed";
- // g.wrap.style.top = "0";
- // g.wrap.style.left = "0";
- // g.wrap.style.width = "100%";
- // g.wrap.style.height = "100%";
- // g.wrap.style.zIndex = 99;
- // g.inner.style.position = "absolute";
- // g.inner.style.top = g.top;
- // g.inner.style.bottom = g.bottom;
- // g.inner.style.left = g.left;
- // g.inner.style.right = g.right;
- // g.inner.style.width = g.width;
- // g.inner.style.height = g.height;
- // g.inner.style.backgroundColor = "#fff";
- // g.inner.style.transform = "translate3d(" + g.translate + ")";
- // g.inner.style.webkitTransition = "all .2s ease-out";
- // g.inner.style.transition = "all .2s ease-out";
- // g.inner.style.zIndex = 100;
- // g.mask.style.width = "100%";
- // g.mask.style.height = "100%";
- // g.mask.style.opacity = "0";
- // g.mask.style.backgroundColor = "black";
- // g.mask.style.zIndex = "98";
- // g.mask.style.webkitTransition = "all .2s ease-out";
- // g.mask.style.transition = "all .2s ease-out";
- // g.mask.style.webkitBackfaceVisibility = "hidden";
- // g.events()
- // },
- // open: function() {
- // var d = this;
- // d.wrap.style.display = "block";
- // setTimeout(function() {
- // d.inner.style.transform = "translate3d(0,0,0)";
- // d.inner.style.webkitTransform = "translate3d(0,0,0)";
- // d.mask.style.opacity = 0.5
- // }, 30);
- // if (d.opts.time) {
- // d.timer = setTimeout(function() {
- // d.close()
- // }, d.opts.time)
- // }
- // },
- // close: function() {
- // var d = this;
- // d.timer && clearTimeout(d.timer);
- // d.inner.style.webkitTransform = "translate3d(" + d.translate + ")";
- // d.inner.style.transform = "translate3d(" + d.translate + ")";
- // d.mask.style.opacity = 0;
- // setTimeout(function() {
- // d.wrap.style.display = "none";
- // d.timer = null;
- // d.opts.callback && d.opts.callback()
- // }, 300)
- // },
- // events: function() {
- // var d = this;
- // d.addEvent(d.mask, "touchmove", function(f) {
- // f.preventDefault()
- // });
- // d.addEvent(d.mask, (d.isMobile() ? "touchend" : "click"), function(f) {
- // if (d.opts.maskClose) {
- // d.close()
- // }
- // })
- // }
- // };
- // b.mSlider = a
- // })(window);
- exports(MOD_NAME,pearOper);
- })
|