Add OCA.Files.Settings for Files Settings

Signed-off-by: Gary Kim <[email protected]>

Author: gary-kim

apps/files/css/files.scss

@@ -3,14 +3,9 @@
  * @copyright Copyright (c) 2019, Fabian Dreßler <[email protected]>
  *
  * This file is licensed under the Affero General Public License version 3 or later.
- * See the COPYING-README file. 
+ * See the COPYING-README file.
  */
 
-/* SETTINGS */
-#files-setting-showhidden {
-	padding-bottom: 8px;
-}
-
 /* FILE MENU */
 .actions {
 	padding: 5px;

apps/files/js/dist/files-app-settings.js

@@ -0,0 +1,49 @@
+<!--
+  - @copyright Copyright (c) 2019 Gary Kim <[email protected]>
+  -
+  - @author Gary Kim <[email protected]>
+  -
+  - @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/>.
+  -
+  -->
+<template>
+	<div id="files-app-extra-settings">
+		<template v-for="setting in settings">
+			<component
+				:is="setting.component"
+				:key="setting.name"
+				:component="setting.component"
+				:name="setting.name" />
+		</template>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'Settings',
+	data() {
+		return {
+			settings: OCA.Files.Settings.settings,
+		}
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+#files-app-extra-settings {
+	padding-bottom: 8px;
+}
+</style>

apps/files/js/dist/files-app-settings.js.map

@@ -0,0 +1,41 @@
+/**
+ * @copyright Copyright (c) 2019 Gary Kim <[email protected]>
+ * @copyright Copyright (c) 2019 John Molakvoæ <[email protected]>
+ *
+ * @author Gary Kim <[email protected]>
+ *
+ * @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 Vue from 'vue'
+import Settings from './services/Settings'
+import SettingsView from './components/Settings'
+import Setting from './models/Setting'
+
+Vue.prototype.t = t
+
+window.addEventListener('DOMContentLoaded', () => {
+	// Init Files App Settings Service
+	if (!window.OCA.Files) {
+		window.OCA.Files = {}
+	}
+	Object.assign(window.OCA.Files, { Settings: new Settings() })
+	Object.assign(window.OCA.Files.Settings, { Setting })
+
+	// Init Vue app
+	new (Vue.extend(SettingsView))().$mount('#files-app-settings')
+})

apps/files/js/dist/personal-settings.js

@@ -0,0 +1,48 @@
+/**
+ * @copyright Copyright (c) 2019 Gary Kim <[email protected]>
+ * @copyright Copyright (c) 2019 John Molakvoæ <[email protected]>
+ *
+ * @author Gary Kim <[email protected]>
+ *
+ * @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/>.
+ *
+ */
+
+export default class Setting {
+
+	#component
+	#name
+
+	/**
+	 * Create a new files app setting
+	 *
+	 * @param {string} name the name of this setting
+	 * @param {Object} component the vue component
+	 */
+	constructor(name, component) {
+		this.#name = name
+		this.#component = component
+	}
+
+	get name() {
+		return this.#name
+	}
+
+	get component() {
+		return this.#component
+	}
+
+}