feat: Discard and save individual items

Author: bastianallgeier

panel/src/components/Dialogs/ChangesDialog.vue

@@ -5,23 +5,23 @@
 			:buttons="buttons('pages')"
 			:label="$t('lock.unsaved.pages')"
 		>
-			<k-items :items="pages" layout="list" />
+			<k-items :items="items(pages)" layout="list" />
 		</k-section>
 
 		<k-section
 			v-if="files.length"
 			:buttons="buttons('files')"
 			:label="$t('lock.unsaved.files')"
 		>
-			<k-items :items="files" layout="list" />
+			<k-items :items="items(files)" layout="list" />
 		</k-section>
 
 		<k-section
 			v-if="users.length"
 			:buttons="buttons('users')"
 			:label="$t('lock.unsaved.users')"
 		>
-			<k-items :items="users" layout="list" />
+			<k-items :items="items(users)" layout="list" />
 		</k-section>
 
 		<k-section
@@ -113,6 +113,14 @@ export default {
 				}
 			];
 		},
+		async discard(model) {
+			try {
+				await this.$panel.api.post(model.link + "/changes/discard");
+				this.$panel.dialog.refresh();
+			} catch (e) {
+				this.$panel.notification.error(e);
+			}
+		},
 		async discardAll(type) {
 			try {
 				await this.$panel.api.post("/changes/discard/" + type);
@@ -122,6 +130,42 @@ export default {
 				this.$panel.notification.error(e);
 			}
 		},
+		items(items) {
+			return items.map((item) => {
+				item.options = [
+					{
+						icon: "undo",
+						text: "Discard",
+						click: () => this.discard(item)
+					},
+					{
+						icon: "check",
+						text: "Save",
+						click: () => this.save(item)
+					},
+					"-",
+					{
+						icon: "window",
+						text: "Preview changes",
+						link: this.$panel.url(item.link + "/preview/changes").toString(),
+						target: "_blank"
+					}
+				];
+
+				return item;
+			});
+		},
+		preview(model) {
+			this.$panel.view.open(model.link + "/preview/changes");
+		},
+		async save(model) {
+			try {
+				await this.$panel.api.post(model.link + "/changes/publish");
+				this.$panel.dialog.refresh();
+			} catch (e) {
+				this.$panel.notification.error(e);
+			}
+		},
 		async saveAll(type) {
 			try {
 				await this.$panel.api.post("/changes/publish/" + type);