mediacms-user-docs/static/js/manage-media.js

!function(){"use strict";var e,t={878:function(e,t,i){i.d(t,{c:function(){return c}});var n=i(9471),a=i(8713),l=i.n(a),r=i(6387),s=i(5321),o=i(2828);function c(e){const{thumbnail:t}=(0,r.useUser)(),i={"aria-label":"Account profile photo that opens list of options and settings pages links",className:"thumbnail"};switch(e.isButton?void 0!==e.onClick&&(i.onClick=e.onClick):i.type="span",e.size){case"small":case"large":i.className+=" "+e.size+"-thumb"}return n.createElement(s.i,i,t?n.createElement("img",{src:t,alt:""}):n.createElement(o.Z,{type:"person"}))}c.propTypes={isButton:l().bool,size:l().oneOf(["small","medium","large"]),onClick:l().func},c.defaultProps={isButton:!1,size:"medium"}},2712:function(e,t,i){var n=i(2985),a=i(9471),l=i(8713),r=i.n(l),s=i(8790),o=i(285),c=i(7664),u=i(2855),d=i(7460);const m=window.CATEGORIES?[{id:"all",title:"All"}].concat(window.CATEGORIES.map((e=>({id:e,title:e})))):[{id:"all",title:"All"}],f={state:[{id:"all",title:"All"},{id:"public",title:"Public"},{id:"private",title:"Private"},{id:"unlisted",title:"Unlisted"}],media_type:[{id:"all",title:"All"},{id:"video",title:"Video"},{id:"audio",title:"Audio"},{id:"image",title:"Image"},{id:"pdf",title:"Pdf"}],encoding_status:[{id:"all",title:"All"},{id:"success",title:"Success"},{id:"running",title:"Running"},{id:"pending",title:"Pending"},{id:"fail",title:"Fail"}],reviewed:[{id:"all",title:"All"},{id:"true",title:"Yes"},{id:"false",title:"No"}],featured:[{id:"all",title:"All"},{id:"true",title:"Yes"},{id:"false",title:"No"}]};function p(e){const[t,i]=(0,a.useState)(e.hidden),[n,l]=(0,a.useState)("all"),[r,s]=(0,a.useState)("all"),[o,u]=(0,a.useState)("all"),[p,g]=(0,a.useState)("all"),[h,v]=(0,a.useState)("all"),[b,y]=(0,a.useState)("all"),E=(0,a.useRef)(null),k=(0,a.useRef)(null);function C(){t||(E.current.style.height=24+k.current.offsetHeight+"px")}function N(t){const i={state:n,media_type:r,encoding_status:o,featured:p,is_reviewed:h,category:b};switch(t.currentTarget.getAttribute("filter")){case"state":i.state=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(i),l(i.state);break;case"media_type":i.media_type=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(i),s(i.media_type);break;case"encoding_status":i.encoding_status=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(i),u(i.encoding_status);break;case"featured":i.featured=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(i),g(i.featured);break;case"reviewed":i.is_reviewed=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(i),v(i.is_reviewed);break;case"category":i.category=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(i),y(i.category)}}return(0,a.useEffect)((()=>{i(e.hidden),C()}),[e.hidden]),(0,a.useEffect)((()=>(d.PageStore.on("window_resize",C),()=>d.PageStore.removeListener("window_resize",C))),[]),a.createElement("div",{ref:E,className:"mi-filters-row"+(t?" hidden":"")},a.createElement("div",{ref:k,className:"mi-filters-row-inner"},a.createElement("div",{className:"mi-filter"},a.createElement("div",{className:"mi-filter-title"},"STATE"),a.createElement("div",{className:"mi-filter-options"},a.createElement(c.FilterOptions,{id:"state",options:f.state,selected:n,onSelect:N}))),a.createElement("div",{className:"mi-filter"},a.createElement("div",{className:"mi-filter-title"},"MEDIA TYPE"),a.createElement("div",{className:"mi-filter-options"},a.createElement(c.FilterOptions,{id:"media_type",options:f.media_type,selected:r,onSelect:N}))),a.createElement("div",{className:"mi-filter"},a.createElement("div",{className:"mi-filter-title"},"ENCODING STATUS"),a.createElement("div",{className:"mi-filter-options"},a.createElement(c.FilterOptions,{id:"encoding_status",options:f.encoding_status,selected:o,onSelect:N}))),a.createElement("div",{className:"mi-filter"},a.createElement("div",{className:"mi-filter-title"},"REVIEWED"),a.createElement("div",{className:"mi-filter-options"},a.createElement(c.FilterOptions,{id:"reviewed",options:f.reviewed,selected:h,onSelect:N}))),a.createElement("div",{className:"mi-filter"},a.createElement("div",{className:"mi-filter-title"},"FEATURED"),a.createElement("div",{className:"mi-filter-options"},a.createElement(c.FilterOptions,{id:"featured",options:f.featured,selected:p,onSelect:N}))),a.createElement("div",{className:"mi-filter"},a.createElement("div",{className:"mi-filter-title"},"CATEGORY"),a.createElement("div",{className:"mi-filter-options"},a.createElement(c.FilterOptions,{id:"category",options:m,selected:b,onSelect:N})))))}p.propTypes={hidden:r().bool},p.defaultProps={hidden:!1};var g=i(9835),h=i(9479);function v(e,t,i,n){return e+"?"+t+(""===t?"":"&")+i+(""===i?"":"&")+"page="+n}class b extends h.Y{constructor(e){super(e,"manage-media"),this.state={resultsCount:null,currentPage:1,requestUrl:s.ApiUrlContext._currentValue.manage.media,pageTitle:e.title,hiddenFilters:!0,filterArgs:"",sortingArgs:"",sortBy:"add_date",ordering:"desc",refresh:0},this.getCountFunc=this.getCountFunc.bind(this),this.onTablePageChange=this.onTablePageChange.bind(this),this.onToggleFiltersClick=this.onToggleFiltersClick.bind(this),this.onFiltersUpdate=this.onFiltersUpdate.bind(this),this.onColumnSortClick=this.onColumnSortClick.bind(this),this.onItemsRemoval=this.onItemsRemoval.bind(this),this.onItemsRemovalFail=this.onItemsRemovalFail.bind(this)}onTablePageChange(e,t){this.setState({currentPage:t,requestUrl:v(s.ApiUrlContext._currentValue.manage.media,this.state.filterArgs,this.state.sortingArgs,t)})}onToggleFiltersClick(){this.setState({hiddenFilters:!this.state.hiddenFilters})}getCountFunc(e){this.setState({resultsCount:e,pageTitle:this.state.pageTitle})}onFiltersUpdate(e){const t=[];for(let i in e)null!==e[i]&&"all"!==e[i]&&t.push(i+"="+e[i]);this.setState({filterArgs:t.join("&"),requestUrl:v(s.ApiUrlContext._currentValue.manage.media,t.join("&"),this.state.sortingArgs,this.state.currentPage)})}onColumnSortClick(e,t){const i="sort_by="+e+"&ordering="+t;this.setState({sortBy:e,ordering:t,sortingArgs:i,requestUrl:v(s.ApiUrlContext._currentValue.manage.media,this.state.filterArgs,i,this.state.currentPage)})}onItemsRemoval(e){this.setState({resultsCount:null,refresh:this.state.refresh+1,requestUrl:s.ApiUrlContext._currentValue.manage.media},(function(){o.PageActions.addNotification("The media deleted successfully.","mediaRemovalSucceed")}))}onItemsRemovalFail(e){o.PageActions.addNotification("The media removal failed. Please try again.","mediaRemovalFailed")}pageContent(){return a.createElement(u.MediaListWrapper,{title:this.state.pageTitle+(null===this.state.resultsCount?"":" ("+this.state.resultsCount+")"),className:""},a.createElement(c.FiltersToggleButton,{onClick:this.onToggleFiltersClick}),a.createElement(p,{hidden:this.state.hiddenFilters,onFiltersUpdate:this.onFiltersUpdate}),a.createElement(g.D,{pageItems:50,manageType:"media",key:this.state.requestUrl+"["+this.state.refresh+"]",requestUrl:this.state.requestUrl,itemsCountCallback:this.getCountFunc,onPageChange:this.onTablePageChange,sortBy:this.state.sortBy,ordering:this.state.ordering,onRowsDelete:this.onItemsRemoval,onRowsDeleteFail:this.onItemsRemovalFail,onClickColumnSort:this.onColumnSortClick}))}}b.propTypes={title:r().string.isRequired},b.defaultProps={title:"Manage media"},(0,n.C)("page-manage-media",b)},2828:function(e,t,i){i.d(t,{Z:function(){return a}});var n=i(9471);const a=e=>{let{type:t}=e;return t?n.createElement("i",{className:"material-icons","data-icon":t}):null}},2901:function(e,t,i){i.d(t,{AP:function(){return r},cp:function(){return l}});var n=i(9471);const a=n.forwardRef(((e,t)=>void 0!==e.children?n.createElement("div",{ref:t,className:"popup"+(void 0!==e.className?" "+e.className:""),style:e.style},e.children):null));function l(e){return void 0!==e.children?n.createElement("div",{className:"popup-top"+(void 0!==e.className?" "+e.className:""),style:e.style},e.children):null}function r(e){return void 0!==e.children?n.createElement("div",{className:"popup-main"+(void 0!==e.className?" "+e.className:""),style:e.style},e.children):null}t.Ay=a},3135:function(e,t,i){i.d(t,{I:function(){return s}});var n=i(9471),a=i(8713),l=i.n(a),r=i(2828);function s(e){const[t,i]=(0,n.useState)(e.active);return n.createElement("div",{className:"mi-filters-toggle"},n.createElement("button",{className:t?"active":"","aria-label":"Filter",onClick:function(){i(!t),void 0!==e.onClick&&e.onClick()}},n.createElement(r.Z,{type:"filter_list"}),n.createElement("span",{className:"filter-button-label"},n.createElement("span",{className:"filter-button-label-text"},"FILTERS"))))}s.propTypes={onClick:l().func,active:l().bool},s.defaultProps={active:!1}},5305:function(e,t,i){i.d(t,{V:function(){return s}});var n=i(9471),a=i(9834),l=i(8713),r=i.n(l);function s(e){const t=(0,n.useRef)(null),[i,l]=(0,n.useState)(null);let r=[];function s(t,i){var n;i.preventDefault(),i.stopPropagation(),n=r[t].id,void 0!==e.pages[n]&&l(n)}return(0,n.useEffect)((()=>{void 0!==e.pages[e.initPage]?l(e.initPage):Object.keys(e.pages).length?l(Object.keys(e.pages)[0]):l(null)}),[e.initPage]),(0,n.useEffect)((()=>{!function(){let e=0;for(;e<r.length;)r[e].elem.removeEventListener("click",r[e].listener),e+=1;r=[]}(),i&&(function(){let i,n,l=(0,a.findDOMNode)(t.current),o=l.querySelectorAll(e.pageChangeSelector);if(o.length)for(i=0;i<o.length;)n=o[i].getAttribute(e.pageIdSelectorAttr),n=n?n.trim():n,n&&(r[i]={id:n,elem:o[i]},r[i].listener=(e=>t=>s(e,t))(i),r[i].elem.addEventListener("click",r[i].listener)),i+=1;e.focusFirstItemOnPageChange&&l.focus()}(),"function"==typeof e.pageChangeCallback&&e.pageChangeCallback(i))}),[i]),i?n.createElement("div",{ref:t},n.cloneElement(e.pages[i])):null}s.propTypes={initPage:r().string,pages:r().object.isRequired,pageChangeSelector:r().string.isRequired,pageIdSelectorAttr:r().string.isRequired,focusFirstItemOnPageChange:r().bool,pageChangeCallback:r().func},s.defaultProps={focusFirstItemOnPageChange:!0}},5321:function(e,t,i){i.d(t,{i:function(){return s}});var n=i(9471),a=i(8713),l=i.n(a);function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)({}).hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},r.apply(null,arguments)}function s(e){const t=n.createElement("span",null,n.createElement("span",null,e.children)),i={tabIndex:e.tabIndex||null,title:e.title||null,className:"circle-icon-button"+(void 0!==e.className?" "+e.className:"")+(e.buttonShadow?" button-shadow":"")};return void 0!==e["data-page-id"]&&(i["data-page-id"]=e["data-page-id"]),void 0!==e["aria-label"]&&(i["aria-label"]=e["aria-label"]),"link"===e.type?n.createElement("a",r({},i,{href:e.href||null,rel:e.rel||null}),t):"span"===e.type?n.createElement("span",r({},i,{onClick:e.onClick||null}),t):n.createElement("button",r({},i,{onClick:e.onClick||null}),t)}s.propTypes={type:l().oneOf(["button","link","span"]),buttonShadow:l().bool,className:l().string},s.defaultProps={type:"button",buttonShadow:!1}},6089:function(e,t,i){i.d(t,{$:function(){return s}});var n=i(9471),a=i(6371);let l=[];function r(e){const[t,i]=(0,n.useState)(!1),[a,l]=(0,n.useState)(!0);let r=null,s=null;return(0,n.useEffect)((()=>(r=setTimeout((function(){s=setTimeout((function(){l(!1),s=null}),1e3),r=null,i(!0),e.onHide(e.id)}),5e3),()=>{r&&clearTimeout(r),s&&clearTimeout(s)})),[]),a?n.createElement("div",{className:"notification-item"+(t?" hidden":"")},n.createElement("div",null,e.children||null)):null}function s(){const[e,t]=(0,n.useState)(l.length);function i(){t(a.default.get("notifications-size")+l.length)}function s(e){const t=[];l.map((i=>{i[0]!==e&&t.push(i)})),l=t}return(0,n.useEffect)((()=>(i(),a.default.on("added_notification",i),()=>a.default.removeListener("added_notification",i))),[]),e?n.createElement("div",{className:"notifications"},n.createElement("div",null,function(){const e=a.default.get("notifications");return[...l.map((e=>n.createElement(r,{key:e[0],id:e[0],onHide:s},e[1]))),...e.map((e=>(l.push(e),n.createElement(r,{key:e[0],id:e[0],onHide:s},e[1]))))]}())," "):null}},6371:function(e,t,i){i.r(t);var n=i(9032),a=i.n(n),l=i(7154),r=i(1838),s=i(3997);function o(){let e=new Uint32Array(3);return window.crypto.getRandomValues(e),(performance.now().toString(36)+Array.from(e).map((e=>e.toString(36))).join("")).replace(/./g,""+Math.random()+Intl.DateTimeFormat().resolvedOptions().timeZone+Date.now())}let c,u=null,d=null;class m extends(a()){constructor(e){super(),d=(0,s.$)(window.MediaCMS),c=new l.BrowserCache(d.site.id,86400),u={mediaAutoPlay:c.get("media-auto-play")},u.mediaAutoPlay=null===u.mediaAutoPlay||u.mediaAutoPlay,this.browserEvents=(0,r.BrowserEvents)(),this.browserEvents.doc(this.onDocumentVisibilityChange.bind(this)),this.browserEvents.win(this.onWindowResize.bind(this),this.onWindowScroll.bind(this)),this.notifications=function(e){let t=[];function i(e){"string"==typeof e&&t.push([o(),e])}return e.map(i),{size:function(){return t.length},push:i,clear:function(){t=[]},messages:function(){return[...t]}}}(void 0!==window.MediaCMS&&void 0!==window.MediaCMS.notifications?window.MediaCMS.notifications:[])}onDocumentVisibilityChange(){this.emit("document_visibility_change")}onWindowScroll(){this.emit("window_scroll")}onWindowResize(){this.emit("window_resize")}initPage(e){u.currentPage=e}get(e){let t;switch(e){case"browser-cache":t=c;break;case"media-auto-play":t=u.mediaAutoPlay;break;case"config-contents":t=d.contents;break;case"config-enabled":t=d.enabled;break;case"config-media-item":t=d.media.item;break;case"config-options":t=d.options;break;case"config-site":t=d.site;break;case"api-playlists":i=e.split("-")[1],t=d.api[i]||null;break;case"notifications-size":t=this.notifications.size();break;case"notifications":t=this.notifications.messages(),this.notifications.clear();break;case"current-page":t=u.currentPage}var i;return t}actions_handler(e){switch(e.type){case"INIT_PAGE":this.initPage(e.page),this.emit("page_init");break;case"TOGGLE_AUTO_PLAY":u.mediaAutoPlay=!u.mediaAutoPlay,c.set("media-auto-play",u.mediaAutoPlay),this.emit("switched_media_auto_play");break;case"ADD_NOTIFICATION":this.notifications.push(e.notification),this.emit("added_notification")}}}t.default=(0,r.exportStore)(new m,"actions_handler")},6568:function(e,t,i){i.d(t,{x:function(){return r}});var n=i(9471),a=i(8713),l=i.n(a);function r(e){let t="spinner-loader";switch(e.size){case"tiny":case"x-small":case"small":case"large":case"x-large":t+=" "+e.size}return n.createElement("div",{className:t},n.createElement("svg",{className:"circular",viewBox:"25 25 50 50"},n.createElement("circle",{className:"path",cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:"1.5",strokeMiterlimit:"10"})))}r.propTypes={size:l().oneOf(["tiny","x-small","small","medium","large","x-large"])},r.defaultProps={size:"medium"}},7201:function(e,t,i){i.d(t,{S:function(){return c}});var n=i(9471),a=i(8713),l=i.n(a),r=i(2828);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)({}).hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},s.apply(null,arguments)}function o(e){let t=[];const i=e.itemAttr||{};void 0===i.className?i.className="":i.className&&(i.className+=" ");let a=e.text?e.icon&&"right"!==e.iconPos?1:0:-1,l=e.icon?e.text&&"right"===e.iconPos?1:0:-1;switch(-1<a&&(t[a]=n.createElement("span",{key:"Text"},e.text)),-1<l&&(t[l]=n.createElement("span",{key:"Icon",className:"right"===e.iconPos?"menu-item-icon-right":"menu-item-icon"},n.createElement(r.Z,{type:e.icon}))),e.itemType){case"link":t=n.createElement("a",s({},e.linkAttr||{},{href:e.link,title:e.text||null}),t),i.className+="link-item"+(e.active?" active":"");break;case"button":case"open-subpage":t=n.createElement("button",s({},e.buttonAttr||{},{key:"button"}),t);break;case"label":t=n.createElement("button",s({},e.buttonAttr||{},{key:"button"}),n.createElement("span",null,e.text||null)),i.className="label-item";break;case"div":t=n.createElement("div",s({},e.divAttr||{},{key:"div"}),e.text||null)}return""!==i.className&&(i.className=" "+i.className),i.className=i.className.trim(),n.createElement("li",i,t)}function c(e){const t=e.items.map(((e,t)=>n.createElement(o,s({key:t},e))));return t.length?n.createElement("div",{className:"nav-menu"+(e.removeVerticalPadding?" pv0":"")},n.createElement("nav",null,n.createElement("ul",null,t))):null}o.propTypes={itemType:l().oneOf(["link","open-subpage","button","label","div"]),link:l().string,icon:l().string,iconPos:l().oneOf(["left","right"]),text:l().string,active:l().bool,divAttr:l().object,buttonAttr:l().object,itemAttr:l().object,linkAttr:l().object},o.defaultProps={itemType:"link",iconPos:"left",active:!1},c.propTypes={removeVerticalPadding:l().bool,items:l().arrayOf(l().shape(o.propTypes)).isRequired},c.defaultProps={removeVerticalPadding:!1}},7256:function(e,t,i){i.d(t,{P:function(){return s}});var n=i(9471),a=i(8713),l=i.n(a),r=i(2828);function s(e){return e.options.map((t=>n.createElement("div",{key:t.id,className:t.id===e.selected?"active":""},n.createElement("button",{onClick:e.onSelect,filter:e.id,value:t.id},n.createElement("span",null,t.title),t.id===e.selected?n.createElement(r.Z,{type:"close"}):null))))}s.propTypes={id:l().string.isRequired,selected:l().string.isRequired,onSelect:l().func.isRequired}},7664:function(e,t,i){i.d(t,{CircleIconButton:function(){return n.i},FilterOptions:function(){return a.P},FiltersToggleButton:function(){return l.I},MaterialIcon:function(){return r.Z},NavigationContentApp:function(){return s.V},NavigationMenuList:function(){return o.S},Notifications:function(){return c.$},PopupMain:function(){return u.AP},PopupTop:function(){return u.cp},SpinnerLoader:function(){return d.x},UserThumbnail:function(){return m.c}});var n=i(5321),a=i(7256),l=i(3135),r=i(2828),s=i(5305),o=i(7201),c=i(6089),u=(i(3818),i(2901)),d=i(6568),m=i(878)}},i={};function n(e){var a=i[e];if(void 0!==a)return a.exports;var l=i[e]={exports:{}};return t[e].call(l.exports,l,l.exports,n),l.exports}n.m=t,e=[],n.O=function(t,i,a,l){if(!i){var r=1/0;for(u=0;u<e.length;u++){i=e[u][0],a=e[u][1],l=e[u][2];for(var s=!0,o=0;o<i.length;o++)(!1&l||r>=l)&&Object.keys(n.O).every((function(e){return n.O[e](i[o])}))?i.splice(o--,1):(s=!1,l<r&&(r=l));if(s){e.splice(u--,1);var c=a();void 0!==c&&(t=c)}}return t}l=l||0;for(var u=e.length;u>0&&e[u-1][2]>l;u--)e[u]=e[u-1];e[u]=[i,a,l]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var i in t)n.o(t,i)&&!n.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=421,function(){var e={421:0};n.O.j=function(t){return 0===e[t]};var t=function(t,i){var a,l,r=i[0],s=i[1],o=i[2],c=0;if(r.some((function(t){return 0!==e[t]}))){for(a in s)n.o(s,a)&&(n.m[a]=s[a]);if(o)var u=o(n)}for(t&&t(i);c<r.length;c++)l=r[c],n.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return n.O(u)},i=self.webpackChunkmediacms_frontend=self.webpackChunkmediacms_frontend||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))}();var a=n.O(void 0,[276],(function(){return n(2712)}));a=n.O(a)}();