Merge pull request nextcloud#23173 from nextcloud/feat/comments-sideb…

…ar-vue

apps/comments/lib/Listener/LoadSidebarScripts.php

@@ -29,18 +29,30 @@
 
 use OCA\Comments\AppInfo\Application;
 use OCA\Files\Event\LoadSidebar;
+use OCP\Comments\ICommentsManager;
 use OCP\EventDispatcher\Event;
 use OCP\EventDispatcher\IEventListener;
 use OCP\Util;
 
 class LoadSidebarScripts implements IEventListener {
+
+	/** @var ICommentsManager */
+	private $commentsManager;
+
+	public function __construct(ICommentsManager $commentsManager) {
+		$this->commentsManager = $commentsManager;
+	}
+
 	public function handle(Event $event): void {
 		if (!($event instanceof LoadSidebar)) {
 			return;
 		}
 
+		$this->commentsManager->load();
+
 		// TODO: make sure to only include the sidebar script when
 		// we properly split it between files list and sidebar
 		Util::addScript(Application::APP_ID, 'comments');
+		Util::addScript(Application::APP_ID, 'comments-tab');
 	}
 }

apps/comments/src/comments-app.js

@@ -0,0 +1,32 @@
+/**
+ * @copyright Copyright (c) 2020 John Molakvoæ <[email protected]>
+ *
+ * @author John Molakvoæ <[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 CommentsInstance from './services/CommentsInstance'
+
+// Init Comments
+if (window.OCA && !window.OCA.Comments) {
+	Object.assign(window.OCA, { Comments: {} })
+}
+
+// Init Comments App view
+Object.assign(window.OCA.Comments, { View: CommentsInstance })
+console.debug('OCA.Comments.View initialized')

apps/comments/src/comments-tab.js

@@ -0,0 +1,58 @@
+/**
+ * @copyright Copyright (c) 2020 John Molakvoæ <[email protected]>
+ *
+ * @author John Molakvoæ <[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/>.
+ *
+ */
+
+// Init Comments tab component
+let TabInstance = null
+const commentTab = new OCA.Files.Sidebar.Tab({
+	id: 'comments',
+	name: t('comments', 'Comments'),
+	icon: 'icon-comment',
+
+	async mount(el, fileInfo, context) {
+		if (TabInstance) {
+			TabInstance.$destroy()
+		}
+		TabInstance = new OCA.Comments.View('files', {
+			// Better integration with vue parent component
+			parent: context,
+		})
+		// Only mount after we have all the info we need
+		await TabInstance.update(fileInfo.id)
+		TabInstance.$mount(el)
+	},
+	update(fileInfo) {
+		TabInstance.update(fileInfo.id)
+	},
+	destroy() {
+		TabInstance.$destroy()
+		TabInstance = null
+	},
+	scrollBottomReached() {
+		TabInstance.onScrollBottomReached()
+	},
+})
+
+window.addEventListener('DOMContentLoaded', function() {
+	if (OCA.Files && OCA.Files.Sidebar) {
+		OCA.Files.Sidebar.registerTab(commentTab)
+	}
+})