GIF89a=( õ' 7IAXKgNgYvYx\%wh…hŽth%ˆs%—x¨}9®Œ©€&©‰%¶†(¹–.¹5·œD¹&Çš)ÇŸ5ǘ;Í£*È¡&Õ²)ׯ7×µ<Ñ»4ï°3ø‘HÖ§KͯT÷¨Yÿšqÿ»qÿÔFØ !ù ' !ÿ NETSCAPE2.0 , =( þÀ“pH,È¤rÉl:ŸÐ¨tJ­Z¯Ø¬vËíz¿à°xL.›Ïè´zÍn»ßð¸|N¯Ûïø¼~Ïïûÿ€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ ¡¢£¤¥¦§gª«ªE¯°¨¬ª±²Œ¹º¹E¾­”´ÂB¶¯ §Åȸ»ÑD¾¿Á•ÄÅ®° ÝH¾ÒLÀÆDÙ«D¶BÝïðÀ¾DÑÑÔTÌÍíH òGö¨A RÎڐ |¥ ٭&ºìE8œ¹kGÔAÞpx­a¶­ã R2XB®åE8I€Õ6Xî:vT)äžþÀq¦è³¥ì仕F~%xñ  4#ZÔ‰O|-4Bs‘X:= QÉ œš lºÒyXJŠGȦ|s hÏíK–3l7·B|¥$'7Jީܪ‰‡àá”Dæn=Pƒ ¤Òëí‰`䌨ljóá¯Éüv>á–Á¼5 ½.69ûϸd«­ºÀûnlv©‹ªîf{¬ÜãPbŸ  l5‘Ž¯pß ´ ˜3aÅùäI«O’ý·‘áÞ‡˜¾Æ‚ÙÏiÇÿ‹Àƒ #öó)pâš Þ½ ‘Ý{ó)vmÞü%D~ 6f s}ŃƒDØW Eþ`‡þ À…L8xá†ç˜{)x`X/> Ì}mø‚–RØ‘*|`D=‚Ø_ ^ð5 !_…'aä“OÚ—7âcð`D”Cx`ÝÂ¥ä‹éY¹—F¼¤¥Š?¡Õ™ n@`} lď’ÄÉ@4>ñd œ à‘vÒxNÃ×™@žd=ˆgsžG±æ ´²æud &p8Qñ)ˆ«lXD©øÜéAžHìySun jª×k*D¤LH] †¦§C™Jä–´Xb~ʪwStŽ6K,°£qÁœ:9ت:¨þªl¨@¡`‚ûÚ ».Û¬¯t‹ÆSÉ[:°=Š‹„‘Nåû”Ìî{¿ÂA ‡Rà›ÀÙ6úë°Ÿð0Ä_ ½;ÃϱîÉì^ÇÛÇ#Ëë¼ôº!±Ä˜íUîÅÇ;0L1óÁµö«p% AÀºU̬ݵ¼á%霼€‡¯Á~`ÏG¯»À× ­²± =4ªnpð3¾¤³¯­ü¾¦îuÙuµÙ®|%2ÊIÿür¦#0·ÔJ``8È@S@5ê¢ ö×Þ^`8EÜ]ý.뜃Âç 7 ú ȉÞj œ½Dç zý¸iþœÑÙûÄë!ˆÞÀl§Ïw‹*DçI€nEX¯¬¼ &A¬Go¼QföõFç°¯;é¦÷îŽêJ°îúôF5¡ÌQ|îúöXªæ»TÁÏyñêï]ê² o óÎC=öõ›ÒÓPB@ D×½œä(>èCÂxŽ`±«Ÿ–JЀ»Û á¤±p+eE0`ëŽ`A Ú/NE€Ø†À9‚@¤à H½7”à‡%B‰`Àl*ƒó‘–‡8 2ñ%¸ —€:Ù1Á‰E¸àux%nP1ð!‘ðC)¾P81lÑɸF#ˆ€{´âé°ÈB„0>±û °b¡Š´±O‚3È–Ù()yRpbµ¨E.Z‘D8ÊH@% òŒx+%Ù˜Æcü »¸˜fõ¬b·d`Fê™8èXH"ÉÈ-±|1Ô6iI, 2““¬$+](A*jÐ QTÂo‰.ÛU슬Œã„Ž`¯SN¡–¶Äåyše¯ª’­¬‚´b¦Éož œ)åyâ@Ì®3 ÎtT̉°&Ø+žLÀf"Ø-|žçÔ>‡Ðv¦Ðžì\‚ Q1)Ž@Žh#aP72”ˆ™¨$‚ !ù " , =( …7IAXG]KgNgYvYxR"k\%w]'}hŽth%ˆg+ˆs%—r.—m3šx3˜x¨}9®€&©€+¨‡7§‰%¶†(¹–.¹œD¹&ǘ;Í•&ײ)×»4ïÌ6ò§KÍ þ@‘pH,È¤rÉl:ŸÐ¨tJ­Z¯Ø¬vËíz¿à°xL.›Ïè´zÍn»ßð¸|N¯Ûïø¼~Ïïûÿ€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ ¡¢£¤¥¦§g «¬ E ±± ¨­¶°ººE Á´”·®C¬²§Ç¶Œ»ÓDÃÕƷ¯Ê±H½ºM×ÁGÚ¬D¶BËÁ½î½DÓôTÏÛßîG»ôõC×CÌ l&âž:'òtU³6ɹ#·Ø)€'Ü.6±&ëÍÈ» K(8p0N?!æ2"ÛˆNIJX>R¼ÐO‚M '¡¨2¸*Ÿþ>#n↠å@‚<[:¡Iïf’ ¤TÚ˘CdbÜÙ“[«ŽEú5MBo¤×@€`@„€Êt W-3 ¶Ÿ¡BíêäjIÝ…Eò9[T…$íêﯧ„…•s»Óȳ¹€ÅÚdc®UUρ#±Ùïldj?´í¼²`\ŽÁðÞu|3'ÖŒ]ë6 ¶S#²‡˜FKLÈ *N E´‘áäŠ$˜›eÄYD„ºq«.è촁ƒs \-ÔjA 9²õ÷å- üúM[Âx(ís÷ì®x€|í¡Ù’p¦‚ ŽkÛTÇDpE@WÜ ²Ç]kŠ1¨ þ€·Yb ÓÁ‰l°*n0 ç™—žzBdОu¾7ĉBl€â‰-ºx~|UåU‰  h*Hœ|e"#"?vpÄiŠe6^ˆ„+qâŠm8 #VÇá ‘å–ÄV„œ|Šè•m"сœn|@›U¶ÆΞ—Špb¥G¨ED”€±Úê2FÌIç? >Éxå Œ± ¡¤„%‘žjŸ‘ꄯ<Ìaà9ijÐ2˜D¦È&›†Z`‚å]wþ¼Â:ç6àB¤7eFJ|õÒ§Õ,¨äàFÇ®cS·Ê¶+B°,‘Þ˜ºNûãØ>PADÌHD¹æž«ÄÀnÌ¥}­#Ë’ë QÀÉSÌÂÇ2ÌXÀ{æk²lQÁ2«ÊðÀ¯w|2Í h‹ÄÂG€,m¾¶ë3ÐÙ6-´ÅE¬L°ÆIij*K½ÀÇqï`DwVÍQXœÚÔpeœ±¬Ñ q˜§Tœ½µƒ°Œìu Â<¶aØ*At¯lmEØ ü ôÛN[P1ÔÛ¦­±$ÜÆ@`ùåDpy¶yXvCAyåB`ŽD¶ 0QwG#¯ æš[^Äþ $ÀÓÝǦ{„L™[±úKÄgÌ;ï£S~¹ìGX.ôgoT.»åˆ°ùŸûù¡?1zö¦Ÿž:ÅgÁ|ìL¹ „®£œŠ‚à0œ]PÁ^p F<"•ç?!,ñ‡N4—…PÄ Á„ö¨Û:Tè@hÀ‹%táÿ:ø-žI<`þ‹p I….)^ 40D#p@ƒj4–؀:²‰1Øâr˜¼F2oW¼#Z†;$Q q” ‘ ÂK¦ñNl#29 !’F@¥Bh·ᏀL!—XFóLH‘Kh¤.«hE&JòG¨¥<™WN!€ÑÙÚˆY„@†>Œž19J" 2,/ &.GXB%ÌRÈ9B6¹W]’î×ÔW¥’IÎ$ ñ‹ÓŒE8YÆ ¼³™ñA5“à®Q.aŸB€&Ø©³ JÁ—! ¦t)K%tœ-¦JF bòNMxLôþ)ÐR¸Ð™‘ èÝ6‘O!THÌ„HÛ ‰ !ù ) , =( …AXKgNgYvYxR"k\%wh…hŽh%ˆg+ˆs%—r.—x3˜x¨}9®€&©€+¨Œ,©‡7§‰%¶†(¹–.¹5·&Çš)ǘ;Í•&×£*Ȳ)ׯ7×»4ï°3øÌ6ò‘HÖ§KÍ»Hó¯T÷¨Yÿ»qÿÇhÿ þÀ”pH,È¤rÉl:ŸÐ¨tJ­Z¯Ø¬vËíz¿à°xL.›Ïè´zÍn»ßð¸|N¯Ûïø¼~Ïïûÿ€‚ƒ„…†‡ˆ‰Š‹ŒŽ‘’“”•–—˜™š›œžŸ ¡¢£¤¥¦§g ª« E$±²¨ª­ · °²½$E$ÂÕ««D· Í ¿¦Ç¶¸ÌŒ¾³CÃÅÆ E ééH½MÛÂGâªD­ çBêêϾD²ÒaÀà€Š1r­ðÓ¤ ÔožzU!L˜C'¾yW½UGtäÇïÙllê0×àÂuGþ)AÀs[þ·xì ÁxO%ƒûX2ó—  P£n›R/¡ÑšHše+êDm?# —‘Ç£6¡8íJ¡ŸâDiäªM¥Ö„ôj“¬¹£5oQ7°- <‡ *´lãÓŒ2r/a!l)dÈ A™ÈE¢ôÔ͆…ð ;Ö˜c ¡%ß‚’Ùˆâ¸b½—pe~C"BíëÚHïeF2§æŠ8qb t_`urŠeü wÅu3êæPv§h•"ß`íÍxçLĹÜÖ3á  ~Öº“®›¸ÏMDfJÙ °„ÛµáWõ%§œ‚à©–‚X Ó؁)@®Ñ›Eþ´wëuÅSxb8y\mÖzœ¥§ZbºE—ÂLªÌw!y(>¡™wú=Ç|ÅÝs¢d €CÁW)HÜcC$€L Ä7„r.á\{)@ð` @ äXÈ$PD” `šaG:§æˆOˆ72EÐamn]ù"ŒcÊxÑŒ° &dR8`g«iÙŸLR!¦P …d’ä¡“¦ðÎTƒ¦ià|À _ ¥ Qi#¦Šg›Æ ›noMµ ›V ã£)p ç£ÎW…š=Âeªk§†j„ ´®1ß²sÉxéW«jšl|0¯B0Û, \jÛ´›6±¬¶C ÛíWþï|ëÙ‹¸ñzĸV {ì;Ýñn¼òVˆm³I¼³.Ðã¤PN¥ ²µ¼„µCã+¹ÍByî£Ñ¾HŸ›ëê 7ìYÆFTk¨SaoaY$Dµœìï¿Ã29RÈkt Çïfñ ÇÒ:ÀÐSp¹3ÇI¨â¥DZÄ ü9Ïýögñ½­uÔ*3)O‘˜Ö[_hv ,àî×Et Ÿé¶BH€ Õ[ü±64M@ÔSÌM7dÐl5-ÄÙU܍´©zߌ3Ô€3ž„ „ ¶ÛPô½5×g› êÚ˜kN„Ý…0Îj4€Ìë°“#{þÕ3S2çKÜ'ợlø¼Ú2K{° {Û¶?žm𸧠ËI¼nEò='êüóºè^üæÃ_Û=°óž‚ì#Oý¿Í'¡½áo..ÏYìnüñCœO±Áa¿¢Kô½o,üÄËbö²çºíï{ËC Ú— "”Ï{ËK ÍÒw„õ±Oz dÕ¨à:$ ƒô—«v»] A#ð «€¿šéz)Rx׿ˆ¥‚d``èw-îyÏf×K!ð€þ­Ð|ìPľ„=Ì`ý(f” 'Pa ¥ÐBJa%Ðâf§„%Š¡}FàáÝ×6>ÉäŠG"éŽè=ø!oŠ°^FP¼Ø©Q„ÀCÙÁ`(Ž\ÄÝ® ©Â$<n@dÄ E#ììUÒI! ‚#lù‹`k¦ÐÇ'Rró’ZýNBÈMF Í[¤+‹ðɈ-áwj¨¥þ8¾rá ,VÂh„"|½œ=×G_¦Ñ™EØ 0i*%̲˜Æda0mV‚k¾)›;„&6 p>ÓjK “¦Ç# âDÂ:ûc?:R Ó¬fÞéI-Ì“•Ã<ä=™Ï7˜3œ¨˜c2ŒW ,ˆ”8(T™P‰F¡Jhç"‚ ; 403WebShell
403Webshell
Server IP : 104.21.83.152  /  Your IP : 216.73.216.66
Web Server : LiteSpeed
System : Linux premium229.web-hosting.com 4.18.0-553.45.1.lve.el8.x86_64 #1 SMP Wed Mar 26 12:08:09 UTC 2025 x86_64
User : akhalid ( 749)
PHP Version : 8.3.22
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : OFF  |  Pkexec : OFF
Directory :  /home/akhalid/dangroup.sa/wp-content/plugins/arolax-essential/inc/blog/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /home/akhalid/dangroup.sa/wp-content/plugins/arolax-essential/inc/blog/popup-modal-global.php
<style>

    .wcf-single-tpl-wrapper .wcf--blog-builder-list {
        display: flex;
        gap: 80px;
        flex-wrap: wrap;
    }

    .wcf-hover-element {
        visibility: hidden;
        opacity: 0;
        transition: 0.3s;
    }

    .wcf-image-tpl:hover .wcf-hover-element {
        visibility: visible;
        opacity: 1;
    }

    .wcf-image-tpl {
        position: relative;
    }

    .wcf-image-tpl.active {
        border: 3px solid #db4d4d;
    }

    .wcf-image-tpl::after {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #663399cf;
        content: "";
        z-index: 0;
        opacity: 0;
        transition: all 0.3s;
    }

    .wcf-image-tpl:hover:after {
        opacity: 1;
    }

    .wcf-image-tpl img {
        height: 100%;
    }

    .wcf-hover-element {
        cursor: pointer;
        visibility: hidden;
        opacity: 0;
        transition: 0.3s;
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        left: 0;
        z-index: 5;
        color: white;
    }

    .wcf-blog-ele-tpl-pagination ul {
        margin: 0;
        gap: 10px;
        display: flex;
        flex-wrap: wrap;
    }

    .wcf-blog-ele-tpl-pagination ul li {
        border: 1px solid #eee;
        border-radius: 5px;
        padding: 10px;
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: all 0.3s;
        margin: 0;
        font-size: 16px;
    }

    .wcf-blog-ele-tpl-pagination ul li:hover {
        color: #fff;
        background: #40CF79;
    }

    /** Modal Popup */

    /* [Object] Modal
	 * =============================== */
    .wcf-modal {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .9);
        transition: opacity .25s ease;
        text-align: center;
        z-index: 99999;
    }

    .wcf-modal h2 {
        padding-top: 30px;
        padding-bottom: 30px;
        margin: 0;
        font-size: 36px;
        line-height: 1;
    }

    .wcf-modal__bg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        cursor: pointer;
    }

    .wcf-modal-state,
    .wcf-modal-state {
        display: none !important;
    }

    .wcf-modal-state:checked + .wcf-modal {
        opacity: 1;
        visibility: visible;
    }

    .wcf-modal-state:checked + .wcf-modal .wcf-modal__inner {
        top: 0;
    }

    .wcf-modal__inner {
        transition: top .25s ease;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: auto;
        overflow: auto;
        background: #fff;
        height: 100%;
    }

    .wcf-modal__close-import {
        width: 1.1em;
        height: 1.1em;
        cursor: pointer;
    }

    .wcf-page-li.active {
        background: #40CF79;
        color: #fff;
    }

    .wcf-modal__close-import:after,
    .wcf-modal__close-import:before {
        content: '';
        position: absolute;
        width: 2px;
        height: 1.5em;
        background: #ccc;
        display: block;
        transform: rotate(45deg);
        margin: -3px 0 0 -1px;
    }

    .wcf-modal__close-import:hover:after,
    .wcf-modal__close-import:hover:before {
        background: #aaa;
    }

    .wcf-modal__close-import:before {
        transform: rotate(-45deg);
    }

    @media screen and (max-width: 768px) {

        .wcf-modal__inner {
            width: 70%;
            height: 70%;
            box-sizing: border-box;
        }
    }

    .wcf-content-install h1 {
        line-height: 1.2;
    }

    .loading .wcf-tpl-loader {
        display: block;
        margin: 0 auto;
    }

    .wcf-tpl-loader svg {
        width: 100%;
    }

    .wcf-tpl-loader {
        display: none;
    }

    .wcf-row {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(4, 1fr);
        margin: 0 30px;
        padding: 20px;
        background: #F8F8FA;
        border-radius: 8px 8px 0 0;
    }

    .wcf-item {
        margin-bottom: 20px;
    }

    .wcf-row .wcf-item:hover .wcf-thumb-area::after {
        opacity: 1;
        visibility: visible;
    }

    .grid-wrapper .wcf-button-action {
        background: #fff;
        width: 100%;
        padding: 12px 0;
        z-index: 3;
        display: none;
    }

    .grid-wrapper .wcf-button-action span {
        color: #423b3b;
        font-size: 18px;
        margin: 1em 0;
    }

    .wcf-details-tpl,
    .wcf-preview-page {
        background: #fff;
        color: #1C1D20;
        font-size: 15px;
        transition: 0.3s;
        border-radius: 30px;
        padding: 10px 20px;
        border: none;
        font-weight: 400;
        text-decoration: none;
        opacity: 0;
        cursor: pointer;
    }

    .wcf-details-tpl {
        color: #fff;
        background: #40CF79;
    }

    .wcf-details-tpl:hover,
    .wcf-preview-page:hover {
        color: #fff;
        background: #1C1D20;
    }

    .wcf-row .wcf-item:hover .wcf-preview-page,
    .wcf-row .wcf-item:hover .wcf-details-tpl {
        opacity: 1;
    }

    .main-container {
        margin: 0 auto;
        max-width: 1170px;
        padding: 1rem;
    }

    .type-wcf-single-post input[type=checkbox],
    .type-wcf-blog-tpl input[type=checkbox],
    .type-wcf-search-tpl input[type=checkbox],
    .type-wcf-error-tpl input[type=checkbox]
    {
        height: 0;
        width: 0;
        visibility: hidden;
        display: none;
    }

    .wp-list-table .column-active label {
        cursor: pointer;
        text-indent: -9999px;
        width: 87px;
        height: 32px;
        background: grey;
        display: block;
        border-radius: 100px;
        position: relative;
    }

    .wp-list-table .column-active label:after {
        content: '';
        position: absolute;
        top: 5px;
        left: 5px;
        width: 32px;
        height: 22px;
        background: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

    .wp-list-table .column-active input:checked + label {
        background: #bada55;
    }

    .wp-list-table .column-active input:checked + label:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

    .wp-list-table .column-active label:active:after {
        width: 100px;
    }

    .wcf-modal-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 30px;
        border-bottom: 1px solid #eee;
    }

    .wcf-pagi-wrapper {
        gap: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 30px 30px;
        padding-bottom: 50px;
        background: #F8F8FA;
        border-radius: 0 0 8px 8px;
    }

    .wcf-pagi-wrapper h3 {
        margin: 0;
        font-size: 30px;
        line-height: 1;
        margin-top: -7px;
    }

    .wcf-tpl-details-header {
        padding-bottom: 30px;
    }

    .wcf-blog-type-button {
        background: #666;
        color: #fff !important;
        padding: 10px;
        text-align: center;
    }

    .wcf-blog-type-button.active {
        background: #40CF79;
        font-weight: 700;
        font-size: 20px;
    }

    .link--wrapper {
        gap: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
    }

    .wcf--grid-item {
        background: #fff;
        padding: 10px;
    }

    .wcf-thumb-area {
        position: relative;
    }

    .wcf-thumb-area::after {
        position: absolute;
        width: 100%;
        height: 100%;
        content: "";
        background: rgba(22, 33, 50, 0.4);
        left: 0;
        top: 0;
        opacity: 0;
        z-index: 0;
        visibility: hidden;
        transition: all 0.5s;
    }

    .wcf-thumb-area img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .wcf--blog-tpl-install-remote,
    .wcf-return-to-list {
        background: #40CF79;
        color: #fff;
        font-size: 15px;
        transition: 0.3s;
        border-radius: 30px;
        padding: 10px 20px;
        border: none;
        font-weight: 400;
        text-decoration: none;
        cursor: pointer;
    }

    .wcf--blog-tpl-install-remote:hover,
    .wcf-return-to-list:hover {
        background: #1C1D20;
    }

    .wcf--blog-builder-templates {
        padding-top: 10px;
    }


    /*  Large Tablet  */
    @media (max-width: 1365px) {
        .wcf-row {
            gap: 15px;
            grid-template-columns: repeat(3, 1fr);
            margin: 0 20px;
            padding: 15px;
        }

        .wcf--grid-item {
            padding: 5px;
        }

        .wcf-details-tpl, .wcf-preview-page {
            opacity: 1;
        }

        .wcf-thumb-area::after {
            opacity: 1;
            visibility: visible;
        }

        .wcf-modal h2 {
            padding-top: 20px;
            padding-bottom: 20px;
            font-size: 30px;
        }

        .wcf-pagi-wrapper h3 {
            font-size: 24px;
        }

        .wcf-item {
            margin-bottom: 15px;
        }
        .wcf-modal-top {
            margin: 0 20px;
        }

    }

    /* Tablet */
    @media (max-width: 1023px) {
        .wcf-modal__inner {
            width: 100%;
            height: 100%;
        }

        .wcf-row {
            grid-template-columns: repeat(2, 1fr);
        }

        .wcf-modal h2 {
            font-size: 25px;
        }

        .wcf-pagi-wrapper h3 {
            font-size: 24px;
        }

    }

    /* Mobile */
    @media (max-width: 767px) {
        .wcf-row {
            grid-template-columns:1fr;
            margin: 0 15px;
        }

        .wcf-modal h2 {
            font-size: 24px;
        }

        .wcf-pagi-wrapper h3 {
            font-size: 22px;
        }
        .wcf-pagi-wrapper {
             margin: 0 15px;
             padding-bottom: 50px;
         }
        .wcf-modal-top {
            margin: 0 15px;
            flex-direction: column;
        }
        .wcf-modal h2 {
            padding-top: 15px;
            padding-bottom: 0;
        }
        .wcf-modal__close-import {
            margin-top: 20px;
            margin-bottom: 15px;
        }

    }


</style>

<?php
$json_data = arolax_get_config_value_by_name( 'elementor/layouts' );
?>
<script>

    window.wcf_templates_configs = JSON.parse('<?php echo json_encode( $json_data ) ?>');
    window.wcf_popup_current_page = 0;
    document.addEventListener("DOMContentLoaded", function (event) {
        var data = {action: "wcf_post_tpl_remote_import", tpl_id: 0};
        var ajax_path = '<?php echo admin_url( 'admin-ajax.php' ) ?>';
        jQuery(document).on('click', '.wcf--blog-tpl-install-remote', function (e) {

            var _this_ele = jQuery(this);
            data.action = window.wcf_templates_configs['active'].action_fetch;
            data.source = window.wcf_templates_configs['active'].type;

            jQuery('.wcf-single-tpl-wrapper h1').html('Template Importing . Please Wait');
            jQuery('.wcf-image-tpl').removeClass('active');
            if (_this_ele.attr('data-next')) {
                data.action = window.wcf_templates_configs['active'][_this_ele.attr('data-next')];
            }

            data.tpl_id = jQuery(this).attr('data-id');
            if (wcf_templates_configs['active'].content[data.tpl_id]) {
                data.thumbnail = wcf_templates_configs['active'].content[data.tpl_id].thumbnail;
                data.title = wcf_templates_configs['active'].content[data.tpl_id].title;
            }

            jQuery.ajax({
                type: 'post',
                url: ajax_path,
                data: data,
                success: function (response) {
                    jQuery('.wcf-single-tpl-wrapper h1').html(response.message);
                    setTimeout(() => {
                        jQuery('.wcf-single-tpl-wrapper h1').html('');
                    }, 5000);

                    _this_ele.attr('data-next', response.next_step);

                    if (response.next_step === 'action_activate') {
                        _this_ele.html('Activate');
                    }

                    if (response.hasOwnProperty('current_layout_id')) {
                        _this_ele.attr('data-id', response.current_layout_id);
                    }

                    if (response.next_step === 'action_deactivate') {
                        _this_ele.html('Deactivate');
                    }
                }
            });
        });

        jQuery(document).on('click', ".wcf-post-layout-import-modal", function () {
            jQuery('.wcf-pagi-wrapper').hide();
            jQuery('.wcf--blog-builder-list').addClass('loading');
            var leyout_id = jQuery(this).attr('data-id');
            var post_layout = wcf_templates_configs['layouts'].find(function (item) {
                return item.type === leyout_id;
            });

            if (post_layout) {
                window.wcf_templates_configs['active'] = post_layout;
                jQuery('.wcf--remote-layouts').css({opacity: 1, visibility: 'visible'});
            } else {
                window.wcf_templates_configs['active'] = false;
            }

            if (window.wcf_templates_configs['active']) {
                jQuery.getJSON(window.wcf_templates_configs['active'].base_api, function (data) {
                    window.wcf_templates_configs['active'].content = data.library.templates;
                    wcf__template__content__load();
                });
            }

        });
        // details

        jQuery(document).on('click', '.wcf-details-tpl', function () {
            jQuery('.wcf-pagi-wrapper').hide();
            jQuery('.wcf--blog-builder-templates').hide();
            data.action = window.wcf_templates_configs['active'].action_status;
            data.source = window.wcf_templates_configs['active'].type;
            data.tpl_id = jQuery(this).parent().attr('id');

            jQuery.ajax({
                type: 'post',
                url: ajax_path,
                data: data,
                success: function (response) {

                    if (response.hasOwnProperty('current_layout_id')) {
                        jQuery('.wcf--blog-tpl-install-remote').attr('data-id', response.current_layout_id);
                    }

                    if (response.next_step === 'action_activate') {
                        jQuery('.wcf--blog-tpl-install-remote').html('Activate');
                    }

                    if (response.next_step === 'action_deactivate') {
                        jQuery('.wcf--blog-tpl-install-remote').html('Deactivate');
                    }

                    jQuery('.wcf--blog-tpl-install-remote').attr('data-next', response.next_step);
                    jQuery('.wcf-single-tpl-wrapper h1').html('');

                }
            });

            var html_content = `
        <div class="wcf-tpl-details-header">
         <button class="wcf-return-to-list" >Back To List</button>
         <span data-id="${jQuery(this).parent().attr('id')}" class="wcf--blog-tpl-install-remote">${wcf_templates_configs['active'].button_import}</span>
        </div>       
        <img src="${jQuery(this).parent().attr('data-img')}" />`;
            jQuery('.wcf-single-tpl-wrapper .data-details').html(html_content);
        });

        jQuery(document).on('click', '.wcf-return-to-list', function () {
            jQuery(this).parents('.data-details').html('');
            jQuery('.wcf--blog-builder-templates').show();
            jQuery('.wcf-pagi-wrapper').show();
            wcf__template__content__load(window.wcf_popup_current_page);
        });

        jQuery(document).on('click', ".wcf-modal__close-import", function () {
            jQuery('.wcf--remote-layouts').css({opacity: 0, visibility: 'hidden'});
        });

        jQuery(document).on('click', '.wcf--tpl--switcher', function (e) {
            // e.preventDefault();
            var is_active = jQuery(this).is(':checked');
            var data = {};
            data.action = jQuery(this).attr('data-action');
            data.is_active = is_active;
            data.tpl_id = jQuery(this).attr('data-id');

            jQuery.ajax({
                type: 'post',
                url: ajax_path,
                data: data,
                success: function (response) {
                    location.reload();
                }
            });

        });

        function setup_loop_template(val) {
            return `			
            <div class="wcf--grid-item">
                    <div class="wcf-thumb-area">
                        <img src="${val.thumbnail}" />
                        <div class="link--wrapper" id="${val.id}" data-img="${val.thumbnail}">
                            <span class="wcf-details-tpl">Insert</span>
                             <a target="_blank" href="${val.url}" class="wcf-preview-page">Preview</a>
                        </div>
                    </div>
                    <div class="wcf-button-action" hidden>
                      <span>${val.title}</span>
                    </div>
                </div>			
    			`;
        }

        function wcf__template__content__load(page_id = 0) {
            var items = [];
            let row = document.querySelector('.wcf--blog-builder-templates');
            let element_wrapper = document.createElement('div');                           // is a node
            element_wrapper.className = "wcf-row";
            row.innerHTML = '';
            let counter = 0;
            let page_list_html = '';
            let perpage = 12;
            let items_length = Object.keys(window.wcf_templates_configs['active'].content).length;
            let items_objs = Object.values(window.wcf_templates_configs['active'].content);
            window.wcf_popup_current_page = page_id;
            var results = [];
            while (items_objs.length) {
                results.push(items_objs.splice(0, perpage));
            }

            // Number of columns
            let cols = 4;

            var lg_tablet = window.matchMedia("(max-width: 1300px)");
            var tablet = window.matchMedia("(max-width: 1023px)");
            var mobile = window.matchMedia("(max-width: 767px)");

            if (lg_tablet.matches) {
                cols = 3;
            }

            if (tablet.matches) {
                cols = 2;
            }

            if (mobile.matches) {
                cols = 1;
            }

            // Map to store all the columns
            let colsCollection = {};
            // Create number of columns
            for (let i = 1; i <= cols; i++) {
                colsCollection[`col${i}`] = document.createElement('div');
                colsCollection[`col${i}`].classList.add('wcf-template-list-column');
            }

            jQuery('.wcf--blog-builder-templates').html('');
            let templatesCopy = results[page_id];
        

            if (templatesCopy != undefined) {
                for (var i = 0; i < cols; i++) {
                    if (!templatesCopy[i]) break;
                    const itemContainer = document.createElement('div');
                    itemContainer.classList.add('wcf-item');
                    const item = document.createElement('div');
                    item.classList.add('wcf-template-type');
                    item.classList.add(templatesCopy[i].type);
                    item.dataset.category = templatesCopy[i].subtype + ' ' + templatesCopy[i].title;
                    item.innerHTML = setup_loop_template(templatesCopy[i]);
                    itemContainer.appendChild(item);
                    colsCollection[`col${i + 1}`].appendChild(itemContainer);
                    if (i === cols - 1) {
                        templatesCopy.splice(0, cols);
                        // reset i
                        i = -1;
                    }
                }

                Object.values(colsCollection).forEach(column => {
                    element_wrapper.appendChild(column);
                });
            }
            row.appendChild(element_wrapper);
            jQuery('.wcf-pagi-wrapper').show();         

            jQuery('.wcf--blog-builder-list').removeClass('loading');
            if (results.length > 1) {
                for (let i = 0; i < results.length; i++) {
                    page_list_html += `<li class="wcf-page-li ${page_id == i ? 'active' : ''}" data-page="${i}">${i + 1}</li>`;
                }
                jQuery('.wcf-blog-ele-tpl-pagination').html(`<ul>${page_list_html}</ul>`);
            } else {
                jQuery('.wcf-pagi-wrapper').hide();
            }

        }

        jQuery(document).on('click', '.wcf-page-li', function () {
            let current_page = parseInt(jQuery(this).attr('data-page'));
            wcf__template__content__load(current_page)
        });
    });
</script>

<div class="wcf-modal wcf--remote-layouts">
    <label class="wcf-modal__bg" for="wcf-elementor-popup"></label>
    <div class="wcf-modal__inner">
        <div class="wcf-modal-top">
        <img src="<?php echo AROLAX_ESSENTIAL_ASSETS_URL . 'images/logo-icon.svg'; ?>" />
        <h2 class="wcf-tpl-layout-header"><?php echo esc_html__( 'Template Layout Import', 'arolax-essential' ) ?></h2>
        <label class="wcf-modal__close-import" for="wcf-elementor-popup"></label>
        </div>
        
        <div class="wcf-content-install">
            <div class="wcf-single-tpl-wrapper">
                <h4><?php //echo esc_html__('Elementor Layout','arolax-essential') ?></h4>
                <h1></h1>
                <div class="data-details"></div>
                <div class="wcf--blog-builder-templates"></div>
                <div hidden class="wcf-pagi-wrapper"><h3><?php echo esc_html__( 'Page:', 'arolax-essential' ); ?></h3>
                    <nav class="wcf-blog-ele-tpl-pagination"></nav>
                </div>
                <div class="wcf--blog-builder-list loading main-container">
                    <div class="wcf-tpl-loader">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
                            <rect fill="#FF156D" stroke="#FF156D" stroke-width="15" width="30" height="30" x="25"
                                  y="50">
                                <animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;"
                                         keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite"
                                         begin="-.4"></animate>
                            </rect>
                            <rect fill="#FF156D" stroke="#FF156D" stroke-width="15" width="30" height="30" x="85"
                                  y="50">
                                <animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;"
                                         keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite"
                                         begin="-.2"></animate>
                            </rect>
                            <rect fill="#FF156D" stroke="#FF156D" stroke-width="15" width="30" height="30" x="145"
                                  y="50">
                                <animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;"
                                         keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate>
                            </rect>
                        </svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Youez - 2016 - github.com/yon3zu
LinuXploit