mediacms/static/js/manage-media.js

!function(){"use strict";var e={7464:function(e,t,n){var r=n(2667),i=(n(7441),n(5101),n(5466)),a=n(3074),l=n.n(a),o=n(1346),s=n(8204),u=n(4426),c=n(8349),d=n(9174),f=n(5341),m=(n(2070),n(2331));function p(e){return e.options.map((function(t){return i.createElement("div",{key:t.id,className:t.id===e.selected?"active":""},i.createElement("button",{onClick:e.onSelect,filter:e.id,value:t.id},i.createElement("span",null,t.title),t.id===e.selected?i.createElement(m.O,{type:"close"}):null))}))}function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],r=!0,i=!1,a=void 0;try{for(var l,o=e[Symbol.iterator]();!(r=(l=o.next()).done)&&(n.push(l.value),!t||n.length!==t);r=!0);}catch(e){i=!0,a=e}finally{try{r||null==o.return||o.return()}finally{if(i)throw a}}return n}}(e,t)||function(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}p.propTypes={id:l().string.isRequired,selected:l().string.isRequired,onSelect:l().func.isRequired};var v={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 y(e){var t=g((0,i.useState)(e.hidden),2),n=t[0],r=t[1],a=g((0,i.useState)("all"),2),l=a[0],o=a[1],s=g((0,i.useState)("all"),2),c=s[0],d=s[1],f=g((0,i.useState)("all"),2),m=f[0],h=f[1],y=g((0,i.useState)("all"),2),b=y[0],E=y[1],S=g((0,i.useState)("all"),2),C=S[0],w=S[1],_=(0,i.useRef)(null),T=(0,i.useRef)(null);function A(){n||(_.current.style.height=24+T.current.offsetHeight+"px")}function k(t){var n={state:l,media_type:c,encoding_status:m,featured:b,is_reviewed:C};switch(t.currentTarget.getAttribute("filter")){case"state":n.state=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(n),o(n.state);break;case"media_type":n.media_type=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(n),d(n.media_type);break;case"encoding_status":n.encoding_status=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(n),h(n.encoding_status);break;case"featured":n.featured=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(n),E(n.featured);break;case"reviewed":n.is_reviewed=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(n),w(n.is_reviewed)}}return(0,i.useEffect)((function(){r(e.hidden),A()}),[e.hidden]),(0,i.useEffect)((function(){return u.Z.on("window_resize",A),function(){return u.Z.removeListener("window_resize",A)}}),[]),i.createElement("div",{ref:_,className:"mi-filters-row"+(n?" hidden":"")},i.createElement("div",{ref:T,className:"mi-filters-row-inner"},i.createElement("div",{className:"mi-filter"},i.createElement("div",{className:"mi-filter-title"},"STATE"),i.createElement("div",{className:"mi-filter-options"},i.createElement(p,{id:"state",options:v.state,selected:l,onSelect:k}))),i.createElement("div",{className:"mi-filter"},i.createElement("div",{className:"mi-filter-title"},"MEDIA TYPE"),i.createElement("div",{className:"mi-filter-options"},i.createElement(p,{id:"media_type",options:v.media_type,selected:c,onSelect:k}))),i.createElement("div",{className:"mi-filter"},i.createElement("div",{className:"mi-filter-title"},"ENCODING STATUS"),i.createElement("div",{className:"mi-filter-options"},i.createElement(p,{id:"encoding_status",options:v.encoding_status,selected:m,onSelect:k}))),i.createElement("div",{className:"mi-filter"},i.createElement("div",{className:"mi-filter-title"},"REVIEWED"),i.createElement("div",{className:"mi-filter-options"},i.createElement(p,{id:"reviewed",options:v.reviewed,selected:C,onSelect:k}))),i.createElement("div",{className:"mi-filter"},i.createElement("div",{className:"mi-filter-title"},"FEATURED"),i.createElement("div",{className:"mi-filter-options"},i.createElement(p,{id:"featured",options:v.featured,selected:b,onSelect:k})))))}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e){var t,n,r=(t=(0,i.useState)(e.active),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var n=[],r=!0,i=!1,a=void 0;try{for(var l,o=e[Symbol.iterator]();!(r=(l=o.next()).done)&&(n.push(l.value),!t||n.length!==t);r=!0);}catch(e){i=!0,a=e}finally{try{r||null==o.return||o.return()}finally{if(i)throw a}}return n}}(t,n)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),a=r[0],l=r[1];return i.createElement("div",{className:"mi-filters-toggle"},i.createElement("button",{className:a?"active":"","aria-label":"Filter",onClick:function(){l(!a),void 0!==e.onClick&&e.onClick()}},i.createElement(m.O,{type:"filter_list"}),i.createElement("span",{className:"filter-button-label"},i.createElement("span",{className:"filter-button-label-text"},"FILTERS"))))}function S(e){return(S="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})(e)}function C(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function w(e,t){return(w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function _(e,t){return!t||"object"!==S(t)&&"function"!=typeof t?T(e):t}function T(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function A(e){return(A=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function k(e,t,n,r){return e+"?"+t+(""===t?"":"&")+n+(""===n?"":"&")+"page="+r}y.propTypes={hidden:l().bool},y.defaultProps={hidden:!1},E.propTypes={onClick:l().func,active:l().bool},E.defaultProps={active:!1};var F=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&w(e,t)}(s,e);var t,n,r,a,l=(r=s,a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=A(r);if(a){var n=A(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return _(this,e)});function s(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),(t=l.call(this,e,"manage-media")).state={resultsCount:null,currentPage:1,requestUrl:o.Z._currentValue.manage.media,pageTitle:e.title,hiddenFilters:!0,filterArgs:"",sortingArgs:"",sortBy:"add_date",ordering:"desc",refresh:0},t.getCountFunc=t.getCountFunc.bind(T(t)),t.onTablePageChange=t.onTablePageChange.bind(T(t)),t.onToggleFiltersClick=t.onToggleFiltersClick.bind(T(t)),t.onFiltersUpdate=t.onFiltersUpdate.bind(T(t)),t.onColumnSortClick=t.onColumnSortClick.bind(T(t)),t.onItemsRemoval=t.onItemsRemoval.bind(T(t)),t.onItemsRemovalFail=t.onItemsRemovalFail.bind(T(t)),t}return t=s,(n=[{key:"onTablePageChange",value:function(e,t){this.setState({currentPage:t,requestUrl:k(o.Z._currentValue.manage.media,this.state.filterArgs,this.state.sortingArgs,t)})}},{key:"onToggleFiltersClick",value:function(){this.setState({hiddenFilters:!this.state.hiddenFilters})}},{key:"getCountFunc",value:function(e){this.setState({resultsCount:e,pageTitle:this.state.pageTitle})}},{key:"onFiltersUpdate",value:function(e){var t=[];for(var n in e)null!==e[n]&&"all"!==e[n]&&t.push(n+"="+e[n]);this.setState({filterArgs:t.join("&"),requestUrl:k(o.Z._currentValue.manage.media,t.join("&"),this.state.sortingArgs,this.state.currentPage)})}},{key:"onColumnSortClick",value:function(e,t){var n="sort_by="+e+"&ordering="+t;this.setState({sortBy:e,ordering:t,sortingArgs:n,requestUrl:k(o.Z._currentValue.manage.media,this.state.filterArgs,n,this.state.currentPage)})}},{key:"onItemsRemoval",value:function(e){this.setState({resultsCount:null,refresh:this.state.refresh+1,requestUrl:o.Z._currentValue.manage.media},(function(){c.wN("The media deleted successfully.","mediaRemovalSucceed")}))}},{key:"onItemsRemovalFail",value:function(e){c.wN("The media removal failed. Please try again.","mediaRemovalFailed")}},{key:"pageContent",value:function(){return i.createElement(d._,{title:this.state.pageTitle+(null===this.state.resultsCount?"":" ("+this.state.resultsCount+")"),className:""},i.createElement(E,{onClick:this.onToggleFiltersClick}),i.createElement(y,{hidden:this.state.hiddenFilters,onFiltersUpdate:this.onFiltersUpdate}),i.createElement(f.x,{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}))}}])&&C(t.prototype,n),s}(s.T);F.propTypes={title:l().string.isRequired},F.defaultProps={title:"Manage media"},(0,r.X)("page-manage-media",F)}},t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={exports:{}};return e[r].call(i.exports,i,i.exports,n),i.exports}n.m=e,n.x=function(){},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 r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},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.j=441,function(){var e={441:0},t=[[7464,431]],r=function(){},i=function(i,a){for(var l,o,s=a[0],u=a[1],c=a[2],d=a[3],f=0,m=[];f<s.length;f++)o=s[f],n.o(e,o)&&e[o]&&m.push(e[o][0]),e[o]=0;for(l in u)n.o(u,l)&&(n.m[l]=u[l]);for(c&&c(n),i&&i(a);m.length;)m.shift()();return d&&t.push.apply(t,d),r()},a=self.webpackChunk_mediacms_frontend=self.webpackChunk_mediacms_frontend||[];function l(){for(var r,i=0;i<t.length;i++){for(var a=t[i],l=!0,o=1;o<a.length;o++){var s=a[o];0!==e[s]&&(l=!1)}l&&(t.splice(i--,1),r=n(n.s=a[0]))}return 0===t.length&&(n.x(),n.x=function(){}),r}a.forEach(i.bind(null,0)),a.push=i.bind(null,a.push.bind(a));var o=n.x;n.x=function(){return n.x=o||function(){},(r=l)()}}(),n.x()}();