From 263d2c89fb2a8faa0cfdee230de2177b34534c9b Mon Sep 17 00:00:00 2001
From: "John Molakvoæ (skjnldsv)" <skjnldsv@protonmail.com>
Date: Thu, 21 Jun 2018 08:27:38 +0200
Subject: Config set and drone
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 apps/accessibility/src/App.vue                    | 32 ++++++++++++++++++-----
 apps/accessibility/src/components/itemPreview.vue |  6 +++--
 apps/accessibility/src/main.js                    |  1 +
 3 files changed, 31 insertions(+), 8 deletions(-)

(limited to 'apps/accessibility/src')

diff --git a/apps/accessibility/src/App.vue b/apps/accessibility/src/App.vue
index 7b196f840ab..f2b0eff31d3 100644
--- a/apps/accessibility/src/App.vue
+++ b/apps/accessibility/src/App.vue
@@ -21,6 +21,7 @@
 
 <script>
 import preview from './components/itemPreview';
+import axios from 'axios';
 
 export default {
 	name: 'app',
@@ -51,6 +52,9 @@ export default {
 				theme: this.serverData.theme,
 				font: this.serverData.font
 			};
+		},
+		tokenHeaders() {
+			return { headers: { requesttoken: OC.requestToken } }
 		}
 	},
 	methods: {
@@ -69,12 +73,28 @@ export default {
 		 * @param {string} id the data of the change
 		 */
 		selectItem(type, id) {
-			this.serverData[type] = id;
-			let cssLink = document.querySelector(
-				'link[rel=stylesheet][href*=accessibility][href*=user-]'
-			);
-			cssLink.href =
-				cssLink.href.split('?')[0] + '?v=' + new Date().getTime();
+			axios
+				.post(OC.linkToOCS('apps/accessibility/api/v1/config', 2) + type, {value: id}, this.tokenHeaders)
+				.then(response => {
+					this.serverData[type] = id;
+
+					// Remove old link
+					let oldLink = document.querySelector('link[rel=stylesheet][href*=accessibility][href*=user-]');
+					if (oldLink) {
+						oldLink.remove();
+					}
+					
+					// Insert new css
+					let link = document.createElement('link');
+					link.rel = 'stylesheet';
+					link.href = OC.generateUrl('/apps/accessibility/css/user-style.css');
+					link.href = link.href.split('?')[0] + '?v=' + new Date().getTime();
+					document.head.appendChild(link)
+				})
+				.catch(err => {
+					console.log(err, err.response);
+					OC.Notification.showTemporary(t('accessibility', err.response.data.ocs.meta.message + '. Unable to apply the setting.'));
+				});
 		}
 	}
 };
diff --git a/apps/accessibility/src/components/itemPreview.vue b/apps/accessibility/src/components/itemPreview.vue
index d1139aa407e..38f54f60f9e 100644
--- a/apps/accessibility/src/components/itemPreview.vue
+++ b/apps/accessibility/src/components/itemPreview.vue
@@ -1,9 +1,11 @@
 <template>
 	<div :class="{preview: true, selected: preview.id === selected}"
 		 @click="selectItem">
-		<div class="icon-checkmark"></div>
 		<div class="preview-image" :style="{backgroundImage: 'url(' + preview.img + ')'}"></div>
-		<h3>{{preview.title}}</h3>
+		<h3>
+			<span>{{preview.title}}</span>
+			<div class="icon-checkmark-color">{{t('accessibility', 'enabled')}}</div>
+		</h3>
 		<p>{{preview.text}}</p>
 	</div>
 </template>
diff --git a/apps/accessibility/src/main.js b/apps/accessibility/src/main.js
index 8782a4362b6..5d9b2a2d0a8 100644
--- a/apps/accessibility/src/main.js
+++ b/apps/accessibility/src/main.js
@@ -3,6 +3,7 @@ import App from './App.vue';
 
 /* global t */
 // bind to window
+Vue.prototype.OC = OC;
 Vue.prototype.t = t;
 
 new Vue({
-- 
cgit v1.2.3