mediacms/static/js/search.js

!function(){var e,t={463:function(e,t,i){"use strict";i.d(t,{c:function(){return r}});var n=i(4571),s=i.n(n);function r(e,t){let i=s()(e,{});return""!==i.origin&&"null"!==i.origin&&i.origin||(i=s()(t+"/"+e.replace(/^\//g,""),{})),i.toString()}},977:function(e,t,i){"use strict";i.d(t,{A:function(){return s}});var n=i(7143);function s(e,t){return n.register(e[t].bind(e)),e}},1702:function(e,t,i){"use strict";i.d(t,{R:function(){return s},e:function(){return r}});var n=i(6403);const s=function(e,t,i){return void 0===e[t]||(s=e[t])===Math.trunc(s)&&s>=0?null:(0,n.m)(["Invalid prop `"+t+"` of type `"+typeof e[t]+"` supplied to `"+(i||"N/A")+"`, expected `positive integer or zero` ("+e[t]+")."]);var s},r=function(e,t,i){return void 0===e[t]||(s=e[t])===Math.trunc(s)&&s>0?null:(0,n.m)(["Invalid prop `"+t+"` of type `"+typeof e[t]+"` supplied to `"+(i||"N/A")+"`, expected `positive integer` ("+e[t]+")."]);var s}},1936:function(e,t,i){"use strict";i.d(t,{PageHeader:function(){return n.z},PageMain:function(){return s.P},PageSidebar:function(){return r.E}});var n=i(1254),s=i(3212),r=i(795);i(1470)},4685:function(e,t,i){"use strict";i.d(t,{ItemListAsync:function(){return m}});var n=i(9471),s=i(8713),r=i.n(s),a=i(5338),l=i(4737),o=i(2495),c=i(4433),u=i(5633);function d(){return d=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},d.apply(null,arguments)}function m(e){const[t,i,s,r,l,m,f,p,h,g,y]=(0,a.useItemListSync)(e);return(0,n.useEffect)((()=>(r(new u.B(e.pageItems,e.maxItems,e.firstItemRequestUrl,e.requestUrl,p,h)),()=>{s&&(s.cancelAll(),r(null))})),[]),t?i.length?n.createElement("div",{className:l.listOuter},g(),n.createElement("div",{ref:m,className:"items-list-wrap"},n.createElement("div",{ref:f,className:l.list},i.map(((t,i)=>n.createElement(c.c,d({key:i},(0,c.k)(e,t,i))))))),y()):null:n.createElement(o.e,{className:l.listOuter})}m.propTypes={...l.k.propTypes,items:r().array,requestUrl:r().string.isRequired,firstItemRequestUrl:r().string},m.defaultProps={...l.k.defaultProps,requestUrl:null,firstItemRequestUrl:null,pageItems:24}},5245:function(e,t,i){"use strict";var n=i(2985),s=i(9471),r=i(8790),a=i(7460),l=i(7664),o=i(2855),c=i(7731),u=i(5338);function d(e){return s.createElement("div",{className:"media-filter-option"},s.createElement("button",{className:e.selected?"active":"",onClick:function(){e.onSelect(e.id)}},e.label))}function m(e){const[t,i]=(0,s.useState)(e.default);function n(t){i(t),"function"==typeof e.onSelect&&e.onSelect(t)}return s.createElement("div",{className:"media-filter-option-list"},function(t){const i=[];let r=0;for(;r<e.items.length;)e.hideOptionOnSelect?e.items[r].id!==t&&i.push(s.createElement(d,{key:e.items[r].id,id:e.items[r].id,label:e.items[r].label,selected:e.items[r].id===t,onSelect:n})):i.push(s.createElement(d,{key:e.items[r].id,id:e.items[r].id,label:e.items[r].label,selected:e.items[r].id===t,onSelect:n})),r+=1;return i}(t))}function f(e){const[t,i,n,r,a,o]=(0,u.useMediaFilter)(e.default),[c,d]=(0,s.useState)(e.label);return(0,s.useEffect)((()=>{if(r.current.tryToHide(),e.updateTriggerButtonOnChange){let t=0;for(;t<e.options.length;){if(i===e.options[t].id){d(e.options[t].label);break}t+=1}}"function"==typeof e.onSelect&&e.onSelect(i)}),[i]),s.createElement("div",{ref:t,className:"media-filter"},s.createElement(o,{contentRef:r},s.createElement("button",{className:"popup-trigger","aria-label":"Filter"},s.createElement("span",{className:"filter-button-label"},s.createElement("span",{className:"filter-button-label-text"},c),s.createElement(l.MaterialIcon,{type:"arrow_drop_down"})))),s.createElement(a,{contentRef:r},s.createElement("div",{className:"main-options"},s.createElement(l.PopupMain,null,s.createElement(m,{items:e.options,default:i,onSelect:n,hideOptionOnSelect:e.hideOptionOnSelect})))))}function p(e){const[t,i,n,r,a,o]=(0,u.useMediaFilter)(e.default);return(0,s.useEffect)((()=>{r.current.tryToHide(),"function"==typeof e.onSelect&&e.onSelect(i)}),[i]),s.createElement("div",{ref:t,className:"media-filter"},s.createElement(o,{contentRef:r},s.createElement("button",{className:"popup-trigger","aria-label":"Filter"},s.createElement(l.MaterialIcon,{type:"sort"}),s.createElement("span",{className:"filter-button-label"},s.createElement("span",{className:"filter-button-label-text"},e.label)))),s.createElement(a,{contentRef:r},s.createElement("div",{className:"main-options"},s.createElement(l.PopupMain,null,s.createElement(m,{items:e.options,default:i,onSelect:n})))))}const h=[{id:"all",label:"All media types"},{id:"video",label:"Video"},{id:"audio",label:"Audio"},{id:"image",label:"Images"},{id:"pdf",label:"Pdf"}],g=[{id:"date_added_desc",label:"Upload date (newest)"},{id:"date_added_asc",label:"Upload date (oldest)"},{id:"most_views",label:"View count"},{id:"most_likes",label:"Like count"}];function y(e){const[t,i]=(0,s.useState)("all"),[n,r]=(0,s.useState)("date_added_desc"),[a,l]=(0,s.useState)({sort_by:null,ordering:null,media_type:null});function o(){const e={...a,media_type:null,sort_by:null,ordering:null};switch(t){case"video":e.media_type="video";break;case"audio":e.media_type="audio";break;case"image":e.media_type="image";break;case"pdf":e.media_type="pdf"}switch(n){case"most_views":e.sort_by="views",e.ordering=null;break;case"most_likes":e.sort_by="likes",e.ordering=null;break;case"date_added_asc":e.sort_by=null,e.ordering="asc"}l(e)}return(0,s.useEffect)((()=>{o()}),[t,n]),(0,s.useEffect)((()=>{"function"==typeof e.onFiltersUpdate&&e.onFiltersUpdate(a)}),[a]),(0,s.useEffect)((()=>{o()}),[]),s.createElement("div",{className:"media-filters-row"},s.createElement("div",{className:"media-filters-row-inner"},s.createElement("div",{className:"media-type-filters"},s.createElement(f,{label:h[0].label,default:h[0].id,options:h,onSelect:function(e){i(e)},updateTriggerButtonOnChange:!0,hideOptionOnSelect:!0})),s.createElement("div",{className:"media-filters-sort"},s.createElement(p,{label:"SORT BY",default:g[0].id,options:g,onSelect:function(e){r(e)},updateTriggerButtonOnChange:!1,hideOptionOnSelect:!1}))))}var v=i(8713),b=i.n(v);const _={media_type:[{id:"all",title:"All"},{id:"video",title:"Video"},{id:"audio",title:"Audio"},{id:"image",title:"Image"},{id:"pdf",title:"Pdf"}],upload_date:[{id:"all",title:"All"},{id:"today",title:"Today"},{id:"this_week",title:"This week"},{id:"this_month",title:"This month"},{id:"this_year",title:"This year"}],sort_by:[{id:"date_added_desc",title:"Upload date (newest)"},{id:"date_added_asc",title:"Upload date (oldest)"},{id:"most_views",title:"View count"},{id:"most_likes",title:"Like count"}]};function E(e){const[t,i]=(0,s.useState)(e.hidden),[n,r]=(0,s.useState)("all"),[o,c]=(0,s.useState)("all"),[u,d]=(0,s.useState)("date_added_desc"),m=(0,s.useRef)(null),f=(0,s.useRef)(null);function p(){t||(m.current.style.height=24+f.current.offsetHeight+"px")}function h(t){const i={media_type:n,upload_date:o,sort_by:u};switch(t.currentTarget.getAttribute("filter")){case"media_type":i.media_type=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(i),r(i.media_type);break;case"upload_date":i.upload_date=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(i),c(i.upload_date);break;case"sort_by":i.sort_by=t.currentTarget.getAttribute("value"),e.onFiltersUpdate(i),d(i.sort_by)}}return(0,s.useEffect)((()=>{i(e.hidden),p()}),[e.hidden]),(0,s.useEffect)((()=>(a.PageStore.on("window_resize",p),()=>a.PageStore.removeListener("window_resize",p))),[]),s.createElement("div",{ref:m,className:"mi-filters-row"+(t?" hidden":"")},s.createElement("div",{ref:f,className:"mi-filters-row-inner"},s.createElement("div",{className:"mi-filter"},s.createElement("div",{className:"mi-filter-title"},"MEDIA TYPE"),s.createElement("div",{className:"mi-filter-options"},s.createElement(l.FilterOptions,{id:"media_type",options:_.media_type,selected:n,onSelect:h}))),s.createElement("div",{className:"mi-filter"},s.createElement("div",{className:"mi-filter-title"},"UPLOAD DATE"),s.createElement("div",{className:"mi-filter-options"},s.createElement(l.FilterOptions,{id:"upload_date",options:_.upload_date,selected:o,onSelect:h}))),s.createElement("div",{className:"mi-filter"},s.createElement("div",{className:"mi-filter-title"},"SORT BY"),s.createElement("div",{className:"mi-filter-options"},s.createElement(l.FilterOptions,{id:"sort_by",options:_.sort_by,selected:u,onSelect:h})))))}E.propTypes={hidden:b().bool},E.defaultProps={hidden:!1};var S=i(9479),w=i(9200);class k extends S.Y{constructor(e){super(e,"search-results"),this.state={validQuery:!1,requestUrl:null,filterArgs:"",resultsTitle:null,resultsCount:null,searchQuery:a.SearchFieldStore.get("search-query"),searchCategories:a.SearchFieldStore.get("search-categories"),searchTags:a.SearchFieldStore.get("search-tags"),hiddenFilters:!0},this.getCountFunc=this.getCountFunc.bind(this),this.updateRequestUrl=this.updateRequestUrl.bind(this),this.onFilterArgsUpdate=this.onFilterArgsUpdate.bind(this),this.onToggleFiltersClick=this.onToggleFiltersClick.bind(this),this.onFiltersUpdate=this.onFiltersUpdate.bind(this),this.didMount=!1,this.updateRequestUrl()}componentDidMount(){this.didMount=!0}onToggleFiltersClick(){this.setState({hiddenFilters:!this.state.hiddenFilters})}onFiltersUpdate(e){const t={media_type:null,upload_date:null,sort_by:null,ordering:null};switch(e.media_type){case"video":case"audio":case"image":case"pdf":t.media_type=e.media_type}switch(e.upload_date){case"today":case"this_week":case"this_month":case"this_year":t.upload_date=e.upload_date}switch(e.sort_by){case"most_views":t.sort_by="views";break;case"most_likes":t.sort_by="likes";break;case"date_added_asc":t.ordering="asc"}const i=[];for(let e in t)null!==t[e]&&i.push(e+"="+t[e]);this.setState({filterArgs:i.length?"&"+i.join("&"):""},(function(){this.updateRequestUrl()}))}updateRequestUrl(){const e=this.state.searchQuery||this.state.searchCategories||this.state.searchTags;let t=null;null!==this.state.resultsCount&&(e?this.state.searchCategories?(t=null===this.state.resultsCount||0===this.state.resultsCount?"No":this.state.resultsCount,t+=" "+(0,w.translateString)((0,w.inEmbeddedApp)()?"media in course":"media in category")+' "'+this.state.searchCategories+'"'):this.state.searchTags?(t=null===this.state.resultsCount||0===this.state.resultsCount?"No":this.state.resultsCount,t+=" "+(0,w.translateString)("media in tag")+' "'+this.state.searchTags+'"'):t=null===this.state.resultsCount||0===this.state.resultsCount?(0,w.translateString)("No results for")+' "'+this.state.searchQuery+'"':this.state.resultsCount+" result"+(1<this.state.resultsCount?"s":"")+' for "'+this.state.searchQuery+'"':t='No results for "'+this.state.searchQuery+'"');const i=(this.state.searchQuery||"")+(this.state.searchTags?"&t="+this.state.searchTags:"")+(this.state.searchCategories?"&c="+this.state.searchCategories:""),n=r.ApiUrlContext._currentValue.search.query+i+this.state.filterArgs;this.didMount?this.setState({validQuery:e,requestUrl:n,resultsTitle:t}):(this.state.validQuery=e,this.state.requestUrl=n,this.state.resultsTitle=t)}onFilterArgsUpdate(e){const t=[];for(let i in e)null!==e[i]&&t.push(i+"="+e[i]);this.setState({filterArgs:t.length?"&"+t.join("&"):""},(function(){this.updateRequestUrl()}))}getCountFunc(e){this.setState({resultsCount:e},(function(){this.updateRequestUrl()}))}pageContent(){const e=a.PageStore.get("config-options").pages.search.advancedFilters;return s.createElement(o.MediaListWrapper,{className:"search-results-wrap items-list-hor",title:null===this.state.resultsTitle?null:this.state.resultsTitle},e?s.createElement(l.FiltersToggleButton,{onClick:this.onToggleFiltersClick}):null,e?s.createElement(E,{hidden:this.state.hiddenFilters,onFiltersUpdate:this.onFiltersUpdate}):null,e?null:s.createElement(y,{onFiltersUpdate:this.onFilterArgsUpdate}),this.state.validQuery?s.createElement(c.LazyLoadItemListAsync,{key:this.state.requestUrl,singleLinkContent:!1,horizontalItemsOrientation:!0,itemsCountCallback:this.getCountFunc,requestUrl:this.state.requestUrl,preferSummary:!0,hideViews:!a.PageStore.get("config-media-item").displayViews,hideAuthor:!a.PageStore.get("config-media-item").displayAuthor,hideDate:!a.PageStore.get("config-media-item").displayPublishDate}):null)}}(0,n.C)("page-search",k)},6403:function(e,t,i){"use strict";i.d(t,{g:function(){return a},m:function(){return r}});var n=i(8004);function s(e,t,i){let n;switch(i){case TypeError:case RangeError:case SyntaxError:case ReferenceError:n=new i(t[0]);break;default:n=new Error(t[0])}return e(n.message,...t.slice(1)),n}function r(e,t){return s(n.z,e,t)}function a(e,t){return s(n.R,e,t)}},7143:function(e,t,i){const n=i(2063).Dispatcher;e.exports=new n},7731:function(e,t,i){"use strict";i.d(t,{LazyLoadItemListAsync:function(){return d}});var n=i(9471),s=i(7460),r=i(5338),a=i(4685),l=i(2495),o=i(4433),c=i(5633);function u(){return u=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},u.apply(null,arguments)}function d(e){const[t,i,a,d,m,f,p,h,g,y,v,b,_]=(0,r.useItemListLazyLoad)(e);return(0,n.useEffect)((()=>(d(new c.B(e.pageItems,e.maxItems,e.firstItemRequestUrl,e.requestUrl,f,p,e.onResponseDataLoaded)),s.PageStore.on("window_scroll",h),s.PageStore.on("document_visibility_change",g),h(),()=>{s.PageStore.removeListener("window_scroll",h),s.PageStore.removeListener("document_visibility_change",g),a&&(a.cancelAll(),d(null))})),[]),(0,n.useEffect)((()=>{e.onItemsUpdate&&t.length>0&&e.onItemsUpdate(t)}),[t]),i?t.length?n.createElement("div",{className:m.listOuter},b(),n.createElement("div",{ref:y,className:"items-list-wrap"},n.createElement("div",{ref:v,className:m.list},t.map(((t,i)=>n.createElement(o.c,u({key:i},(0,o.k)(e,t,i),{showSelection:e.showSelection,hasAnySelection:e.hasAnySelection,isSelected:e.selectedMedia&&e.selectedMedia.has(t.friendly_token||t.uid||t.id),onSelectionChange:e.onMediaSelection,mediaId:t.friendly_token||t.uid||t.id})))))),_()):null:n.createElement(l.e,{className:m.listOuter})}d.propTypes={...a.ItemListAsync.propTypes},d.defaultProps={...a.ItemListAsync.defaultProps,pageItems:2}},8004:function(e,t,i){"use strict";i.d(t,{R:function(){return r},z:function(){return a}});var n=i(8974);const s=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return n[t[0]](...t.slice(1))},r=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return s("warn",...t)},a=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return s("error",...t)}},9479:function(e,t,i){"use strict";i.d(t,{Y:function(){return l}});var n=i(9471),s=i(285),r=i(1936),a=i(7664);class l extends n.PureComponent{constructor(e,t){super(e),void 0!==t&&s.PageActions.initPage(t)}render(){return n.createElement(n.Fragment,null,n.createElement(r.PageMain,null,this.pageContent()),n.createElement(a.Notifications,null))}}}},i={};function n(e){var s=i[e];if(void 0!==s)return s.exports;var r=i[e]={exports:{}};return t[e].call(r.exports,r,r.exports,n),r.exports}n.m=t,e=[],n.O=function(t,i,s,r){if(!i){var a=1/0;for(u=0;u<e.length;u++){i=e[u][0],s=e[u][1],r=e[u][2];for(var l=!0,o=0;o<i.length;o++)(!1&r||a>=r)&&Object.keys(n.O).every((function(e){return n.O[e](i[o])}))?i.splice(o--,1):(l=!1,r<a&&(a=r));if(l){e.splice(u--,1);var c=s();void 0!==c&&(t=c)}}return t}r=r||0;for(var u=e.length;u>0&&e[u-1][2]>r;u--)e[u]=e[u-1];e[u]=[i,s,r]},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=187,function(){var e={187:0};n.O.j=function(t){return 0===e[t]};var t=function(t,i){var s,r,a=i[0],l=i[1],o=i[2],c=0;if(a.some((function(t){return 0!==e[t]}))){for(s in l)n.o(l,s)&&(n.m[s]=l[s]);if(o)var u=o(n)}for(t&&t(i);c<a.length;c++)r=a[c],n.o(e,r)&&e[r]&&e[r][0](),e[r]=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 s=n.O(void 0,[276],(function(){return n(5245)}));s=n.O(s)}();