Implement collections integration

Signed-off-by: Julius Härtl <[email protected]>

css/collections.css

@@ -0,0 +1,10 @@
+.icon-deck {
+  background-image: url('../img/deck-dark.svg');
+}
+
+.resource-type-deck img {
+  opacity: 0.4 !important;
+}
+.resource-type-deck:hover img {
+  opacity: 0.7 !important;
+}

js/controller/BoardController.js

@@ -21,8 +21,11 @@
  */
 
 import app from '../app/App.js';
+import Vue from 'vue';
+import CollaborationView from '../views/CollaborationView';
+
 /* global oc_defaults OC OCP OCA */
-app.controller('BoardController', function ($rootScope, $scope, $stateParams, StatusService, BoardService, StackService, CardService, LabelService, $state, $transitions, $filter, FileService) {
+app.controller('BoardController', function ($rootScope, $scope, $element, $stateParams, StatusService, BoardService, StackService, CardService, LabelService, $state, $transitions, $filter, FileService) {
 
 	$scope.sidebar = $rootScope.sidebar;
 
@@ -148,6 +151,31 @@ app.controller('BoardController', function ($rootScope, $scope, $stateParams, St
 		}
 	});
 
+	const ComponentVM = new Vue({
+		render: h => h(CollaborationView),
+		data: {
+			model: BoardService.getCurrent()
+		},
+	});
+	$scope.mountCollections = () => {
+		console.log('mountCollections');
+		const MountingPoint = document.getElementById('collaborationResources');
+		if (MountingPoint) {
+			console.log(MountingPoint);
+			ComponentVM.model = BoardService.getCurrent();
+			ComponentVM.$mount(MountingPoint);
+		}
+	};
+	$scope.$$postDigest($scope.mountCollections);
+	$scope.$watch(function () {
+		return BoardService.getCurrent();
+	}, function() {
+		ComponentVM.model = BoardService.getCurrent();
+		if ($scope.sidebar.show) {
+			$scope.$$postDigest($scope.mountCollections);
+		}
+	});
+
 	$scope.toggleCompactMode = function() {
 		$rootScope.compactMode = !$rootScope.compactMode;
 		localStorage.setItem('deck.compactMode', JSON.stringify($rootScope.compactMode));

js/init-collections.js

@@ -0,0 +1,67 @@
+/*
+ * @copyright Copyright (c) 2019 Julius Härtl <[email protected]>
+ *
+ * @author Julius Härtl <[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/>.
+ *
+ */
+
+'use strict';
+
+/* global __webpack_nonce__ OC */
+__webpack_nonce__ = btoa(OC.requestToken); // eslint-disable-line no-native-reassign
+__webpack_public_path__ = OC.linkTo('deck', 'js/build/');
+
+import Vue from 'vue';
+import BoardSelector from './views/BoardSelector';
+
+import './../css/collections.css';
+
+(function(OCP) {
+
+	Vue.prototype.$ = $
+	Vue.prototype.t = t
+	Vue.prototype.n = n
+	Vue.prototype.OC = OC
+
+	OCP.Collaboration.registerType('deck', {
+		action: () => {
+			return new Promise((resolve, reject) => {
+				const container = document.createElement('div');
+				container.id = 'deck-board-select';
+				const body = document.getElementById('body-user');
+				body.append(container);
+				const ComponentVM = new Vue({
+					render: h => h(BoardSelector),
+				});
+				ComponentVM.$mount(container);
+				ComponentVM.$root.$on('close', () => {
+					ComponentVM.$el.remove();
+					ComponentVM.$destroy();
+					reject();
+				});
+				ComponentVM.$root.$on('select', (id) => {
+					resolve(id);
+					ComponentVM.$el.remove();
+					ComponentVM.$destroy();
+				});
+			});
+		},
+		typeString: t('deck', 'board'),
+		typeIconClass: 'icon-deck'
+	});
+})(window.OCP);

js/init.js

@@ -2,6 +2,7 @@
 
 /* global __webpack_nonce__ OC */
 __webpack_nonce__ = btoa(OC.requestToken); // eslint-disable-line no-native-reassign
+__webpack_public_path__ = OC.linkTo('deck', 'js/build/');
 
 // used for building a vendor stylesheet
 import 'ng-sortable/dist/ng-sortable.css';