$(function(){function e(t){"@babel/helpers - typeof";return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(t)}function t(){return"ontouchstart"in window||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0}function n(e,t,n){var a="";if(n){var o=new Date;o.setTime(o.getTime()+24*n*60*60*1e3),a="; expires="+o.toUTCString()}document.cookie=e+"="+(t||"")+a+"; path=/"}function a(e){for(var t=e+"=",n=document.cookie.split(";"),a=0;a<n.length;a++){for(var o=n[a];" "==o.charAt(0);)o=o.substring(1,o.length);if(0==o.indexOf(t))return o.substring(t.length,o.length)}return null}var o=!1,s=window.location.protocol,r=window.location.hostname,l=null,i=300,d=null,c=5,u=10,p="body.search>#search_container.resultContainer:not(.promo,.searchSuggestionsBlockList,.advertListView,.resource-list-item):not([draggable]),.resource-list-image-container:not([draggable]),#youll_love_resource_box>div>div:not([draggable]),#youll_love_resource_box.dashy>div:not([draggable]),#resources>li:not([draggable]),#resource_image:not([draggable]),.historyItem:not([draggable]),.individual-resource .vb-section:not([draggable]),.recently-viewed-resource:not([draggable]),.members-with-similar-careers-downloaded:not([draggable]),.newest-resource:not([draggable]),.recently-downloaded:not([draggable]),.what-are-members-downloading-now:not([draggable]),.members-downloading:not([draggable]),.resource-preview:not([draggable]),.vb-section:not([draggable]),.homeShareAble:not([draggable]),.res-preview:not([draggable]),.bookmarkItem:not([draggable])",g='<img src="https://images.twinkl.co.uk/tr/raw/upload/t/images/loading.gif" alt="loading image"><br><br>',m=s+"//"+r,h="/go/lessons/overview";try{o&&console.log("Planner boots");var f=function(t){return(f="function"==typeof Symbol&&"symbol"===e(Symbol.iterator)?function(t){return e(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":e(t)})(t)},v=function(e){o&&console.log("togglePanel",e),e&&e.preventDefault();var t=[].slice.call(document.querySelectorAll(".cd-panel--is-visible")),a=!!(t&&t.length>0),s=e?e.target.parentNode.parentNode:document.querySelectorAll(".js-cd-panel-main")[0];$("body").trigger($.Event("onSidebarPlannerToggle",{visible:!a})),a?e&&"cd-panel__close closeEdit"===e.target.className?s.classList.remove("cd-panel--is-visible"):(t.forEach(function(e){e.classList.remove("cd-panel--is-visible")}),D(),n("sidebarPlannerOpen",0,0)):(T(),s.classList.add("cd-panel--is-visible"),n("sidebarPlannerOpen",1,30))},b=function(e){e.preventDefault(),o&&console.log("closePanelModal");var t=document.querySelectorAll('[data-title="cd-panel-modal"]')[0];t.parentNode.removeChild(t)},x=function(e){e.preventDefault(),o&&console.log("closePanelVideoModal");var t=document.querySelectorAll('[data-title="cd-panel-video-modal"]')[0];t.parentNode.removeChild(t)},y=null,w=function(e){if(e.preventDefault(),o&&console.log(e),null!==y){var t=document.createElement("div");t.className="align-items-center b-0 bg-shade cd-panel-video-modal d-flex justify-content-center l-0 position-fixed r-0 t-0 w-100 z-index-1000000",t.setAttribute("data-title","cd-panel-video-modal"),t.innerHTML='<div class="container-fluid"><div class="row"><div class="container"><div class="row"><div class="col-12 col-xl-9 mx-xl-auto px-1 px-sm-2 px-md-3 px-lg-4 px-xl-5 text-right"><span class="cd-panel-video-modal-close cursor-pointer d-block font-size-2rem text-white">×</span></div><div class="col-12 px-1 px-sm-2 px-md-3 px-lg-4 px-xl-5 text-center">'+y+"</div></div></div></div></div>",document.body.appendChild(t);var n=t.querySelector(".cd-panel-video-modal-close");n.addEventListener("click",x)}},L=function(e,t,n,a){if(o&&console.log("showPanelModal"),null!==e&&void 0!==e&&null!==t&&void 0!==t){null!==n&&void 0!==n||(n="green"),null!==a&&void 0!==a||(a="Close");var s=document.createElement("div");s.className="bg-white cd-panel-modal position-fixed shadow-glow r-0 top-50 transform-translate-y-minus-50 w-18-75rem z-index-1000000",s.setAttribute("data-title","cd-panel-modal"),s.innerHTML='<div class="bg-blue-darker cd-panel-modal-header px-3 py-2 position-relative text-white" data-title="cd-panel-modal-header"><span class="cd-panel-modal-close cursor-pointer d-block font-size-2rem position-absolute r-3 text-white top-0">×</span><p class="cd-panel-modal-title font-size-0-875rem font-weight-bold mb-0 text-white" data-title="cd-panel-modal-title">'+e+'</p></div><div class="cd-panel-modal-main px-3 py-2" data-title="cd-panel-modal-main"><p class="cd-panel-modal-body font-size-0-875rem" data-title="cd-panel-modal-body">'+t+"</p></div>",document.body.appendChild(s);var r=s.querySelector(".cd-panel-modal-close");r.addEventListener("click",b)}},k=!1,S=function(){l=document.querySelectorAll(p),l.forEach(function(e){e.setAttribute("draggable","true"),e.addEventListener("dragstart",q),e.querySelectorAll("a, img").forEach(function(e){return e.setAttribute("draggable",!1)})})};setTimeout(S,2500),document.fn.events.on("loadedContent",S);var E=[],_=[],A=function(e){var t,n=e.querySelector(".resource_preview, a.imageContainer, a:not([class]), a.vb-resource-image-wrapper, a.homeShareAbleHref, a.goImageContainer");if(n){var a,o,s;return!n.href||n.href.indexOf("/premium")>-1||n.href.indexOf("/sign-up")>-1||n.href.indexOf("/sign-in")>-1?(s=location.pathname,a=document.title,o=n.src?n.src:n.querySelector("img.resource_preview").src):(s=n.href,a=(t=n.querySelector("img"))?t.getAttribute("alt"):n.innerText),{id:null,title:a,preview_filename:null,friendly_url:null,imgSrc:o?o:e.querySelector("img.resourceImage, img.resource_preview, img").src,url:s,pivot:[],canUserDownloadResource:1}}},q=function(e){o&&console.log("dragStart",e);var t=document.querySelector(".cd-panel--from-right");if(t&&t.querySelector(".cd-panel__container")){k||j(),document.querySelectorAll('[data-title="share-resources"]').forEach(function(e){e.innerHTML=""});var n=A(this);if(n){var a=new Image(207,104);a.width=207,a.height=104,a.src=n.imgSrc,e.dataTransfer.setDragImage(a,103,52),e.dataTransfer.setData("text/plain",JSON.stringify(n))}e.target.classList.add("hold"),H.className+=" cd-panel--is-visible";var s=H.querySelectorAll(".dropZone, .lessonData"),r=H.querySelectorAll(".recentlyUsed");s.forEach(function(e){e.classList.add("hovered")}),E.length&&r.forEach(function(e){e.classList.add("hovered")}),Z&&(s=Z.querySelectorAll(".lessonData"),s.forEach(function(e){e.classList.add("hovered")}))}},T=function(){o&&console.log("addCSSToHead");var e=i+"px",t=i+20+"px",n=".zEWidget-launcher, .zEWidget-webWidget--active { right:"+e+" !important }#back-to-top { right:"+t+" !important }",a=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.setAttribute("id","moved-by-planner"),a.appendChild(s),s.type="text/css",s.styleSheet?s.styleSheet.cssText=n:s.appendChild(document.createTextNode(n))},D=function(){o&&console.log("removeCSSFromHead");var e=document.getElementById("moved-by-planner");e&&e.remove()},C=function(e,t,n){for(;t<0;)t+=e.length;for(;n<0;)n+=e.length;if(n>=e.length)for(var a=n-e.length+1;a--;)e.push(void 0);return e.splice(n,0,e.splice(t,1)[0]),e},j=function(){function e(){E.length<le*c||$.get("/go/lessons/all-lessons-count").done(function(e){e=+e||0,$("#plannerLoadMoreLessonsBtn").css("display",e>E.length?"block":"none")}).fail(function(e,t,n){ajaxErrorHandler(e,t,n,null,{use_apprise:!1})})}function t(){ie=!1,$("#plannerLoadMoreLessonsBtn").hide()}function n(e){e&&e.preventDefault(),"true"===ne.attr("data-has-refreshed")&&(le=1,ne.attr("data-has-refreshed","false"),ie=!0,de=!1),!de&&ie&&(de=!0,$.get("/go/lessons/sidebar-planner-lessons?pagin[page]="+le).done(function(e){var n=e.lessons||[];E=E.concat(n),n.length<c&&t(),n&&re(),le++,de=!1}).fail(function(e,t,n){ajaxErrorHandler(e,t,n,null,{use_apprise:!1})}))}function a(){$.get("/go/lessons/all-lessons-with-resources-pins-and-planner").done(function(e){E=e.lessons||[],c=E.length,_=e.groups||[],ae=e.planner||null,u=e.lessonResourcesLimit||0,h=e.manageLink||h,document.querySelectorAll(".manageLink").forEach(function(e){e.href=h}),E&&re(),E.length||se(),ae&&oe(),"true"===ne.attr("data-has-refreshed")&&$(".refresh-message").addClass("display-none"),$.get("/go/lessons/planner-video-demo").done(function(e){o&&console.log("planner-video-demo",e),y=e})})}function s(){$.get("/ajax/collection/transfer").done(function(e){o&&console.log("transferLessons",e),a()})}function r(e){o&&console.log("dragEnter",e),e.preventDefault(),X.classList.add("over")}function l(e){e.preventDefault()}function i(){o&&console.log("dragLeave"),X.classList.remove("over")}function d(e){e.target.classList.remove("hold");var t=V.querySelectorAll(".dropZone, .lessonData"),n=V.querySelectorAll(".recentlyUsed");t.forEach(function(e){e.classList.remove("hovered")}),n.forEach(function(e){e.classList.remove("hovered")}),Z&&(t=Z.querySelectorAll(".lessonData"),t.forEach(function(e){e.classList.remove("hovered")}))}function p(e){o&&console.log("dragDrop",e,e.target.closest(".dropZone"),e.target.closest(".lessonData"));var t=g(e);if(e.target.closest(".dropZone"))o&&console.log(".dropZone",t),t&&S(t);else if(e.target.closest(".lessonData")){var n=e.target.closest(".lessonData"),a=!1;n.classList.contains("lessonDataEdit")&&(a=!0),o&&console.log("edit",a);var s=M(e.target.closest("[data-id]").getAttribute("data-id"));o&&console.log(".lessonData",t,s,e.target.closest("[data-id]").getAttribute("data-id")),t&&s&&x(s,t,a)}}function g(e){o&&console.warn(e,e.dataTransfer),e.preventDefault();var t=e.dataTransfer.getData("text/plain");if(t&&t.indexOf("{")>-1){var n=t?JSON.parse(t):void 0;if(n)return n}}function b(e){e.keyCode&&13===e.keyCode&&(e.preventDefault(),e.target.blur())}function x(e,t,n){o&&console.log("dragDropAdd",e,t),t&&(e.resources.unshift(t),q(e,n),re(),document.twinkl&&document.twinkl.sendEvent&&document.twinkl.sendEvent("planner","addedToLesson",location.pathname.split("/")[1]))}function w(e,t){var n="",a=document.querySelector("#sp-name-folder").textContent;return e.forEach(function(e,o){var s=null!=e.resources?e.resources:[],r=t===o?"lesson new":"lesson",l=s.length>=u,i=l?"imageDropOff":"imageDrop",d=l?"text-brand-black":"text-blue-darker",c=l?"fill-ad":"fill-blue",p=s.length+" resource"+(1!==s.length?"s":"");p=l?"<strong>Lesson Full - </strong>"+p:p,n+='<div class="'+r+' pb-0" data-id="'+e.id+'" data-timestamp="'+e.timestamp+'"><div class="lessonData"><div class="'+i+' mb-0" ondragover=""><div class="d-flex mx-0 row" data-id="'+e.id+'" data-timestamp="'+e.timestamp+'"><div class="mx-2 w-1rem"><svg class="'+c+'  w-1rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"/></svg></div><div class="mx-0 w-auto"><textarea class="font-size-0-875rem '+d+'" data-label="name" placeholder="'+a+'">'+e.name+'</textarea><p class="font-size-0-625rem mb-0 p-1 text-italic">'+p+'</p></div><div class="mx-2 w-1rem display-flex"><div data-title="actions-edit" class="actions border-radius-0 bg-transparent edit mb-0 w-1rem" aria-label="Edit" data-balloon-pos="up"><svg class="fill-blue pointer-events-none w-1rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M290.74 93.24l128.02 128.02-277.99 277.99-114.14 12.6C11.35 513.54-1.56 500.62.14 485.34l12.7-114.22 277.9-277.88zm207.2-19.06l-60.11-60.11c-18.75-18.75-49.16-18.75-67.91 0l-56.55 56.55 128.02 128.02 56.55-56.55c18.75-18.76 18.75-49.16 0-67.91z"/></svg></div>\n<div data-title="actions-delete" class="actions border-radius-0 bg-transparent delete mb-0 w-1rem" aria-label="Delete" data-balloon-pos="up"><i class="text-blue-dark ml-2 icon-bin fill-blue pointer-events-none w-1rem"></i></div>\n</div></div></div></div></div>'}),n}function S(e){var t=e&&e.url?[e]:[],n=new Date,a=n.getUTCFullYear()+"-"+("0"+(n.getUTCMonth()+1)).slice(-2)+"-"+("0"+n.getUTCDate()).slice(-2)+" "+("0"+n.getUTCHours()).slice(-2)+":"+("0"+n.getUTCMinutes()).slice(-2)+":"+("0"+n.getUTCSeconds()).slice(-2),o=J.create({id:null,name:"",friendly_url:"",publish:0,created_at:a,timestamp:Math.round((new Date).getTime()/1e3),resources:t});E.unshift(o),q(o,!1,!1,function(){re(0),document.twinkl&&document.twinkl.sendEvent&&document.twinkl.sendEvent("planner","addedLesson")},function(){E.shift()})}function q(e,t,n,a,s){o&&console.log("saveLessons",e),$.ajax({url:"/go/lessons/manage-lesson",type:"POST",dataType:"json",data:JSON.stringify(e)}).done(function(e){"success"!==e.message&&apprise("<h2>Whoops! Something went wrong...</h2><p>"+e.message+"</p>");var s=!1;n?s=!0:e.action&&("shift"!==e.action&&"blocked"!==e.action&&"duplicate"!==e.action||(s=!0)),o&&console.log("About to update lesson with reRender of ",s," from ",e.action),N(e.lesson,s,t),"function"==typeof a&&a(e,s)}).fail(function(e){var t=JSON.parse(e.responseText)||{message:e.responseText},n=parseAjaxResponseMessage(t,e);apprise("<h2>Whoops! Something went wrong...</h2><p>"+n+"</p>"),"function"==typeof s&&s(e)})}function T(e){"input"===e.type?(e.target.style.height="22px",e.target.style.height=e.target.scrollHeight+"px"):(e.style.height="22px",e.style.height=e.scrollHeight+"px")}function D(e){o&&console.log("multi-select");var t=$("#group_ids").val(),n=$(e.target).prev()[0],a=n.closest("[data-id]")?M(n.closest("[data-id]").getAttribute("data-id")):void 0,s=n.getAttribute("data-label");a&&a[s]!==t&&(a[s]=t,q(a),re())}function j(e){var t=e.target.closest("[data-id]")?M(e.target.closest("[data-id]").getAttribute("data-id")):void 0,n=e.target.getAttribute("data-label");t&&t[n]!==e.target.value&&(t[n]=e.target.value,q(t),re(),document.twinkl&&document.twinkl.sendEvent&&document.twinkl.sendEvent("planner","namedLesson",e.target.value+" - "+location.pathname.split("/")[1]))}function z(e){var t=E.findIndex(function(t){return o&&console.log("getLesson",t.id,e),Number(t.id)===Number(e)});return t}function M(e){var t=z(e);if(t>-1)return E[t]}function N(e,t,n){var a=E.findIndex(function(t){return Number(t.timestamp)===Number(e.timestamp)});o&&console.log("updateLesson",a),a>-1&&(E[a]=e,document.querySelectorAll('[data-timestamp="'+e.timestamp+'"]').forEach(function(t){t.setAttribute("data-id",e.id)})),o&&console.log(E),t&&re(),n&&Y(e),U=!1}function H(e){var t;t=M(e.target?e.target.closest("[data-id]").getAttribute("data-id"):e.closest("[data-id]").getAttribute("data-id"));var a=new Date,s=a.getUTCFullYear()+"-"+("0"+(a.getUTCMonth()+1)).slice(-2)+"-"+("0"+a.getUTCDate()).slice(-2)+" "+("0"+a.getUTCHours()).slice(-2)+":"+("0"+a.getUTCMinutes()).slice(-2)+":"+("0"+a.getUTCSeconds()).slice(-2);if(t.deleted_at=s,o&&console.log(t),window.confirm("Are you sure you want to delete this lesson?")&&t&&"object"===f(t)){E.splice(E.indexOf(t),1),q(t),E.length>=c+1?n():$.get("/go/lessons/all-lessons-with-resources-pins-and-planner").done(function(e){E=e.lessons||[],E&&re()}),document.twinkl&&document.twinkl.sendEvent&&document.twinkl.sendEvent("planner","removeLesson",location.pathname.split("/")[1]);var r=[].slice.call(document.querySelectorAll(".ui-tooltip"));r.forEach(function(e){e.parentNode.removeChild(e)})}}function O(e){o&&(console.log("shareLesson",e),console.log("data-lesson-id",e.target.getAttribute("data-lesson-id")),console.log("data-lesson-friendly-url",e.target.getAttribute("data-lesson-friendly-url")),console.log("data-pin-code",e.target.getAttribute("data-pin-code")));var t=(e.target.getAttribute("data-lesson-id"),e.target.getAttribute("data-lesson-friendly-url")),n=e.target.getAttribute("data-pin-code"),a=""!==n?"unshare":"share";$.ajax({url:"/go/lessons/"+a+"/"+t,type:"POST",dataType:"json",data:{}}).done(function(t){o&&console.log("shareLesson",t,"action",a);var n=t.message,s=t.code,r=t.blocked,l="Share Lesson Failed",i=n,d="",c="Shared - "+s+" Click to unshare",u="medium";"success"===n?(l="Share Lesson",i="Share this lesson using pin code "+s+' at <a href="'+m+'/share" target="_blank">'+m+"/share</a>",d="color:green;"):(l="Lesson Unshared",i=n,c="Share",u=""),r&&(i+=r);var p=e.target.getAttribute("data-lesson-id");o&&console.log(p,'[data-title="planner-share-'+p+'"]','[data-title="planner-share-icon-'+p+'"]'),document.querySelectorAll('[data-title="planner-share-'+p+'"]').forEach(function(e){e.setAttribute("aria-label",c),e.setAttribute("data-pin-code",s?s:""),e.setAttribute("data-balloon-length",u)}),document.querySelectorAll('[data-title="planner-share-icon-'+p+'"]').forEach(function(e){e.setAttribute("style",d)});var g=z(p);g>-1&&(s?E[g].pin=[{pin_code:s}]:E[g].pin=[],o&&console.log("shareLessonPin",E)),L(l,i)})}function P(e){o&&(console.log("publishLesson",e),console.log("data-lesson-id",e.target.getAttribute("data-lesson-id")));var t=e.target.getAttribute("data-lesson-id");$.ajax({url:"/go/lessons/publish-by-id",type:"POST",dataType:"json",data:{lessonId:t}}).done(function(e){o&&console.log("publishLesson",e);var n=e.lesson,a=e.message;ae=e.planner;var s="",r="Publish this lesson to your hub",l="Lesson unpublished",i="Your lesson <strong>"+n.name+"</strong> was unpublished";1===parseInt(n.publish)&&(s="color:green;",r="Published, click to unpublish",l="Lesson published",i="Your lesson <strong>"+n.name+'</strong> was successfully published to your hub at <strong><a href="'+m+"/share-plan/"+ae.friendly_url+'" target="_blank">'+m+"/share-plan/"+ae.friendly_url+"</a></strong>"),a&&(i+=a),document.querySelectorAll('[data-title="planner-publish-'+n.id+'"]').forEach(function(e){e.setAttribute("title",r)}),document.querySelectorAll('[data-title="planner-publish-icon-'+n.id+'"]').forEach(function(e){e.setAttribute("style",s)});var d=M(t),c=E.indexOf(d);E[c].publish=n.publish,o&&(console.log("lessonIndex",d),console.log("index",c)),L(l,i),re(),oe()})}function I(e){if(o&&(console.log("reOrderResources",e),console.log("data-lesson-id",e.target.getAttribute("data-lesson-id")),console.log("data-resource-id",e.target.getAttribute("data-resource-id")),console.log("data-index",e.target.getAttribute("data-index")),console.log("data-direction",e.target.getAttribute("data-direction"))),!U){U=!0;var t=parseInt(e.target.getAttribute("data-lesson-id")),n=e.target.getAttribute("data-direction"),a=parseInt(e.target.getAttribute("data-index")),s="up"===n?a-1:a+1;if(t){var r=M(t);r&&(o&&console.log("lesson",r,"oldIndex",a,"newIndex",s),C(r.resources,a,s),o&&console.log("lesson",r,"oldIndex",a,"newIndex",s),q(r,!0,!0))}}}function B(e){o&&(console.log("removeResource",e),console.log("data-lesson-id",e.target.getAttribute("data-lesson-id")),console.log("data-lesson-name",e.target.getAttribute("data-lesson-name")),console.log("data-resource-id",e.target.getAttribute("data-resource-id")),console.log("data-resource-title",e.target.getAttribute("data-resource-title")));var t=e.target.getAttribute("data-lesson-id"),n=(e.target.getAttribute("data-lesson-name"),e.target.getAttribute("data-resource-id")),a=(e.target.getAttribute("data-resource-title"),document.getElementById("planner-lesson-resource-"+t+"-"+n));$.ajax({url:"/go/lessons/delete-resource",type:"POST",dataType:"json",data:{lesson:t,resource_id:n}}).done(function(e){o&&console.log("removeResourceResponse",e),a.parentNode.removeChild(a);var s=E.filter(function(e){return parseInt(e.id)===parseInt(t)}).map(function(e){return e.resources.filter(function(e){return parseInt(e.id)!==parseInt(n)})})[0],r=M(t),l=E.indexOf(r);E[l].resources=s,o&&(console.log("replaced",s),console.log("lessonIndex",r),console.log("index",l)),re()})}function R(e){o&&console.log("editLesson",e,e.parentNode);var t=M(e.parentNode.parentNode.getAttribute("data-id"));"object"===f(t)&&Y(t)}function Y(e){o&&console.log("buildPanel",e);var t=["id","name","friendly_url","publish","created_at","timestamp","resources","class","date","description","keystage_id","subject","updated_at","user_id","pin","shared_at","groups"];Z||(Z=document.createElement("div"),Z.setAttribute("id","editPanel"),Z.className="cd-panel cd-panel--from-right js-cd-panel-main cd-panel--is-visible",Z.innerHTML='<header class="cd-panel__header"><a href="#" class="cd-panel__close closeEdit"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-left" class="fill-white svg-inline--fa fa-arrow-left fa-w-14 h-1-5rem pointer-events-none w-1-5rem" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M257.5 445.1l-22.2 22.2c-9.4 9.4-24.6 9.4-33.9 0L7 273c-9.4-9.4-9.4-24.6 0-33.9L201.4 44.7c9.4-9.4 24.6-9.4 33.9 0l22.2 22.2c9.5 9.5 9.3 25-.4 34.3L136.6 216H424c13.3 0 24 10.7 24 24v32c0 13.3-10.7 24-24 24H136.6l120.5 114.8c9.8 9.3 10 24.8.4 34.3z"></path></svg></a></header><div class="cd-panel__container">\n<div class="cd-panel__content position-relative"><div class="px-3 w-100" data-title="planner-link"></div><section id="lessonZone" class="edit"></section><div class="p-3 text-center w-100"><a class="ghostButton manageLink" href="'+h+'">Manage Lesson Sharing</a></div><div class="actions delete p-3 text-center w-100"><div data-title="actions-delete" id="delete_lesson" class="ghostButton manageLink fill-blue hover-text-white text-default-link cursor-pointer fs-0-875rem">Delete Lesson</div></div></div></div>',document.body.appendChild(Z)),Z.classList.add("cd-panel--is-visible");var n="null"!==e.description&&null!==e.description&&void 0!==e.description?e.description:"",a="null"!==e.subject&&null!==e.subject&&void 0!==e.subject?e.subject:"",s="null"!==e.keystage_id&&null!==e.keystage_id&&void 0!==e.keystage_id?e.keystage_id:"",d="null"!==e["class"]&&null!==e["class"]&&void 0!==e["class"]?e["class"]:"",c="",u="Publish this lesson to your hub",g="",m="Share",f="",x="";1===parseInt(e.publish)&&(c="color:green;",u="Published, click to unpublish"),e.pin&&e.pin.length&&(x=e.pin[0].pin_code,g="color:green;",m="Shared - PIN: "+x,m="Shared - "+x+" Click to unshare",f="medium");var y="";if(_.length>0){var w=[];y='<div class=\'formElementBox pb-4\'><label class=\'formElementLabel\'>Groups</label><div class="lesson-groups p-y-1"><select class="group_ids formElementSelect h-6-4rem width-13rem" data-label="groups" name="group_ids[]" id="group_ids" multiple="true">',e.groups&&e.groups.forEach(function(e){w.push(e.id)}),_.forEach(function(e){var t="";$.inArray(e.id,w)!=-1&&(t="selected"),y+='<option class="p-1" value="'+e.id+'" '+t+">"+e.name+"</option>"}),y+='</select><button class="ghostButton text-blue p-1 my-1 w-30 float-right updateGroups">Update</button></div></div>'}var L='<div class="lesson" data-id="'.concat(e.id,'"><div><p style="color:#333;font-size:12px;margin:0.5rem 0;">The title and description will be made public if the lesson is shared.</p></div><div class="lessonData lessonDataEdit" id="edit_lesson"><div class=\'formElementBox\'><label class=\'formElementLabel\'>Lesson Title</label><textarea data-label="name" placeholder="Name your lesson...">').concat(e.name,"</textarea></div><div class='formElementBox'><label class='formElementLabel'>Description</label>"+'<textarea data-label="description" placeholder="Add a description..." class="h-6-4rem">'+n+'</textarea></div><div><p style="color:#333;font-size:12px;margin:0.5rem 0;">Add more details to help you organise your lessons? (Optional)</p></div><div class=\'formElementBox\'><label class=\'formElementLabel\'>Subjects</label><textarea data-label="subject" placeholder="Add a subject...">'+a+'</textarea></div><div class=\'formElementBox\'><label class=\'formElementLabel\'>Level</label><select class="formElementSelect keystage-select" data-label="keystage_id"><option value=""'+(""===s?" selected":"")+'>None</option><option value="1"'+(1===s?" selected":"")+'>EYFS</option><option value="2"'+(2===s?" selected":"")+'>KS1</option><option value="3"'+(3===s?" selected":"")+'>KS2</option><option value="4"'+(4===s?" selected":"")+'>KS3</option><option value="5"'+(5===s?" selected":"")+'>KS4</option><option value="6"'+(6===s?" selected":"")+">KS5</option></select></div>");L+=y?y:"<div class='formElementBox'><label class='formElementLabel'>Class</label>"+'<textarea data-label="class" placeholder="Add a class...">'+d+"</textarea></div>",L+='<div class="editActions d-flex-off d-none m-t-1"><div class="actions share quick-planner-share" data-lesson-id="'+e.id+'" data-lesson-friendly-url="'+e.friendly_url+'" data-title="planner-share-'+e.id+'" aria-label="'+m+'" data-pin-code="'+x+'" data-balloon-length="'+f+'" data-balloon-pos="up-left"><i class="icon-share pointer-events-none" data-lesson-id="'+e.id+'" data-lesson-friendly-url="'+e.friendly_url+'" data-title="planner-share-icon-'+e.id+'" style="'+g+'"></i></div><div class="actions publish quick-planner-publish mx-3" data-lesson-id="'+e.id+'" data-title="planner-publish-'+e.id+'" aria-label="'+u+'" data-balloon-pos="up-left"><i class="icon-tick quick-planner-publish" data-lesson-id="'+e.id+'" data-title="planner-publish-icon-'+e.id+'" style="'+c+'"></i></div></div><div class="imageDrop" ondragover="">';var k=0;e.resources.length>0&&e.resources.forEach(function(t){L+='<div class="mb-3 position-relative" id="planner-lesson-resource-'+e.id+"-"+t.id+'">',o&&console.log("buildPanelNew","canUserDownloadResource",t.canUserDownloadResource),L+=t.canUserDownloadResource===!1?'<a class="d-block position-relative" href="'+t.url+'" aria-label="Upgrade required." target="_blank" data-balloon-pos="up" data-balloon-length="fit"><img alt="'+t.title+'" class="d-block opacity-50" src="'+t.imgSrc+'"><span class="align-items-center b-0 d-flex h-100 justify-content-center l-0 position-absolute r-0 t-0 w-100"><span class="m-auto"><svg class="fill-blue-link w-1rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"/></svg></span></span></a>':'<a class="d-block" href="'+t.url+'" aria-label="'+t.title+'" target="_blank" data-balloon-pos="up" data-balloon-length="fit"><img alt="'+t.title+'" class="d-block" src="'+t.imgSrc+'"></a>',L+='<a class="actions bg-white planner-delete-resource position-absolute t-1 text-decoration-none r-1 mb-0" data-title="planner-delete-resource" aria-label="Remove?" data-lesson-id="'+e.id+'" data-lesson-name="'+e.name+'" data-resource-id="'+t.id+'" data-resource-title="'+t.title+'" data-balloon-pos="up-right">&times;</a>',0!==k&&(L+='<a aria-label="Move to earlier in the lesson?" class="actions bg-white re-order-resource position-absolute t-1 text-decoration-none l-1 mb-0" data-title="re-order-resource" data-lesson-id="'+e.id+'" data-resource-id="'+t.id+'" data-balloon-pos="down-left" data-index="'+k+'" data-direction="up">&and;</a>'),k!==e.resources.length-1&&(L+='<a aria-label="Move to later in the lesson?" class="actions bg-white re-order-resource position-absolute b-1 text-decoration-none l-1 mb-0" data-title="re-order-resource" data-lesson-id="'+e.id+'" data-resource-id="'+t.id+'" data-balloon-pos="up-left" data-index="'+k+'" data-direction="down">&or;</a>'),L+="</div>",k++}),o&&console.log(e,e.timestamp),L+="</div>\n"+'<div class="when">Created '.concat(moment().to(moment.unix(e.timestamp)),"</div>");var S=Object.keys(e).filter(function(e){return t.indexOf(e)===-1});S.forEach(function(t){L+='<textarea data-label="'.concat(t,'" placeholder="').concat(t,'...">').concat(e[t],"</textarea>")}),L+="</div>\n</div>";var E=Z.querySelector("#lessonZone");E.innerHTML=L;var A=Z.querySelector("#delete_lesson");A.addEventListener("click",F);var q=Z.querySelector(".closeEdit"),C=Z.querySelectorAll(".planner-delete-resource"),z=Z.querySelector(".quick-planner-publish"),M=Z.querySelector(".quick-planner-share"),N=Z.querySelectorAll(".re-order-resource"),H=Z.querySelector(".updateGroups"),U=Z.querySelector(".keystage-select");Z.addEventListener("drop",p),Z.addEventListener("input",T),Z.addEventListener("blur",j,!0),U.addEventListener("change",j,!1),Z.addEventListener("keydown",b),Z.addEventListener("dragenter",r),Z.addEventListener("dragover",l),Z.addEventListener("dragleave",i),q.addEventListener("click",v),C.forEach(function(e){e.addEventListener("click",B)}),z.addEventListener("click",F),M.addEventListener("click",F),N.forEach(function(e){e.addEventListener("click",I)}),H&&H.addEventListener("click",D,!1),oe()}function F(e){if(o&&console.log("handleClick",e.target.dataset.title,e,e.target.className),"actions-delete"===e.target.dataset.title&&"delete_lesson"===e.target.id){var t=document.querySelector("#edit_lesson");H(t),Z.classList.remove("cd-panel--is-visible")}else"actions delete"===e.target.className||e.target.dataset.title&&"actions-delete"===e.target.dataset.title?H(e):e.target.classList.contains("quick-planner-publish")?P(e):e.target.classList.contains("quick-planner-share")&&O(e);"actions edit"===e.target.className||e.target.dataset.title&&"actions-edit"===e.target.dataset.title?R(e.target):"actions edit"===e.target.parentNode.className||e.target.dataset.title&&"actions-edit"===e.target.dataset.title?R(e.target.parentNode):("actions edit"===e.target.parentNode.parentNode.className||e.target.dataset.title&&"actions-edit"===e.target.dataset.title)&&R(e.target.parentNode.parentNode)}k=!0;var K=new Date,W=K.getUTCFullYear()+"-"+("0"+(K.getUTCMonth()+1)).slice(-2)+"-"+("0"+K.getUTCDate()).slice(-2)+" "+("0"+K.getUTCHours()).slice(-2)+":"+("0"+K.getUTCMinutes()).slice(-2)+":"+("0"+K.getUTCSeconds()).slice(-2),J={id:null,name:"Unnamed Lesson",friendly_url:"",publish:0,created_at:W,timestamp:Date.now()/1e3,resources:[],create:function(e){var t=Object.create(this);return e&&Object.keys(e).forEach(function(n){t[n]=e[n]}),t}},V=document.querySelector(".cd-panel--from-right"),G=V.querySelector(".cd-panel__container"),X=V.querySelector(".dropZone"),Q=V.querySelector("#lessonZone"),ee=V.querySelector("#addLesson"),te=V.querySelector("#plannerLoadMoreLessonsBtn"),ne=$("#lessonZone");"false"===ne.attr("data-has-refreshed")&&(document.addEventListener("dragend",d),X&&(X.addEventListener("dragenter",r),X.addEventListener("dragleave",i)),G&&(G.addEventListener("dragover",l),G.addEventListener("drop",p),G.addEventListener("input",T),G.addEventListener("keydown",b),G.addEventListener("blur",j,!0),Q.addEventListener("click",F)),ee.addEventListener("click",S),te.addEventListener("click",n));var ae=null,oe=function(){return},se=function(){if(o&&console.log("renderShareResources"),null!==ae){var e='<div><p class="text-center"><img alt="Share Resources!" class="mx-auto mt-5" src="https://images.twinkl.co.uk/tw1n/image/upload/v1597843495/website/images/planner/images/sidebarPlannerEmpty.png"></p><h3 class="text-brand-black text-center mt-0 mb-2">Share Resources!</h3><h6 class="font-weight-400 mt-0 mb-4 text-center">Use this sidebar to create lessons and share them with your students!</h6><p class="mb-0 text-right"><img alt="Start by creating a new lesson" class="ml-auto mr-0" src="https://images.twinkl.co.uk/tw1n/image/upload/v1597843495/website/images/planner/images/sidebarPlannerStart.png"></p></div>';document.querySelectorAll('[data-title="share-resources"]').forEach(function(t){t.innerHTML=e})}},re=function(t){Q.innerHTML=w(E,t),"number"==typeof t&&Q.querySelector(".lesson.new textarea").focus(),Q.querySelectorAll(".lessonData>textarea").forEach(function(e){T(e)}),e()},le=1,ie=!0,de=!1;s(),$("body").trigger($.Event("onSidebarPlannerLoad",{sidebarPlanner:{getResourceObject:A,getLesson:M,dragDropAdd:x,addLesson:S}}))},z=function(){o&&console.log("refreshing"),$(".refresh-message").removeClass("display-none");var e=$("#lessonZone");e.empty(),e.attr("data-has-refreshed",!0),setTimeout(function(){j()},2e3)},M=function(){o&&console.log("renderStyles");var e=".hold { border:2px solid #ccc }.bg-transparent { background-color:transparent !important }.cd-panel { visibility:hidden;transition:visibility 0s .6s;z-index:999999 }.cd-panel.cd-panel--is-visible { visibility:visible;transition:visibility 0s 0s }.cd-panel-tab { border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;transform:translateX(-50%) translateY(-50%) rotate(-90deg);position:absolute;background-color:#369;z-index:10001;color:#fff;font-size:16px;line-height:2rem;visibility:visible;cursor:pointer;text-align:center }.cd-panel__header { position:fixed;z-index:10001;top:0;width:300px;height:38px;transition:transform .3s 0s;transform:translateY(-38px);padding:0 0.625rem;background-color:#005b94;display:flex;justify-content:space-between }.cd-panel__header div { color:white;display:inline;font-size:0.875rem;font-weight:400;font-family:robotoregular,Arial,Helvetica,sans-serif;line-height:38px; }.cd-panel__header a { color:white;font-size:2rem;font-weight:100;margin-top:4px;margin-bottom:0 }.cd-panel--from-right .cd-panel__header { right:0 }.cd-panel--from-left .cd-panel__header { left:0 }.cd-panel--is-visible .cd-panel__header { transition:transform .3s .3s;transform:translateY(0) }.cd-panel__container { position:fixed;margin-top:38px;width:300px;height:100%;top:0;transition:transform .3s .3s;background-color:#fff;border-left:2px solid #ccc;z-index:10002;height:calc(100vh - 38px) }.cd-panel__content { height:100%;overflow-y:scroll }.cd-panel__container.panel { z-index:10000 }.cd-panel--from-right .cd-panel__container { right:0;transform:translate3d(100%,0,0) }.cd-panel--from-left .cd-panel__container { left:0;transform:translate3d(-100%,0,0)}.cd-panel--is-visible .cd-panel__container { transform:translate3d(0,0,0);transition-delay:0s}.closeEdit { font-size:1.8rem !important;margin-top:0 !important;text-decoration:none !important; }.dropZone {font-size:16px;font-weight:500;color:#5f6368;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-shrink:0;flex-shrink:0;-webkit-justify-content:center;justify-content:center;text-align:center;height:0;overflow-y:hidden;opacity:0;-webkit-transition:height .3s,opacity .2s;transition:height .3s,opacity .2s;margin:.2rem 1rem }.recentlyUsed {height:0;opacity:0;-webkit-transition:height .3s,opacity .2s;transition:height .3s,opacity .2s }.addLesson>span,.dropZone>span { color:#2399f9;font-size:1.4rem }.addLesson {cursor:pointer;margin:1rem;padding:.5rem 1rem;border-radius:0.25rem;z-index:1000000}.dashed {border:2px dashed #4285f4;}.addLesson:hover {background:#eee}.rounded-button>span,.dropZone>span { color:#2399f9;font-size:1.4rem }.rounded-button {cursor:pointer;margin:1rem;padding:.5rem 1rem;border-radius:0.25rem;z-index:1000000}.rounded-button:hover {background:#eee}section#lessonZone {/*overflow:auto*/}#lessonZone .lesson {align-items:stretch;border-bottom:1px solid #ddd;justify-content:space-between;padding-bottom:0.5rem;margin:0 1rem;transition:box-shadow .3s}#lessonZone .lesson .lessonData {padding:0.25rem 0;border-bottom:none}#lessonZone .lesson .lessonData .when {color:#888;font-size:.8rem}#lessonZone .lesson.new .lessonData, #lessonZone:not(.edit) .lesson:hover .lessonData {width:100%}.actionBox {display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;width:225px;margin:.3rem 0 0 2.3rem;}#lessonZone .lesson .actions, .js-cd-close, .js-cd-refresh {filter:opacity(50%);width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.2);border-radius:50%;margin-bottom:.3rem;cursor:pointer}#lessonZone .lesson .actions .icon-share{font-size:12px;margin:0 auto}#lessonZone .lesson .actions .icon-tick{margin:0 auto}#lessonZone .lesson .actions:hover,.js-cd-close:hover, .js-cd-refresh:hover {filter:opacity(90%)}#lessonZone .lesson.new .actions,#lessonZone .lesson:hover .actions {visibility:visible}#lessonZone .lesson:hover .actionBox {filter:opacity(100%)}#lessonZone .lesson .imageDrop {min-height:54px;margin:.5rem 0;display:flex}#lessonZone .lesson .imageDropOff {min-height:54px;margin:.5rem 0;display:flex}#lessonZone.edit .lesson .imageDrop {flex-wrap:wrap}#lessonZone .lesson .imageDrop img {/*margin:0 .3rem .3rem 0*/;border:1px solid #ccc;width:100%;height:auto;/*height:50px*/}#lessonZone .lesson .imageDrop>span {color:#888;font-size:.9rem}.lesson textarea {height:1.4rem;border:0;outline:0;overflow:hidden;width:100%;resize:none;background-color:transparent}.lesson textarea:focus {border-bottom:2px solid #2399f9}.lesson .actions {visibility:hidden}.dropZone.hovered {background-color:rgba(167, 214, 253, 0.25);border:2px dashed #4285f4;margin-top:8px;margin-bottom:8px;height:20rem;opacity:1;-webkit-transition:height .3s,opacity .2s;transition:height .3s,opacity .2s;-webkit-transition-delay:0,.1s;transition-delay:0,.1s}.recentlyUsed.hovered {height:auto;opacity:1}.lessonData.hovered .imageDrop {border:2px dashed #4285f4;}.dragging {border-bottom:2px solid #2399f9;transition-delay:0,.1s}.dropZone.over {background-color:#eee}.h-6-4rem {height:6.4rem !important;}.width-13rem {width: 13rem; }.text-ad {color:#adadad;}.fill-ad {fill:#adadad;}.ghostButton {background-color:white;border:1px solid #005b94;border-radius:0.25rem;display:block;font-size:14px;padding:1rem 0;text-align:center;text-decoration:none !important;width:100%;}.ghostButton:hover {background-color:#005b94;border:1px solid white;color:white;text-decoration:none !important;}.formElementBox { border:1px solid #ADADAD;border-radius:0.25rem;margin-bottom:1rem;padding:0.5rem 1rem 0;position:relative; }.formElementSelect { border:none;color:#1c1c1c;font-size:14px; }.formElementLabel { background-color:white;color:#adadad;font-size:12px;padding:0 0.5rem;position:absolute;top:-0.5rem; }",t=document.createElement("style");
t.innerHTML=e,document.head.appendChild(t)},N=function(){var e=document.querySelector("#sp-title").innerHTML,t=document.querySelector("#sp-add-lesson").innerHTML,n=document.querySelector("#sp-load-more-lessons").innerHTML,a=document.querySelector("#sp-lesson-sharing").innerHTML,o=document.querySelector("#sp-how-to").innerHTML,s=document.querySelector("#sp-drop-here").innerHTML,r=document.querySelector("#sp-organise").innerHTML,l=document.querySelector("#sp-add-folders").innerHTML,i=document.querySelector("#sp-checking").innerHTML,c=document.querySelector("#sp-refreshing").innerHTML,u=document.createElement("div");u.className="cd-panel cd-panel--from-right js-cd-panel-main",u.innerHTML='<header class="cd-panel__header">\n<div>'+e+'</div>\n<div class=\'actions d-inline-flex\'><a href="#" class="cd-panel__close js-cd-refresh fs-1-5rem text-decoration-none">&#x21ba</a>\n<a href="#" class="cd-panel__close js-cd-close text-decoration-none">×</a>\n</div></header>\n<div class="cd-panel__container">\n<div class="cd-panel-tab l-minus-1rem h-2rem t-10rem w-2rem w-md-7rem"><span class="d-block d-md-none pointer-events-none text-center transform-rotate-90"><i class="icon-teach mx-auto text-white pointer-events-none"></i></span><span class="d-none d-md-block pointer-events-none">'+e+'</span></div><div class="cd-panel__content position-relative">\n<div class="px-3 w-100" data-title="planner-link"></div><div class="px-3 w-100" data-title="share-resources"></div><div class="dropZone hovered-on-load-switched-off">\n<img alt="Drop resources here to add them to your planner" class="height-7-5rem mx-auto width-7-5rem" src="https://images.twinkl.co.uk/tw1n/image/upload/v1597868616/website/images/planner/images/sidebarSaveIcon.svg"><h4 class="font-size-1-125rem mt-0 mb-3 text-blue-darker">'+s+'</h4><p class="font-size-0-75rem mb-0">'+r+"</p></div>\n<div class='addLesson dashed hover-text-green' id=\"addLesson\"><span class='text-brand-blue'>+ </span>"+t+"</div>\n<div class='refresh-message display-none'><p class='font-size-1rem p-3 text-center'>"+g+" "+c+"</p></div><div class='mx-3 recentlyUsed' id=\"recenlyUsed\"><p class='font-size-0-875rem font-weight-bold'>"+l+'</p></div>\n<section id="lessonZone" data-has-refreshed="false"><p class=\'font-size-1rem p-3 text-center\'>'+g+" "+i+'</p></section>\n<div class="px-3 w-100" id="plannerLoadMoreLessonsBtn" style="display:none">\n<a class="border-1px-solid-ccc d-block hover-text-green mx-auto rounded-button text-decoration-none text-333" href="#"><span class="text-white-0-75">+ </span>'+n+'</a>\n</div>\n<div class="px-3 w-100">\n<a class="addLesson bold d-block hover-text-green manageLink mx-auto rounded-button text-decoration-none text-333" href="'+h+"\"><span class='text-brand-blue'>+ </span>"+a+'</a>\n</div>\n<div class="px-3 w-100">\n<a class="d-block hover-text-green how-to-use mx-auto rounded-button text-decoration-none text-333" href="#"><span class=\'text-brand-blue\'>? </span>'+o+"</a>\n</div>\n</div>\n</div>",document.body.appendChild(u),d=u.querySelector(".cd-panel-tab");var p=u.querySelector(".js-cd-close"),m=u.querySelector(".js-cd-refresh"),f=u.querySelector(".how-to-use");p.addEventListener("click",v),d.addEventListener("click",j,{once:!0}),d.addEventListener("click",v),m.addEventListener("click",z),f.addEventListener("click",w)};if(M(),!t()){N();var H=document.querySelector(".cd-panel--from-right"),Z=null,U=!1;setTimeout(function(){S()},500);var O=a("sidebarPlannerOpen");o&&console.log("sidebarPlannerOpen",O),O&&(d.removeEventListener("click",j),v(null),j())}}catch(P){o&&console.log(P)}});