2e:null 2f:["$","title",null,{"children":"Custom Data Editor For Activity | littletwocheng | Observable"}] 34:[] 32:{"id":"65f876fa51bfc6c4","slug":"custom-data-editor-for-activity","title":"Custom Data Editor For Activity","thumbnail":"f67d753201bf78b19d02ef59cb933567103abbbeeeccb463c12dbd8981e17d09","access_level":"public","create_time":"$D2018-06-28T05:11:22.544Z","update_time":"$D2018-06-28T10:09:55.922Z","view_time":null,"first_public_time":"$D2018-06-28T05:22:21.427Z","has_unpublished_edits":null,"fork":{"id":"8cf034b58f7f778e","slug":"schedule-data-editor","title":"Schedule Data Editor","owner":{"id":"13a0081deb0b2d95","login":"littletwocheng","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"13a0081deb0b2d95","login":"littletwocheng","name":"","avatar_url":"https://avatars-next.observableusercontent.com/22d430d06ead0ee2e681a0c4f60c600efd9a47ca677707959e7b0b0e53c7820c","tier":"starter_2024"},"version":1112,"publish_version":1112,"role":null,"authored":false,"authors":[{"type":"individual","id":"e804dbbcdedc3872","login":"littletwocheng","name":"","avatar_url":"https://avatars-next.observableusercontent.com/22d430d06ead0ee2e681a0c4f60c600efd9a47ca677707959e7b0b0e53c7820c","tier":null}],"members":[{"type":"individual","id":"e804dbbcdedc3872","login":"littletwocheng","name":"","avatar_url":"https://avatars-next.observableusercontent.com/22d430d06ead0ee2e681a0c4f60c600efd9a47ca677707959e7b0b0e53c7820c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Custom Data Editor For Activity","cells":[{"id":0,"value":"md`# Custom Data Editor For Activity`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":642,"value":"md`\nA custom format in JSON we used to setup Custom Data feild for Activity\n\nUse this to pretty print the data\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1017,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":640,"value":"md`## Input Source Here 輸入來源`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":717,"value":"viewof sourceInput = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":762,"value":"sourceErrMessage? html`

${sourceErrMessage}

` : html`

Valid Input 正確格式

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":810,"value":"html`${mountBtn(html``, onResetClicked)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":332,"value":"md`# Result 結果`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"md`### Pretty Printed`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1049,"value":"md`${render(sortedData)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":694,"value":"html`\nRaw\n

${JSON.stringify(sortedData.map(removeIdx))}

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":452,"value":"html`${mountBtn(html``, onResetClicked)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":444,"value":"md`## Add Record to Result 新增`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":898,"value":"md`##### Label 標題`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":202,"value":"viewof labelInput = html`\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":901,"value":"md`##### Content 內文`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"viewof contentInput = html`\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":162,"value":"html`\n

\n ${mountBtn(html``, onAddClicked)}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":674,"value":"html`

${addErrorMessage}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1014,"value":"md`___`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1082,"value":"md`## TODO\n- rename some variable\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":493,"value":"md`\n# UI\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"render = list => html`\n

\n ${list.map(renderItem)}\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1090,"value":"renderContent = content => md`${content}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"renderItem = (item) => {\n return html`\n

${item.label}

${renderContent(item.content)}

\n ${mountBtn(html`\n REMOVE 移除\n `, createDeleteClickedHandler(item.idx))}\n

\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":294,"value":"md`\n# UI Logic\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":664,"value":"showAddError = error => {\n mutable addErrorMessage = error.message;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":682,"value":"clearAddError = () => {\n mutable addErrorMessage = '';\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":460,"value":"getAddRecord = () => {\n return {\n label: labelInput,\n content: contentInput\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":469,"value":"onAddClicked = () => {\n try {\n add(getAddRecord());\n clearAddError();\n } catch (err) {\n showAddError(err)\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"onResetClicked = () => {\n reset()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":999,"value":"createDeleteClickedHandler = idx => {\n return () => {\n remove(idx)\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":465,"value":"mountBtn = (btn, onClick) => {\n btn.onclick = onClick;\n return btn;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":334,"value":"md`# Data Logic`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"sortItem = (a,b) => {\n //todo\n return true;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":676,"value":"validate = item => {\n if (!item.label || item.label.length < 3)\n throw new Error('Label out of range (> 3)');\n if (!item.content || item.content.length < 3)\n throw new Error('Content must be defined.');\n \n return true;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"add = (item) => {\n if (!validate(item))\n throw new Error('Invalid Format');\n mutable data = data.concat([item]);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1003,"value":"remove = idx => {\n const clone = [...data];\n clone.splice(idx, 1);\n mutable data = clone;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"reset = () => {\n mutable data = source;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":533,"value":"md `# Helper`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":751,"value":"parseSourceJson = source => {\n try {\n const parsed = JSON.parse(sourceInput)\n mutable sourceErrMessage = '';\n return parsed;\n } catch (error) {\n mutable sourceErrMessage = error.message;\n return [];\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"md`# Constant`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"defaultSource = [{\"label\":\"其他收費\", \"content\": \"租竿如轉投竿:+$20/支。魚獲另計!\"}]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"defaultLabel = '你的標題'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"defaultContent = \"你的內容\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"md`\n# Variable\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":742,"value":"mutable source = parseSourceJson(sourceInput)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":754,"value":"mutable sourceErrMessage = ''","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"mutable data = []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":987,"value":"assignIdx = (item, idx) => {\n return {\n ...item,\n idx\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":994,"value":"removeIdx = ({idx, ...rest}) => {\n return rest\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"sortedData = data? data.map(assignIdx).sort(sortItem) : []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":671,"value":"mutable addErrorMessage = ''","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"