kara.tid

author: Mohammad Rahmani
core-version: >=5.2.1
description: Small plain checklist and interstitial journaling
list: readme license history
name: Kara
plugin-type: plugin
source: https://github.com/kookma/TW-Kara
tags: 
title: $:/plugins/kookma/kara
type: application/json
version: 0.8.1

{"tiddlers":{"$:/plugins/kookma/kara/filters/AllChecklists":{"title":"$:/plugins/kookma/kara/filters/AllChecklists","description":"All checklists","filter":"[!is[system]]  :and[search:text[@@.todo]] :filter[{!!text}splitregexp[\\n]trim[]!is[blank]regexp:title[^@@.todo$]]","tags":"$:/tags/Filter","type":"text/vnd.tiddlywiki"},"$:/plugins/kookma/kara/history":{"title":"$:/plugins/kookma/kara/history","tags":"","type":"text/vnd.tiddlywiki","text":"Full change log  https://kookma.github.io/TW-Kara/#ChangeLog\n\n* ''0.7.3'' -- 2022.09.27 -- New search filter, bug fixes\n* ''0.6.4'' -- 2022.08.05 -- New features, update to TW 5.2.3\n* ''0.5.1'' -- 2022.07.28 -- Documentation improvement and bug fixes\n* ''0.5.0'' -- 2022.07.28 -- First public release\n* ''0.1.0'' -- 2022.07.26 -- Conceptualization, beta release\n"},"$:/plugins/kookma/kara/images/times":{"title":"$:/plugins/kookma/kara/images/times","tags":"","type":"text/vnd.tiddlywiki","text":"<svg class=\"tc-image-times tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 352 512\"><path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"/></svg>"},"$:/plugins/kookma/kara/license":{"title":"$:/plugins/kookma/kara/license","tags":"","type":"text/vnd.tiddlywiki","text":"Distributed under an MIT license.\n\nCopyright (c) 2022 [[Mohammad Rahmani|https://github.com/kookma]]\n\n<<<\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n<<<"},"$:/plugins/kookma/kara/macros/add-items":{"title":"$:/plugins/kookma/kara/macros/add-items","tags":"show-content","type":"text/vnd.tiddlywiki","text":"<!-- this tiddler contains common macros for both checklist and interstitial -->\n\n\\define tempTid()   $:/temp/kara/add-item/$(tempId)$\n\n\\define kara-input-item()\n<$keyboard key=\"escape\" actions=<<kara-cancel-action>>   >\n<$keyboard key=\"enter\"  actions=<<kara-add-item-action>> >\n<$edit-text \n tiddler=<<tempTid>> \n tag=\"input\"\n class=\"kk-kara-input-textbox\"\n placeholder=<<editTextPlaceholder>>\n default=\"\" minHeight=\"1em\" focus=<<focusStatus>>\n />\n</$keyboard> \n</$keyboard> \n\\end\n\n\n\\define kara-cancel-action()\n<$action-deletetiddler $tiddler=<<tempTid>>/>\n\\end\n\n\n\\define kara-add-items()\n<div class=\"kk-kara-header-ui\">\n<div class=\"kk-kara-header-textbox\"><<kara-input-item>></div>\n<div><$button class=\"tc-btn-invisible\" actions=<<kara-add-item-action>> disabled={{{ [<tempTid>get[text]!is[blank]then[no]else[yes]] }}}>{{$:/core/images/new-button}}</$button></div>\n</div>\n\\end"},"$:/plugins/kookma/kara/macros/add-items-checklist":{"title":"$:/plugins/kookma/kara/macros/add-items-checklist","tags":"show-content","type":"text/vnd.tiddlywiki","text":"\\define kara-add-item-action()\n<$let\t\t\t\n      item     = {{{ [<tempTid>get[text]] }}}\n      newItem  = {{{ [<item>addprefix[ ]addprefix<undoneMark>] }}}\n      newblock = {{{ [<dblock>addprefix<newItem>addprefix<lbr>] }}}\n>\n<$list filter=\"[<item>!is[blank]]\" variable=null><!--ignore empty imput-->\n\n<$list filter=\"[<dblock0>is[blank]]\"><!-- there is no todo block, create one -->\n<$action-setfield $tiddler=<<src>> text={{{ [<src>get[text]addsuffix<lbr>addsuffix<lbr>] [<dataBlockStartDelimiter>addsuffix<lbr>] [<newItem>addsuffix<lbr>] [<dataBlockEndDelimiter>] +[join[]] }}}/>\n</$list>\n\n  <$vars in= {{{ [<dataBlockStartDelimiter>] [<dblock>]   [<dataBlockEndDelimiter>] +[join[]]}}}  \n         out={{{ [<dataBlockStartDelimiter>] [<newblock>] [<dataBlockEndDelimiter>] +[join[]]}}}  >\n    <$action-setfield $tiddler=<<src>> text={{{ [<src>get[text]search-replace:g:<in>,<out>] }}}/>\n  </$vars>\n<$action-deletetiddler $tiddler=<<tempTid>>/>\n</$list>\n</$let>\t\n\\end"},"$:/plugins/kookma/kara/macros/add-items-interstitial":{"title":"$:/plugins/kookma/kara/macros/add-items-interstitial","tags":"show-content","type":"text/vnd.tiddlywiki","text":"\\define kara-add-item-action()\n<$let\t\t\t\n      note-time=<<now format:'0hh:0mm'>>\n      item     = {{{ [<tempTid>get[text]] }}}\n      newItem  = {{{ [[*]] [<note-time>addprefix['']addsuffix['']] [<item>] +[join[ ]]}}}\n      newblock = {{{ [<dblock>addsuffix<newItem>addsuffix<lbr>] }}}\n>\n<$list filter=\"[<item>!is[blank]]\" variable=null><!--ignore empty imput-->\n\n<$list filter=\"[<dblock0>is[blank]]\"><!-- there is no interstitial block, create one -->\n<$action-setfield $tiddler=<<src>> text={{{ [<src>get[text]addsuffix<lbr>addsuffix<lbr>] [[@@.interstitial]addsuffix<lbr>] [<newItem>addsuffix<lbr>] [[@@]] +[join[]] }}}/>\n</$list>\n\n  <$vars in= {{{ [<dataBlockStartDelimiter>] [<dblock>]   [<dataBlockEndDelimiter>] +[join[]]}}}  \n         out={{{ [<dataBlockStartDelimiter>] [<newblock>] [<dataBlockEndDelimiter>] +[join[]]}}}  >\n    <$action-setfield $tiddler=<<src>> text={{{ [<src>get[text]search-replace:g:<in>,<out>] }}}/>\n  </$vars>\n<$action-deletetiddler $tiddler=<<tempTid>>/>\n</$list>\n</$let>\t\n\\end"},"$:/plugins/kookma/kara/macros/checklist":{"title":"$:/plugins/kookma/kara/macros/checklist","tags":"$:/tags/Macro","type":"text/vnd.tiddlywiki","text":"\\define checklist(tiddler, showInput, focus:\"yes\", mode:\"\")\n\\import $:/plugins/kookma/kara/macros/definitions\n\\import $:/plugins/kookma/kara/macros/add-items\n\\import $:/plugins/kookma/kara/macros/add-items-checklist\n\\import $:/plugins/kookma/kara/macros/disp-items-checklist\n<$let tiddler={{{ [<__tiddler__>trim[]] }}}\n      src= {{{ [<tiddler>!is[blank]then<tiddler>else<currentTiddler>] }}}\n      dataBlockStartDelimiter =\"@@.todo\"\n      dataBlockEndDelimiter   = \"@@\"  \n      doneMark=\"[x]\"\n      undoneMark=\"[ ]\"\n      undoneMarkalt=\"[]\"\n      tempId={{{ [<tiddler>!is[blank]then[checklist/$(currentTiddler)$/]addsuffix<tiddler>]\n                 :else[[checklist/]addsuffix[$(currentTiddler)$]] }}}\n      editTextPlaceholder=\"add new todo item\"\n      focusStatus=<<__focus__>>\n      displayMode={{{ [<checklistDisplayConfig>get[text]] [<__mode__>] :and[first[]] }}}\n      lbr=\"\n\"      >\n<!-- extract the data block -->\n<$let dblock0 = {{{ [<src>get[text]splitregexp<dataBlockStartDelimiter>butfirst[1]] }}}\n      dblock  = {{{ [<dblock0>splitregexp<dataBlockEndDelimiter>butlast[1]] }}} >\n<section class=\"kk-kara-ui\">\n\n<!-- display add items UI -->\n<$list filter=\"[<__showInput__>!match[no]]\" variable=null>\n<<kara-add-items>>\n</$list>\n\n<!-- display checklist -->\n<<kara-disp-items>>\n</section>\n</$let>\n</$let>\n\\end\n\n\n\n"},"$:/plugins/kookma/kara/macros/definitions":{"title":"$:/plugins/kookma/kara/macros/definitions","code-body":"yes","tags":"","type":"text/vnd.tiddlywiki","text":"\\define checklistDisplayConfig() $:/config/kara/checklist/mode\n\\define interstitialDisplayConfig() $:/config/kara/interstitial/mode"},"$:/plugins/kookma/kara/macros/disp-items-checklist":{"title":"$:/plugins/kookma/kara/macros/disp-items-checklist","tags":"show-content","type":"text/vnd.tiddlywiki","text":"\\define toggle-action(param)\n<!-- toggle a line done [x] / undone [ ] . the lbr is used to prevent replace \"[x] Hi\" with \"[x] Hi Jeremy\"-->\n<$vars in={{{ [<row>addsuffix<lbr>] }}} out={{{ [<entry>trim[]addprefix[ ]addprefix<__param__>addsuffix<lbr>] }}} >\n  <$action-setfield $tiddler=<<src>> text={{{ [<src>get[text]search-replace:g:<in>,<out>] }}}/>\n</$vars>\n\\end\n\n\\define disp-single-item()\n<!-- show a task item -->\n<$list filter=\"[<row>trim[]removeprefix<undoneMark>] [<row>trim[]removeprefix<undoneMarkalt>] +[limit[1]]\" variable=entry>\n<$button class=\"tc-btn-invisible\" actions=\"\"\"<<toggle-action \"[x]\">>\"\"\"><input type=checkbox/></$button>&nbsp;<$transclude tiddler=<<entry>> field=title/>\n</$list>\n<!-- show a done item -->\n<$list filter=\"[<row>trim[]removeprefix<doneMark>]\" variable=entry>\n<$button class=\"tc-btn-invisible\" actions=\"\"\"<<toggle-action \"[ ]\">>\"\"\"><input type=checkbox checked/></$button>&nbsp;<span class=\"kk-kara-done-item\"><$transclude tiddler=<<entry>> field=title/></span>\n</$list>\n\n\\end\n\n\\define delete-single-item()\n<$button class=\"tc-btn-invisible\">{{$:/plugins/kookma/kara/images/times}}\n  <$vars in={{{ [<row>addsuffix<lbr>] }}} out=\"\" }}} >\n    <$action-setfield $tiddler=<<src>> text={{{ [<src>get[text]search-replace:g:<in>,<out>] }}}/>\n  </$vars>\n</$button>\n\\end\n\n\\define kara-disp-items()\n<$let defaultDispFilter= \"[<dblock>splitregexp[\\n]!is[blank]]\"\n      sortedDispFilter=  \"[<dblock>splitregexp[\\n]!is[blank]trim:prefix[]sort[]]\"\n      dispFilter={{{ [<displayMode>match[sort]then<sortedDispFilter>else<defaultDispFilter>]}}}\n>\t\t\t\n\n<ul class=\"kk-kara-checklist\">\n<$list filter=<<dispFilter>> variable=row>\n<li class=\"kk-kara-row\">\n<div class=\"kk-kara-desc\"><<disp-single-item>></div>\n<div class=\"kk-kara-delete\"><<delete-single-item>></div>\n</li>\n</$list>\n</ul>\n\n</$let>\n\\end\n\n<!-- checklist items can be shown as entered irrespective of their status (completed: done, or incompleted)\nand they can be separately: incomplete/tasks first, completed tasks (done) last.\nThe display format is determined using a global config, and mode input parameter. global config has higher priority\n-->"},"$:/plugins/kookma/kara/macros/disp-items-interstitial":{"title":"$:/plugins/kookma/kara/macros/disp-items-interstitial","tags":"show-content","type":"text/vnd.tiddlywiki","text":"\\define kara-disp-items()\n<div class=\"interstitial\" style=\"display:block;\">\n<$list filter=\"[<displayMode>match[reverse]]\" emptyMessage='<$transclude tiddler=<<dblock>> field=title mode=block/>' variable=ignore>\n<$transclude tiddler={{{ [<dblock>splitregexp[\\n]!is[blank]trim:prefix[]trim[*]trim:prefix[]!sort[]addprefix[* ]] :and[join<lbr>] }}} field=title mode=block/>\n</$list>\n</div>\n\\end\n\n<!--\nthe order param is used to control the chornological order of notes\ndefault is as they are added, the reverse is, latest first.\nDefensive programming: the trim spaces, and star (*) and adding the star with space (* ) is to handle manually added notes\nwhere, user may add extra spaces before or after start(*)\n-->"},"$:/plugins/kookma/kara/macros/interstitial":{"title":"$:/plugins/kookma/kara/macros/interstitial","tags":"$:/tags/Macro","type":"text/vnd.tiddlywiki","text":"\\define interstitial(tiddler, showInput, focus:\"yes\", mode:\"\")\n\\import $:/plugins/kookma/kara/macros/definitions\n\\import $:/plugins/kookma/kara/macros/add-items\n\\import $:/plugins/kookma/kara/macros/add-items-interstitial\n\\import $:/plugins/kookma/kara/macros/disp-items-interstitial\n<$let tiddler={{{ [<__tiddler__>trim[]] }}}\n      src= {{{ [<tiddler>!is[blank]then<tiddler>else<currentTiddler>] }}}\n      dataBlockStartDelimiter =\"@@.interstitial\"\n      dataBlockEndDelimiter   = \"@@\"  \n      tempId={{{ [<tiddler>!is[blank]then[interstitial/$(currentTiddler)$/]addsuffix<tiddler>]\n                 :else[[interstitial/]addsuffix[$(currentTiddler)$]] }}}\t\t\t\n      editTextPlaceholder=\"add new interstitial note\"\n      focusStatus=<<__focus__>>\n      displayMode={{{ [<interstitialDisplayConfig>get[text]] [<__mode__>] :and[first[]] }}}\n      lbr=\"\n\"      >\n<!-- extract the data block -->\n<$let dblock0 = {{{ [<src>get[text]splitregexp<dataBlockStartDelimiter>butfirst[1]] }}}\n      dblock  = {{{ [<dblock0>splitregexp<dataBlockEndDelimiter>butlast[1]] }}} >\n<section class=\"kk-kara-ui\">\t\t\n\n<!-- display add items UI -->\n<$list filter=\"[<__showInput__>!match[no]]\" variable=null>\n<<kara-add-items>>\n</$list>\n\n<!-- display interstitial notes -->\n<<kara-disp-items>>\n</section>\n</$let>\n</$let>\n\\end\n"},"$:/plugins/kookma/kara/macros/list-all-items":{"title":"$:/plugins/kookma/kara/macros/list-all-items","tags":"$:/tags/Macro","type":"text/vnd.tiddlywiki","text":"\\define list-all-items(filter:\"[!is[system]]\", type:\"\", showInput:\"no\", mode:\"\")\n\\define dt-arrow() <svg viewBox=\"0 0 20 20\" class=\"\"><path d=\"M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z\" /></svg>\n<$list filter=\"\"\"$filter$  :and[search:text[@@.$type$]] :filter[{!!text}splitregexp[\\n]trim[]!is[blank]regexp:title[^@@.$type$]]\"\"\">\n<details class=\"kk-kara-dt\" open>\n<summary><$link/><$list filter=\"[<__type__>match[todo]]\" variable=null> | <$view field=modified format=date template=\"DDth mmm YYYY at 0hh12:0mmam\"/></$list><<dt-arrow>></summary>\n<$list filter=\"[<__type__>match[todo]then[checklist]] [<__type__>match[interstitial]then[interstitial]] :and[first[]]\" variable=macName>\n<blockquote><$macrocall $name=<<macName>> showInput=<<__showInput__>> mode=<<__mode__>>/></blockquote>\n</$list>\n</details>\n\\end"},"$:/plugins/kookma/kara/readme":{"title":"$:/plugins/kookma/kara/readme","tags":"","type":"text/vnd.tiddlywiki","text":"; Kara\nKara is a small in tiddler plain checklist and interstitial journaling. It has a minimal UI and lets you manually add/remove items/notes to your checklist/interstitial journal. Items can be simply searched using standard search. Kara does not use any system or third party tiddlers.\n\n;Code and demo\nFor learning plugin features, syntax, tutorial and examples see the plugin demo and code pages\n\n* Demo: https://kookma.github.io/TW-Kara/\n* Code: https://github.com/kookma/TW-Kara\n"},"$:/plugins/kookma/kara/styles/checklist":{"title":"$:/plugins/kookma/kara/styles/checklist","tags":"$:/tags/Stylesheet","type":"text/vnd.tiddlywiki","text":"ul.kk-kara-checklist{\n\tlist-style: none;\n\tpadding:0;\n}\n\n/* Kara items ui */\n.kk-kara-row{\n\tdisplay: flex;\t\n\twidth: 100%; /* for larg screen width> 960px*/\n\tflex-wrap: nowrap;\n\tborder-radius:5px;\n}\n\n.kk-kara-row:hover {\n\t/* background-color: #f6f6f6;*/\n\tbackground-color: <<colour table-header-background>>;\n}\n\n.kk-kara-row .kk-kara-delete {\n\tflex-grow:0;\n\twidth:15px;\n}\n\n.kk-kara-row .kk-kara-delete {\n\topacity: 0.3;\n}\n\n.kk-kara-row:hover .kk-kara-delete {\n\topacity: 1;\n}\n\n.kk-kara-row .kk-kara-desc{\n\tflex-grow:1; \n\twidth: calc(100% - 50px); \n\tpadding-right: 10px;\n}\n\n\n.kk-kara-done-item{\n\tfont-style:oblique;\n\topacity:0.5;\n\t/*\ttext-decoration: line-through;*/\n\ttext-decoration: line-through <<colour alert-highlight>>;\n}"},"$:/plugins/kookma/kara/styles/details":{"title":"$:/plugins/kookma/kara/styles/details","text":"details.kk-kara-dt  > summary {\n\tlist-style: none;\n\tpadding-left:5px;\n\n}\n\ndetails.kk-kara-dt   summary {\n\tcursor: pointer;\n\tfont-weight:300;\n}\n\ndetails.kk-kara-dt   > summary::-webkit-details-marker {\n\tdisplay: none;\n}\ndetails.kk-kara-dt   {\n\tuser-select: none;\n}\n\ndetails.kk-kara-dt[open] summary svg {\n\ttransform: rotate(+90deg);\n}\n\ndetails.kk-kara-dt   summary svg {\n\ttransition: all 0.3s;\n\twidth: 1.2em;\n\theight: 1.2em;\n\tvertical-align: baseline;\n\tfloat:right;\n}\n\ndetails.kk-kara-dt:focus {\n\toutline: none;\n}\n\n/* hide details arrow by default, show it on hover */\ndetails.kk-kara-dt summary svg{\n\topacity:0;\n  transition: opacity 0.6s ease-in;\n}\ndetails.kk-kara-dt:hover summary  svg{\n\topacity:1;\n}","tags":"$:/tags/Stylesheet","type":"text/css"},"$:/plugins/kookma/kara/styles/header-ui":{"title":"$:/plugins/kookma/kara/styles/header-ui","text":".kk-kara-header-ui{\n\tdisplay: flex;\n\twidth: 100%;\n}\n.kk-kara-header-ui > div{\n\tmargin: 2px;\n\tflex-grow:0;\t\n}\n.kk-kara-header-ui .kk-kara-header-textbox{\n\tflex-grow:1;\t\n}\n\n/* inputbox for add-task */\n.kk-kara-input-textbox {\n\twidth:100%;\n\t/*padding-left: 5px;*/\n\tborder: none;\n\tborder-bottom: 1px dotted grey;\n}\n\n.kk-kara-input-textbox:focus {\n\toutline: none;\n\tborder-bottom: 1px solid #5778d8;\n\tbackground: transparent;\n}\n\n/* for performance reason and loss of focus, the add-item ui has been hidden in preview mode */\n.tc-tiddler-preview-preview .kk-kara-header-ui {\n\tdisplay:none;\n}\n","tags":"$:/tags/Stylesheet","type":"text/css"},"$:/plugins/kookma/kara/styles/interstitial":{"title":"$:/plugins/kookma/kara/styles/interstitial","tags":"$:/tags/Stylesheet","type":"text/vnd.tiddlywiki","text":".interstitial>ul{\n\tlist-style: none;\n\tpadding:0;\n}\n.interstitial ul li:hover{\n\tbackground-color: <<colour table-header-background>>;\n}\n.interstitial ul li strong:first-of-type {\n\tpadding-right:0.5em;\n}\n"},"$:/plugins/kookma/kara/styles/main":{"title":"$:/plugins/kookma/kara/styles/main","text":"/* todo section ------------*/\n.tc-tiddler-body p.todo,\n.tc-tiddler-preview-preview p.todo{\n\tdisplay:none;\n}\n\n/* interstitial section ------------*/\n.tc-tiddler-body ul.interstitial,\n.tc-tiddler-preview-preview ul.interstitial{\n\tdisplay:none;\n}\n\n\n/* kara section wraps inputbox and output items. It can be customized to change the look and feel of interstitial and checklist */\n.kk-kara-ui{}\n\n/* NOTE: TW 5.2.3 and older produce a p tag for @@.class that is why exact selector is used above for .todo Projectify plugin also uses .todo class.*/","tags":"$:/tags/Stylesheet","type":"text/css"},"$:/plugins/kookma/kara/ui/ControlPanel/Settings":{"title":"$:/plugins/kookma/kara/ui/ControlPanel/Settings","caption":"Kara","tags":"$:/tags/ControlPanel/SettingsTab $:/tags/MoreSideBar","type":"text/vnd.tiddlywiki","text":"\\import $:/plugins/kookma/kara/macros/definitions\nThese settings let you customise the behaviour of Kara plugin.\n\n---\n\n;Show Kara setting in more sidebar\n:<$checkbox tiddler=\"$:/plugins/kookma/kara/ui/ControlPanel/Settings\" tag=\"$:/tags/MoreSideBar\"> Show setting in \"More\" sidebar</$checkbox>\n\n;Options\n:<$checkbox tiddler=<<interstitialDisplayConfig>> field=\"text\" checked=\"reverse\"> Interstitial notes in reverse chronological order</$checkbox>\n:<$checkbox tiddler=<<checklistDisplayConfig>>    field=\"text\" checked=\"sort\"> Sort checklist items, display completed at the bottom</$checkbox>\n\n"}}}