/** @jsxImportSource https://esm.sh/react */ import React, { useEffect, useState } from "https://esm.sh/react"; import { createRoot } from "https://esm.sh/react-dom/client"; const initialActions = [ { id: 1, area: "Night checks oversight of night shift/staff. IMMEDIATE", required: "Delivery of care is seamless, safe and risk measured through sleeping hours, staff are aware of the needs, risks and safety measures of residents during night hours Staff are aware of their responsibility, role. Staff are guided, mentored and supported. Staff are supervised through a process of Improvement.", toBeTaken: "Implement initial sleep/night time care plan ensure staff have full access. Nurse in charge to skill mix staff for duty. Unannounced night visits. Remote PCS oversight during night hours. Competency assessment for all night staff. Regular report monitoring written and discussed with the night team. Actions from the visits and reports followed up in a timely way. Review job description. Review routines for night duty.", byWhom: "Nic Ciobanu Vincent Vhinyu External support (to be determined)", completionDate: "Immediate On going. On going.", evidence: [], actionNotes: "", }, { id: 2, area: "Safeguarding processes HIGH PRIORITY", required: "Review policies. Review training to include reflective accounts. Review incident/reporting processes. Review low level process investigation. Review high level process including S42. Process in line with making safeguarding personal. Whistle blowing", toBeTaken: "Initially review all safeguarding policies and staff inclusion and awareness of such. Review all safeguarding training in line with Knappe Cross inclusion Local Authority policy. Review the incident reporting processes within the care home guiding Vincent Vhinyu & staff in effective investigation processes, to include S42 processes. Train all levels of staff within Making safeguarding personal, low/high level referral process, actions following any possible safeguarding event. Review policy to include concern at work Process.", byWhom: "Kim Gallagher Nic Ciobanu Vincent Vhinyu Knappe Cross Kim Gallagher", completionDate: "25th Nov 2024. Immediate", evidence: [], actionNotes: "", }, { id: 3, area: "Safety, identifying risks, risk measures IMMEDIATE PRIORITY", required: "Deliver safe care, recognise and measure risks in a person-centred way", toBeTaken: "Review all care plans/risk assessments. Profiles on internal PCS, generate a full one page profile accessible for staff via system so a holistic approach into risks and needs is clear, and easily followed.", byWhom: "Fulcrum Nic Ciobanu Vincent Vhinyu Knappe Cross", completionDate: "Immediate and on going commenced 9/11/24", evidence: [], actionNotes: "", }, { id: 4, area: "Clinical and acute HIGH PRIORITY", required: "Trained staff to recognise clinical and acute circumstances and have confidence to act in such circumstances", toBeTaken: "Clinical training matrix to be developed: NEWS2 process training: NATIONAL EARLY WARNING SCORE: Medication: Competencies including confidence is leading a shift Implement REACT TO RED Campaign for initially assessing pressure damage from White = right Red = dead. Using the T Purpose tool within PCS. Guidance in accurate water low scoring. Acute presentations and when to act to include acute onset of infections and decline in known health conditions. Referral processes for: Dietician/falls teams/OT & Physio/SALT.", byWhom: "Nic Ciobanu Vincent Vhinyu Knappe Cross", completionDate: "29/11/2024", evidence: [], actionNotes: "", }, { id: 5, area: "Medication HIGH PRIORITY", required: "Policies Training Competencies", toBeTaken: "Review all medication policies in line with NICE guidelines. Re new all competencies. Re new all training. PRN protocols. Critical medication risk assessing. Use of PRN anti-psychotic medication using a new pledge for strategy management prior to administering.", byWhom: "Kim Gallagher Nic Ciobanu Vincent Vhinyu Knappe Cross", completionDate: "25.11.2024", evidence: [], actionNotes: "", }, { id: 6, area: "External audit MEDIUM PRIORITY", required: "Fulcrum to externally audit service", toBeTaken: "To produce an audit with service improvement goals, to timescale plans with measurable outcomes for improvement", byWhom: "Initially Fulcrum Followed by Kim Gallagher Nic Ciobanu Home Vincent Vhinyu Directors", completionDate: "29.11.24 Review from Audit.", evidence: [], actionNotes: "", }, { id: 7, area: "Incident reporting investigating referring following up outcome closure lesson learned HIGH PRIORITY", required: "Distinguish from: Incident/Accident/Near misses/Analysis Themes & patterns. Incident recording. Referral process. Investigating. Follow up. Outcome. Duty of candour.", toBeTaken: "To format an analysis process from the Initial recording, investigation, producing a lessons learned programme and culture Reflective accounts.", byWhom: "Kim Gallagher Nic Ciobanu Home Vincent Vhinyu", completionDate: "29.11.24", evidence: [], actionNotes: "", }, { id: 8, area: "Culture within care home HIGH & ON GOING PRIORITY", required: "Change the culture. Identify and accept. Staff meetings following agenda. Policies = Whistle blowing Positive workplace culture Professional boundaries Code of conduct Social media policy Mobile phone policy Training materials syllabus as follows: Understand your organisation: Aims & Objectives Employee duties Care values Code of practice Person centred care Putting residents first Principals of care. Individuality Rights V Responsibilities Dignity Respect Culture Language Trust Gossip Not keeping secrets Whistle blowing Person centre care. Person centred approaches Reporting concerns Abuse Neglect", toBeTaken: "Staff meeting for discussion to arrange, agenda = Culture change, recognising the need within Knappe Cross Discussion and reflection form expected from all staff within 2 weeks ref the understanding of highlighted polices to change culture Reflection account process completion for contribution to culture change following syllabus training. Reflective account process completion for contribution to culture change following syllabus training Reflective account process completion for contribution to culture change following syllabus training", byWhom: "Support of all All staff All staff All staff All staff", completionDate: "29.11.24 29.11.24 Following completion of training Following completion of training Following completion of training", evidence: [], actionNotes: "", }, { id: 9, area: "Communicating effectively", required: "Communication technique's Behavioural communication Communicating responsibly Gossip Barriers Prompting & probing Active/reflective listening Empathy Dealing with misunderstandings", toBeTaken: "Reflective account process completion for contribution to culture change following syllabus training.", byWhom: "All staff", completionDate: "Following completion of training", evidence: [], actionNotes: "", }, { id: 10, area: "Gain the views of Residents Relatives Visiting Professionals Staff Public relations HIGH PRIORITY", required: "Seek the views of all, act upon any areas identified.", toBeTaken: "To listen and gain the views to assure all parties they can bring up concerns without worry or fear. Re build confidence. Face to face discussion. Surveys. Meetings.", byWhom: "Directors Kim Gallagher Nic Ciobanu Vincent Vhinyu", completionDate: "Immediate on going", evidence: [], actionNotes: "", }, { id: 11, area: "Leadership HIGH & ONGOING PRIORITY", required: "Recognising the need for culture change accepting culture change implementing culture change with support monitoring culture change acting on staff refusal for culture change", toBeTaken: "Culture change process to mentor with Vincent Vhinyu, mentor with Vincent Vhinyu change needed put in place monitoring processes support Vincent Vhinyu through specific processes from investigatory/disciplinary for staff refusal or acceptance.", byWhom: "Directors Kim Gallagher Nic Ciobanu Vincent Vhinyu.", completionDate: "Immediate on-going.", evidence: [], actionNotes: "", }, ]; function App() { const [home, setHome] = useState("Knappe Cross Care Centre"); const [completedBy, setCompletedBy] = useState("Nic Ciobanu and Vincent Vhinyu"); const [date, setDate] = useState("2024-11-11"); const [actions, setActions] = useState(() => { const savedActions = localStorage.getItem("actions"); return savedActions ? JSON.parse(savedActions) : initialActions; }); const [diary, setDiary] = useState(() => { const savedDiary = localStorage.getItem("diary"); return savedDiary ? JSON.parse(savedDiary) : []; }); const [editingId, setEditingId] = useState(null); const [editingDiaryId, setEditingDiaryId] = useState(null); const [newAction, setNewAction] = useState({ area: "", required: "", toBeTaken: "", byWhom: "", completionDate: "", evidence: [], actionNotes: "", }); const [newDiaryEntry, setNewDiaryEntry] = useState({ date: "", entry: "", }); useEffect(() => { localStorage.setItem("actions", JSON.stringify(actions)); }, [actions]); useEffect(() => { localStorage.setItem("diary", JSON.stringify(diary)); }, [diary]); useEffect(() => { localStorage.setItem("home", home); localStorage.setItem("completedBy", completedBy); localStorage.setItem("date", date); }, [home, completedBy, date]); useEffect(() => { const savedHome = localStorage.getItem("home"); const savedCompletedBy = localStorage.getItem("completedBy"); const savedDate = localStorage.getItem("date"); if (savedHome) setHome(savedHome); if (savedCompletedBy) setCompletedBy(savedCompletedBy); if (savedDate) setDate(savedDate); }, []); const handlePrint = () => { window.print(); }; const handleEdit = (id) => { setEditingId(id); }; const handleSave = (id) => { setEditingId(null); localStorage.setItem("actions", JSON.stringify(actions)); }; const handleDelete = (id) => { if (window.confirm("Are you sure you want to delete this action?")) { const updatedActions = actions.filter(action => action.id !== id); setActions(updatedActions); localStorage.setItem("actions", JSON.stringify(updatedActions)); } }; const handleInputChange = (e, id, field) => { const updatedActions = actions.map(action => action.id === id ? { ...action, [field]: e.target.value } : action); setActions(updatedActions); localStorage.setItem("actions", JSON.stringify(updatedActions)); }; const handleNewActionChange = (e, field) => { setNewAction({ ...newAction, [field]: e.target.value }); }; const handleAddAction = () => { const id = actions.length > 0 ? Math.max(...actions.map(a => a.id)) + 1 : 1; const updatedActions = [...actions, { id, ...newAction, evidence: [] }]; setActions(updatedActions); localStorage.setItem("actions", JSON.stringify(updatedActions)); setNewAction({ area: "", required: "", toBeTaken: "", byWhom: "", completionDate: "", actionNotes: "", }); }; const handleAddDiaryEntry = () => { const id = diary.length > 0 ? Math.max(...diary.map(d => d.id)) + 1 : 1; const formattedDate = new Date(newDiaryEntry.date).toLocaleDateString("en-GB"); const updatedDiary = [...diary, { id, ...newDiaryEntry, date: formattedDate }]; setDiary(updatedDiary); localStorage.setItem("diary", JSON.stringify(updatedDiary)); setNewDiaryEntry({ date: "", entry: "" }); }; const handleNewDiaryEntryChange = (e, field) => { setNewDiaryEntry({ ...newDiaryEntry, [field]: e.target.value }); }; const handleEditDiaryEntry = (id) => { setEditingDiaryId(id); }; const handleSaveDiaryEntry = (id) => { setEditingDiaryId(null); localStorage.setItem("diary", JSON.stringify(diary)); }; const handleDeleteDiaryEntry = (id) => { if (window.confirm("Are you sure you want to delete this diary entry?")) { const updatedDiary = diary.filter(entry => entry.id !== id); setDiary(updatedDiary); localStorage.setItem("diary", JSON.stringify(updatedDiary)); } }; const handleDiaryInputChange = (e, id, field) => { const updatedDiary = diary.map(entry => entry.id === id ? { ...entry, [field]: e.target.value } : entry); setDiary(updatedDiary); localStorage.setItem("diary", JSON.stringify(updatedDiary)); }; const handleSaveAll = () => { localStorage.setItem("actions", JSON.stringify(actions)); localStorage.setItem("diary", JSON.stringify(diary)); localStorage.setItem("home", home); localStorage.setItem("completedBy", completedBy); localStorage.setItem("date", date); alert("All changes have been saved!"); }; const handleFileUpload = async (e, actionId) => { const file = e.target.files[0]; if (!file) return; const reader = new FileReader(); reader.onload = async (event) => { const fileContent = event.target.result; const fileName = file.name; const fileKey = `${actionId}_${fileName}`; // Store file content in localStorage (this is a simplified approach and may not work for large files) localStorage.setItem(fileKey, fileContent); const updatedActions = actions.map(action => action.id === actionId ? { ...action, evidence: [...action.evidence, { name: fileName, key: fileKey }] } : action ); setActions(updatedActions); localStorage.setItem("actions", JSON.stringify(updatedActions)); }; reader.readAsDataURL(file); }; const handleDownload = (fileName, fileKey) => { const fileContent = localStorage.getItem(fileKey); if (fileContent) { const link = document.createElement("a"); link.href = fileContent; link.download = fileName; document.body.appendChild(link); link.click(); document.body.removeChild(link); } else { alert("File not found."); } }; const handleDeleteEvidence = (actionId, fileKey) => { if (window.confirm("Are you sure you want to delete this evidence?")) { localStorage.removeItem(fileKey); const updatedActions = actions.map(action => action.id === actionId ? { ...action, evidence: action.evidence.filter(file => file.key !== fileKey) } : action ); setActions(updatedActions); localStorage.setItem("actions", JSON.stringify(updatedActions)); } }; return (

ACTION PLAN AND SERVICE IMPROVEMENT PLAN

HOME: {home}

COMPLETED BY: {completedBy}

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

Actions

{actions.map((action) => (

KEY AREA / PROBLEM AREA	ACTION REQUIRED	ACTION TO BE TAKEN	ACTION BY WHOM	COMPLETION DATE	EVIDENCE	ACTIONS
{editingId === action.id ? ( handleInputChange(e, action.id, "area")} /> ) : ( action.area )} </td> <td> {editingId === action.id ? ( <textarea value={action.required} onChange={(e) => handleInputChange(e, action.id, "required")} /> ) : ( action.required )} </td> <td> {editingId === action.id ? ( <textarea value={action.toBeTaken} onChange={(e) => handleInputChange(e, action.id, "toBeTaken")} /> ) : ( action.toBeTaken )} </td> <td> {editingId === action.id ? ( <input type="text" value={action.byWhom} onChange={(e) => handleInputChange(e, action.id, "byWhom")} /> ) : ( action.byWhom )} </td> <td> {editingId === action.id ? ( <input type="text" value={action.completionDate} onChange={(e) => handleInputChange(e, action.id, "completionDate")} /> ) : ( action.completionDate )} </td> <td> <div className="evidence-section"> {action.evidence && action.evidence.map((file, index) => ( <div key={index} className="evidence-item"> <span>{file.name}</span> <button onClick={() => handleDownload(file.name, file.key)}>Download</button> <button onClick={() => handleDeleteEvidence(action.id, file.key)}>Delete</button> </div> ))} <input type="file" onChange={(e) => handleFileUpload(e, action.id)} /> </div> </td> <td> {editingId === action.id ? ( <> <textarea value={action.actionNotes} onChange={(e) => handleInputChange(e, action.id, "actionNotes")} placeholder="Add action notes" /> <button onClick={() => handleSave(action.id)}>Save</button> </> ) : ( <> <div>{action.actionNotes}</div> <button onClick={() => handleEdit(action.id)}>Edit</button> <button onClick={() => handleDelete(action.id)}>Delete</button> </> )} </td> </tr> ))} <tr> <td> <textarea value={newAction.area} onChange={(e) => handleNewActionChange(e, "area")} placeholder="New key area" /> </td> <td> <textarea value={newAction.required} onChange={(e) => handleNewActionChange(e, "required")} placeholder="New action required" /> </td> <td> <textarea value={newAction.toBeTaken} onChange={(e) => handleNewActionChange(e, "toBeTaken")} placeholder="New action to be taken" /> </td> <td> <input type="text" value={newAction.byWhom} onChange={(e) => handleNewActionChange(e, "byWhom")} placeholder="New action by whom" /> </td> <td> <input type="text" value={newAction.completionDate} onChange={(e) => handleNewActionChange(e, "completionDate")} placeholder="New completion date" /> </td> <td></td> <td> <textarea value={newAction.actionNotes} onChange={(e) => handleNewActionChange(e, "actionNotes")} placeholder="New action notes" /> <button onClick={handleAddAction}>Add Action</button> </td> </tr> </tbody> </table> <h2>Daily Diary</h2> <div className="diary-section"> <div className="diary-entries"> {diary.map((entry) => ( <div key={entry.id} className="diary-entry"> {editingDiaryId === entry.id ? ( <> <input type="date" value={entry.date} onChange={(e) => handleDiaryInputChange(e, entry.id, "date")} /> <textarea value={entry.entry} onChange={(e) => handleDiaryInputChange(e, entry.id, "entry")} /> <button onClick={() => handleSaveDiaryEntry(entry.id)}>Save</button> </> ) : ( <> <strong>{entry.date}:</strong> {entry.entry} <button onClick={() => handleEditDiaryEntry(entry.id)}>Edit</button> <button onClick={() => handleDeleteDiaryEntry(entry.id)}>Delete</button> </> )} </div> ))} </div> <div className="new-diary-entry"> <input type="date" value={newDiaryEntry.date} onChange={(e) => handleNewDiaryEntryChange(e, "date")} /> <textarea value={newDiaryEntry.entry} onChange={(e) => handleNewDiaryEntryChange(e, "entry")} placeholder="New diary entry" /> <button onClick={handleAddDiaryEntry}>Add Entry</button> </div> </div> <div className="footer"> <p>Resources/cost/time = /Directors/Area Managers/Vincent Vhinyu</p> <p>11th November 2024.</p> </div> </div> ); } function client() { createRoot(document.getElementById("root")).render(<App />); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise<Response> { return new Response( ` <html> <head> <title>Knappe Cross Service Improvement Plan</title> <style>${css}</style> </head> <body> <div id="root"></div> <script src="https://esm.town/v/std/catch"></script> <script type="module" src="${import.meta.url}"></script> </body> </html> `, { headers: { "content-type": "text/html", }, }, ); } const css = ` body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; max-width: 1200px; margin: 0 auto; padding: 20px; } h1, h2 { text-align: center; color: #2c3e50; } .container { background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .header { display: flex; justify-content: space-between; margin-bottom: 20px; } .header div { display: flex; align-items: center; } .header label { margin-right: 10px; font-weight: bold; } .header span { font-weight: normal; } .print-button, .save-button { display: inline-block; margin: 20px 10px 20px 0; padding: 10px 20px; background-color: #3498db; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .print-button:hover, .save-button:hover { background-color: #2980b9; } table { width: 100%; border-collapse: collapse; margin-top: 20px; } th, td { border: 1px solid #ddd; padding: 12px; text-align: left; vertical-align: top; } th { background-color: #f2f2f2; font-weight: bold; } tr:nth-child(even) { background-color: #f9f9f9; } .footer { margin-top: 20px; text-align: right; font-style: italic; } textarea, input[type="text"], input[type="date"] { width: 100%; padding: 5px; border: 1px solid #ddd; border-radius: 3px; font-family: inherit; font-size: inherit; } button { padding: 5px 10px; background-color: #3498db; color: #fff; border: none; border-radius: 3px; cursor: pointer; margin-right: 5px; } button:hover { background-color: #2980b9; } .diary-section { margin-top: 20px; } .diary-entries { margin-bottom: 20px; } .diary-entry { margin-bottom: 10px; padding: 10px; background-color: #f0f0f0; border-radius: 3px; } .new-diary-entry { display: flex; flex-direction: column; } .new-diary-entry input, .new-diary-entry textarea { margin-bottom: 5px; } .evidence-section { display: flex; flex-direction: column; } .evidence-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; } @media print { .print-button, .save-button, button, .new-diary-entry, input[type="file"] { display: none; } body { max-width: none; } .diary-entries { max-height: none; overflow-y: visible; } } `;</article></body></html>

Mirceanicolaeciobanu