mediacms/static/js/manage-media.js

!function(){"use strict";var e,t={2712:function(e,t,i){var r=i(2985),a=i(9471),n=i(8713),l=i.n(n),s=i(8790),o=i(285),d=i(7664),c=i(2855),u=i(7460);const m=window.CATEGORIES?[{id:"all",title:"All"}].concat(window.CATEGORIES.map(e=>({id:e,title:e}))):[{id:"all",title:"All"}],g={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 f(e){const[t,i]=(0,a.useState)(e.hidden),[r,n]=(0,a.useState)("all"),[l,s]=(0,a.useState)("all"),[o,c]=(0,a.useState)("all"),[f,h]=(0,a.useState)("all"),[p,v]=(0,a.useState)("all"),[E,b]=(0,a.useState)("all"),C=(0,a.useRef)(null),F=(0,a.useRef)(null);function y(){t||(C.current.style.height=24+F.current.offsetHeight+"px")}function S(t){const i={state:r,media_type:l,encoding_status:o,featured:f,is_reviewed:p,category:E};switch(t.currentTarget.getAttribute("filter")){case"state":i.state=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(i),n(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),c(i.encoding_status);break;case"featured":i.featured=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(i),h(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),b(i.category)}}return(0,a.useEffect)(()=>{i(e.hidden),y()},[e.hidden]),(0,a.useEffect)(()=>(u.PageStore.on("window_resize",y),()=>u.PageStore.removeListener("window_resize",y)),[]),a.createElement("div",{ref:C,className:"mi-filters-row"+(t?" hidden":"")},a.createElement("div",{ref:F,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(d.FilterOptions,{id:"state",options:g.state,selected:r,onSelect:S}))),a.createElement("div",{className:"mi-filter"},a.createElement("div",{className:"mi-filter-title"},"MEDIA TYPE"),a.createElement("div",{className:"mi-filter-options"},a.createElement(d.FilterOptions,{id:"media_type",options:g.media_type,selected:l,onSelect:S}))),a.createElement("div",{className:"mi-filter"},a.createElement("div",{className:"mi-filter-title"},"ENCODING STATUS"),a.createElement("div",{className:"mi-filter-options"},a.createElement(d.FilterOptions,{id:"encoding_status",options:g.encoding_status,selected:o,onSelect:S}))),a.createElement("div",{className:"mi-filter"},a.createElement("div",{className:"mi-filter-title"},"REVIEWED"),a.createElement("div",{className:"mi-filter-options"},a.createElement(d.FilterOptions,{id:"reviewed",options:g.reviewed,selected:p,onSelect:S}))),a.createElement("div",{className:"mi-filter"},a.createElement("div",{className:"mi-filter-title"},"FEATURED"),a.createElement("div",{className:"mi-filter-options"},a.createElement(d.FilterOptions,{id:"featured",options:g.featured,selected:f,onSelect:S}))),a.createElement("div",{className:"mi-filter"},a.createElement("div",{className:"mi-filter-title"},"CATEGORY"),a.createElement("div",{className:"mi-filter-options"},a.createElement(d.FilterOptions,{id:"category",options:m,selected:E,onSelect:S})))))}f.propTypes={hidden:l().bool},f.defaultProps={hidden:!1};var h=i(9835),p=i(9479);function v(e,t,i,r){return e+"?"+t+(""===t?"":"&")+i+(""===i?"":"&")+"page="+r}class E extends p.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(c.MediaListWrapper,{title:this.state.pageTitle+(null===this.state.resultsCount?"":" ("+this.state.resultsCount+")"),className:""},a.createElement(d.FiltersToggleButton,{onClick:this.onToggleFiltersClick}),a.createElement(f,{hidden:this.state.hiddenFilters,onFiltersUpdate:this.onFiltersUpdate}),a.createElement(h.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}))}}E.propTypes={title:l().string.isRequired},E.defaultProps={title:"Manage media"},(0,r.C)("page-manage-media",E)}},i={};function r(e){var a=i[e];if(void 0!==a)return a.exports;var n=i[e]={exports:{}};return t[e].call(n.exports,n,n.exports,r),n.exports}r.m=t,e=[],r.O=function(t,i,a,n){if(!i){var l=1/0;for(c=0;c<e.length;c++){i=e[c][0],a=e[c][1],n=e[c][2];for(var s=!0,o=0;o<i.length;o++)(!1&n||l>=n)&&Object.keys(r.O).every(function(e){return r.O[e](i[o])})?i.splice(o--,1):(s=!1,n<l&&(l=n));if(s){e.splice(c--,1);var d=a();void 0!==d&&(t=d)}}return t}n=n||0;for(var c=e.length;c>0&&e[c-1][2]>n;c--)e[c]=e[c-1];e[c]=[i,a,n]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.j=421,function(){var e={421:0};r.O.j=function(t){return 0===e[t]};var t=function(t,i){var a,n,l=i[0],s=i[1],o=i[2],d=0;if(l.some(function(t){return 0!==e[t]})){for(a in s)r.o(s,a)&&(r.m[a]=s[a]);if(o)var c=o(r)}for(t&&t(i);d<l.length;d++)n=l[d],r.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return r.O(c)},i=self.webpackChunkmediacms_frontend=self.webpackChunkmediacms_frontend||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))}();var a=r.O(void 0,[276],function(){return r(2712)});a=r.O(a)}();