1 files changed, 64 insertions, 0 deletions
diff --git a/src/mixins/UserConfig.js b/src/mixins/UserConfig.js
new file mode 100644
index 00000000..efa123dc
--- /dev/null
+++ b/src/mixins/UserConfig.js
@@ -0,0 +1,64 @@
+/**
+ * @copyright Copyright (c) 2020 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
+import { generateUrl } from '@nextcloud/router'
+import { loadState } from '@nextcloud/initial-state'
+import axios from '@nextcloud/axios'
+
+const eventName = 'photos:user-config-changed'
+
+export default {
+	data() {
+		const croppedLayoutLocalStorage = localStorage.getItem('photos:croppedLayout')
+		return {
+			croppedLayout: croppedLayoutLocalStorage !== null
+				? croppedLayoutLocalStorage === 'true'
+				: loadState('photos', 'croppedLayout') === 'true',
+		}
+	},
+
+	created() {
+		subscribe(eventName, this.updateLocalSetting)
+	},
+
+	beforeDestroy() {
+		unsubscribe(eventName, this.updateLocalSetting)
+	},
+
+	methods: {
+		updateLocalSetting({ setting, value }) {
+			this[setting] = value
+		},
+		updateSetting(setting) {
+			const value = this[setting]
+			// Long time save setting
+			axios.put(generateUrl('apps/photos/api/v1/config/' + setting), {
+				value: value.toString(),
+			})
+			// Current session save setting
+			localStorage.setItem('photos:' + setting, value)
+			// Visible elements update setting
+			emit(eventName, { setting, value })
+		},
+	},
+}