UNPKG

@cocalc/static

Version:

CoCalc's static frontend Webpack-based build system and framework

1 lines 9.49 kB
"use strict";(self.webpackChunk_cocalc_static=self.webpackChunk_cocalc_static||[]).push([[4874],{14874:(e,t,n)=>{n.r(t),n.d(t,{TaskEditor:()=>v});var a=n(32295),c=n(33667),l=n(19990),r=n(47874),s=a.React.memo((function(e){var t,n=e.actions,r=e.read_only,s=e.has_unsaved_changes,o=e.has_uncommitted_changes,i=e.current_task_id,d=e.current_task_is_deleted,u=function(){return a.React.createElement(c.zx,{key:"delete",disabled:!i||r,onClick:n.delete_current_task},a.React.createElement(l.Icon,{name:"trash"})," Delete")};return a.React.createElement("div",{style:{padding:"0px 5px 5px",zIndex:1,background:"white"}},a.React.createElement(c.hE,{key:"editor"},a.React.createElement(c.zx,{key:"save",bsStyle:"success",disabled:!s||r,onClick:n.save},a.React.createElement(l.Icon,{name:"save"})," ",r?"Readonly":"Save",a.React.createElement(l.UncommittedChanges,{has_uncommitted_changes:o})),a.React.createElement(c.zx,{key:"timetravel",bsStyle:"info",onClick:n.time_travel},a.React.createElement(l.Icon,{name:"history"})," TimeTravel")),a.React.createElement(l.Space,null),(t=a.React.createElement("span",{style:{marginLeft:"5px"}}),a.React.createElement("span",{key:"task"},a.React.createElement(c.hE,null,a.React.createElement(c.zx,{key:"new",onClick:n.new_task,disabled:r},a.React.createElement(l.Icon,{name:"plus-circle"})," New"),d?a.React.createElement(c.zx,{key:"delete",disabled:!i||r,onClick:n.undelete_current_task},a.React.createElement(l.Icon,{name:"trash"})," Undelete Task"):u()),t,a.React.createElement(c.hE,null,a.React.createElement(c.zx,{key:"undo",onClick:n.undo,disabled:r},a.React.createElement(l.Icon,{name:"undo"})," Undo"),a.React.createElement(c.zx,{key:"redo",onClick:n.redo,disabled:r},a.React.createElement(l.Icon,{name:"repeat"})," Redo")),t,a.React.createElement(c.hE,null,a.React.createElement(c.zx,{key:"font-increase",onClick:n.decrease_font_size},a.React.createElement(l.Icon,{name:"search-minus"})),a.React.createElement(c.zx,{key:"font-decrease",onClick:n.increase_font_size},a.React.createElement(l.Icon,{name:"plus"}))),t,a.React.createElement(c.hE,null,a.React.createElement(c.zx,{key:"font-increase",onClick:n.export_to_markdown},a.React.createElement(l.Icon,{name:"external-link"})," Export")))),a.React.createElement(l.Space,null),a.React.createElement(c.zx,{key:"help",bsStyle:"info",onClick:n.help},a.React.createElement(l.Icon,{name:"question-circle"})," Help"))})),o=a.React.memo((function(e){var t,n=e.actions,c=e.type,r=e.count,s=e.show,o=(0,a.useRef)(0),i=(t=s?"check-square-o":"square-o",a.React.createElement(l.Icon,{name:t}));if(null==n)return i;var d=r>0||s?"#666":"#999";return a.React.createElement("div",{onClick:function(){var e=(new Date).valueOf();if(!(e-o.current<=300))if(o.current=e,s)"done"==c?n.stop_showing_done():"deleted"==c&&n.stop_showing_deleted();else{if(0===r)return;"done"==c?n.show_done():"deleted"==c&&n.show_deleted()}},style:{color:d}},a.React.createElement("span",{style:{fontSize:"17pt"}},i),a.React.createElement(l.Space,null),a.React.createElement("span",null,"Show ",c))})),i=a.React.memo((function(e){var t=e.actions,n=e.count;return null==t?a.React.createElement("span",null):a.React.createElement(c.zx,{bsStyle:"danger",onClick:function(){t.stop_showing_deleted(),t.empty_trash()},disabled:0===n},"Empty Trash (",n,")")})),d=a.React.memo((function(e){var t=e.actions,n=e.local_view_state,r=e.counts,s=e.focus_find_box,d=function(e){var c=r.get(e),l=n.get("show_".concat(e));return a.React.createElement("div",{style:{minWidth:"150px",padding:"2px 5px"}},a.React.createElement(o,{actions:t,type:e,show:l,count:c}),l&&"deleted"===e&&c>0&&a.React.createElement(i,{actions:t,count:c}))};(0,a.useEffect)((function(){var e;s&&(null===(e=a.ReactDOM.findDOMNode(_.current))||void 0===e||e.focus())}),[s]);var u,m,_=(0,a.useRef)(null);return a.React.createElement("div",{style:{display:"flex",marginLeft:"5px"}},(m=null!==(u=n.get("search"))&&void 0!==u?u:"",a.React.createElement(c.cw,{style:{marginBottom:0,marginRight:"20px"}},a.React.createElement(c.BZ,null,a.React.createElement(c.NI,{type:"text",ref:_,componentClass:"input",placeholder:"Search for tasks...",value:m,onChange:function(){return t.set_local_view_state({search:a.ReactDOM.findDOMNode(_.current).value})},onBlur:function(){return t.blur_find_box()},onFocus:function(){return t.disable_key_handler()},onKeyDown:function(e){if(27===e.which)return t.set_local_view_state({search:""}),a.ReactDOM.findDOMNode(_.current).blur(),!1}}),a.React.createElement(c.BZ.Button,null,a.React.createElement(c.zx,{onClick:function(){var e;t.set_local_view_state({search:""}),null===(e=a.ReactDOM.findDOMNode(_.current))||void 0===e||e.focus()},bsStyle:m.length>0?"warning":"default"},a.React.createElement(l.Icon,{name:"times-circle"})))))),d("done"),d("deleted"))})),u=n(24620),m={padding:"10px 0px",float:"right",marginRight:"15px",fontSize:"12pt",position:"absolute",marginLeft:"5px"},_=a.React.memo((function(e){var t=e.num_visible,n=e.num_tasks,c=e.local_view_state,l=e.search_desc;return null==t||null==c||null==n?a.React.createElement("span",null):a.React.createElement("div",{style:m},a.React.createElement("span",{style:{color:"#666"}},t," matching ",(0,u.plural)(t,"task"),"."),function(){if(l)return a.React.createElement("span",{style:{color:"#666",marginLeft:"10px"}},"Tasks that match"," ",a.React.createElement("b",null,a.React.createElement("i",null,l)),".")}(),function(){for(var e=[],t=0,n=["done","deleted"];t<n.length;t++){var l=n[t];c.get("show_".concat(l))&&e.push(l)}if(0!==e.length)return a.React.createElement("span",{style:{color:"#666",marginLeft:"10px"}},"Including"," ",a.React.createElement("b",null,a.React.createElement("i",null,e.join(" and ")))," ","tasks.")}())})),R=n(40142),E=n(22292),h={asc:"desc",desc:"asc",undefined:"asc"},f=a.React.memo((function(e){var t=e.actions,n=e.heading,c=e.dir;return a.React.createElement("a",{onClick:function(){return t.set_sort_column(n,h["".concat(c)])},style:{cursor:"pointer"}},n,null!=c&&a.React.createElement("span",null,a.React.createElement(l.Space,null),"asc"==c?a.React.createElement(l.Icon,{name:"caret-down"}):a.React.createElement(l.Icon,{name:"caret-up"})))})),p=a.React.memo((function(e){var t,n,l,r,s=e.actions,o=e.sort,i=function(e,t){return a.React.createElement(f,{actions:s,key:e,heading:e,dir:t})};return a.React.createElement("div",{style:{padding:"0 10px"}},(l=null!==(t=null==o?void 0:o.get("column"))&&void 0!==t?t:E.fb[0],r=null!==(n=null==o?void 0:o.get("dir"))&&void 0!==n?n:E.qM[0],a.React.createElement(c.X2,{style:{borderBottom:"1px solid lightgray",marginLeft:"8px"}},a.React.createElement(c.JX,{xs:1,style:{color:"#666",textAlign:"center"},className:"visible-sm-inline visible-md-inline visible-lg-inline"},"Done"),a.React.createElement(c.JX,{xs:1,style:{color:"#666",textAlign:"center"}}),a.React.createElement(c.JX,{xs:6,style:{color:"#666"}},"Description"),a.React.createElement(c.JX,{xs:2},i(E.fb[0],l===E.fb[0]?r:void 0)),a.React.createElement(c.JX,{xs:1},i(E.fb[1],l===E.fb[1]?r:void 0)),a.React.createElement(c.JX,{xs:1},i(E.fb[2],l===E.fb[2]?r:void 0)))))})),v=a.React.memo((function(e){var t,n,o=e.actions,i=e.path,u=e.project_id,m=(0,a.useEditorRedux)({project_id:u,path:i}),h=m("tasks"),f=m("counts"),v=m("visible"),g=m("current_task_id"),k=m("has_unsaved_changes"),x=m("has_uncommitted_changes"),y=m("local_task_state"),b=m("local_view_state"),w=m("hashtags"),C=m("search_terms"),z=m("search_desc"),I=m("focus_find_box"),S=m("read_only"),D=m("scroll_into_view"),O=m("load_time_estimate");return(0,a.useEffect)((function(){return null==o||o.enable_key_handler(),null==o?void 0:o.disable_key_handler}),[]),null==h||null==v?a.React.createElement("div",{style:{fontSize:"40px",textAlign:"center",padding:"15px",color:"#999"}},a.React.createElement(l.Loading,{estimate:O})):a.React.createElement("div",{className:"smc-vfill"},null!=w&&a.React.createElement(R.R,{actions:o,hashtags:w,selected_hashtags:b.get("selected_hashtags")}),a.React.createElement(c.X2,null,a.React.createElement(c.JX,{md:7},a.React.createElement(d,{actions:o,local_view_state:b,counts:f,focus_find_box:I})),a.React.createElement(c.JX,{md:5},a.React.createElement(_,{num_visible:null==v?void 0:v.size,num_tasks:null==h?void 0:h.size,local_view_state:b,search_desc:z}))),a.React.createElement(s,{actions:o,read_only:S,has_unsaved_changes:k,has_uncommitted_changes:x,current_task_id:g,current_task_is_deleted:null==h?void 0:h.getIn([g,"deleted"])}),a.React.createElement(p,{actions:o,sort:b.get("sort")}),a.React.createElement("div",{style:{paddingTop:"5px"}}),0==v.size?a.React.createElement("a",{onClick:o.new_task,style:{fontSize:"40px",textAlign:"center",padding:"15px"}},"Create a task..."):a.React.createElement(r.a,{actions:o,path:i,project_id:u,tasks:h,visible:v,current_task_id:g,local_task_state:y,scrollState:null===(t=b.get("scrollState"))||void 0===t||null===(n=t.toJS)||void 0===n?void 0:n.call(t),scroll_into_view:D,font_size:b.get("font_size"),sortable:!S&&(0,E.pV)(b.getIn(["sort","column"])),read_only:S,selected_hashtags:b.get("selected_hashtags"),search_terms:C,onSortEnd:function(e){var t=e.oldIndex,n=e.newIndex;return o.reorder_tasks(t,n)},useDragHandle:!0,lockAxis:"y",lockToContainerEdges:!0}))}))},22292:(e,t,n)=>{n.d(t,{Hm:()=>l,fb:()=>a,pV:()=>r,qM:()=>c});var a=["Custom Order","Due","Changed"],c=["asc","desc"],l={"Custom Order":{key:"position",reverse:!1},Due:{key:"due_date",reverse:!1},Changed:{key:"last_edited",reverse:!0}};function r(e){return e==a[0]}}}]);