VDMDI/CT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix object modal ui

Browse Source
This commit is contained in:
marlon-erler
2024-07-11 15:10:35 +02:00
parent fd1f468781
commit 909d6b87db
2 changed files with 29 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/index.js
Vendored
+2 -3
View File
@@ -1211,7 +1211,6 @@
function ObjectDetailModal(chat, messageObject, isPresented) { function ObjectDetailModal(chat, messageObject, isPresented) {
const editingTitle = new State(messageObject.title); const editingTitle = new State(messageObject.title);
const selectedMessageObjectIndex = new State(0); const selectedMessageObjectIndex = new State(0);
selectedMessageObjectIndex.subscribe(console.log);
const selectedMessageObject = createProxyState( const selectedMessageObject = createProxyState(
[selectedMessageObjectIndex], [selectedMessageObjectIndex],
() => chat.getObjectContentFromIndex( () => chat.getObjectContentFromIndex(
@@ -1262,14 +1261,14 @@
"bind:value": editingTitle, "bind:value": editingTitle,
placeholder: translation.objectTitlePlaceholder placeholder: translation.objectTitlePlaceholder
} }
))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "history"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.objectVersion), /* @__PURE__ */ createElement("select", { "bind:value": selectedMessageObjectIndex }, ...messageObject.contentVersions.map((content, index) => /* @__PURE__ */ createElement("option", { value: index }, new Date(content.isoDateVersionCreated).toLocaleString()))), /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_drop_down"))), /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "sticky_note_2"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.noteContent), /* @__PURE__ */ createElement( ))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-column gap" }, /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "history"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.objectVersion), /* @__PURE__ */ createElement("select", { "bind:value": selectedMessageObjectIndex }, ...messageObject.contentVersions.map((content, index) => /* @__PURE__ */ createElement("option", { value: index }, new Date(content.isoDateVersionCreated).toLocaleString()))), /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_drop_down"))), /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "sticky_note_2"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.noteContent), /* @__PURE__ */ createElement(
"textarea", "textarea",
{ {
rows: "5", rows: "5",
"bind:value": editingNoteContent, "bind:value": editingNoteContent,
placeholder: translation.noteContentPlaceholder placeholder: translation.noteContentPlaceholder
} }
))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("button", { class: "danger width-input", "on:click": deleteAndClose }, translation.deleteObject, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete"))), /* @__PURE__ */ createElement("div", { class: "flex-row" }, /* @__PURE__ */ createElement("button", { class: "flex-1 width-100 danger", "on:click": closeModal }, translation.discard), /* @__PURE__ */ createElement("button", { class: "flex-1 width-100 primary", "on:click": saveAndClose }, translation.save, /* @__PURE__ */ createElement("span", { class: "icon" }, "save"))))); )))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("button", { class: "danger width-input", "on:click": deleteAndClose }, translation.deleteObject, /* @__PURE__ */ createElement("span", { class: "icon" }, "delete"))), /* @__PURE__ */ createElement("div", { class: "flex-row" }, /* @__PURE__ */ createElement("button", { class: "flex-1 width-100 danger", "on:click": closeModal }, translation.discard), /* @__PURE__ */ createElement("button", { class: "flex-1 width-100 primary", "on:click": saveAndClose }, translation.save, /* @__PURE__ */ createElement("span", { class: "icon" }, "save")))));
} }
// src/Views/Objects/objectListEntry.tsx // src/Views/Objects/objectListEntry.tsx
src/Views/Objects/objectDetailModal.tsx
+27 -25
View File
@@ -93,32 +93,34 @@ export function ObjectDetailModal(
<hr></hr> <hr></hr>
<label class="tile"> <div class="flex-column gap">
<span class="icon">history</span> <label class="tile">
<div> <span class="icon">history</span>
<span>{translation.objectVersion}</span> <div>
<select bind:value={selectedMessageObjectIndex}> <span>{translation.objectVersion}</span>
{...messageObject.contentVersions.map((content, index) => ( <select bind:value={selectedMessageObjectIndex}>
<option value={index}> {...messageObject.contentVersions.map((content, index) => (
{new Date(content.isoDateVersionCreated).toLocaleString()} <option value={index}>
</option> {new Date(content.isoDateVersionCreated).toLocaleString()}
))} </option>
</select> ))}
<span class="icon">arrow_drop_down</span> </select>
</div> <span class="icon">arrow_drop_down</span>
</label> </div>
</label>
<label class="tile"> <label class="tile">
<span class="icon">sticky_note_2</span> <span class="icon">sticky_note_2</span>
<div> <div>
<span>{translation.noteContent}</span> <span>{translation.noteContent}</span>
<textarea <textarea
rows="5" rows="5"
bind:value={editingNoteContent} bind:value={editingNoteContent}
placeholder={translation.noteContentPlaceholder} placeholder={translation.noteContentPlaceholder}
></textarea> ></textarea>
</div> </div>
</label> </label>
</div>
<hr></hr> <hr></hr>