\n\n\t\t\n\t\t\n\t\t\t\n\t\t\n\t\n\n\n\n","import { render, staticRenderFns } from \"./Sidebar.vue?vue&type=template&id=127bc16e&scoped=true&\"\nimport script from \"./Sidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./Sidebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Sidebar.vue?vue&type=style&index=0&id=127bc16e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"127bc16e\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.file)?_c('AppSidebar',_vm._b({ref:\"sidebar\",on:_vm._d({\"close\":_vm.onClose,\"update:active\":_vm.setActiveTab,\"update:starred\":_vm.toggleStarred},[_vm.defaultActionListener,function($event){$event.stopPropagation();$event.preventDefault();return _vm.onDefaultAction($event)}]),scopedSlots:_vm._u([(_vm.fileInfo)?{key:\"primary-actions\",fn:function(){return _vm._l((_vm.views),function(view){return _c('LegacyView',{key:view.cid,attrs:{\"component\":view,\"file-info\":_vm.fileInfo}})})},proxy:true}:null],null,true)},'AppSidebar',_vm.appSidebar,false),[_vm._v(\" \"),(_vm.error)?_c('div',{staticClass:\"emptycontent\"},[_c('div',{staticClass:\"icon-error\"}),_vm._v(\" \"),_c('h2',[_vm._v(_vm._s(_vm.error))])]):(_vm.fileInfo)?_vm._l((_vm.tabs),function(tab){return [(_vm.canDisplay(tab))?_c(_vm.tabComponent(tab).is,{key:tab.id,tag:\"component\",attrs:{\"component\":_vm.tabComponent(tab).component,\"name\":tab.name,\"dav-path\":_vm.davPath,\"file-info\":_vm.fileInfo}}):_vm._e()]}):_vm._e()],2):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\nexport default class Sidebar {\n\n\t#state;\n\t#view;\n\n\tconstructor() {\n\t\t// init empty state\n\t\tthis.#state = {}\n\n\t\t// init default values\n\t\tthis.#state.tabs = []\n\t\tthis.#state.views = []\n\t\tthis.#state.file = ''\n\t\tthis.#state.activeTab = ''\n\t\tconsole.debug('OCA.Files.Sidebar initialized')\n\t}\n\n\t/**\n\t * Get the sidebar state\n\t *\n\t * @readonly\n\t * @memberof Sidebar\n\t * @returns {Object} the data state\n\t */\n\tget state() {\n\t\treturn this.#state\n\t}\n\n\t/**\n\t * Register a new tab view\n\t *\n\t * @memberof Sidebar\n\t * @param {Object} tab a new unregistered tab\n\t * @returns {Boolean}\n\t */\n\tregisterTab(tab) {\n\t\tconst hasDuplicate = this.#state.tabs.findIndex(check => check.name === tab.name) > -1\n\t\tif (!hasDuplicate) {\n\t\t\tthis.#state.tabs.push(tab)\n\t\t\treturn true\n\t\t}\n\t\tconsole.error(`An tab with the same name ${tab.name} already exists`, tab)\n\t\treturn false\n\t}\n\n\tregisterSecondaryView(view) {\n\t\tconst hasDuplicate = this.#state.views.findIndex(check => check.name === view.name) > -1\n\t\tif (!hasDuplicate) {\n\t\t\tthis.#state.views.push(view)\n\t\t\treturn true\n\t\t}\n\t\tconsole.error(`A similar view already exists`, view)\n\t\treturn false\n\t}\n\n\t/**\n\t * Open the sidebar for the given file\n\t *\n\t * @memberof Sidebar\n\t * @param {string} path the file path to load\n\t */\n\topen(path) {\n\t\tthis.#state.file = path\n\t}\n\n\t/**\n\t * Close the sidebar\n\t *\n\t * @memberof Sidebar\n\t */\n\tclose() {\n\t\tthis.#state.file = ''\n\t}\n\n\t/**\n\t * Return current opened file\n\t *\n\t * @memberof Sidebar\n\t * @returns {String} the current opened file\n\t */\n\tget file() {\n\t\treturn this.#state.file\n\t}\n\n\t/**\n\t * Set the current visible sidebar tab\n\t *\n\t * @memberof Sidebar\n\t * @param {string} id the tab unique id\n\t */\n\tsetActiveTab(id) {\n\t\tthis.#state.activeTab = id\n\t}\n\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\nexport default class Tab {\n\n\t#component;\n\t#legacy;\n\t#name;\n\n\t/**\n\t * Create a new tab instance\n\t *\n\t * @param {string} name the name of this tab\n\t * @param {Object} component the vue component\n\t * @param {boolean} [legacy] is this a legacy tab\n\t */\n\tconstructor(name, component, legacy) {\n\t\tthis.#name = name\n\t\tthis.#component = component\n\t\tthis.#legacy = legacy === true\n\n\t\tif (this.#legacy) {\n\t\t\tconsole.warn('Legacy tabs are deprecated! They will be removed in nextcloud 20.')\n\t\t}\n\n\t}\n\n\tget name() {\n\t\treturn this.#name\n\t}\n\n\tget component() {\n\t\treturn this.#component\n\t}\n\n\tget isLegacyTab() {\n\t\treturn this.#legacy === true\n\t}\n\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\nimport Vue from 'vue'\nimport SidebarView from './views/Sidebar.vue'\nimport Sidebar from './services/Sidebar'\nimport Tab from './models/Tab'\nimport VueClipboard from 'vue-clipboard2'\n\nVue.use(VueClipboard)\n\nVue.prototype.t = t\n\nwindow.addEventListener('DOMContentLoaded', () => {\n\t// Init Sidebar Service\n\tif (window.OCA && window.OCA.Files) {\n\t\tObject.assign(window.OCA.Files, { Sidebar: new Sidebar() })\n\t\tObject.assign(window.OCA.Files.Sidebar, { Tab })\n\t}\n\n\t// Make sure we have a proper layout\n\tif (document.getElementById('content')) {\n\n\t\t// Make sure we have a mountpoint\n\t\tif (!document.getElementById('app-sidebar')) {\n\t\t\tvar contentElement = document.getElementById('content')\n\t\t\tvar sidebarElement = document.createElement('div')\n\t\t\tsidebarElement.id = 'app-sidebar'\n\t\t\tcontentElement.appendChild(sidebarElement)\n\t\t}\n\t}\n\n\t// Init vue app\n\tconst AppSidebar = new Vue({\n\t\t// eslint-disable-next-line vue/match-component-file-name\n\t\tname: 'SidebarRoot',\n\t\trender: h => h(SidebarView)\n\t})\n\tAppSidebar.$mount('#app-sidebar')\n})\n","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nexport default function listToStyles (parentId, list) {\n var styles = []\n var newStyles = {}\n for (var i = 0; i < list.length; i++) {\n var item = list[i]\n var id = item[0]\n var css = item[1]\n var media = item[2]\n var sourceMap = item[3]\n var part = {\n id: parentId + ':' + i,\n css: css,\n media: media,\n sourceMap: sourceMap\n }\n if (!newStyles[id]) {\n styles.push(newStyles[id] = { id: id, parts: [part] })\n } else {\n newStyles[id].parts.push(part)\n }\n }\n return styles\n}\n","/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n Modified by Evan You @yyx990803\n*/\n\nimport listToStyles from './listToStyles'\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n if (!hasDocument) {\n throw new Error(\n 'vue-style-loader cannot be used in a non-browser environment. ' +\n \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n ) }\n}\n\n/*\ntype StyleObject = {\n id: number;\n parts: Array\n}\n\ntype StyleObjectPart = {\n css: string;\n media: string;\n sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n [id: number]: {\n id: number,\n refs: number,\n parts: Array<(obj?: StyleObjectPart) => void>\n }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of \n","import { render, staticRenderFns } from \"./LegacyTab.vue?vue&type=template&id=4ecfdde8&\"\nimport script from \"./LegacyTab.vue?vue&type=script&lang=js&\"\nexport * from \"./LegacyTab.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LegacyView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LegacyView.vue?vue&type=script&lang=js&\"","\n\n\n\t\n\n\n\n","import { render, staticRenderFns } from \"./LegacyView.vue?vue&type=template&id=df0d3456&\"\nimport script from \"./LegacyView.vue?vue&type=script&lang=js&\"\nexport * from \"./LegacyView.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sidebar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sidebar.vue?vue&type=script&lang=js&\"","\n\n\n\t\n\t\t\n\t\t\n\t\t\t\n\t\t\n\n\t\t\n\t\t
\n\t\t\t\n\t\t\t
{{ error }}
\n\t\t
\n\n\t\t\n\t\t\n\t\t\t\n\t\t\n\t\n\n\n\n","import { render, staticRenderFns } from \"./Sidebar.vue?vue&type=template&id=127bc16e&scoped=true&\"\nimport script from \"./Sidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./Sidebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Sidebar.vue?vue&type=style&index=0&id=127bc16e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"127bc16e\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.file)?_c('AppSidebar',_vm._b({ref:\"sidebar\",on:_vm._d({\"close\":_vm.onClose,\"update:active\":_vm.setActiveTab,\"update:starred\":_vm.toggleStarred},[_vm.defaultActionListener,function($event){$event.stopPropagation();$event.preventDefault();return _vm.onDefaultAction($event)}]),scopedSlots:_vm._u([(_vm.fileInfo)?{key:\"primary-actions\",fn:function(){return _vm._l((_vm.views),function(view){return _c('LegacyView',{key:view.cid,attrs:{\"component\":view,\"file-info\":_vm.fileInfo}})})},proxy:true}:null],null,true)},'AppSidebar',_vm.appSidebar,false),[_vm._v(\" \"),(_vm.error)?_c('div',{staticClass:\"emptycontent\"},[_c('div',{staticClass:\"icon-error\"}),_vm._v(\" \"),_c('h2',[_vm._v(_vm._s(_vm.error))])]):(_vm.fileInfo)?_vm._l((_vm.tabs),function(tab){return [(_vm.canDisplay(tab))?_c(_vm.tabComponent(tab).is,{key:tab.id,tag:\"component\",attrs:{\"component\":_vm.tabComponent(tab).component,\"name\":tab.name,\"dav-path\":_vm.davPath,\"file-info\":_vm.fileInfo}}):_vm._e()]}):_vm._e()],2):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\nexport default class Sidebar {\n\n\t#state;\n\t#view;\n\n\tconstructor() {\n\t\t// init empty state\n\t\tthis.#state = {}\n\n\t\t// init default values\n\t\tthis.#state.tabs = []\n\t\tthis.#state.views = []\n\t\tthis.#state.file = ''\n\t\tthis.#state.activeTab = ''\n\t\tconsole.debug('OCA.Files.Sidebar initialized')\n\t}\n\n\t/**\n\t * Get the sidebar state\n\t *\n\t * @readonly\n\t * @memberof Sidebar\n\t * @returns {Object} the data state\n\t */\n\tget state() {\n\t\treturn this.#state\n\t}\n\n\t/**\n\t * Register a new tab view\n\t *\n\t * @memberof Sidebar\n\t * @param {Object} tab a new unregistered tab\n\t * @returns {Boolean}\n\t */\n\tregisterTab(tab) {\n\t\tconst hasDuplicate = this.#state.tabs.findIndex(check => check.name === tab.name) > -1\n\t\tif (!hasDuplicate) {\n\t\t\tthis.#state.tabs.push(tab)\n\t\t\treturn true\n\t\t}\n\t\tconsole.error(`An tab with the same name ${tab.name} already exists`, tab)\n\t\treturn false\n\t}\n\n\tregisterSecondaryView(view) {\n\t\tconst hasDuplicate = this.#state.views.findIndex(check => check.name === view.name) > -1\n\t\tif (!hasDuplicate) {\n\t\t\tthis.#state.views.push(view)\n\t\t\treturn true\n\t\t}\n\t\tconsole.error(`A similar view already exists`, view)\n\t\treturn false\n\t}\n\n\t/**\n\t * Open the sidebar for the given file\n\t *\n\t * @memberof Sidebar\n\t * @param {string} path the file path to load\n\t */\n\topen(path) {\n\t\tthis.#state.file = path\n\t}\n\n\t/**\n\t * Close the sidebar\n\t *\n\t * @memberof Sidebar\n\t */\n\tclose() {\n\t\tthis.#state.file = ''\n\t}\n\n\t/**\n\t * Return current opened file\n\t *\n\t * @memberof Sidebar\n\t * @returns {String} the current opened file\n\t */\n\tget file() {\n\t\treturn this.#state.file\n\t}\n\n\t/**\n\t * Set the current visible sidebar tab\n\t *\n\t * @memberof Sidebar\n\t * @param {string} id the tab unique id\n\t */\n\tsetActiveTab(id) {\n\t\tthis.#state.activeTab = id\n\t}\n\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\nexport default class Tab {\n\n\t#component;\n\t#legacy;\n\t#name;\n\n\t/**\n\t * Create a new tab instance\n\t *\n\t * @param {string} name the name of this tab\n\t * @param {Object} component the vue component\n\t * @param {boolean} [legacy] is this a legacy tab\n\t */\n\tconstructor(name, component, legacy) {\n\t\tthis.#name = name\n\t\tthis.#component = component\n\t\tthis.#legacy = legacy === true\n\n\t\tif (this.#legacy) {\n\t\t\tconsole.warn('Legacy tabs are deprecated! They will be removed in nextcloud 20.')\n\t\t}\n\n\t}\n\n\tget name() {\n\t\treturn this.#name\n\t}\n\n\tget component() {\n\t\treturn this.#component\n\t}\n\n\tget isLegacyTab() {\n\t\treturn this.#legacy === true\n\t}\n\n}\n","/**\n * @copyright Copyright (c) 2019 John Molakvoæ \n *\n * @author John Molakvoæ \n *\n * @license GNU AGPL version 3 or any later version\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see .\n *\n */\n\nimport Vue from 'vue'\nimport SidebarView from './views/Sidebar.vue'\nimport Sidebar from './services/Sidebar'\nimport Tab from './models/Tab'\nimport VueClipboard from 'vue-clipboard2'\n\nVue.use(VueClipboard)\n\nVue.prototype.t = t\n\nwindow.addEventListener('DOMContentLoaded', () => {\n\t// Init Sidebar Service\n\tif (window.OCA && window.OCA.Files) {\n\t\tObject.assign(window.OCA.Files, { Sidebar: new Sidebar() })\n\t\tObject.assign(window.OCA.Files.Sidebar, { Tab })\n\t}\n\n\t// Make sure we have a proper layout\n\tif (document.getElementById('content')) {\n\n\t\t// Make sure we have a mountpoint\n\t\tif (!document.getElementById('app-sidebar')) {\n\t\t\tvar contentElement = document.getElementById('content')\n\t\t\tvar sidebarElement = document.createElement('div')\n\t\t\tsidebarElement.id = 'app-sidebar'\n\t\t\tcontentElement.appendChild(sidebarElement)\n\t\t}\n\t}\n\n\t// Init vue app\n\tconst AppSidebar = new Vue({\n\t\t// eslint-disable-next-line vue/match-component-file-name\n\t\tname: 'SidebarRoot',\n\t\trender: h => h(SidebarView)\n\t})\n\tAppSidebar.$mount('#app-sidebar')\n})\n","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nexport default function listToStyles (parentId, list) {\n var styles = []\n var newStyles = {}\n for (var i = 0; i < list.length; i++) {\n var item = list[i]\n var id = item[0]\n var css = item[1]\n var media = item[2]\n var sourceMap = item[3]\n var part = {\n id: parentId + ':' + i,\n css: css,\n media: media,\n sourceMap: sourceMap\n }\n if (!newStyles[id]) {\n styles.push(newStyles[id] = { id: id, parts: [part] })\n } else {\n newStyles[id].parts.push(part)\n }\n }\n return styles\n}\n","/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n Modified by Evan You @yyx990803\n*/\n\nimport listToStyles from './listToStyles'\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n if (!hasDocument) {\n throw new Error(\n 'vue-style-loader cannot be used in a non-browser environment. ' +\n \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n ) }\n}\n\n/*\ntype StyleObject = {\n id: number;\n parts: Array\n}\n\ntype StyleObjectPart = {\n css: string;\n media: string;\n sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n [id: number]: {\n id: number,\n refs: number,\n parts: Array<(obj?: StyleObjectPart) => void>\n }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of
diff --git a/apps/files/src/logger.js b/apps/files/src/logger.js
new file mode 100644
index 0000000000..44e1c06b48
--- /dev/null
+++ b/apps/files/src/logger.js
@@ -0,0 +1,28 @@
+/*
+ * @copyright 2019 Christoph Wurst
+ *
+ * @author 2019 Christoph Wurst
+ *
+ * @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 .
+ */
+
+import { getCurrentUser } from '@nextcloud/auth'
+import { getLoggerBuilder } from '@nextcloud/logger'
+
+export default getLoggerBuilder()
+ .setApp('files')
+ .setUid(getCurrentUser().uid)
+ .build()
diff --git a/apps/files/src/main-personal-settings.js b/apps/files/src/main-personal-settings.js
new file mode 100644
index 0000000000..da5d91537e
--- /dev/null
+++ b/apps/files/src/main-personal-settings.js
@@ -0,0 +1,38 @@
+// global t
+
+/*
+ * @copyright 2019 Christoph Wurst
+ *
+ * @author 2019 Christoph Wurst
+ *
+ * @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 .
+ */
+
+import Vue from 'vue'
+import { getRequestToken } from '@nextcloud/auth'
+import { generateFilePath } from '@nextcloud/router'
+
+import PersonalSettings from './components/PersonalSettings'
+
+// eslint-disable-next-line camelcase
+__webpack_nonce__ = btoa(getRequestToken())
+// eslint-disable-next-line camelcase
+__webpack_public_path__ = generateFilePath('files', '', 'js/')
+
+Vue.prototype.t = t
+
+const View = Vue.extend(PersonalSettings)
+new View().$mount('#files-personal-settings')
diff --git a/apps/files/templates/settings-personal.php b/apps/files/templates/settings-personal.php
new file mode 100644
index 0000000000..1cddae3d33
--- /dev/null
+++ b/apps/files/templates/settings-personal.php
@@ -0,0 +1,29 @@
+
+ *
+ * @author 2019 Christoph Wurst
+ *
+ * @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 .
+ */
+
+
+script(\OCA\Files\AppInfo\Application::APP_ID, 'dist/personal-settings');
+
+?>
+