WordPress.org
Get WordPress

Plugin Directory

Changeset 2589078


Ignore:
Timestamp:
08/26/2021 09:35:26 AM (4 years ago)
Author:
studiowombat
Message:
  • Improvement: modernized the frontend CSS code. As a result, the CSS file is a bit smaller.
  • Improvement: improved admin UX where buttons are now indicating when you're waiting for something to load.
Location:
mabel-shoppable-images-lite
Files:
90 added
1 deleted
6 edited

Legend:

Unmodified
Added
Removed

  • mabel-shoppable-images-lite/trunk/admin/css/admin.min.css

    r2227907 r2589078  
    1 a:active,a:focus,button:active,button:focus{box-shadow:none!important;-webkit-box-shadow:none!important}hr{border:none;border-bottom:1px dashed #eee}pre{padding:3px 5px 2px;margin:0 1px;background:#eee;font-size:13px;display:inline-block}code{display:block;padding:15px 10px;background:#f3f3f3;border-radius:0;border:1px solid #dadada}code:hover{cursor:text}.mabel-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;box-sizing:border-box}.mabel-row:after{content:"";display:table;clear:both}.mabel-columns{width:100%;float:left;box-sizing:border-box}@media (min-width:768px){.mabel-columns{margin-left:4%}.mabel-column:first-child,.mabel-columns:first-child,.valign-col:first-child{margin-left:0}.valign-col{padding-left:4%}.valign-col:first-child{padding-left:0}.mabel-one.mabel-column,.mabel-one.mabel-columns{width:4.66666666667%}.mabel-two.mabel-columns{width:13.3333333333%}.mabel-three.mabel-columns{width:22%}.mabel-four.mabel-columns{width:30.6666666667%}.mabel-five.mabel-columns{width:39.3333333333%}.mabel-six.mabel-columns{width:48%}.mabel-seven.mabel-columns{width:56.6666666667%}.mabel-eight.mabel-columns{width:65.3333333333%}.mabel-nine.mabel-columns{width:74%}.mabel-ten.mabel-columns{width:82.6666666667%}.mabel-eleven.mabel-columns{width:91.3333333333%}.mabel-twelve.mabel-columns{width:100%;margin-left:0}}.extra-info{color:#909d98}.extra-info em{color:#000;font-weight:700;background:rgba(255,239,0,.2);padding:0 3px;border-radius:2px;font-style:normal}.u-max-200-width{width:100%;max-width:200px;box-sizing:border-box}.u-max-750-width{width:100%;max-width:750px;box-sizing:border-box}.u-max-850-width{width:100%;max-width:850px;box-sizing:border-box}.mabel-t-center{text-align:center}.t-u{text-transform:uppercase}.t-c{text-align:center}.msg-bad{border-bottom:1px solid #f55}.msg-good{border-bottom:1px solid #43c166}.mabel-hidden{display:none!important}.mabel-invisible{visibility:hidden!important}.p-t-1{padding-top:5px}.p-t-2{padding-top:10px}.p-t-3{padding-top:15px}.p-t-4{padding-top:20px}.p-t-5{padding-top:25px}.m-t-1{margin-top:5px}.m-t-2{margin-top:10px}.m-t-3{margin-top:15px}.m-t-4{margin-top:20px}.m-t-5{margin-top:25px}@keyframes slideIn{0%{opacity:0;transform-origin:50% 0}100%{opacity:1;transform:scale(1)}}.panel{background:#fff;border:1px solid #d4d9d7;padding:15px}.nav-tab-wrapper{border-bottom:1px solid #d4d9d7;margin-bottom:0}.nav-tab{position:relative;box-sizing:border-box;border:none;letter-spacing:1px!important;font-weight:700!important;font-size:13.5px!important;text-transform:uppercase;padding:15px 25px!important;margin-left:0!important;margin-right:0!important;border-top:1px solid #d4d9d7;background-color:#d4d9d7;color:#888;border-right:1px solid #d4d9d7}.nav-tab:first-child{border-left:1px solid #d4d9d7}.nav-tab i{width:100%;text-align:center;font-size:24px!important}.nav-tab span{display:block}a.nav-tab:active,a.nav-tab:hover{background-color:#d4d9d7;color:#7b53c1}.nav-tab-active,.nav-tab-active:active,.nav-tab-active:focus,.nav-tab-active:hover{color:#7b53c1;background-color:#fff!important;border-bottom:1px solid #fff}.nav-tab-active:before{display:block;content:'';border-top:4px solid #7b53c1;position:absolute;left:0;width:100%;top:-1px}.nav-tab.bad{background:#f55;color:#fff}.nav-tab.bad.nav-tab-active{color:#f55!important;background:#fff}.nav-tab.bad.nav-tab-active:before{border-top:4px solid #f55}.nav-tab.bad:hover{background:#f55;color:#fff}.tab{background-color:#fff;border:1px solid #d4d9d7;border-top:none;overflow:visible;padding:15px;position:relative}.tab a.primary{color:#7b53c1}.tab a.primary:hover{opacity:.8}@media (max-width:575px){a.nav-tab{padding:10px 15px!important}a.nav-tab span{display:none}a.nav-tab i{font-size:18px!important}}@media (max-width:767px){a.nav-tab{padding:10px 15px!important}a.nav-tab span{display:none}}@media (max-width:991px){a.nav-tab{padding:10px 15px!important}}a.mabel-btn,button.mabel-btn,input[type=submit].mabel-btn{border:none;cursor:pointer;color:#fff;text-transform:uppercase;font-weight:700;padding:8px 20px;text-align:center;background:#7b53c1;border-radius:2px;text-decoration:none;box-sizing:border-box;max-width:275px;margin:0 auto;outline:0}a.mabel-btn.mabel-secondary,button.mabel-btn.mabel-secondary,input[type=submit].mabel-btn.mabel-secondary{background:#d4d9d7;color:#444}a.mabel-btn.mabel-secondary:hover,button.mabel-btn.mabel-secondary:hover,input[type=submit].mabel-btn.mabel-secondary:hover{color:#444}.mabel-btn.small,input[type=submit].mabel-btn.small{padding:2px 5px}a.mabel-btn:hover,button.mabel-btn:hover,input[type=submit].mabel-btn:hover{color:#fff;opacity:.8}.mabel-btn-block{display:block}.btn-delete{font-family:dashicons;margin-left:10px;color:#fff;background-color:#f55;text-decoration:none;padding:2px!important;border-radius:2px;font-size:.9em;height:16px;width:16px;font-size:16px;line-height:1;outline:0}.btn-delete:focus{color:#fff}.btn-delete:before{content:"\f158"}.btn-delete:hover{color:#fff;opacity:.8}.form-table tr td,.form-table tr th{border-top:1px dashed #eee;padding:20px 10px}.form-table tr:first-child td,.form-table tr:first-child th{border-top:none}.form-table select{width:100%;height:36px;padding:0 12px}.form-table input[type=number],.form-table input[type=text]{width:100%;height:36px;padding:0 12px}.form-table input[type=checkbox]:checked:before{color:#7b53c1}.form-table .unwide{width:auto!important;padding:0 10px!important}.mabel-sidebar{padding-top:87px}.icon-check{background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2IDI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNiAyNiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CiAgPHBhdGggZD0ibS4zLDE0Yy0wLjItMC4yLTAuMy0wLjUtMC4zLTAuN3MwLjEtMC41IDAuMy0wLjdsMS40LTEuNGMwLjQtMC40IDEtMC40IDEuNCwwbC4xLC4xIDUuNSw1LjljMC4yLDAuMiAwLjUsMC4yIDAuNywwbDEzLjQtMTMuOWgwLjF2LTguODgxNzhlLTE2YzAuNC0wLjQgMS0wLjQgMS40LDBsMS40LDEuNGMwLjQsMC40IDAuNCwxIDAsMS40bDAsMC0xNiwxNi42Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuMy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNsLTcuOC04LjQtLjItLjN6IiBmaWxsPSIjNDNjMTY2Ii8+Cjwvc3ZnPgo=)}.icon-15{display:inline-block;width:15px;height:15px;background-size:15px 15px}.icon-error{position:relative}.icon-error:after{color:#f55;content:'×';font-size:1.3em;font-weight:700}.modal-button-row{position:absolute;width:100%;bottom:0;left:0;background-color:#f3f3f3;box-sizing:border-box;padding:25px}#TB_closeWindowButton:focus .tb-close-icon{box-shadow:none!important;-webkit-box-shadow:none!important}#TB_closeWindowButton:focus .tb-close-icon,#TB_closeWindowButton:hover .tb-close-icon{color:#7b53c1!important}.modal-content{height:440px;overflow-y:auto}div#TB_title{padding:10px 0;border-bottom:none;background-color:#f3f3f3}.modal-content tr th{width:125px}@media (max-width:767px){div#TB_window{margin-top:0!important;margin-left:0!important;top:0!important;left:0!important;width:100%!important;height:100%!important}div#TB_window .form-table tr td,div#TB_window .form-table tr th{padding:10px 5px}div#TB_window div#TB_title{display:none!important}div#TB_window #TB_ajaxContent{box-sizing:border-box!important;width:100%!important;height:100%!important}div#TB_window #TB_ajaxContent .modal-content{height:auto!important;overflow-y:auto}div#TB_window #TB_ajaxContent .form-table select{width:auto!important;padding:0!important;display:inline-block!important}div#TB_window #TB_ajaxContent .modal-button-row{position:relative!important}}.mabel-accordion{border-radius:2px;border:1px solid #e9e9e9}.mabel-accordion>div{border-top:1px solid #e9e9e9;padding:20px 10px}.mabel-accordion button{display:block;width:100%;border:none;border-top:1px solid #e9e9e9;background:#fff;cursor:pointer;text-align:center;font-weight:700;padding:15px;position:relative}.mabel-accordion button:first-child{border-top:none}.mabel-accordion button:before{content:'+';color:#fff;float:left;width:18px;height:18px;line-height:1;border-radius:50%;background:#7b53c1}.mabel-accordion button:hover{color:#7b53c1}.mabel-accordion button.active{color:#7b53c1}.mabel-accordion button.active:before{content:'-'}.step-tracker{text-align:center;margin:0;overflow:hidden}.step-tracker.steps-3 li.step{width:33.33%}.step-tracker li.step{box-sizing:border-box;counter-increment:step-counter;float:left;position:relative;display:inline-block;width:200px}.step-tracker li.step.current span:after,.step-tracker li.step.done span:after{background:#7b53c1}.step-tracker li.step span{position:relative;z-index:2;padding:0 15px;background:#fff}.step-tracker li.step span:after{display:inline-block;content:counter(step-counter);border-radius:50%;font-size:13px!important;text-align:center;width:25px;background:#d4d9d7;color:#fff;height:25px;line-height:23px}.step-tracker li.step:before{position:absolute;content:'';height:2px;background:#f3f3f3;top:50%;margin-top:-1px;left:50%;width:100%}.step-tracker li.step:last-child:before{content:inherit}.step-tracker li.step h2{position:relative;font-size:15px!important;margin:0!important;color:#d4d9d7;display:inline-block;background:#fff;z-index:2;padding-right:15px}.step-tracker li.step.current h2,.step-tracker li.step.done h2{color:#7b53c1}.step-tracker-content{padding-top:25px}.rangeslider,.rangeslider__fill{display:block;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.rangeslider{background:#d4d9d7;position:relative}.rangeslider--horizontal{height:4px;cursor:pointer;width:100%}.rangeslider--vertical{width:4px;min-height:150px;max-height:100%}.rangeslider--disabled{opacity:.4}.rangeslider__fill{background:#7b53c1;opacity:.5;position:absolute}.rangeslider--horizontal .rangeslider__fill{top:0;height:100%}.rangeslider--vertical .rangeslider__fill{bottom:0;width:100%}.rangeslider__handle{background:#7b53c1;cursor:pointer;display:inline-block;width:18px;height:18px;position:absolute;top:5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.rangeslider__handle:after{content:"";display:block;width:4px;height:4px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.rangeslider--horizontal .rangeslider__handle{top:-7px;touch-action:pan-y;-ms-touch-action:pan-y}.rangeslider--vertical .rangeslider__handle{left:-7px;touch-action:pan-x;-ms-touch-action:pan-x}div.selected-img-holder{display:inline-block;position:relative;margin:0!important;padding:0!important}div.selected-img-holder img{cursor:crosshair;vertical-align:bottom!important}.mb-siwc-popup{width:250px;border-radius:4px;animation:bounceIn .2s ease;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.mb-siwc-popup.mb-siwc-bottom:after{border-bottom-color:#7b53c1!important}.mb-siwc-popup.mb-siwc-bottom-left:after{border-bottom-color:#7b53c1!important}.mb-siwc-popup.mb-siwc-bottom-right:after{border-bottom-color:#7b53c1!important}.mb-siwc-popup .mb-siwc-popup-header{background:#7b53c1;overflow:hidden;color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;padding:10px!important}.mb-siwc-popup .mb-siwc-popup-header span{padding-top:5px!important;display:inline-block}.mb-siwc-popup .mb-siwc-popup-header a{text-decoration:none!important;color:#fff!important;border-radius:4px;background:#673ead;float:right;padding:5px;font-size:14px!important}.mb-siwc-popup .mb-siwc-popup-header a:hover{color:#5e399e}.mb-siwc-popup .mb-siwc-popup-content{padding:15px}.mb-siwc-popup .mb-siwc-popup-content label{display:inline-block;font-weight:700;padding:10px 0}.all-images-wrapper{position:relative}.all-images-wrapper.loading:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.65)}.all-images-wrapper .image-tile{width:180px;box-shadow:0 0 10px rgba(0,0,0,.12);background:#fff;border-radius:4px;display:inline-block;margin-right:25px;margin-bottom:25px;-webkit-transition:all .2s ease;transition:all .2s ease}.all-images-wrapper .image-tile:hover{box-shadow:0 0 15px rgba(0,0,0,.16);-ms-transform:translateY(-.5rem);transform:translateY(-.5rem)}.all-images-wrapper .image-tile .tile-header{border-top-left-radius:4px;border-top-right-radius:4px;background-size:cover;background-position:center;position:relative;background-color:#fff;height:150px}.all-images-wrapper .image-tile .tile-header .tag-id{position:absolute;top:0;right:0;width:32px;text-align:center;font-size:12px;color:#fff;background:#7b53c1;padding:5px 12px}.all-images-wrapper .image-tile .tile-footer ul{list-style:none!important;margin:0!important}.all-images-wrapper .image-tile .tile-footer ul li{float:left!important;width:33.33%;box-sizing:border-box!important;text-align:center;margin:0!important;border-right:1px solid #f3f3f3}.all-images-wrapper .image-tile .tile-footer ul li:last-child{border-right:none}.all-images-wrapper .image-tile .tile-footer ul li a{padding:10px 0;display:block;text-decoration:none!important;font-size:18px!important;color:#444!important}.all-images-wrapper .image-tile .tile-footer ul li a:hover{background:#f8f8f8}.all-images-wrapper div.mabel-pagination{padding:10px 0}.all-images-wrapper div.mabel-pagination a{text-decoration:none!important;color:#fff!important;background:#7b53c1!important;border-radius:50%!important;padding:8px;border:1px solid transparent!important}.all-images-wrapper div.mabel-pagination a i{font-size:14px;vertical-align:middle}.all-images-wrapper div.mabel-pagination a:hover{color:#7b53c1!important;border:1px solid #7b53c1!important;background:0 0!important}.all-images-wrapper div.mabel-pagination .mabel-pagination-info{padding:0 15px}.tt-menu{box-shadow:0 1px 10px rgba(0,0,0,.2),0 2px 4px 0 rgba(0,0,0,.1);width:100%;box-sizing:border-box;background:#fff}.tt-menu .tt-suggestion{cursor:pointer;padding:10px 7px;text-align:left}.tt-menu .tt-suggestion:hover{background:#f3f3f3}span.twitter-typeahead{width:100%}.loader-indicator{font-weight:400!important;display:none;opacity:.8}.t-tip{max-width:250px;padding:10px;position:absolute;z-index:999;border-radius:2px;background:#000;color:#fff}.t-tip:after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #000;content:'';display:block;height:0;left:-7px;margin-top:-7px;position:absolute;top:50%;width:0}.t-tip.left:after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #000;border-right:0;left:auto;right:-7px}.t-tip.bottom:after{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #000;border-top:0;left:50%;margin:0 0 0 -7px;top:-7px}.t-tip.top:after{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #000;border-bottom:0;bottom:-7px;left:50%;margin:0 0 0 -7px;top:auto}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}40%{transform:scale3d(1.1,1.1,1.12)}70%{transform:scale3d(.9,.9,.9)}to{opacity:1;transform:scale3d(1,1,1)}}@font-face{font-family:SIWCIcons;src:url(data:application/font-woff;charset=utf-8;base64,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) format('woff');font-weight:400;font-style:normal}[class*=" siw-icon-"],[class^=siwc-icon-]{font-family:SIWCIcons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.siwc-icon-plus:before{content:"\e907"}.siwc-icon-plus_thin:before{content:"\e901"}span.mb-siwc-tag{z-index:10;position:absolute;top:50%;left:50%;background:#000;color:#fff;width:30px;height:30px;line-height:30px;cursor:pointer;border-radius:50%;font-size:13px;display:flex;justify-content:center;align-items:center}span.mb-siwc-tag.active{z-index:30}span.mb-siwc-tag i[class*=siwc-icon]{line-height:1;text-decoration:none}div.mb-siwc-popup{text-align:left;min-height:50px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.2);position:absolute;z-index:20;width:265px;border-radius:4px}div.mb-siwc-popup div.mb-siwc-popup-inner{padding:15px;text-align:center;position:relative}div.mb-siwc-popup div.mb-siwc-popup-inner .siwc-thumb-wrapper{position:absolute;top:0;left:0;width:100px;right:0;bottom:0;background-repeat:no-repeat;background-size:cover;background-position:center center;border-top-left-radius:4px;border-bottom-left-radius:4px}div.mb-siwc-popup div.mb-siwc-popup-inner a,div.mb-siwc-popup div.mb-siwc-popup-inner h1,div.mb-siwc-popup div.mb-siwc-popup-inner h2{margin:0;margin-left:115px;padding:0;text-align:center;color:#333}div.mb-siwc-popup div.mb-siwc-popup-inner a:after,div.mb-siwc-popup div.mb-siwc-popup-inner a:before,div.mb-siwc-popup div.mb-siwc-popup-inner h1:after,div.mb-siwc-popup div.mb-siwc-popup-inner h1:before,div.mb-siwc-popup div.mb-siwc-popup-inner h2:after,div.mb-siwc-popup div.mb-siwc-popup-inner h2:before{content:none}div.mb-siwc-popup div.mb-siwc-popup-inner h1{font-weight:700;font-size:15px;padding-bottom:10px;line-height:16px}div.mb-siwc-popup div.mb-siwc-popup-inner h2{line-height:18px;font-size:21px;font-weight:400;padding-bottom:15px}div.mb-siwc-popup div.mb-siwc-popup-inner a{font-size:14px;line-height:16px;box-sizing:border-box;border:1px solid transparent;border-radius:4px;background:#333;text-decoration:none;color:#fff;display:inline-block;margin-top:5px;padding:7px 12px;transition-duration:0s;box-shadow:none}div.mb-siwc-popup div.mb-siwc-popup-inner a:hover{-webkit-box-shadow:none;box-shadow:none;text-decoration:none;border:1px solid #333;color:#333;background:#fff}div.mb-siwc-popup.siwc-no-thumb{width:200px}div.mb-siwc-popup.siwc-no-thumb div.mb-siwc-popup-inner{padding:15px}div.mb-siwc-popup.siwc-no-thumb div.mb-siwc-popup-inner .siwc-thumb-wrapper{display:none}div.mb-siwc-popup.siwc-no-thumb div.mb-siwc-popup-inner a,div.mb-siwc-popup.siwc-no-thumb div.mb-siwc-popup-inner h1,div.mb-siwc-popup.siwc-no-thumb div.mb-siwc-popup-inner h2{margin-left:0}div.mb-siwc-popup:after{content:'';position:absolute;width:0;height:0;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;top:-8px;border-bottom:8px solid #fff}div.mb-siwc-popup.mb-siwc-top:after{top:auto;bottom:-8px;border-bottom:none;border-top:8px solid #fff}div.mb-siwc-popup.mb-siwc-bottom-left:after{top:6px;left:auto;right:-10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}div.mb-siwc-popup.mb-siwc-top-left:after{top:auto;bottom:7px;left:auto;right:-10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}div.mb-siwc-popup.mb-siwc-top-right:after{top:auto;bottom:5px;left:-3px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}div.mb-siwc-popup.mb-siwc-bottom-right:after{top:6px;left:-3px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mabel-siwc-img-wrapper{display:inline-block;position:relative;margin:0!important;padding:0!important}.mabel-siwc-img-wrapper img{vertical-align:bottom!important;max-width:100%!important}.mabel-invisible{visibility:hidden!important}
     1a:active,a:focus,button:active,button:focus{box-shadow:none!important;-webkit-box-shadow:none!important}hr{border:none;border-bottom:1px dashed #eee}pre{padding:3px 5px 2px;margin:0 1px;background:#eee;font-size:13px;display:inline-block}code{display:block;padding:15px 10px;background:#f3f3f3;border-radius:0;border:1px solid #dadada}code:hover{cursor:text}.mabel-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;box-sizing:border-box}.mabel-row:after{content:"";display:table;clear:both}.mabel-columns{width:100%;float:left;box-sizing:border-box}@media (min-width:768px){.mabel-columns{margin-left:4%}.mabel-column:first-child,.mabel-columns:first-child,.valign-col:first-child{margin-left:0}.valign-col{padding-left:4%}.valign-col:first-child{padding-left:0}.mabel-one.mabel-column,.mabel-one.mabel-columns{width:4.66666666667%}.mabel-two.mabel-columns{width:13.3333333333%}.mabel-three.mabel-columns{width:22%}.mabel-four.mabel-columns{width:30.6666666667%}.mabel-five.mabel-columns{width:39.3333333333%}.mabel-six.mabel-columns{width:48%}.mabel-seven.mabel-columns{width:56.6666666667%}.mabel-eight.mabel-columns{width:65.3333333333%}.mabel-nine.mabel-columns{width:74%}.mabel-ten.mabel-columns{width:82.6666666667%}.mabel-eleven.mabel-columns{width:91.3333333333%}.mabel-twelve.mabel-columns{width:100%;margin-left:0}}.extra-info{color:#909d98}.extra-info em{color:#000;font-weight:700;background:rgba(255,239,0,.2);padding:0 3px;border-radius:2px;font-style:normal}.u-max-200-width{width:100%;max-width:200px;box-sizing:border-box}.u-max-750-width{width:100%;max-width:750px;box-sizing:border-box}.u-max-850-width{width:100%;max-width:850px;box-sizing:border-box}.mabel-t-center{text-align:center}.t-u{text-transform:uppercase}.t-c{text-align:center}.msg-bad{border-bottom:1px solid #f55}.msg-good{border-bottom:1px solid #43c166}.mabel-hidden{display:none!important}.mabel-invisible{visibility:hidden!important}.p-t-1{padding-top:5px}.p-t-2{padding-top:10px}.p-t-3{padding-top:15px}.p-t-4{padding-top:20px}.p-t-5{padding-top:25px}.m-t-1{margin-top:5px}.m-t-2{margin-top:10px}.m-t-3{margin-top:15px}.m-t-4{margin-top:20px}.m-t-5{margin-top:25px}@keyframes slideIn{0%{opacity:0;transform-origin:50% 0}100%{opacity:1;transform:scale(1)}}.panel{background:#fff;border:1px solid #d4d9d7;padding:15px}.nav-tab-wrapper{border-bottom:1px solid #d4d9d7;margin-bottom:0}.nav-tab{position:relative;box-sizing:border-box;border:none;letter-spacing:1px!important;font-weight:700!important;font-size:13.5px!important;text-transform:uppercase;padding:15px 25px!important;margin-left:0!important;margin-right:0!important;border-top:1px solid #d4d9d7;background-color:#d4d9d7;color:#888;border-right:1px solid #d4d9d7}.nav-tab:first-child{border-left:1px solid #d4d9d7}.nav-tab i{width:100%;text-align:center;font-size:24px!important}.nav-tab span{display:block}a.nav-tab:active,a.nav-tab:hover{background-color:#d4d9d7;color:#7b53c1}.nav-tab-active,.nav-tab-active:active,.nav-tab-active:focus,.nav-tab-active:hover{color:#7b53c1;background-color:#fff!important;border-bottom:1px solid #fff}.nav-tab-active:before{display:block;content:'';border-top:4px solid #7b53c1;position:absolute;left:0;width:100%;top:-1px}.nav-tab.bad{background:#f55;color:#fff}.nav-tab.bad.nav-tab-active{color:#f55!important;background:#fff}.nav-tab.bad.nav-tab-active:before{border-top:4px solid #f55}.nav-tab.bad:hover{background:#f55;color:#fff}.tab{background-color:#fff;border:1px solid #d4d9d7;border-top:none;overflow:visible;padding:15px;position:relative}.tab a.primary{color:#7b53c1}.tab a.primary:hover{opacity:.8}@media (max-width:575px){a.nav-tab{padding:10px 15px!important}a.nav-tab span{display:none}a.nav-tab i{font-size:18px!important}}@media (max-width:767px){a.nav-tab{padding:10px 15px!important}a.nav-tab span{display:none}}@media (max-width:991px){a.nav-tab{padding:10px 15px!important}}a.mabel-btn,button.mabel-btn,input[type=submit].mabel-btn{border:none;cursor:pointer;color:#fff;text-transform:uppercase;font-weight:700;padding:8px 20px;text-align:center;background:#7b53c1;border-radius:2px;text-decoration:none;box-sizing:border-box;max-width:275px;margin:0 auto;outline:0}a.mabel-btn.mabel-secondary,button.mabel-btn.mabel-secondary,input[type=submit].mabel-btn.mabel-secondary{background:#d4d9d7;color:#444}a.mabel-btn.mabel-secondary:hover,button.mabel-btn.mabel-secondary:hover,input[type=submit].mabel-btn.mabel-secondary:hover{color:#444}.mabel-btn.small,input[type=submit].mabel-btn.small{padding:2px 5px}a.mabel-btn:hover,button.mabel-btn:hover,input[type=submit].mabel-btn:hover{color:#fff;opacity:.8}.mabel-btn-block{display:block}.btn-delete{font-family:dashicons;margin-left:10px;color:#fff;background-color:#f55;text-decoration:none;padding:2px!important;border-radius:2px;font-size:.9em;height:16px;width:16px;font-size:16px;line-height:1;outline:0}.btn-delete:focus{color:#fff}.btn-delete:before{content:"\f158"}.btn-delete:hover{color:#fff;opacity:.8}.form-table tr td,.form-table tr th{border-top:1px dashed #eee;padding:20px 10px}.form-table tr:first-child td,.form-table tr:first-child th{border-top:none}.form-table select{width:100%;height:36px;padding:0 12px}.form-table input[type=number],.form-table input[type=text]{width:100%;height:36px;padding:0 12px}.form-table input[type=checkbox]:checked:before{color:#7b53c1}.form-table .unwide{width:auto!important;padding:0 10px!important}.mabel-sidebar{padding-top:87px}.icon-check{background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2IDI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNiAyNiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CiAgPHBhdGggZD0ibS4zLDE0Yy0wLjItMC4yLTAuMy0wLjUtMC4zLTAuN3MwLjEtMC41IDAuMy0wLjdsMS40LTEuNGMwLjQtMC40IDEtMC40IDEuNCwwbC4xLC4xIDUuNSw1LjljMC4yLDAuMiAwLjUsMC4yIDAuNywwbDEzLjQtMTMuOWgwLjF2LTguODgxNzhlLTE2YzAuNC0wLjQgMS0wLjQgMS40LDBsMS40LDEuNGMwLjQsMC40IDAuNCwxIDAsMS40bDAsMC0xNiwxNi42Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuMy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNsLTcuOC04LjQtLjItLjN6IiBmaWxsPSIjNDNjMTY2Ii8+Cjwvc3ZnPgo=)}.icon-15{display:inline-block;width:15px;height:15px;background-size:15px 15px}.icon-error{position:relative}.icon-error:after{color:#f55;content:'×';font-size:1.3em;font-weight:700}.modal-button-row{position:absolute;width:100%;bottom:0;left:0;background-color:#f3f3f3;box-sizing:border-box;padding:25px}#TB_closeWindowButton:focus .tb-close-icon{box-shadow:none!important;-webkit-box-shadow:none!important}#TB_closeWindowButton:focus .tb-close-icon,#TB_closeWindowButton:hover .tb-close-icon{color:#7b53c1!important}.modal-content{height:440px;overflow-y:auto}div#TB_title{padding:10px 0;border-bottom:none;background-color:#f3f3f3}.modal-content tr th{width:125px}@media (max-width:767px){div#TB_window{margin-top:0!important;margin-left:0!important;top:0!important;left:0!important;width:100%!important;height:100%!important}div#TB_window .form-table tr td,div#TB_window .form-table tr th{padding:10px 5px}div#TB_window div#TB_title{display:none!important}div#TB_window #TB_ajaxContent{box-sizing:border-box!important;width:100%!important;height:100%!important}div#TB_window #TB_ajaxContent .modal-content{height:auto!important;overflow-y:auto}div#TB_window #TB_ajaxContent .form-table select{width:auto!important;padding:0!important;display:inline-block!important}div#TB_window #TB_ajaxContent .modal-button-row{position:relative!important}}.mabel-accordion{border-radius:2px;border:1px solid #e9e9e9}.mabel-accordion>div{border-top:1px solid #e9e9e9;padding:20px 10px}.mabel-accordion button{display:block;width:100%;border:none;border-top:1px solid #e9e9e9;background:#fff;cursor:pointer;text-align:center;font-weight:700;padding:15px;position:relative}.mabel-accordion button:first-child{border-top:none}.mabel-accordion button:before{content:'+';color:#fff;float:left;width:18px;height:18px;line-height:1;border-radius:50%;background:#7b53c1}.mabel-accordion button:hover{color:#7b53c1}.mabel-accordion button.active{color:#7b53c1}.mabel-accordion button.active:before{content:'-'}.step-tracker{text-align:center;margin:0;overflow:hidden}.step-tracker.steps-3 li.step{width:33.33%}.step-tracker li.step{box-sizing:border-box;counter-increment:step-counter;float:left;position:relative;display:inline-block;width:200px}.step-tracker li.step.current span:after,.step-tracker li.step.done span:after{background:#7b53c1}.step-tracker li.step span{position:relative;z-index:2;padding:0 15px;background:#fff}.step-tracker li.step span:after{display:inline-block;content:counter(step-counter);border-radius:50%;font-size:13px!important;text-align:center;width:25px;background:#d4d9d7;color:#fff;height:25px;line-height:23px}.step-tracker li.step:before{position:absolute;content:'';height:2px;background:#f3f3f3;top:50%;margin-top:-1px;left:50%;width:100%}.step-tracker li.step:last-child:before{content:inherit}.step-tracker li.step h2{position:relative;font-size:15px!important;margin:0!important;color:#d4d9d7;display:inline-block;background:#fff;z-index:2;padding-right:15px}.step-tracker li.step.current h2,.step-tracker li.step.done h2{color:#7b53c1}.step-tracker-content{padding-top:25px}.rangeslider,.rangeslider__fill{display:block;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.rangeslider{background:#d4d9d7;position:relative}.rangeslider--horizontal{height:4px;cursor:pointer;width:100%}.rangeslider--vertical{width:4px;min-height:150px;max-height:100%}.rangeslider--disabled{opacity:.4}.rangeslider__fill{background:#7b53c1;opacity:.5;position:absolute}.rangeslider--horizontal .rangeslider__fill{top:0;height:100%}.rangeslider--vertical .rangeslider__fill{bottom:0;width:100%}.rangeslider__handle{background:#7b53c1;cursor:pointer;display:inline-block;width:18px;height:18px;position:absolute;top:5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.rangeslider__handle:after{content:"";display:block;width:4px;height:4px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.rangeslider--horizontal .rangeslider__handle{top:-7px;touch-action:pan-y;-ms-touch-action:pan-y}.rangeslider--vertical .rangeslider__handle{left:-7px;touch-action:pan-x;-ms-touch-action:pan-x}div.selected-img-holder{display:inline-block;position:relative;margin:0!important;padding:0!important}div.selected-img-holder img{cursor:crosshair;vertical-align:bottom!important}.mb-siwc-popup{width:250px;border-radius:4px;animation:bounceIn .2s ease;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.mb-siwc-popup.mb-siwc-bottom:after{border-bottom-color:#7b53c1!important}.mb-siwc-popup.mb-siwc-bottom-left:after{border-bottom-color:#7b53c1!important}.mb-siwc-popup.mb-siwc-bottom-right:after{border-bottom-color:#7b53c1!important}.mb-siwc-popup .mb-siwc-popup-header{background:#7b53c1;overflow:hidden;color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;padding:10px!important}.mb-siwc-popup .mb-siwc-popup-header span{padding-top:5px!important;display:inline-block}.mb-siwc-popup .mb-siwc-popup-header a{text-decoration:none!important;color:#fff!important;border-radius:4px;background:#673ead;float:right;padding:5px;font-size:14px!important}.mb-siwc-popup .mb-siwc-popup-header a:hover{color:#5e399e}.mb-siwc-popup .mb-siwc-popup-content{padding:15px}.mb-siwc-popup .mb-siwc-popup-content label{display:inline-block;font-weight:700;padding:10px 0}.all-images-wrapper{position:relative}.all-images-wrapper.loading:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.65)}.all-images-wrapper .image-tile{width:180px;box-shadow:0 0 10px rgba(0,0,0,.12);background:#fff;border-radius:4px;display:inline-block;margin-right:25px;margin-bottom:25px;-webkit-transition:all .2s ease;transition:all .2s ease}.all-images-wrapper .image-tile:hover{box-shadow:0 0 15px rgba(0,0,0,.16);-ms-transform:translateY(-.5rem);transform:translateY(-.5rem)}.all-images-wrapper .image-tile .tile-header{border-top-left-radius:4px;border-top-right-radius:4px;background-size:cover;background-position:center;position:relative;background-color:#fff;height:150px}.all-images-wrapper .image-tile .tile-header .tag-id{position:absolute;top:0;right:0;width:32px;text-align:center;font-size:12px;color:#fff;background:#7b53c1;padding:5px 12px}.all-images-wrapper .image-tile .tile-footer ul{list-style:none!important;margin:0!important}.all-images-wrapper .image-tile .tile-footer ul li{float:left!important;width:33.33%;box-sizing:border-box!important;text-align:center;margin:0!important;border-right:1px solid #f3f3f3}.all-images-wrapper .image-tile .tile-footer ul li:last-child{border-right:none}.all-images-wrapper .image-tile .tile-footer ul li a{padding:10px 0;display:block;text-decoration:none!important;font-size:18px!important;color:#444!important}.all-images-wrapper .image-tile .tile-footer ul li a:hover{background:#f8f8f8}.all-images-wrapper div.mabel-pagination{padding:10px 0}.all-images-wrapper div.mabel-pagination a{text-decoration:none!important;color:#fff!important;background:#7b53c1!important;border-radius:50%!important;padding:8px;border:1px solid transparent!important}.all-images-wrapper div.mabel-pagination a i{font-size:14px;vertical-align:middle}.all-images-wrapper div.mabel-pagination a:hover{color:#7b53c1!important;border:1px solid #7b53c1!important;background:0 0!important}.all-images-wrapper div.mabel-pagination .mabel-pagination-info{padding:0 15px}.tt-menu{box-shadow:0 1px 10px rgba(0,0,0,.2),0 2px 4px 0 rgba(0,0,0,.1);width:100%;box-sizing:border-box;background:#fff}.tt-menu .tt-suggestion{cursor:pointer;padding:10px 7px;text-align:left}.tt-menu .tt-suggestion:hover{background:#f3f3f3}span.twitter-typeahead{width:100%}.loader-indicator{font-weight:400!important;display:none;opacity:.8}.t-tip{max-width:250px;padding:10px;position:absolute;z-index:999;border-radius:2px;background:#000;color:#fff}.t-tip:after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #000;content:'';display:block;height:0;left:-7px;margin-top:-7px;position:absolute;top:50%;width:0}.t-tip.left:after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #000;border-right:0;left:auto;right:-7px}.t-tip.bottom:after{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #000;border-top:0;left:50%;margin:0 0 0 -7px;top:-7px}.t-tip.top:after{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #000;border-bottom:0;bottom:-7px;left:50%;margin:0 0 0 -7px;top:auto}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}40%{transform:scale3d(1.1,1.1,1.12)}70%{transform:scale3d(.9,.9,.9)}to{opacity:1;transform:scale3d(1,1,1)}}@font-face{font-family:SIWCIcons;src:url(data:application/font-woff;charset=utf-8;base64,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) format('woff');font-weight:400;font-style:normal}[class*=" siw-icon-"],[class^=siwc-icon-]{font-family:SIWCIcons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.siwc-icon-plus:before{content:"\e907"}.siwc-icon-plus_thin:before{content:"\e901"}span.mb-siwc-tag{z-index:10;position:absolute;top:50%;left:50%;background:#000;color:#fff;width:30px;height:30px;line-height:30px;cursor:pointer;border-radius:50%;font-size:13px;display:flex;justify-content:center;align-items:center}span.mb-siwc-tag.active{z-index:30}span.mb-siwc-tag i[class*=siwc-icon]{line-height:1;text-decoration:none}div.mb-siwc-popup{text-align:left;min-height:50px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.2);position:absolute;z-index:20;width:265px;border-radius:4px}div.mb-siwc-popup .siwc-inner-text{padding:15px;text-align:center;flex:1}div.mb-siwc-popup div.mb-siwc-popup-inner{display:flex}div.mb-siwc-popup div.mb-siwc-popup-inner .siwc-thumb-wrapper{width:100px;background-repeat:no-repeat;background-size:cover;background-position:center center;border-top-left-radius:4px;border-bottom-left-radius:4px}div.mb-siwc-popup div.mb-siwc-popup-inner a,div.mb-siwc-popup div.mb-siwc-popup-inner h1,div.mb-siwc-popup div.mb-siwc-popup-inner h2{margin:0;padding:0;text-align:center;color:#333}div.mb-siwc-popup div.mb-siwc-popup-inner a:after,div.mb-siwc-popup div.mb-siwc-popup-inner a:before,div.mb-siwc-popup div.mb-siwc-popup-inner h1:after,div.mb-siwc-popup div.mb-siwc-popup-inner h1:before,div.mb-siwc-popup div.mb-siwc-popup-inner h2:after,div.mb-siwc-popup div.mb-siwc-popup-inner h2:before{content:none}div.mb-siwc-popup div.mb-siwc-popup-inner h1{font-weight:700;font-size:15px;padding-bottom:10px;line-height:16px}div.mb-siwc-popup div.mb-siwc-popup-inner h2{line-height:18px;font-size:21px;font-weight:400;padding-bottom:15px}div.mb-siwc-popup div.mb-siwc-popup-inner a{font-size:14px;line-height:16px;box-sizing:border-box;border:1px solid transparent;border-radius:4px;background:#333;text-decoration:none;color:#fff;display:inline-block;margin-top:5px;padding:7px 12px;transition-duration:0s;box-shadow:none}div.mb-siwc-popup div.mb-siwc-popup-inner a:hover{-webkit-box-shadow:none;box-shadow:none;text-decoration:none;border:1px solid #333;color:#333;background:#fff}div.mb-siwc-popup.siwc-no-thumb{width:200px}div.mb-siwc-popup.siwc-no-thumb .siwc-thumb-wrapper{display:none}div.mb-siwc-popup:after{content:'';position:absolute;width:0;height:0;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;top:-8px;border-bottom:8px solid #fff}div.mb-siwc-popup.mb-siwc-top:after{top:auto;bottom:-8px;border-bottom:none;border-top:8px solid #fff}div.mb-siwc-popup.mb-siwc-bottom-left:after{top:6px;left:auto;right:-10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}div.mb-siwc-popup.mb-siwc-top-left:after{top:auto;bottom:7px;left:auto;right:-10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}div.mb-siwc-popup.mb-siwc-top-right:after{top:auto;bottom:5px;left:-3px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}div.mb-siwc-popup.mb-siwc-bottom-right:after{top:6px;left:-3px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mabel-siwc-img-wrapper{display:inline-block;position:relative;margin:0!important;padding:0!important}.mabel-siwc-img-wrapper img{vertical-align:bottom!important;max-width:100%!important}.mabel-invisible{visibility:hidden!important}

  • mabel-shoppable-images-lite/trunk/admin/js/admin.min.js

    r2572841 r2589078  
    66var Core;!function(t){!function(t){!function(t){var e=function(){function t(t){var e=this;this.stepContents=t.find("[data-step]"),this.steps=t.find(".step"),this.currentStep=1,t.find(".mabel-btn-next-step").off("click").on("click",function(t){t.preventDefault(),e.next()}),t.find(".mabel-btn-prev-step").off("click").on("click",function(t){t.preventDefault(),e.prev()})}return t.prototype.toggleClasses=function(){this.stepContents.hide(),this.stepContents.eq(this.currentStep-1).show(),this.steps.removeClass("current done"),this.steps.eq(this.currentStep-1).addClass("current"),this.steps.eq(this.currentStep-1).prevAll().addClass("done")},t.prototype.setStep=function(t){this.currentStep=t,this.toggleClasses()},t.prototype.next=function(){this.currentStep++,this.toggleClasses()},t.prototype.prev=function(){this.currentStep--,this.toggleClasses()},t}();t.StepTracker=e}(t.Components||(t.Components={}))}(t.Admin||(t.Admin={}))}(Core||(Core={}));
    77var Core;!function(t){!function(t){!function(t){var e=function(){function t(){}return t.getSlug=function(){return jQuery("[data-context]").data("slug")},t.getSettings=function(){var e=jQuery("#"+t.getSlug()+"-form").serializeArray(),n={};return e.forEach(function(e,r){var a=e.name.replace(t.getSettingsKey()+"[","").replace("]","");n[a]=e.value}),n},t.getSettingsKey=function(){return jQuery("[data-context]").data("settings-key")},t.getAdminAjaxUrl=function(){return jQuery("[data-context]").data("admin-ajax-url")},t}();t.Context=e}(t.Helpers||(t.Helpers={}))}(t.Admin||(t.Admin={}))}(Core||(Core={}));
    8 var SIWCAdmin;!function(e){var t=Core.Admin.Components.MediaSelector,i=Core.Admin.Components.StepTracker,a=function(){function a(a){var n=this;this.home=a;this.clamped=!1,jQuery.views.settings.allowCode(!0),setInterval(function(){var e=a.find(".loader-indicator");e.html("•••"===e.html()?"":e.html()+"•")},155),jQuery.tips({action:"click",element:".tooltip"});var r=new i(a.find(".step-tracker-wrapper#add-image")),c=new e.Controllers.DrawBoard(a),o=new e.Controllers.Lister(a);new t(a.find(".btn-select-image"),function(e){n.activeImage=e.url,n.activeThumb=e.sizes&&e.sizes.thumbnail?e.sizes.thumbnail.url:e.url,a.find(".selected-img-holder img").attr("src",n.activeImage),c.setDrawBoard(),n.mode="create",r.next()});Core.Admin.Dispatcher.subscribe("image:edit",function(t){n.clamped&&n.unclamp();var i=[];a.find(".selected-img-holder img").attr("src",t.image),n.activeImage=t.id;var o=function(){n.mode="edit",c.setDrawBoard(),c.setTags(i),r.setStep(2),Core.Admin.Dispatcher.publish("tab:activate","options-addimage")},d=[];t.tags.forEach(function(e){d.push(e.id)});var s=[];e.Api.Product.getProductsByIds(d).then(function(e){s=e}).then(function(){t.tags.forEach(function(t){var a=new e.Models.Tag;if(a.percentageX=t.x,a.percentageY=t.y,a.product=new e.Models.Product(t.id,t.name,t.price),t.id){var n=e.Helpers.Collections.findBy(s,"id",t.id);n&&(a.product.name=n.name,a.product.price=n.price,a.product.url=n.url,i.push(a))}}),o()})}),a.find(".btn-start-over").on("click",function(e){e.preventDefault(),c.setDrawBoard(),r.setStep(1),n.activeImage=null}),a.find(".btn-save-image").on("click",function(t){t.preventDefault();var i=[];c.getTags().forEach(function(e){if(e.product){var t={x:e.percentageX,y:e.percentageY,id:e.product.id};e.product.id||(t.price=e.product.price,t.name=e.product.name,t.url=e.product.url),i.push(t)}});var a=function(e){o.displayImages(1),n.home.find(".active-shortcode").html('[shoppable_image id="'+e+'"]'),r.next()};if("create"===n.mode){if(o.getTotalImgOnPage()>=3)return;e.Api.Images.addImage(n.activeImage,n.activeThumb,i).then(function(e){a(e)})}else e.Api.Images.updateImage(n.activeImage,i).then(function(){a(n.activeImage)})}),Core.Admin.Dispatcher.subscribe("settings:changed",function(e){c.draw(e)}),Core.Admin.Dispatcher.subscribe("tab:changed",function(e){"options-addimage"===e&&c.draw()}),Core.Admin.Dispatcher.subscribe("images:listed",function(){o.getTotalImgOnPage()>=3?n.clamp():n.unclamp()})}return a.prototype.unclamp=function(){jQuery(".step-tracker-wrapper").show(),jQuery(".upgrade-warning").hide(),this.clamped=!1},a.prototype.clamp=function(){jQuery(".step-tracker-wrapper").hide(),jQuery(".upgrade-warning").show(),this.clamped=!0},a}();e.Main=a}(SIWCAdmin||(SIWCAdmin={})),jQuery(document).ready(function(){new SIWCAdmin.Main(jQuery(document.body))});
    9 var SIWCAdmin;!function(t){!function(e){var i=function(){function e(e){this.parent=e,this.wrapper=e.find(".selected-img-holder").first(),this.image=this.wrapper.find("img"),this.tags=[],this.popuptemplate=jQuery.templates("#popup-content-template"),this.initEvents();var i;this.autocompleteOptions={async:!0,display:function(t){return t.name},source:function(e,n,s){i&&clearTimeout(i),i=setTimeout(function(){jQuery(".loader-indicator").show(),t.Api.Product.getProductLikeName(e).then(function(t){return jQuery(".loader-indicator").hide(),s(t)})},300)}}}return e.prototype.getTags=function(){return this.tags},e.prototype.setTags=function(t){this.tags=t},e.prototype.setDrawBoard=function(){this.settings=Core.Admin.Helpers.Context.getSettings(),this.tags=[],this.clearElements(),this.initialized=!0},e.prototype.draw=function(i,n){var s=this;if(this.initialized){i&&(this.settings=i),this.clearElements(),this.settings.tagsize=parseInt(mabel_script_vars.tagsize),this.settings.iconsize=parseInt(mabel_script_vars.iconsize),this.settings.tagicon=mabel_script_vars.tagicon;jQuery(jQuery("#popup-content-template").html());this.tags.forEach(function(i,n){var a=jQuery('<i class="'+s.settings.tagicon+'">'),o=(jQuery('<span class="mb-siwc-tag"></span>').css({top:i.percentageY+"%",left:i.percentageX+"%",background:s.settings.tagbgcolor,color:s.settings.tagfgcolor,width:s.settings.tagsize+"px",height:s.settings.tagsize+"px",lineHeight:s.settings.tagsize+"px",fontSize:s.settings.iconsize+"px",borderRadius:s.settings.tagborderradius+"%",marginLeft:-s.settings.tagsize/2,marginTop:-s.settings.tagsize/2}).on("click",function(t){t.preventDefault(),t.stopPropagation();var e=jQuery(t.currentTarget),i=s.wrapper.find(".mb-siwc-tag");i.not(e).removeClass("active"),e.toggleClass("active"),i.not(e).next().addClass("mabel-invisible"),e.next().toggleClass("mabel-invisible")}).append(a).appendTo(s.wrapper),jQuery('<div class="mb-siwc-popup mabel-invisible">').appendTo(s.wrapper));o.on("click",".btn-delete-tag",function(t){t.preventDefault(),s.tags.splice(n,1),s.draw()}).on("click",".btn-change-product",function(t){t.preventDefault(),null==i.product.id?i.customProduct=!0:i.customProduct=!1,i.product=null,o.html(s.popuptemplate.render(i)),s.typeahead(i,o)}).on("click",".btn-change-to-custom",function(t){t.preventDefault(),i.product=null,i.customProduct=!0,o.html(s.popuptemplate.render(i))}).on("click",".btn-change-to-auto",function(t){t.preventDefault(),i.product=null,i.customProduct=!1,o.html(s.popuptemplate.render(i)),s.typeahead(i,o)}).on("click",".btn-save-custom ",function(e){e.preventDefault();var n=jQuery(e.currentTarget).closest(".popup-options"),a=n.find("[name=p-name]").val(),r=n.find("[name=p-link]").val();a&&r&&(i.product=new t.Models.Product(null,a,n.find("[name=p-price]").val()),i.product.url=r,o.html(s.popuptemplate.render(i)))}).css({top:i.percentageY+"%",left:i.percentageX+"%",marginLeft:-o.width()/2+"px",marginTop:s.settings.tagsize/2+15+"px"}),o.html(s.popuptemplate.render(i)),s.typeahead(i,o);var r=t.Helpers.PositionHelper.getPopupPosition(i,o,s.wrapper);if("bottom"!=r){e.boundingBoxSize,s.settings.tagsize;switch(r){case"top":o.css("marginTop",-1*(o.height()+15+s.settings.tagsize/2));break;case"top left":o.css({marginTop:-1*(o.height()-10),marginLeft:-1*(o.width()+15+s.settings.tagsize/2)});break;case"top right":o.css({marginTop:-1*(o.height()-10),marginLeft:s.settings.tagsize/2+15});break;case"bottom left":o.css({marginTop:-10,marginLeft:-1*(o.width()+15+s.settings.tagsize/2)});break;case"bottom right":o.css({marginTop:-10,marginLeft:s.settings.tagsize/2+15})}}o.addClass("mb-siwc-"+r.replace(" ","-"))}),n&&"function"==typeof n&&n()}},e.prototype.typeahead=function(e,i){var n=this;i.find(".mb-siwc-autocomplete").typeahead({hint:!0,highlight:!0,minLength:2},this.autocompleteOptions).on("typeahead:select",function(s,a){e.product=new t.Models.Product(a.id,a.name,a.price),i.html(n.popuptemplate.render(e))})},e.prototype.openActivePopup=function(){this.wrapper.find(".mb-siwc-tag").last().addClass("active"),this.wrapper.find(".mb-siwc-popup").last().removeClass("mabel-invisible")},e.prototype.initEvents=function(){var t=this;this.wrapper.find("img").on("click",function(e){var i=t.makeTag(e.pageX,e.pageY);t.tags.push(i),t.draw(null,function(){t.openActivePopup()})})},e.prototype.makeTag=function(e,i){var n=t.Helpers.PositionHelper.getMousePosition(this.wrapper,e,i),s=new t.Models.Tag(n.x,n.y),a=t.Helpers.PositionHelper.toPercentagePosition(this.wrapper,s.x,s.y);return s.percentageX=a.x,s.percentageY=a.y,s},e.prototype.clearElements=function(){this.wrapper.find("*").not("img").remove()},e.boundingBoxSize=80,e}();e.DrawBoard=i}(t.Controllers||(t.Controllers={}))}(SIWCAdmin||(SIWCAdmin={}));
    10 var SIWCAdmin;!function(e){!function(t){var i=function(){function t(e){this.wrapper=e.find(".all-images-wrapper"),this.template=jQuery.templates("#image-template"),this.initPager(),this.initDeleteImage(),this.initEditImage(),this.displayImages(1)}return t.prototype.displayImages=function(t){var i=this;this.currentPage=t,this.wrapper.addClass("loading"),e.Api.Images.getImages(t).then(function(e){i.wrapper.html(i.template.render(e)),i.wrapper.removeClass("loading"),Core.Admin.Dispatcher.publish("images:listed")})},t.prototype.getTotalImgOnPage=function(){return this.wrapper.find(".image-tile").length},t.prototype.initPager=function(){var e=this;this.wrapper.on("click",".next",function(t){t.preventDefault(),e.displayImages(e.currentPage+1)}),this.wrapper.on("click",".prev",function(t){t.preventDefault(),e.displayImages(e.currentPage-1)})},t.prototype.initEditImage=function(){this.wrapper.on("click",".btn-edit-image",function(t){t.preventDefault(),e.Api.Images.getImage(jQuery(t.currentTarget).closest(".image-tile").data("id")).then(function(e){Core.Admin.Dispatcher.publish("image:edit",e)})})},t.prototype.initDeleteImage=function(){this.wrapper.on("click",".btn-delete-image",function(t){if(t.preventDefault(),confirm("Are you sure you'd like to delete this shoppable image?")){var i=jQuery(t.currentTarget).closest(".image-tile"),n=i.data("id");n&&e.Api.Images.deleteImage(n).then(function(){i.hide(0,function(){i.remove()})})}})},t}();t.Lister=i}(e.Controllers||(e.Controllers={}))}(SIWCAdmin||(SIWCAdmin={}));
     8var SIWCAdmin;!function(e){var t=Core.Admin.Components.MediaSelector,i=Core.Admin.Components.StepTracker,a=function(){function a(a){var r=this;this.home=a;this.clamped=!1,jQuery.views.settings.allowCode(!0),setInterval(function(){var e=a.find(".loader-indicator");e.html("•••"===e.html()?"":e.html()+"•")},155),jQuery.tips({action:"click",element:".tooltip"});var n=new i(a.find(".step-tracker-wrapper#add-image")),c=new e.Controllers.DrawBoard(a),o=new e.Controllers.Lister(a);new t(a.find(".btn-select-image"),function(e){r.activeImage=e.url,r.activeThumb=e.sizes&&e.sizes.thumbnail?e.sizes.thumbnail.url:e.url,a.find(".selected-img-holder img").attr("src",r.activeImage),c.setDrawBoard(),r.mode="create",n.next()});Core.Admin.Dispatcher.subscribe("image:edit",function(t){r.clamped&&r.unclamp();var i=[];a.find(".selected-img-holder img").attr("src",t.image),r.activeImage=t.id;var o=function(){r.mode="edit",c.setDrawBoard(),c.setTags(i),n.setStep(2),Core.Admin.Dispatcher.publish("tab:activate","options-addimage")},d=[];t.tags.forEach(function(e){d.push(e.id)});var s=[];e.Api.Product.getProductsByIds(d).then(function(e){s=e}).then(function(){t.tags.forEach(function(t){var a=new e.Models.Tag;if(a.percentageX=t.x,a.percentageY=t.y,a.product=new e.Models.Product(t.id,t.name,t.price),t.id){var r=e.Helpers.Collections.findBy(s,"id",t.id);r&&(a.product.name=r.name,a.product.price=r.price,a.product.url=r.url,i.push(a))}}),o()})}),a.find(".btn-start-over").on("click",function(e){e.preventDefault(),c.setDrawBoard(),n.setStep(1),r.activeImage=null}),a.find(".btn-save-image").on("click",function(t){t.preventDefault();var i=jQuery(t.currentTarget);i.css("opacity","0.4"),i.prop("disabled",!0);var a=[];c.getTags().forEach(function(e){if(e.product){var t={x:e.percentageX,y:e.percentageY,id:e.product.id};e.product.id||(t.price=e.product.price,t.name=e.product.name,t.url=e.product.url),a.push(t)}});var d=function(e){o.displayImages(1),r.home.find(".active-shortcode").html('[shoppable_image id="'+e+'"]'),n.next(),i.css("opacity",1),i.prop("disabled",!1)};if("create"===r.mode){if(o.getTotalImgOnPage()>=3)return;e.Api.Images.addImage(r.activeImage,r.activeThumb,a).then(function(e){d(e)})}else e.Api.Images.updateImage(r.activeImage,a).then(function(){d(r.activeImage)})}),Core.Admin.Dispatcher.subscribe("settings:changed",function(e){c.draw(e)}),Core.Admin.Dispatcher.subscribe("tab:changed",function(e){"options-addimage"===e&&c.draw()}),Core.Admin.Dispatcher.subscribe("images:listed",function(){o.getTotalImgOnPage()>=3?r.clamp():r.unclamp()})}return a.prototype.unclamp=function(){jQuery(".step-tracker-wrapper").show(),jQuery(".upgrade-warning").hide(),this.clamped=!1},a.prototype.clamp=function(){jQuery(".step-tracker-wrapper").hide(),jQuery(".upgrade-warning").show(),this.clamped=!0},a}();e.Main=a}(SIWCAdmin||(SIWCAdmin={})),jQuery(document).ready(function(){new SIWCAdmin.Main(jQuery(document.body))});
    119var SIWCAdmin;!function(e){!function(e){var t=function(){function e(){}return e.updateImage=function(t,n){return jQuery.post(Core.Admin.Helpers.Context.getAdminAjaxUrl(),{action:e.update_image_action,id:t,tags:JSON.stringify(n)}).then(function(e){return e})},e.addImage=function(t,n,i){return jQuery.post(Core.Admin.Helpers.Context.getAdminAjaxUrl(),{action:e.add_image_action,tags:JSON.stringify(i),image:t,thumb:n}).then(function(e){return e})},e.deleteImage=function(t){return jQuery.get(Core.Admin.Helpers.Context.getAdminAjaxUrl(),{action:e.delete_image_action,imageId:t}).then(function(e){return e})},e.getImages=function(t){return jQuery.get(Core.Admin.Helpers.Context.getAdminAjaxUrl(),{action:e.get_images_action,page:t}).then(function(e){return e})},e.getImage=function(t){return jQuery.get(Core.Admin.Helpers.Context.getAdminAjaxUrl(),{action:e.get_image_action,id:t}).then(function(e){return e})},e.get_image_action="mb-siwc-get-image",e.get_images_action="mb-siwc-get-images",e.delete_image_action="mb-siwc-delete-image",e.add_image_action="mb-siwc-add-image",e.update_image_action="mb-siwc-update-image",e}();e.Images=t}(e.Api||(e.Api={}))}(SIWCAdmin||(SIWCAdmin={}));
    1210var SIWCAdmin;!function(t){!function(t){var n=function(){function t(){}return t.getProductsByIds=function(n){return jQuery.getJSON(Core.Admin.Helpers.Context.getAdminAjaxUrl(),{action:t.get_by_ids_action,ids:n.join(",")}).then(function(t){return t})},t.getProductById=function(n){return jQuery.getJSON(Core.Admin.Helpers.Context.getAdminAjaxUrl(),{action:t.get_by_id_action,id:n}).then(function(t){return t})},t.getProductLikeName=function(n){return jQuery.getJSON(Core.Admin.Helpers.Context.getAdminAjaxUrl(),{action:t.get_like_name_action,q:n,dataType:"json"}).then(function(t){return t})},t.get_like_name_action="mb-siwc-get-products",t.get_by_id_action="mb-siwc-get-product-by-id",t.get_by_ids_action="mb-siwc-get-products-by-ids",t}();t.Product=n}(t.Api||(t.Api={}))}(SIWCAdmin||(SIWCAdmin={}));
    1311var SIWCAdmin;!function(n){!function(n){var i=function(){function n(){}return n.findBy=function(n,i,r){if(!n||!n.length)return null;var t=null;return n.forEach(function(n,u){n[i]==r&&(t=n)}),t},n}();n.Collections=i}(n.Helpers||(n.Helpers={}))}(SIWCAdmin||(SIWCAdmin={}));
    1412var SIWCAdmin;!function(t){!function(t){var n=function(){function t(){}return t.getPopupPosition=function(t,n,o){void 0===o&&(o=null),null==o&&(o=jQuery(document.body));var e=n.height(),i=n.width(),r=o.height(),u=o.width(),f=t.y+e>r,c=u-(u-t.x)<i/2,h=u-t.x<i/2,l=f?"top":"bottom";return c&&(l+=" right"),h&&(l+=" left"),l},t.getMousePosition=function(t,n,o){var e=t.offset();return{x:n-e.left,y:o-e.top}},t.getTopLeftPosition=function(t,n,o,e){var i=t.offset();return{x:n-i.left-e/2,y:o-i.top-e/2}},t.toPercentagePosition=function(t,n,o){return{x:n/t.width()*100,y:o/t.height()*100}},t}();t.PositionHelper=n}(t.Helpers||(t.Helpers={}))}(SIWCAdmin||(SIWCAdmin={}));
     13var SIWCAdmin;!function(t){!function(e){var i=function(){function e(e){this.parent=e,this.wrapper=e.find(".selected-img-holder").first(),this.image=this.wrapper.find("img"),this.tags=[],this.popuptemplate=jQuery.templates("#popup-content-template"),this.initEvents();var i;this.autocompleteOptions={async:!0,display:function(t){return t.name},source:function(e,n,s){i&&clearTimeout(i),i=setTimeout(function(){jQuery(".loader-indicator").show(),t.Api.Product.getProductLikeName(e).then(function(t){return jQuery(".loader-indicator").hide(),s(t)})},300)}}}return e.prototype.getTags=function(){return this.tags},e.prototype.setTags=function(t){this.tags=t},e.prototype.setDrawBoard=function(){this.settings=Core.Admin.Helpers.Context.getSettings(),this.tags=[],this.clearElements(),this.initialized=!0},e.prototype.draw=function(i,n){var s=this;if(this.initialized){i&&(this.settings=i),this.clearElements(),this.settings.tagsize=parseInt(mabel_script_vars.tagsize),this.settings.iconsize=parseInt(mabel_script_vars.iconsize),this.settings.tagicon=mabel_script_vars.tagicon;jQuery(jQuery("#popup-content-template").html());this.tags.forEach(function(i,n){var a=jQuery('<i class="'+s.settings.tagicon+'">'),o=(jQuery('<span class="mb-siwc-tag"></span>').css({top:i.percentageY+"%",left:i.percentageX+"%",background:s.settings.tagbgcolor,color:s.settings.tagfgcolor,width:s.settings.tagsize+"px",height:s.settings.tagsize+"px",lineHeight:s.settings.tagsize+"px",fontSize:s.settings.iconsize+"px",borderRadius:s.settings.tagborderradius+"%",marginLeft:-s.settings.tagsize/2,marginTop:-s.settings.tagsize/2}).on("click",function(t){t.preventDefault(),t.stopPropagation();var e=jQuery(t.currentTarget),i=s.wrapper.find(".mb-siwc-tag");i.not(e).removeClass("active"),e.toggleClass("active"),i.not(e).next().addClass("mabel-invisible"),e.next().toggleClass("mabel-invisible")}).append(a).appendTo(s.wrapper),jQuery('<div class="mb-siwc-popup mabel-invisible">').appendTo(s.wrapper));o.on("click",".btn-delete-tag",function(t){t.preventDefault(),s.tags.splice(n,1),s.draw()}).on("click",".btn-change-product",function(t){t.preventDefault(),null==i.product.id?i.customProduct=!0:i.customProduct=!1,i.product=null,o.html(s.popuptemplate.render(i)),s.typeahead(i,o)}).on("click",".btn-change-to-custom",function(t){t.preventDefault(),i.product=null,i.customProduct=!0,o.html(s.popuptemplate.render(i))}).on("click",".btn-change-to-auto",function(t){t.preventDefault(),i.product=null,i.customProduct=!1,o.html(s.popuptemplate.render(i)),s.typeahead(i,o)}).on("click",".btn-save-custom ",function(e){e.preventDefault();var n=jQuery(e.currentTarget).closest(".popup-options"),a=n.find("[name=p-name]").val(),r=n.find("[name=p-link]").val();a&&r&&(i.product=new t.Models.Product(null,a,n.find("[name=p-price]").val()),i.product.url=r,o.html(s.popuptemplate.render(i)))}).css({top:i.percentageY+"%",left:i.percentageX+"%",marginLeft:-o.width()/2+"px",marginTop:s.settings.tagsize/2+15+"px"}),o.html(s.popuptemplate.render(i)),s.typeahead(i,o);var r=t.Helpers.PositionHelper.getPopupPosition(i,o,s.wrapper);if("bottom"!=r){e.boundingBoxSize,s.settings.tagsize;switch(r){case"top":o.css("marginTop",-1*(o.height()+15+s.settings.tagsize/2));break;case"top left":o.css({marginTop:-1*(o.height()-10),marginLeft:-1*(o.width()+15+s.settings.tagsize/2)});break;case"top right":o.css({marginTop:-1*(o.height()-10),marginLeft:s.settings.tagsize/2+15});break;case"bottom left":o.css({marginTop:-10,marginLeft:-1*(o.width()+15+s.settings.tagsize/2)});break;case"bottom right":o.css({marginTop:-10,marginLeft:s.settings.tagsize/2+15})}}o.addClass("mb-siwc-"+r.replace(" ","-"))}),n&&"function"==typeof n&&n()}},e.prototype.typeahead=function(e,i){var n=this;i.find(".mb-siwc-autocomplete").typeahead({hint:!0,highlight:!0,minLength:2},this.autocompleteOptions).on("typeahead:select",function(s,a){e.product=new t.Models.Product(a.id,a.name,a.price),i.html(n.popuptemplate.render(e))})},e.prototype.openActivePopup=function(){this.wrapper.find(".mb-siwc-tag").last().addClass("active"),this.wrapper.find(".mb-siwc-popup").last().removeClass("mabel-invisible")},e.prototype.initEvents=function(){var t=this;this.wrapper.find("img").on("click",function(e){var i=t.makeTag(e.pageX,e.pageY);t.tags.push(i),t.draw(null,function(){t.openActivePopup()})})},e.prototype.makeTag=function(e,i){var n=t.Helpers.PositionHelper.getMousePosition(this.wrapper,e,i),s=new t.Models.Tag(n.x,n.y),a=t.Helpers.PositionHelper.toPercentagePosition(this.wrapper,s.x,s.y);return s.percentageX=a.x,s.percentageY=a.y,s},e.prototype.clearElements=function(){this.wrapper.find("*").not("img").remove()},e.boundingBoxSize=80,e}();e.DrawBoard=i}(t.Controllers||(t.Controllers={}))}(SIWCAdmin||(SIWCAdmin={}));
     14var SIWCAdmin;!function(e){!function(t){var i=function(){function t(e){this.wrapper=e.find(".all-images-wrapper"),this.template=jQuery.templates("#image-template"),this.initPager(),this.initDeleteImage(),this.initEditImage(),this.displayImages(1)}return t.prototype.displayImages=function(t){var i=this;this.currentPage=t,this.wrapper.addClass("loading"),e.Api.Images.getImages(t).then(function(e){i.wrapper.html(i.template.render(e)),i.wrapper.removeClass("loading"),Core.Admin.Dispatcher.publish("images:listed")})},t.prototype.getTotalImgOnPage=function(){return this.wrapper.find(".image-tile").length},t.prototype.initPager=function(){var e=this;this.wrapper.on("click",".next",function(t){t.preventDefault(),e.displayImages(e.currentPage+1)}),this.wrapper.on("click",".prev",function(t){t.preventDefault(),e.displayImages(e.currentPage-1)})},t.prototype.initEditImage=function(){this.wrapper.on("click",".btn-edit-image",function(t){t.preventDefault();var i=jQuery(t.currentTarget);i.css("opacity","0.4"),i.prop("disabled",!0),e.Api.Images.getImage(jQuery(t.currentTarget).closest(".image-tile").data("id")).then(function(e){Core.Admin.Dispatcher.publish("image:edit",e),i.css("opacity","1"),i.prop("disabled",!1)})})},t.prototype.initDeleteImage=function(){this.wrapper.on("click",".btn-delete-image",function(t){t.preventDefault();var i=jQuery(t.currentTarget);if(confirm("Are you sure you'd like to delete this shoppable image?")){var r=jQuery(t.currentTarget).closest(".image-tile"),a=r.data("id");a&&(i.css("opacity","0.4"),e.Api.Images.deleteImage(a).then(function(){r.hide(0,function(){r.remove()})}))}})},t}();t.Lister=i}(e.Controllers||(e.Controllers={}))}(SIWCAdmin||(SIWCAdmin={}));
    1515var SIWCAdmin;!function(n){!function(n){var i=function(){function n(n,i,d){void 0===i&&(i=null),void 0===d&&(d=null),this.name=i,this.id=n,this.price=d}return n}();n.Product=i}(n.Models||(n.Models={}))}(SIWCAdmin||(SIWCAdmin={}));
    1616var SIWCAdmin;!function(n){!function(n){var i=function(){function n(n,i){this.x=n,this.y=i}return n}();n.Tag=i}(n.Models||(n.Models={}))}(SIWCAdmin||(SIWCAdmin={}));

  • mabel-shoppable-images-lite/trunk/mabel-shoppable-images-lite.php

    r2572841 r2589078  
    44 * Plugin URI: https://studiowombat.com/plugin/shoppable-images/
    55 * Description: Easily add 'shoppable images' (images with hotspots) to your website or store.
    6  * Version: 1.1.6
     6 * Version: 1.1.7
    77 * Author: Studio Wombat
    88 * Author URI: https://studiowombat.com/
    99 * Text Domain: mabel-shoppable-images-lite
    1010 * WC requires at least: 3.2.0
    11  * WC tested up to: 5.5.2
     11 * WC tested up to: 5.7.0
    1212*/
    1313
    … …  
    4949        plugin_basename( __FILE__ ),
    5050        'Shoppable Images Lite',
    51         '1.1.6',
     51        '1.1.7',
    5252        'mb-si-lite-settings'
    5353    );

  • mabel-shoppable-images-lite/trunk/public/css/public.min.css

    r2227907 r2589078  
    1 @font-face{font-family:SIWCIcons;src:url(data:application/font-woff;charset=utf-8;base64,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) format('woff');font-weight:400;font-style:normal}[class*=" siw-icon-"],[class^=siwc-icon-]{font-family:SIWCIcons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.siwc-icon-plus:before{content:"\e907"}.siwc-icon-plus_thin:before{content:"\e901"}span.mb-siwc-tag{z-index:10;position:absolute;top:50%;left:50%;background:#000;color:#fff;width:30px;height:30px;line-height:30px;cursor:pointer;border-radius:50%;font-size:13px;display:flex;justify-content:center;align-items:center}span.mb-siwc-tag.active{z-index:30}span.mb-siwc-tag i[class*=siwc-icon]{line-height:1;text-decoration:none}div.mb-siwc-popup{text-align:left;min-height:50px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.2);position:absolute;z-index:20;width:265px;border-radius:4px}div.mb-siwc-popup div.mb-siwc-popup-inner{padding:15px;text-align:center;position:relative}div.mb-siwc-popup div.mb-siwc-popup-inner .siwc-thumb-wrapper{position:absolute;top:0;left:0;width:100px;right:0;bottom:0;background-repeat:no-repeat;background-size:cover;background-position:center center;border-top-left-radius:4px;border-bottom-left-radius:4px}div.mb-siwc-popup div.mb-siwc-popup-inner a,div.mb-siwc-popup div.mb-siwc-popup-inner h1,div.mb-siwc-popup div.mb-siwc-popup-inner h2{margin:0;margin-left:115px;padding:0;text-align:center;color:#333}div.mb-siwc-popup div.mb-siwc-popup-inner a:after,div.mb-siwc-popup div.mb-siwc-popup-inner a:before,div.mb-siwc-popup div.mb-siwc-popup-inner h1:after,div.mb-siwc-popup div.mb-siwc-popup-inner h1:before,div.mb-siwc-popup div.mb-siwc-popup-inner h2:after,div.mb-siwc-popup div.mb-siwc-popup-inner h2:before{content:none}div.mb-siwc-popup div.mb-siwc-popup-inner h1{font-weight:700;font-size:15px;padding-bottom:10px;line-height:16px}div.mb-siwc-popup div.mb-siwc-popup-inner h2{line-height:18px;font-size:21px;font-weight:400;padding-bottom:15px}div.mb-siwc-popup div.mb-siwc-popup-inner a{font-size:14px;line-height:16px;box-sizing:border-box;border:1px solid transparent;border-radius:4px;background:#333;text-decoration:none;color:#fff;display:inline-block;margin-top:5px;padding:7px 12px;transition-duration:0s;box-shadow:none}div.mb-siwc-popup div.mb-siwc-popup-inner a:hover{-webkit-box-shadow:none;box-shadow:none;text-decoration:none;border:1px solid #333;color:#333;background:#fff}div.mb-siwc-popup.siwc-no-thumb{width:200px}div.mb-siwc-popup.siwc-no-thumb div.mb-siwc-popup-inner{padding:15px}div.mb-siwc-popup.siwc-no-thumb div.mb-siwc-popup-inner .siwc-thumb-wrapper{display:none}div.mb-siwc-popup.siwc-no-thumb div.mb-siwc-popup-inner a,div.mb-siwc-popup.siwc-no-thumb div.mb-siwc-popup-inner h1,div.mb-siwc-popup.siwc-no-thumb div.mb-siwc-popup-inner h2{margin-left:0}div.mb-siwc-popup:after{content:'';position:absolute;width:0;height:0;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;top:-8px;border-bottom:8px solid #fff}div.mb-siwc-popup.mb-siwc-top:after{top:auto;bottom:-8px;border-bottom:none;border-top:8px solid #fff}div.mb-siwc-popup.mb-siwc-bottom-left:after{top:6px;left:auto;right:-10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}div.mb-siwc-popup.mb-siwc-top-left:after{top:auto;bottom:7px;left:auto;right:-10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}div.mb-siwc-popup.mb-siwc-top-right:after{top:auto;bottom:5px;left:-3px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}div.mb-siwc-popup.mb-siwc-bottom-right:after{top:6px;left:-3px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mabel-siwc-img-wrapper{display:inline-block;position:relative;margin:0!important;padding:0!important}.mabel-siwc-img-wrapper img{vertical-align:bottom!important;max-width:100%!important}.mabel-invisible{visibility:hidden!important}
     1@font-face{font-family:SIWCIcons;src:url(data:application/font-woff;charset=utf-8;base64,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) format('woff');font-weight:400;font-style:normal}[class*=" siw-icon-"],[class^=siwc-icon-]{font-family:SIWCIcons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.siwc-icon-plus:before{content:"\e907"}.siwc-icon-plus_thin:before{content:"\e901"}span.mb-siwc-tag{z-index:10;position:absolute;top:50%;left:50%;background:#000;color:#fff;width:30px;height:30px;line-height:30px;cursor:pointer;border-radius:50%;font-size:13px;display:flex;justify-content:center;align-items:center}span.mb-siwc-tag.active{z-index:30}span.mb-siwc-tag i[class*=siwc-icon]{line-height:1;text-decoration:none}div.mb-siwc-popup{text-align:left;min-height:50px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.2);position:absolute;z-index:20;width:265px;border-radius:4px}div.mb-siwc-popup .siwc-inner-text{padding:15px;text-align:center;flex:1}div.mb-siwc-popup div.mb-siwc-popup-inner{display:flex}div.mb-siwc-popup div.mb-siwc-popup-inner .siwc-thumb-wrapper{width:100px;background-repeat:no-repeat;background-size:cover;background-position:center center;border-top-left-radius:4px;border-bottom-left-radius:4px}div.mb-siwc-popup div.mb-siwc-popup-inner a,div.mb-siwc-popup div.mb-siwc-popup-inner h1,div.mb-siwc-popup div.mb-siwc-popup-inner h2{margin:0;padding:0;text-align:center;color:#333}div.mb-siwc-popup div.mb-siwc-popup-inner a:after,div.mb-siwc-popup div.mb-siwc-popup-inner a:before,div.mb-siwc-popup div.mb-siwc-popup-inner h1:after,div.mb-siwc-popup div.mb-siwc-popup-inner h1:before,div.mb-siwc-popup div.mb-siwc-popup-inner h2:after,div.mb-siwc-popup div.mb-siwc-popup-inner h2:before{content:none}div.mb-siwc-popup div.mb-siwc-popup-inner h1{font-weight:700;font-size:15px;padding-bottom:10px;line-height:16px}div.mb-siwc-popup div.mb-siwc-popup-inner h2{line-height:18px;font-size:21px;font-weight:400;padding-bottom:15px}div.mb-siwc-popup div.mb-siwc-popup-inner a{font-size:14px;line-height:16px;box-sizing:border-box;border:1px solid transparent;border-radius:4px;background:#333;text-decoration:none;color:#fff;display:inline-block;margin-top:5px;padding:7px 12px;transition-duration:0s;box-shadow:none}div.mb-siwc-popup div.mb-siwc-popup-inner a:hover{-webkit-box-shadow:none;box-shadow:none;text-decoration:none;border:1px solid #333;color:#333;background:#fff}div.mb-siwc-popup.siwc-no-thumb{width:200px}div.mb-siwc-popup.siwc-no-thumb .siwc-thumb-wrapper{display:none}div.mb-siwc-popup:after{content:'';position:absolute;width:0;height:0;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;top:-8px;border-bottom:8px solid #fff}div.mb-siwc-popup.mb-siwc-top:after{top:auto;bottom:-8px;border-bottom:none;border-top:8px solid #fff}div.mb-siwc-popup.mb-siwc-bottom-left:after{top:6px;left:auto;right:-10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}div.mb-siwc-popup.mb-siwc-top-left:after{top:auto;bottom:7px;left:auto;right:-10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}div.mb-siwc-popup.mb-siwc-top-right:after{top:auto;bottom:5px;left:-3px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}div.mb-siwc-popup.mb-siwc-bottom-right:after{top:6px;left:-3px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mabel-siwc-img-wrapper{display:inline-block;position:relative;margin:0!important;padding:0!important}.mabel-siwc-img-wrapper img{vertical-align:bottom!important;max-width:100%!important}.mabel-invisible{visibility:hidden!important}

  • mabel-shoppable-images-lite/trunk/public/js/public.min.js

    r2535595 r2589078  
    1 var SIWCPublic;!function(t){var i=function(){function t(t){var i=this;t.find(".mabel-siwc-img-wrapper").each(function(t,a){var e=jQuery(a),s=e.data("sw-icon"),n=e.data("sw-tags"),o=e.data("sw-text"),r=e.data("sw-size"),c='<div class="mb-siwc-popup-inner"><div class="siwc-thumb-wrapper"></div><h1></h1><h2></h2><a target="_blank" href="#">'+o+"</a></div>";n.forEach(function(t,a){var n=(jQuery('<span class="mb-siwc-tag"><i class="'+s+'"></i></span>').css({top:t.posY+"%",left:t.posX+"%"}).on("click",function(t){t.preventDefault();var i=jQuery(t.currentTarget),a=e.find(".mb-siwc-tag");i.toggleClass("active"),a.not(i).removeClass("active"),a.not(i).next().addClass("mabel-invisible"),i.next().toggleClass("mabel-invisible")}).appendTo(e),jQuery(c));t.thumb&&n.find(".siwc-thumb-wrapper").css("backgroundImage","url("+t.thumb+")"),n.find("h1").html(t.title),n.find("h2").html(t.price),n.find("a").attr("href",t.link);var o=jQuery('<div class="mb-siwc-popup mabel-invisible">');t.thumb||o.addClass("siwc-no-thumb"),o.append(n).appendTo(e).css({top:t.posY+"%",left:t.posX+"%",marginLeft:-o.width()/2,marginTop:r/2+15});var p=i.getPopupPosition(t.posX,t.posY,o,e);if("bottom"!=p)switch(p){case"top":o.css("marginTop",-1*(o.height()+15+r/2));break;case"top left":o.css({marginTop:-1*(o.height()-10),marginLeft:-1*(o.width()+15+r/2)});break;case"top right":o.css({marginTop:-1*(o.height()-10),marginLeft:r/2+15});break;case"bottom left":o.css({marginTop:-10,marginLeft:-1*(o.width()+15+r/2)});break;case"bottom right":o.css({marginTop:-10,marginLeft:r/2+15})}o.addClass("mb-siwc-"+p.replace(" ","-"))})})}return t.prototype.getPopupPosition=function(t,i,a,e){void 0===e&&(e=null),null==e&&(e=jQuery(document.body));var s=a.height(),n=a.width(),o=e.height(),r=e.width(),c=s/o*100,p=n/r*100,l=i+c>100,d=t-p<0,u=t+p>100,h=l?"top":"bottom";return d&&(h+=" right"),u&&(h+=" left"),h},t}();t.Main=i}(SIWCPublic||(SIWCPublic={})),window.addEventListener("load",function(){new SIWCPublic.Main(jQuery(document.body))});
     1var SIWCPublic;!function(t){var i=function(){function t(t){var i=this;t.find(".mabel-siwc-img-wrapper").each(function(t,a){var e=jQuery(a),s=e.data("sw-icon"),n=e.data("sw-tags"),o=e.data("sw-text"),r=e.data("sw-size"),c='<div class="mb-siwc-popup-inner"><div class="siwc-thumb-wrapper"></div><div class="siwc-inner-text"><h1></h1><h2></h2><a target="_blank" href="#">'+o+"</a></div></div>";n.forEach(function(t,a){var n=(jQuery('<span class="mb-siwc-tag"><i class="'+s+'"></i></span>').css({top:t.posY+"%",left:t.posX+"%"}).on("click",function(t){t.preventDefault();var i=jQuery(t.currentTarget),a=e.find(".mb-siwc-tag");i.toggleClass("active"),a.not(i).removeClass("active"),a.not(i).next().addClass("mabel-invisible"),i.next().toggleClass("mabel-invisible")}).appendTo(e),jQuery(c));t.thumb&&n.find(".siwc-thumb-wrapper").css("backgroundImage","url("+t.thumb+")"),n.find("h1").html(t.title),n.find("h2").html(t.price),n.find("a").attr("href",t.link);var o=jQuery('<div class="mb-siwc-popup mabel-invisible">');t.thumb||o.addClass("siwc-no-thumb"),o.append(n).appendTo(e).css({top:t.posY+"%",left:t.posX+"%",marginLeft:-o.width()/2,marginTop:r/2+15});var p=i.getPopupPosition(t.posX,t.posY,o,e);if("bottom"!=p)switch(p){case"top":o.css("marginTop",-1*(o.height()+15+r/2));break;case"top left":o.css({marginTop:-1*(o.height()-10),marginLeft:-1*(o.width()+15+r/2)});break;case"top right":o.css({marginTop:-1*(o.height()-10),marginLeft:r/2+15});break;case"bottom left":o.css({marginTop:-10,marginLeft:-1*(o.width()+15+r/2)});break;case"bottom right":o.css({marginTop:-10,marginLeft:r/2+15})}o.addClass("mb-siwc-"+p.replace(" ","-"))})})}return t.prototype.getPopupPosition=function(t,i,a,e){void 0===e&&(e=null),null==e&&(e=jQuery(document.body));var s=a.height(),n=a.width(),o=e.height(),r=e.width(),c=s/o*100,p=n/r*100,l=i+c>100,d=t-p<0,u=t+p>100,h=l?"top":"bottom";return d&&(h+=" right"),u&&(h+=" left"),h},t}();t.Main=i}(SIWCPublic||(SIWCPublic={})),window.addEventListener("load",function(){new SIWCPublic.Main(jQuery(document.body))});

  • mabel-shoppable-images-lite/trunk/readme.txt

    r2572841 r2589078  
    66Tested up to: 5.8
    77Required PHP: 5.6
    8 Stable tag: 1.1.6
     8Stable tag: 1.1.7
    99
    1010Create interactive 'shoppable' images with click-to-buy tags. Ideal to showcase your products in a different way and drive more traffic.
    … …  
    5555
    5656== Changelog ==
     57
     58= version 1.1.7 =
     59 * Improvement: modernized the frontend CSS code. As a result, the CSS file is a bit smaller.
     60 * Improvement: improved admin UX where buttons are now indicating when you're waiting for something to load.
    5761
    5862= version 1.1.6 =
Note: See TracChangeset for help on using the changeset viewer.