Initial commit: Atomaste website
This commit is contained in:
@@ -0,0 +1,7 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 91.3 91.1" enable-background="new 0 0 91.3 91.1" xml:space="preserve">
|
||||
<circle cx="45.7" cy="45.7" r="45.7"/>
|
||||
<circle fill="#FFFFFF" cx="45.7" cy="24.4" r="12.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 450 B |
@@ -0,0 +1,2 @@
|
||||
@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body.udp-modal-is-opened{overflow:hidden}.udp-modal{position:fixed;top:0;left:0;bottom:0;right:0;z-index:20000}.udp-modal__overlay{width:100%;height:100%;position:absolute;background:#000;opacity:.8;z-index:1}.udp-modal__modal{position:absolute;z-index:2;left:0;top:32px;bottom:0;right:0;background:#FFF;-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.45882);box-shadow:0 4px 10px rgba(0,0,0,0.45882);overflow:auto}.udp-modal__content{position:relative;overflow:auto}.udp-modal__content .img{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.udp-modal__content .img img{max-width:100%}.udp-modal__content .text{padding:40px}.udp-modal.loading{background-image:url()}.udp-modal.loading::before{height:1em;width:1em;display:block;position:absolute;top:50%;left:50%;margin-left:-0.5em;margin-top:-0.5em;content:'';-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background:url('loader.svg') center center;background-size:cover;line-height:1;text-align:center;font-size:2em;color:#000;z-index:3;opacity:.5}.udp-modal.loading .udp-modal__content,.udp-modal.loading .udp-modal__sidebar,.iframe-is-opened .udp-modal__content,.iframe-is-opened .udp-modal__sidebar{display:none}.udp-modal__iframe{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;background:#FFF}.udp-modal__iframe iframe{position:absolute;width:100%;height:100%}@media(min-width:1200px){.udp-modal__modal{left:20px;top:calc(20px + 32px);bottom:20px;right:20px}}@media(max-width:782px){.udp-modal__modal{top:46px}}
|
||||
/*# sourceMappingURL=udp-checkout-embed-1-25-3.min.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["includes/checkout-embed/assets/udp-checkout-embed.css"],"names":[],"mappings":"AAAA;;CAEC;EACC,mCAA2B;UAA3B,2BAA2B;CAC5B;;AAED;;AANA;;CAEC;EACC,mCAA2B;UAA3B,2BAA2B;CAC5B;;AAED;;AAEA;CACC,gBAAgB;AACjB;;AAEA;CACC,eAAe;CACf,MAAM;CACN,OAAO;CACP,SAAS;CACT,QAAQ;CACR,cAAc;AACf;;AAEA;CACC,WAAW;CACX,YAAY;CACZ,kBAAkB;CAClB,gBAAgB;CAChB,YAAY;CACZ,UAAU;AACX;;AAEA;CACC,kBAAkB;CAClB,UAAU;CACV,OAAO;CACP,SAAS;CACT,SAAS;CACT,QAAQ;CACR,gBAAgB;CAChB,oDAAkC;SAAlC,4CAAkC;CAClC,cAAc;AACf;;AAEA;CACC,kBAAkB;CAClB,cAAc;AACf;;AAEA;CACC,eAAe;CACf,8BAAsB;SAAtB,sBAAsB;CACtB,kBAAkB;AACnB;;AAEA;CACC,eAAe;AAChB;;AAEA;CACC,aAAa;AACd;;AAEA;CACC,uBAAuB;AACxB;;AAEA;CACC,WAAW;CACX,UAAU;CACV,cAAc;CACd,kBAAkB;CAClB,QAAQ;CACR,SAAS;CACT,mBAAmB;CACnB,kBAAkB;CAClB,WAAW;CACX,0CAA0C;CAC1C,kCAAkC;CAClC,2CAA2C;CAC3C,sBAAsB;CACtB,cAAc;CACd,kBAAkB;CAClB,cAAc;CACd,WAAW;CACX,UAAU;CACV,YAAY;AACb;;AAEA;;;;CAIC,aAAa;AACd;;AAEA;CACC,kBAAkB;CAClB,MAAM;CACN,OAAO;CACP,QAAQ;CACR,SAAS;CACT,UAAU;CACV,gBAAgB;AACjB;;AAEA;CACC,kBAAkB;CAClB,WAAW;CACX,YAAY;AACb;;AAEA;;CAEC;EACC,UAAU;EACV,sBAAsB;EACtB,YAAY;EACZ,WAAW;CACZ;;AAED;;AAEA;;CAEC;EACC,SAAS;CACV;;AAED","file":"udp-checkout-embed-1-25-3.min.css","sourcesContent":["@keyframes spin {\n\n\t100% {\n\t\ttransform: rotate( 360deg );\n\t}\n\n}\n\nbody.udp-modal-is-opened {\n\toverflow: hidden;\n}\n\n.udp-modal {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n\tz-index: 20000;\n}\n\n.udp-modal__overlay {\n\twidth: 100%;\n\theight: 100%;\n\tposition: absolute;\n\tbackground: #000;\n\topacity: 0.8;\n\tz-index: 1;\n}\n\n.udp-modal__modal {\n\tposition: absolute;\n\tz-index: 2;\n\tleft: 0;\n\ttop: 32px;\n\tbottom: 0;\n\tright: 0;\n\tbackground: #FFF;\n\tbox-shadow: 0px 4px 10px #00000075;\n\toverflow: auto;\n}\n\n.udp-modal__content {\n\tposition: relative;\n\toverflow: auto;\n}\n\n.udp-modal__content .img {\n\tpadding: 0 20px;\n\tbox-sizing: border-box;\n\ttext-align: center;\n}\n\n.udp-modal__content .img img {\n\tmax-width: 100%;\n}\n\n.udp-modal__content .text {\n\tpadding: 40px;\n}\n\n.udp-modal.loading {\n\tbackground-image: url();\n}\n\n.udp-modal.loading::before {\n\theight: 1em;\n\twidth: 1em;\n\tdisplay: block;\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\tmargin-left: -0.5em;\n\tmargin-top: -0.5em;\n\tcontent: '';\n\t-webkit-animation: spin 1s linear infinite;\n\tanimation: spin 1s linear infinite;\n\tbackground: url('loader.svg') center center;\n\tbackground-size: cover;\n\tline-height: 1;\n\ttext-align: center;\n\tfont-size: 2em;\n\tcolor: #000;\n\tz-index: 3;\n\topacity: 0.5;\n}\n\n.udp-modal.loading .udp-modal__content,\n.udp-modal.loading .udp-modal__sidebar,\n.iframe-is-opened .udp-modal__content,\n.iframe-is-opened .udp-modal__sidebar {\n\tdisplay: none;\n}\n\n.udp-modal__iframe {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\tz-index: 3;\n\tbackground: #FFF;\n}\n\n.udp-modal__iframe iframe {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n}\n\n@media(min-width: 1200px) {\n\n\t.udp-modal__modal {\n\t\tleft: 20px;\n\t\ttop: calc(20px + 32px);\n\t\tbottom: 20px;\n\t\tright: 20px;\n\t}\n\n}\n\n@media(max-width: 782px) {\n\n\t.udp-modal__modal {\n\t\ttop: 46px;\n\t}\n\n}"]}
|
||||
@@ -0,0 +1 @@
|
||||
(o=>{var t={loading:!1,init:function(){var t;o("a[data-embed-checkout]").length&&(t=this,o(document).on("click","a[data-embed-checkout]",function(e){e.preventDefault(),t.modal.open(o(this))}))},modal:{open:function(e){this.$target=e,this.product_url&&(this.product_url,this.product_url==e.data("embed-checkout"))||(this.product_url=e.data("embed-checkout")),this.show_checkout()},setup:function(){this.$el&&(this.$el.remove(),this.$el=null);var e=o("#udp-modal-template").html();this.$el=o(e),window.addEventListener("message",function(e){var t=e.data;if(t&&t.action)switch(t.action){case"domready":this.$el.removeClass("loading");break;case"closemodal":o(document).trigger("udp/checkout/close",t.data,this.$target),this.close();break;case"ordercomplete":console.log("Order complete:",t.data),o(document).trigger("udp/checkout/done",t.data,this.$target)}}.bind(this))},close:function(e){e&&e.preventDefault(),o("body").removeClass("udp-modal-is-opened"),this.$iframe&&(this.$iframe.remove(),this.$iframe_container.remove()),this.$el.hide()},show_checkout:function(){window.open(this.product_url,"_blank","noopener, noreferrer")}}};jQuery(function(e){t.init()})})(jQuery);
|
||||
@@ -0,0 +1,140 @@
|
||||
@-webkit-keyframes spin {
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate( 360deg );
|
||||
transform: rotate( 360deg );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
|
||||
100% {
|
||||
-webkit-transform: rotate( 360deg );
|
||||
transform: rotate( 360deg );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
body.udp-modal-is-opened {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.udp-modal {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 20000;
|
||||
}
|
||||
|
||||
.udp-modal__overlay {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
background: #000;
|
||||
opacity: 0.8;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.udp-modal__modal {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
left: 0;
|
||||
top: 32px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: #FFF;
|
||||
-webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.45882);
|
||||
box-shadow: 0px 4px 10px rgba(0,0,0,0.45882);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.udp-modal__content {
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.udp-modal__content .img {
|
||||
padding: 0 20px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.udp-modal__content .img img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.udp-modal__content .text {
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.udp-modal.loading {
|
||||
background-image: url();
|
||||
}
|
||||
|
||||
.udp-modal.loading::before {
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -0.5em;
|
||||
margin-top: -0.5em;
|
||||
content: '';
|
||||
-webkit-animation: spin 1s linear infinite;
|
||||
animation: spin 1s linear infinite;
|
||||
background: url('loader.svg') center center;
|
||||
background-size: cover;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
font-size: 2em;
|
||||
color: #000;
|
||||
z-index: 3;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.udp-modal.loading .udp-modal__content,
|
||||
.udp-modal.loading .udp-modal__sidebar,
|
||||
.iframe-is-opened .udp-modal__content,
|
||||
.iframe-is-opened .udp-modal__sidebar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.udp-modal__iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 3;
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
.udp-modal__iframe iframe {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media(min-width: 1200px) {
|
||||
|
||||
.udp-modal__modal {
|
||||
left: 20px;
|
||||
top: calc(20px + 32px);
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media(max-width: 782px) {
|
||||
|
||||
.udp-modal__modal {
|
||||
top: 46px;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,90 @@
|
||||
(function($) {
|
||||
var checkout_embed = {
|
||||
loading: false,
|
||||
init: function() {
|
||||
var buttons = $('a[data-embed-checkout]');
|
||||
|
||||
if (!buttons.length) return;
|
||||
|
||||
var that = this;
|
||||
$(document).on('click', 'a[data-embed-checkout]', function(e) {
|
||||
e.preventDefault();
|
||||
that.modal.open($(this));
|
||||
});
|
||||
},
|
||||
modal: {
|
||||
open: function($target) {
|
||||
// if first time opening or different product
|
||||
this.$target = $target;
|
||||
|
||||
if (!this.product_url || (this.product_url && this.product_url != $target.data('embed-checkout'))) {
|
||||
this.product_url = $target.data('embed-checkout');
|
||||
// Disabled because of SameSite cookie issues
|
||||
// this.setup();
|
||||
}
|
||||
|
||||
this.show_checkout();
|
||||
|
||||
if (0) {
|
||||
// Disabled because of SameSite cookie issues
|
||||
// adds / remove classes
|
||||
$('body').addClass('udp-modal-is-opened');
|
||||
this.$el.removeClass('iframe-is-opened');
|
||||
|
||||
// Show it.
|
||||
this.$el.appendTo('body').show();
|
||||
window.scrollTo(0,0);
|
||||
}
|
||||
},
|
||||
setup: function() {
|
||||
if (this.$el) {
|
||||
this.$el.remove();
|
||||
this.$el = null;
|
||||
}
|
||||
var template = $('#udp-modal-template').html();
|
||||
this.$el = $(template);
|
||||
// receives events from iframe
|
||||
window.addEventListener('message', function(event) {
|
||||
var response = event.data;
|
||||
if (response && response.action) {
|
||||
switch (response.action) {
|
||||
case 'domready':
|
||||
this.$el.removeClass('loading');
|
||||
break;
|
||||
case 'closemodal':
|
||||
$(document).trigger('udp/checkout/close', response.data, this.$target);
|
||||
this.close();
|
||||
break;
|
||||
case 'ordercomplete':
|
||||
console.log('Order complete:', response.data);
|
||||
$(document).trigger('udp/checkout/done', response.data, this.$target);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}.bind(this));
|
||||
},
|
||||
close: function(event) {
|
||||
if (event) event.preventDefault();
|
||||
$('body').removeClass('udp-modal-is-opened');
|
||||
if (this.$iframe) {
|
||||
this.$iframe.remove();
|
||||
this.$iframe_container.remove();
|
||||
}
|
||||
this.$el.hide();
|
||||
},
|
||||
show_checkout: function() {
|
||||
if (1) {
|
||||
window.open(this.product_url, '_blank', 'noopener, noreferrer');
|
||||
} else {
|
||||
// Disabled because of SameSite problems
|
||||
this.$el.addClass('loading iframe-is-opened');
|
||||
this.$iframe = $('<iframe src="' + this.product_url + '"/>');
|
||||
this.$iframe_container = $('<div class="udp-modal__iframe"/>').appendTo(this.$el.find('.udp-modal__modal')).append(this.$iframe);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
jQuery(function(e) {
|
||||
checkout_embed.init();
|
||||
});
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user