ACTION PLAN AND SERVICE IMPROVEMENT PLAN

\n HOME:\n {home}\n

\n COMPLETED BY:\n {completedBy}\n

\n START DATE:\n {new Date(date).toLocaleDateString(\"en-GB\")}\n

\n \n \n

Actions

\n \n \n \n \n \n \n \n \n \n \n \n \n \n {actions.map((action) => (\n \n \n \n \n \n \n \n \n \n ))}\n \n \n \n \n \n \n \n \n \n \n

KEY AREA / PROBLEM AREA	ACTION REQUIRED	ACTION TO BE TAKEN	ACTION BY WHOM	COMPLETION DATE	EVIDENCE	ACTIONS
\n {editingId === action.id\n ? (\n handleInputChange(e, action.id, \"area\")}\n />\n )\n : (\n action.area\n )}\n	\n {editingId === action.id\n ? (\n handleInputChange(e, action.id, \"required\")}\n />\n )\n : (\n action.required\n )}\n	\n {editingId === action.id\n ? (\n handleInputChange(e, action.id, \"toBeTaken\")}\n />\n )\n : (\n action.toBeTaken\n )}\n	\n {editingId === action.id\n ? (\n handleInputChange(e, action.id, \"byWhom\")}\n />\n )\n : (\n action.byWhom\n )}\n	\n {editingId === action.id\n ? (\n handleInputChange(e, action.id, \"completionDate\")}\n />\n )\n : (\n action.completionDate\n )}\n	\n \n {action.evidence && action.evidence.map((file, index) => (\n \n {file.name}\n \n \n \n ))}\n handleFileUpload(e, action.id)}\n />\n \n	\n {editingId === action.id\n ? (\n <>\n handleInputChange(e, action.id, \"actionNotes\")}\n placeholder=\"Add action notes\"\n />\n \n \n )\n : (\n <>\n {action.actionNotes} \n \n \n \n )}\n
\n handleNewActionChange(e, \"area\")}\n placeholder=\"New key area\"\n />\n	\n handleNewActionChange(e, \"required\")}\n placeholder=\"New action required\"\n />\n	\n handleNewActionChange(e, \"toBeTaken\")}\n placeholder=\"New action to be taken\"\n />\n	\n handleNewActionChange(e, \"byWhom\")}\n placeholder=\"New action by whom\"\n />\n	\n handleNewActionChange(e, \"completionDate\")}\n placeholder=\"New completion date\"\n />\n		\n handleNewActionChange(e, \"actionNotes\")}\n placeholder=\"New action notes\"\n />\n \n

Daily Diary

\n {diary.map((entry) => (\n

\n {editingDiaryId === entry.id\n ? (\n <>\n handleDiaryInputChange(e, entry.id, \"date\")}\n />\n handleDiaryInputChange(e, entry.id, \"entry\")}\n />\n \n \n )\n : (\n <>\n {entry.date}: {entry.entry}\n \n \n \n )}\n

\n ))}\n

\n handleNewDiaryEntryChange(e, \"date\")}\n />\n handleNewDiaryEntryChange(e, \"entry\")}\n placeholder=\"New diary entry\"\n />\n \n

Resources/cost/time = /Directors/Area Managers/Vincent Vhinyu

11th November 2024.

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Knappe Cross Service Improvement Plan\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n color: #333;\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n}\n\nh1, h2 {\n text-align: center;\n color: #2c3e50;\n}\n\n.container {\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.header {\n display: flex;\n justify-content: space-between;\n margin-bottom: 20px;\n}\n\n.header div {\n display: flex;\n align-items: center;\n}\n\n.header label {\n margin-right: 10px;\n font-weight: bold;\n}\n\n.header span {\n font-weight: normal;\n}\n\n.print-button, .save-button {\n display: inline-block;\n margin: 20px 10px 20px 0;\n padding: 10px 20px;\n background-color: #3498db;\n color: #fff;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.print-button:hover, .save-button:hover {\n background-color: #2980b9;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n}\n\nth, td {\n border: 1px solid #ddd;\n padding: 12px;\n text-align: left;\n vertical-align: top;\n}\n\nth {\n background-color: #f2f2f2;\n font-weight: bold;\n}\n\ntr:nth-child(even) {\n background-color: #f9f9f9;\n}\n\n.footer {\n margin-top: 20px;\n text-align: right;\n font-style: italic;\n}\n\ntextarea, input[type=\"text\"], input[type=\"date\"] {\n width: 100%;\n padding: 5px;\n border: 1px solid #ddd;\n border-radius: 3px;\n font-family: inherit;\n font-size: inherit;\n}\n\nbutton {\n padding: 5px 10px;\n background-color: #3498db;\n color: #fff;\n border: none;\n border-radius: 3px;\n cursor: pointer;\n margin-right: 5px;\n}\n\nbutton:hover {\n background-color: #2980b9;\n}\n\n.diary-section {\n margin-top: 20px;\n}\n\n.diary-entries {\n margin-bottom: 20px;\n}\n\n.diary-entry {\n margin-bottom: 10px;\n padding: 10px;\n background-color: #f0f0f0;\n border-radius: 3px;\n}\n\n.new-diary-entry {\n display: flex;\n flex-direction: column;\n}\n\n.new-diary-entry input,\n.new-diary-entry textarea {\n margin-bottom: 5px;\n}\n\n.evidence-section {\n display: flex;\n flex-direction: column;\n}\n\n.evidence-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 5px;\n}\n\n@media print {\n .print-button, .save-button, button, .new-diary-entry, input[type=\"file\"] {\n display: none;\n }\n \n body {\n max-width: none;\n }\n\n .diary-entries {\n max-height: none;\n overflow-y: visible;\n }\n}\n`;","deleted","label",[99],"permalink","https://www.val.town/x/Mirceanicolaeciobanu/SIPforKCC/code/main.tsx","extension","actionData","errors"]