2e:null 2f:["$","title",null,{"children":"Schedule Data Editor | littletwocheng | Observable"}] 34:[] 32:{"id":"8cf034b58f7f778e","slug":"schedule-data-editor","title":"Schedule Data Editor","thumbnail":"83071fd8a5fe7a464322107d68511ccc8688528fbf8e8301002bcb443a276953","access_level":"public","create_time":"$D2018-06-23T10:34:30.410Z","update_time":"$D2018-07-16T04:28:33.399Z","view_time":null,"first_public_time":"$D2018-06-24T06:23:21.126Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"13a0081deb0b2d95","login":"littletwocheng","name":"","avatar_url":"https://avatars-next.observableusercontent.com/22d430d06ead0ee2e681a0c4f60c600efd9a47ca677707959e7b0b0e53c7820c","tier":"starter_2024"},"version":1042,"publish_version":1042,"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":1,"collection":null,"type":"notebook","body":{"title":"Schedule Data Editor","cells":[{"id":0,"value":"md`# Schedule Data Editor`","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 our activity schedule\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":"html`\nPretty Printed\n${render(sortedSchedule)}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":694,"value":"html`\nRaw\n

${JSON.stringify(sortedSchedule.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 Session To Result 新增排程節數`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"viewof weekDayInput = renderWeekdaysSelect(defaultWeekDay)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":898,"value":"md`##### Start Time 開始時間`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":202,"value":"viewof startInput = html`\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":901,"value":"md`##### End Time (optional) 完結時間（可選填）`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"viewof endInput = html`\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":903,"value":"md`##### Max Guest 此節人數上限`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"viewof maxGuestInput = 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":1032,"value":"md`## TODO\n- move reusable method to another notebook & improt from there\n- do the same thing to other notebook\nref: [introduction-to-imports](https://beta.observablehq.com/@mbostock/introduction-to-imports)`","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":4,"value":"renderItem = (item) => {\n let timeslot = formatTime(item.start);\n if (item.end)\n timeslot = `${timeslot} - ${formatTime(item.end)}`;\n return html`\n

${getWeekdays(item.week_day)}

${timeslot}

Max Guest 人數上限： ${item.max_guest}

\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":164,"value":"renderWeekdaysSelect = defaultDay => html`\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 week_day: weekDayInput,\n start: parseTimeInput(startInput),\n end: parseTimeInput(endInput),\n max_guest: maxGuestInput,\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":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"onResetClicked = () => {\n reset()\n}","pinned":true,"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 if (a.week_day === b.week_day)\n return a.start > b.start;\n return a.week_day > b.week_day;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":676,"value":"validate = item => {\n if (item.week_day < 1 || item.week_day > 7)\n throw new Error('week_day out of range (1 - 7)');\n if (!item.start)\n throw new Error('start must be defined.');\n if (item.start.length != 4)\n throw new Error('start invalid format.');\n if (item.end && item.end.length != 4)\n throw new Error('end invalid format.');\n if (item.max_guest < 1 || item.max_guest > 100)\n throw new Error('max_guest out of range (1 - 100)');\n \n return true;\n}","pinned":false,"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 schedule = schedule.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 = [...schedule];\n clone.splice(idx, 1);\n mutable schedule = clone;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"reset = () => {\n mutable schedule = 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":654,"value":"parseTimeInput = time => {\n return time.replace(':', '');\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":686,"value":"formatTime = time => {\n let ampm = 'am';\n let hours = parseInt(time.substring(0, 2), 10);\n let mins = time.substring(2);\n \n if (hours === 0) {\n hours = 12\n } else if (hours === 12) {\n ampm = 'pm';\n } else if (hours > 12) {\n ampm = 'pm';\n hours -= 12\n }\n return `${hours}:${mins} ${ampm}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"getWeekdays = days => {\n return weekdays[days - 1]\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 = [{\"week_day\":1,\"start\":\"0900\",\"end\":\"2000\",\"max_guest\":5},{\"week_day\":2,\"start\":\"0900\",\"end\":\"2000\",\"max_guest\":5},{\"week_day\":3,\"start\":\"0900\",\"end\":\"2000\",\"max_guest\":5},{\"week_day\":4,\"start\":\"0900\",\"end\":\"2000\",\"max_guest\":5},{\"week_day\":5,\"start\":\"0900\",\"end\":\"2000\",\"max_guest\":5},{\"week_day\":6,\"start\":\"0900\",\"end\":\"2000\",\"max_guest\":5},{\"week_day\":7,\"start\":\"0900\",\"end\":\"2000\",\"max_guest\":5}]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"weekdays = [\n 'MON 星期一',\n 'TUE 星期二',\n 'WED 星期三',\n 'THU 星期四',\n 'FRI 星期五',\n 'SAT 星期六',\n 'SUN 星期日'\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"defaultWeekDay = 1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":206,"value":"defaultStart = '09:00'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"defaultEnd = \"0000\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"defaultMaxGuest = 5","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 schedule = []","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":"sortedSchedule = schedule? schedule.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"