diff --git a/assets/js/main.js b/assets/js/main.js index 9cc0dfb..24067a1 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -1 +1,200 @@ -requirejs.config({baseUrl:"/assets/js",paths:{queue:"lib/queue",jquery:"lib/jquery",d3:"lib/d3",underscore:"lib/underscore",scrollMonitor:"lib/scrollMonitor",remodal:"lib/remodal",makeVideoPlayableInline:"lib/inline-video",zoomer:"components/zoomer",social:"components/social"},shim:{"lib/jquery.jscroll":["jquery"]}}),require(["jquery","underscore","queue","zoomer","scrollMonitor","makeVideoPlayableInline","remodal","social"],function(e,o,a,t,i,r,n,s){function l(o){var o=o||{top:0,bottom:0};e(g).each(function(a,t){var r=i.create(t,o);r.fullyEnterViewport(function(o){var a=e(r.watchItem).find(".ambient-audio-controller"),t=(a.find(".ambient-audio-controller__state"),a.find("audio")),i=t[0];a.addClass("pulse"),setTimeout(function(){a.removeClass("pulse")},1e3),0==i.paused?t.animate({volume:0},1e3,"swing",function(){i.pause()}):(i.play(),t.animate({volume:.5},1e3))}),r.exitViewport(function(o){var a=e(r.watchItem).find(".ambient-audio-controller"),t=(a.find(".ambient-audio-controller__state"),a.find("audio")),i=t[0];t.animate({volume:0},1e3,"swing",function(){i.pause()})})})}function c(){var e=(a(1),["broll-coffee","broll-syria-st-view-from-jabal","person-abbas","broll-abbas-shophelpers","broll-syria-st-hole","person-zaynab-portrait","broll-jabal-view-from-tabbaneh-lc","person-ahmad-CU","person-samir","broll-syria-st-median-west-lc","broll-syria-st-tanks","person-ahmad-MED","portrait-top-left","portrait-top-middle","portrait-top-right","portrait-bottom-left","portrait-bottom-middle","portrait-bottom-right","person-hana-2","broll-syria-st-army-truck-lc","broll-syria-st-chickens","person-nisrine-2","person-nisrine-family","broll-shot-window","person-alaa-mohanna","broll-syria-st-business"]);e.forEach(function(e){u(e)})}function u(o,a){var t="http://icrc-syria-st-staging.s3-website-us-west-1.amazonaws.com/assets/videos/"+o+".gif",i=new Image;i.src=t,console.log("loadGif",o),i.onload=function(){console.log("Image ready",o);var t=e('video.video-cinemagraph[poster*="'+o+'"]');if(t.length){var i=t.attr("poster").replace(".jpg",".gif");t.replaceWith('')}var r=e('video.video-cinemagraph-cover[poster*="'+o+'"]');if(r.length){var i=r.attr("poster").replace(".jpg",".gif");r.replaceWith('')}a&&a(null,o)}}function d(e,o){e.muted?(e.muted=!1,o.removeClass("on off").addClass("on")):(e.muted=!0,o.removeClass("on off").addClass("off"))}function m(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry/.test(navigator.userAgent)}function f(){return p()}function p(){return m()&&!b()}function b(){return navigator.userAgent.match(/(iPad|iPhone);.*CPU.*OS [8|9|10]_\d/i)&&navigator.userAgent.indexOf("Safari")>-1&&navigator.userAgent.indexOf("CriOS")==-1||navigator.userAgent.indexOf("Twitter")>-1}var h=document.querySelectorAll(".ambient-audio-controller"),v=e(h),g=document.querySelectorAll(".panel-audio"),y=(e(g),document.querySelectorAll(".video-cinemagraph")),w=e(y),C=e("#share-facebook"),q=e("#share-twitter");document.addEventListener("DOMContentLoaded",function(e){console.log("isMobile, isLegacyMobile, isModernMobile",m(),f(),b())}),C.on("click",function(){s.facebook.share()}),q.on("click",function(){var o=e(this),a=o.data("share-text");s.twitter.share(a)}),e(".video-cinemagraph-cover").each(function(e,o){r(this)}),e(y).each(function(e,o){if(m())o.setAttribute("autoplay",""),r(this);else{var a=i.create(o);a.enterViewport(function(e){a.watchItem.play()}),a.exitViewport(function(e){a.watchItem.paused||a.watchItem.pause()})}}),m()||l(),m()||v.on("click",function(o){var a=e(this).find("audio")[0],t=e(this).find(".ambient-audio-controller__state");d(a,t)}),m&&(v.removeAttr("loop"),v.on("click",function(o){var a=e(this).find("audio"),t=a[0],i=e(this).find(".ambient-audio-controller__state");t.paused?(i.removeClass("on off").addClass("on"),t.play(),a.animate({volume:.5},1e3)):(i.removeClass("on off").addClass("off"),a.animate({volume:0},1e3,"swing",function(){t.pause()}))})),m()&&w.on("touchstart",function(o){var a=e(this)[0];a.paused&&a.play()}),t(),m()&&c()}); \ No newline at end of file +requirejs.config({ + baseUrl: "/assets/js", + paths: { + queue: "lib/queue", + jquery: "lib/jquery", + d3: "lib/d3", + underscore: "lib/underscore", + scrollMonitor: "lib/scrollMonitor", + remodal: "lib/remodal", + makeVideoPlayableInline: "lib/inline-video", + zoomer: "components/zoomer", + social: "components/social", + }, + shim: { "lib/jquery.jscroll": ["jquery"] }, +}), + require([ + "jquery", + "underscore", + "queue", + "zoomer", + "scrollMonitor", + "makeVideoPlayableInline", + "remodal", + "social", + ], function (e, o, a, t, i, r, n, s) { + function l(o) { + var o = o || { top: 0, bottom: 0 }; + e(g).each(function (a, t) { + var r = i.create(t, o); + r.fullyEnterViewport(function (o) { + var a = e(r.watchItem).find(".ambient-audio-controller"), + t = (a.find(".ambient-audio-controller__state"), a.find("audio")), + i = t[0]; + a.addClass("pulse"), + setTimeout(function () { + a.removeClass("pulse"); + }, 1e3), + 0 == i.paused + ? t.animate({ volume: 0 }, 1e3, "swing", function () { + i.pause(); + }) + : (i.play(), t.animate({ volume: 0.5 }, 1e3)); + }), + r.exitViewport(function (o) { + var a = e(r.watchItem).find(".ambient-audio-controller"), + t = (a.find(".ambient-audio-controller__state"), a.find("audio")), + i = t[0]; + t.animate({ volume: 0 }, 1e3, "swing", function () { + i.pause(); + }); + }); + }); + } + function c() { + var e = + (a(1), + [ + "broll-coffee", + "broll-syria-st-view-from-jabal", + "person-abbas", + "broll-abbas-shophelpers", + "broll-syria-st-hole", + "person-zaynab-portrait", + "broll-jabal-view-from-tabbaneh-lc", + "person-ahmad-CU", + "person-samir", + "broll-syria-st-median-west-lc", + "broll-syria-st-tanks", + "person-ahmad-MED", + "portrait-top-left", + "portrait-top-middle", + "portrait-top-right", + "portrait-bottom-left", + "portrait-bottom-middle", + "portrait-bottom-right", + "person-hana-2", + "broll-syria-st-army-truck-lc", + "broll-syria-st-chickens", + "person-nisrine-2", + "person-nisrine-family", + "broll-shot-window", + "person-alaa-mohanna", + "broll-syria-st-business", + ]); + e.forEach(function (e) { + u(e); + }); + } + function u(o, a) { + var t = + "http://icrc-syria-st-staging.s3-website-us-west-1.amazonaws.com/assets/videos/" + + o + + ".gif", + i = new Image(); + (i.src = t), + console.log("loadGif", o), + (i.onload = function () { + console.log("Image ready", o); + var t = e('video.video-cinemagraph[poster*="' + o + '"]'); + if (t.length) { + var i = t.attr("poster").replace(".jpg", ".gif"); + t.replaceWith(''); + } + var r = e('video.video-cinemagraph-cover[poster*="' + o + '"]'); + if (r.length) { + var i = r.attr("poster").replace(".jpg", ".gif"); + r.replaceWith( + '' + ); + } + a && a(null, o); + }); + } + function d(e, o) { + e.muted + ? ((e.muted = !1), o.removeClass("on off").addClass("on")) + : ((e.muted = !0), o.removeClass("on off").addClass("off")); + } + function m() { + return /Android|webOS|iPhone|iPad|iPod|BlackBerry/.test( + navigator.userAgent + ); + } + function f() { + return p(); + } + function p() { + return m() && !b(); + } + function b() { + return ( + (navigator.userAgent.match(/(iPad|iPhone);.*CPU.*OS [8|9|10]_\d/i) && + navigator.userAgent.indexOf("Safari") > -1 && + navigator.userAgent.indexOf("CriOS") == -1) || + navigator.userAgent.indexOf("Twitter") > -1 + ); + } + var h = document.querySelectorAll(".ambient-audio-controller"), + v = e(h), + g = document.querySelectorAll(".panel-audio"), + y = (e(g), document.querySelectorAll(".video-cinemagraph")), + w = e(y), + C = e("#share-facebook"), + q = e("#share-twitter"); + document.addEventListener("DOMContentLoaded", function (e) { + console.log("isMobile, isLegacyMobile, isModernMobile", m(), f(), b()); + }), + C.on("click", function () { + s.facebook.share(); + }), + q.on("click", function () { + var o = e(this), + a = o.data("share-text"); + s.twitter.share(a); + }), + e(".video-cinemagraph-cover").each(function (e, o) { + r(this); + }), + e(y).each(function (e, o) { + if (m()) o.setAttribute("autoplay", ""), r(this); + else { + var a = i.create(o); + a.enterViewport(function (e) { + a.watchItem.play(); + }), + a.exitViewport(function (e) { + a.watchItem.paused || a.watchItem.pause(); + }); + } + }), + m() || l(), + m() || + v.on("click", function (o) { + var a = e(this).find("audio")[0], + t = e(this).find(".ambient-audio-controller__state"); + d(a, t); + }), + m && + (v.removeAttr("loop"), + v.on("click", function (o) { + var a = e(this).find("audio"), + t = a[0], + i = e(this).find(".ambient-audio-controller__state"); + t.paused + ? (i.removeClass("on off").addClass("on"), + t.play(), + a.animate({ volume: 0.5 }, 1e3)) + : (i.removeClass("on off").addClass("off"), + a.animate({ volume: 0 }, 1e3, "swing", function () { + t.pause(); + })); + })), + m() && + w.on("touchstart", function (o) { + var a = e(this)[0]; + a.paused && a.play(); + }), + t(), + m() && c(); + });