Update krankerl config

Signed-off-by: Julius Härtl <jus@bitgrid.net>

.drone.yml

@@ -130,3 +130,24 @@ trigger:
   event:
     - pull_request
     - push
+
+---
+kind: pipeline
+name: frontend
+steps:
+  - name: eslint
+    image: nextcloudci/eslint:eslint-1
+    commands:
+      - ./run-eslint.sh
+  - name: jsbuild
+    image: node:lts-alpine
+    commands:
+      - apk add --no-cache make
+      - make build-js
+trigger:
+  branch:
+    - master
+    - stable*
+  event:
+    - pull_request
+    - push

.editorconfig

@@ -1,9 +0,0 @@
-root = true
-
-[*]
-charset = utf-8
-end_of_line = lf
-insert_final_newline = true
-
-[*.{js,vue}]
-indent_style = tab

.eslintrc.js

@@ -1,8 +0,0 @@
-module.exports = {
-	extends: [
-		'nextcloud'
-	],
-	rules: {
-		'valid-jsdoc': ['off'],
-	}
-}

.eslintrc.yml

@@ -0,0 +1,43 @@
+root: true
+
+extends:
+  - eslint:recommended
+
+env:
+  browser: true
+  amd: true
+  es6: true
+
+globals:
+  global: false
+  app: false
+  angular: false
+  $: false
+  escapeHTML: false
+  OC: false
+  OCA: false
+  t: false
+  oc_current_user: false
+  oc_requesttoken: false
+  Clipboard: false
+  oc_defaults: false
+
+parserOptions:
+  ecmaVersion: 6
+  sourceType: "module"
+
+rules:
+  curly: error
+  eqeqeq: ["error", "smart"]
+  guard-for-in: error
+  no-console: off
+  no-fallthrough: error
+  no-mixed-spaces-and-tabs: error
+  no-unused-vars: warn
+  no-useless-escape: warn
+  no-use-before-define: error
+  semi: ["error", "always"]
+  indent:
+    - error
+    - tab
+    - SwitchCase: 1

.github/workflows/lint.yml

@@ -1,45 +0,0 @@
-name: Lint
-
-on:
-  pull_request:
-  push:
-    branches:
-      - master
-      - stable*
-
-jobs:
-  php:
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        php-versions: ['7.2', '7.3', '7.4']
-
-    name: php${{ matrix.php-versions }} lint
-    steps:
-      - uses: actions/checkout@v2
-      - name: Set up php${{ matrix.php-versions }}
-        uses: shivammathur/setup-php@v1
-        with:
-          php-version: ${{ matrix.php-versions }}
-          coverage: none
-      - name: Lint
-        run: composer run lint
-
-  node:
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [12.x]
-
-    steps:
-      - uses: actions/checkout@v2
-      - name: Use node ${{ matrix.node-version }}
-        uses: actions/setup-node@v1
-        with:
-          node-version: ${{ matrix.node-version }}
-      - name: Install dependencies
-        run: npm ci
-      - name: ESLint
-        run: npm run lint

.github/workflows/nightly.yml

@@ -1,62 +0,0 @@
-name: Nightly build
-
-on:
-  push:
-    branches:
-      - nightly
-  schedule:
-    - cron: '0 1 * * *' # run at 2 AM UTC
-
-jobs:
-  build:
-
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [12.x]
-
-    steps:
-    - uses: actions/checkout@v1
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: ${{ matrix.node-version }}
-    - name: Setup PHP
-      uses: shivammathur/setup-php@v1
-      with:
-        php-version: '7.4'
-        tools: composer
-    - name: install dependencies
-      run: |
-        wget https://github.com/ChristophWurst/krankerl/releases/download/v0.12.2/krankerl_0.12.2_amd64.deb
-        sudo dpkg -i krankerl_0.12.2_amd64.deb
-    - name: package
-      run: |
-        uname -a
-        RUST_BACKTRACE=1 krankerl --version
-        RUST_BACKTRACE=1 krankerl package
-    - name: Set git config
-      run: |
-        git config --local user.email "action@github.com"
-        git config --local user.name "GitHub Action"
-        git tag -f nightly
-    - name: Push tag
-      uses: juliushaertl/github-push-action@master
-      with:
-        github_token: ${{ secrets.GITHUB_TOKEN }}
-        tags: true
-        force: true
-    - name: Create Release
-      id: create_release
-      uses: juliushaertl/action-release@master
-      with:
-        token: ${{ secrets.GITHUB_TOKEN }}
-        tag: nightly
-        files: ./build/artifacts/deck.tar.gz
-        name: Nightly build
-        body: |
-          Nightly release of deck
-        draft: false
-        prerelease: true
-        overwrite: true

.github/workflows/nodejs.yml

@@ -1,26 +0,0 @@
-name: Node CI
-
-on: [push]
-
-jobs:
-  build:
-
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [12.x]
-
-    steps:
-    - uses: actions/checkout@v1
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: ${{ matrix.node-version }}
-    - name: install dependencies
-      run: |
-        npm ci
-    - name: build
-      run: |
-        npm run build --if-present
-

.gitignore

@@ -1,5 +1,7 @@
-node_modules/*
-js/
+js/node_modules/*
+js/vendor/
+js/public/
+js/build/
 build/
 css/style.css
 css/vendor.css

.nextcloudignore

@@ -1,28 +1,31 @@
-/build/
-/.git
-/.github
-/docs/
-/tests
-/babel.config.js
-/.editorconfig
-/.eslintrc.js
-/.nextcloudignore
-/webpack.*.js
-/.codecov.yml
-/composer.json
-/composer.lock
-/_config.yml
-/.drone.yml
-/.travis.yml
-/.eslintignore
-/.eslintrc.yml
-/.gitignore
-/issue_template.md
-/krankerl.toml
-/Makefile
-/mkdocs.yml
-/run-eslint.sh
-/package.json
-/package-lock.json
-/node_modules/
-/src/
+build/
+.git
+js/node_modules
+js/tests
+js/legacy
+js/controller
+js/directive
+js/filters
+js/service
+js/bower.json
+js/.bowerrc
+js/.jshintrc
+js/Gruntfile.js
+js/package.json
+js/package-lock.json
+docs/
+tests
+.codecov.yml
+composer.json
+composer.lock
+_config.yml
+.drone.yml
+.travis.yml
+.eslintignore
+.eslintrc.yml
+.gitignore
+issue_template.md
+krankerl.toml
+Makefile
+mkdocs.yml
+run-eslint.sh

CHANGELOG.md

@@ -1,35 +1,14 @@
 # Changelog
 All notable changes to this project will be documented in this file.
 
-## 1.0.0 - unreleased
+## 0.8.1 - 2020-04-08
 
 ## Added
+- Nextcloud 19 compatibility
 
-- Completly rewritten frontend
-	- Better maintainability
-	- Various small fixes
-	- Unified user interface with Nextcloud
-- Separate comment and activity timelines
-- Add ability to reply to comments #1537
-- Filter cards on board #1507 @jakobroehrl
-- Add cards to projects #1294 @jakobroehrl
-- Move cards to other boards #1242 @jakobroehrl
-- Clone boards with existing stacks and labels #1221 @jakobroehrl
-- Upload multiple files at once and in parallel
-
-A huge thangs goes to our awesome community that put enourmous effort into the frontend migration:
-
-Special thanks for contributing huge parts of the Vue.js migration:
-@jakobroehrl @weeman1337 @nicolad
-
-Testers/reporters:
-@cloud2018 @putt1ck @bpcurse
-
-Calendar/Tasks integration help:
-@raimund-schluessler @georgehrke
-
-Android app team for helping to improve our REST API:
-@desperateCoder @stefan-niedermann
+## Fixed
+- Let new shares only use the current users permissions
+- Check for board membership on comments entity event
 
 ## 0.8.0 - 2020-01-16
 

Makefile

@@ -12,32 +12,70 @@ sign_dir=$(build_dir)/sign
 cert_dir=$(HOME)/.nextcloud/certificates
 
 
-default: build
+default: package 
+
+clean-build:
+	rm -rf $(build_dir)
 
 clean-dist:
-	rm -rf node_modules/
+	rm -rf js/node_modules
 
 install-deps: install-deps-js
 	composer install
 
-install-deps-nodev: install-deps-js
-	composer install --no-dev
-
 install-deps-js:
-	npm ci
+	cd js && npm install
 
-build: clean-dist install-deps build-js
-
-release: clean-dist install-deps-nodev build-js
+build: install-deps build-js
 
 build-js: install-deps-js
-	npm run build
+	cd js && npm run build 
 
 build-js-dev: install-deps
-	npm run dev
+	cd js && npm run dev
 
 watch:
-	npm run watch
+	cd js && npm run watch
+
+# appstore: clean install-deps
+appstore: clean-build build
+	rm -rf $(appstore_build_directory)
+	mkdir -p $(appstore_build_directory)
+	tar cvzf $(appstore_package_name).tar.gz \
+	--exclude="../$(app_name)/build" \
+	--exclude="../$(app_name)/tests" \
+	--exclude="../$(app_name)/Makefile" \
+	--exclude="../$(app_name)/*.log" \
+	--exclude="../$(app_name)/phpunit*xml" \
+	--exclude="../$(app_name)/composer.*" \
+	--exclude="../$(app_name)/js/node_modules" \
+	--exclude="../$(app_name)/js/tests" \
+	--exclude="../$(app_name)/js/test" \
+	--exclude="../$(app_name)/js/*.log" \
+	--exclude="../$(app_name)/js/package-lock.json" \
+	--exclude="../$(app_name)/js/package.json" \
+	--exclude="../$(app_name)/js/bower.json" \
+	--exclude="../$(app_name)/js/karma.*" \
+	--exclude="../$(app_name)/js/protractor.*" \
+	--exclude="../$(app_name)/package.json" \
+	--exclude="../$(app_name)/bower.json" \
+	--exclude="../$(app_name)/karma.*" \
+	--exclude="../$(app_name)/protractor\.*" \
+	--exclude="../$(app_name)/.*" \
+	--exclude="../$(app_name)/*.lock" \
+	--exclude="../$(app_name)/run-eslint.sh" \
+	--exclude="../$(app_name)/js/.*" \
+	--exclude="../$(app_name)/vendor" \
+	--exclude-vcs \
+	 ../$(app_name)
+
+
+	@if [ -f $(cert_dir)/$(app_name).key ]; then \
+		echo "Signing package…"; \
+		openssl dgst -sha512 -sign $(cert_dir)/$(app_name).key $(build_dir)/$(app_name).tar.gz | openssl base64; \
+	fi
+
+	echo $(appstore_package_name).tar.gz
 
 test: test-unit test-integration
 
@@ -58,4 +96,7 @@ test-integration:
 	cd tests/integration && ./run.sh
 
 test-js: install-deps
-	npm run test
+	cd js && run test
+
+package:
+	krankerl package

README.md

@@ -15,9 +15,6 @@ Deck is a kanban style organization tool aimed at personal planning and project
 - :zap: Keep track of changes in the activity stream
 - :rocket: Get your project organized
 
-### Mobile apps
-
-- The [Nextcloud Deck app for Android](https://github.com/stefan-niedermann/nextcloud-deck) is available as [beta release in the Google Play Store](https://play.google.com/apps/testing/it.niedermann.nextcloud.deck.play) 
 
 ![Deck - Manage cards on your board](https://download.bitgrid.net/nextcloud/deck/screenshots/Deck.png)
 
@@ -44,7 +41,7 @@ Please make sure you have installed the following dependencies: `make, which, ta
 
 ### Install the nightly builds
 
-Instead of setting everything up manually, you can just [download the nightly build](https://github.com/nextcloud/deck/releases/tag/nightly) instead. These builds are updated every 24 hours, and are pre-configured with all the needed dependencies.
+Instead of setting everything up manually, you can just [download the nightly builds](https://download.bitgrid.net/nextcloud/deck/nightly/) instead. These builds are updated every 24 hours, and are pre-configured with all the needed dependencies.
 
 ## Developing
 

appinfo/app.php

@@ -21,19 +21,15 @@
  *
  */
 
-use OCA\Deck\AppInfo\Application;
-use OCP\AppFramework\QueryException;
-
-if ((@include_once __DIR__ . '/../vendor/autoload.php')=== false) {
+if ((@include_once __DIR__ . '/../vendor/autoload.php')===false) {
 	throw new Exception('Cannot include autoload. Did you run install dependencies using composer?');
 }
 
-try {
-	/** @var Application $app */
-	$app = \OC::$server->query(Application::class);
-	$app->register();
-} catch (QueryException $e) {
-}
+$app = new \OCA\Deck\AppInfo\Application();
+$app->registerNavigationEntry();
+$app->registerNotifications();
+$app->registerCommentsEntity();
+$app->registerFullTextSearch();
 
 /** Load activity style global so it is availabile in the activity app as well */
 \OC_Util::addStyle('deck', 'activity');

appinfo/database.xml

@@ -0,0 +1,482 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<database>
+    <name>*dbname*</name>
+    <create>true</create>
+    <overwrite>false</overwrite>
+    <charset>utf8</charset>
+    <table>
+        <name>*dbprefix*deck_boards</name>
+        <declaration>
+            <field>
+                <name>id</name>
+                <type>integer</type>
+                <default>0</default>
+                <notnull>true</notnull>
+                <autoincrement>1</autoincrement>
+                <length>4</length>
+            </field>
+            <field>
+                <name>title</name>
+                <type>text</type>
+                <notnull>true</notnull>
+                <length>100</length>
+            </field>
+            <field>
+                <name>owner</name>
+                <type>text</type>
+                <notnull>true</notnull>
+                <length>64</length>
+            </field>
+            <field>
+                <name>color</name>
+                <type>text</type>
+                <length>6</length>
+                <notnull>false</notnull>
+            </field>
+            <field>
+                <name>archived</name>
+                <type>boolean</type>
+                <default>false</default>
+            </field>
+            <field>
+                <name>deleted_at</name>
+                <type>integer</type>
+                <default>0</default>
+                <length>8</length>
+                <notnull>false</notnull>
+                <unsigned>true</unsigned>
+            </field>
+            <field>
+                <name>last_modified</name>
+                <type>integer</type>
+                <default></default>
+                <notnull>false</notnull>
+                <unsigned>true</unsigned>
+            </field>
+        </declaration>
+    </table>
+    <table>
+        <name>*dbprefix*deck_stacks</name>
+        <declaration>
+            <field>
+                <name>id</name>
+                <type>integer</type>
+                <default>0</default>
+                <notnull>true</notnull>
+                <autoincrement>1</autoincrement>
+                <length>4</length>
+            </field>
+            <field>
+                <name>title</name>
+                <type>text</type>
+                <notnull>true</notnull>
+                <length>100</length>
+            </field>
+            <field>
+                <name>board_id</name>
+                <type>integer</type>
+                <length>8</length>
+                <notnull>true</notnull>
+            </field>
+            <field>
+                <name>order</name>
+                <type>integer</type>
+                <length>8</length>
+                <notnull>false</notnull>
+            </field>
+            <field>
+                <name>deleted_at</name>
+                <type>integer</type>
+                <default>0</default>
+                <length>8</length>
+                <notnull>false</notnull>
+                <unsigned>true</unsigned>
+            </field>
+            <field>
+                <name>last_modified</name>
+                <type>integer</type>
+                <default></default>
+                <notnull>false</notnull>
+                <unsigned>true</unsigned>
+            </field>
+            <index>
+                <name>deck_stacks_board_id_index</name>
+                <field>
+                    <name>board_id</name>
+                </field>
+            </index>
+            <index>
+                <name>deck_stacks_order_index</name>
+                <field>
+                    <name>order</name>
+                </field>
+            </index>
+        </declaration>
+    </table>
+    <table>
+        <name>*dbprefix*deck_cards</name>
+        <declaration>
+            <field>
+                <name>id</name>
+                <type>integer</type>
+                <default>0</default>
+                <notnull>true</notnull>
+                <autoincrement>1</autoincrement>
+                <length>4</length>
+            </field>
+            <field>
+                <name>title</name>
+                <type>text</type>
+                <length>100</length>
+                <notnull>true</notnull>
+            </field>
+            <field>
+                <name>description</name>
+                <type>clob</type>
+                <notnull>false</notnull>
+            </field>
+            <field>
+                <name>description_prev</name>
+                <type>clob</type>
+                <notnull>false</notnull>
+            </field>
+            <field>
+                <name>stack_id</name>
+                <type>integer</type>
+                <length>8</length>
+                <notnull>true</notnull>
+            </field>
+            <field>
+                <name>type</name>
+                <type>text</type>
+                <notnull>true</notnull>
+                <length>64</length>
+                <default>plain</default>
+            </field>
+            <field>
+                <name>last_modified</name>
+                <type>integer</type>
+                <default></default>
+                <notnull>false</notnull>
+                <unsigned>true</unsigned>
+            </field>
+            <field>
+                <name>last_editor</name>
+                <type>text</type>
+                <notnull>false</notnull>
+                <length>64</length>
+            </field>
+            <field>
+                <name>created_at</name>
+                <type>integer</type>
+                <default></default>
+                <notnull>false</notnull>
+                <unsigned>true</unsigned>
+            </field>
+            <field>
+                <name>owner</name>
+                <type>text</type>
+                <notnull>true</notnull>
+                <length>64</length>
+            </field>
+            <field>
+                <name>order</name>
+                <type>integer</type>
+                <length>8</length>
+                <notnull>false</notnull>
+            </field>
+            <field>
+                <name>archived</name>
+                <type>boolean</type>
+                <default>false</default>
+            </field>
+            <field>
+                <name>duedate</name>
+                <type>timestamp</type>
+                <default>0</default>
+            </field>
+            <field>
+                <name>notified</name>
+                <type>boolean</type>
+                <default>false</default>
+            </field>
+            <field>
+                <name>deleted_at</name>
+                <type>integer</type>
+                <default>0</default>
+                <length>8</length>
+                <notnull>false</notnull>
+                <unsigned>true</unsigned>
+            </field>
+            <index>
+                <name>deck_cards_stack_id_index</name>
+                <field>
+                    <name>stack_id</name>
+                </field>
+            </index>
+            <index>
+                <name>deck_cards_order_index</name>
+                <field>
+                    <name>order</name>
+                </field>
+            </index>
+            <index>
+                <name>deck_cards_archived_index</name>
+                <field>
+                    <name>archived</name>
+                </field>
+            </index>
+        </declaration>
+    </table>
+    <table>
+        <name>*dbprefix*deck_attachment</name>
+        <declaration>
+            <field>
+                <name>id</name>
+                <type>integer</type>
+                <default>0</default>
+                <notnull>true</notnull>
+                <autoincrement>1</autoincrement>
+                <length>4</length>
+            </field>
+            <field>
+                <name>card_id</name>
+                <type>integer</type>
+                <length>8</length>
+                <notnull>true</notnull>
+            </field>
+            <field>
+                <name>type</name>
+                <type>text</type>
+                <notnull>true</notnull>
+                <length>64</length>
+            </field>
+            <field>
+                <name>data</name>
+                <type>text</type>
+            </field>
+            <field>
+                <name>last_modified</name>
+                <type>integer</type>
+                <default/>
+                <length>8</length>
+                <notnull>false</notnull>
+                <unsigned>true</unsigned>
+            </field>
+            <field>
+                <name>created_at</name>
+                <type>integer</type>
+                <default/>
+                <length>8</length>
+                <notnull>false</notnull>
+                <unsigned>true</unsigned>
+            </field>
+            <field>
+                <name>created_by</name>
+                <type>text</type>
+                <notnull>true</notnull>
+                <length>64</length>
+            </field>
+            <field>
+                <name>deleted_at</name>
+                <type>integer</type>
+                <default>0</default>
+                <length>8</length>
+                <notnull>false</notnull>
+                <unsigned>true</unsigned>
+            </field>
+        </declaration>
+    </table>
+
+    <table>
+        <name>*dbprefix*deck_labels</name>
+        <declaration>
+            <field>
+                <name>id</name>
+                <type>integer</type>
+                <default>0</default>
+                <notnull>true</notnull>
+                <autoincrement>1</autoincrement>
+                <length>4</length>
+            </field>
+            <field>
+                <name>title</name>
+                <type>text</type>
+                <notnull>false</notnull>
+                <length>100</length>
+            </field>
+            <field>
+                <name>color</name>
+                <type>text</type>
+                <length>6</length>
+                <notnull>false</notnull>
+            </field>
+            <field>
+                <name>board_id</name>
+                <type>integer</type>
+                <notnull>true</notnull>
+                <length>8</length>
+            </field>
+            <field>
+                <name>last_modified</name>
+                <type>integer</type>
+                <default></default>
+                <notnull>false</notnull>
+                <unsigned>true</unsigned>
+            </field>
+            <index>
+                <name>deck_labels_board_id_index</name>
+                <field>
+                    <name>board_id</name>
+                </field>
+            </index>
+        </declaration>
+    </table>
+
+    <table>
+        <name>*dbprefix*deck_assigned_labels</name>
+        <declaration>
+            <field>
+                <name>id</name>
+                <type>integer</type>
+                <default>0</default>
+                <notnull>true</notnull>
+                <autoincrement>1</autoincrement>
+                <length>4</length>
+            </field>
+            <field>
+                <name>label_id</name>
+                <type>integer</type>
+                <default>0</default>
+                <notnull>true</notnull>
+                <length>4</length>
+            </field>
+            <field>
+                <name>card_id</name>
+                <type>integer</type>
+                <default>0</default>
+                <notnull>true</notnull>
+                <length>4</length>
+            </field>
+            <index>
+                <name>deck_assigned_labels_idx_i</name>
+                <field>
+                    <name>label_id</name>
+                </field>
+            </index>
+            <index>
+                <name>deck_assigned_labels_idx_c</name>
+                <field>
+                    <name>card_id</name>
+                </field>
+            </index>
+        </declaration>
+    </table>
+    <table>
+        <name>*dbprefix*deck_assigned_users</name>
+        <declaration>
+            <field>
+                <name>id</name>
+                <type>integer</type>
+                <default>0</default>
+                <notnull>true</notnull>
+                <autoincrement>1</autoincrement>
+                <length>4</length>
+            </field>
+            <field>
+                <name>participant</name>
+                <type>text</type>
+                <notnull>true</notnull>
+                <length>64</length>
+            </field>
+            <field>
+                <name>card_id</name>
+                <type>integer</type>
+                <default>0</default>
+                <notnull>true</notnull>
+                <length>4</length>
+            </field>
+            <index>
+                <name>deck_assigned_users_idx_p</name>
+                <field>
+                    <name>participant</name>
+                </field>
+            </index>
+            <index>
+                <name>deck_assigned_users_idx_c</name>
+                <field>
+                    <name>card_id</name>
+                </field>
+            </index>
+        </declaration>
+    </table>
+    <table>
+        <name>*dbprefix*deck_board_acl</name>
+        <declaration>
+            <field>
+                <name>id</name>
+                <type>integer</type>
+                <default>0</default>
+                <notnull>true</notnull>
+                <autoincrement>1</autoincrement>
+                <length>4</length>
+            </field>
+            <field>
+                <name>board_id</name>
+                <type>integer</type>
+                <notnull>true</notnull>
+                <length>8</length>
+            </field>
+            <field>
+                <name>type</name>
+                <type>integer</type>
+                <notnull>true</notnull>
+                <length>4</length>
+            </field>
+            <field>
+                <name>participant</name>
+                <type>text</type>
+                <notnull>true</notnull>
+                <length>64</length>
+            </field>
+            <field>
+                <name>permission_edit</name>
+                <type>boolean</type>
+                <default>false</default>
+            </field>
+            <field>
+                <name>permission_share</name>
+                <type>boolean</type>
+                <default>false</default>
+            </field>
+            <field>
+                <name>permission_manage</name>
+                <type>boolean</type>
+                <default>false</default>
+            </field>
+            <index>
+                <name>deck_board_acl_uq_i</name>
+                <unique>true</unique>
+                <field>
+                    <name>board_id</name>
+                    <sorting>ascending</sorting>
+                </field>
+                <field>
+                    <name>type</name>
+                    <sorting>ascending</sorting>
+                </field>
+                <field>
+                    <name>participant</name>
+                    <sorting>ascending</sorting>
+                </field>
+            </index>
+            <index>
+                <name>deck_board_acl_idx_i</name>
+                <field>
+                    <name>board_id</name>
+                </field>
+            </index>
+        </declaration>
+
+    </table>
+</database>

appinfo/info.xml

@@ -3,7 +3,7 @@
       xsi:noNamespaceSchemaLocation="https://apps.nextcloud.com/schema/apps/info.xsd">
     <id>deck</id>
     <name>Deck</name>
-    <summary>Personal planning and team project organization</summary>
+    <summary>A kanban style project and personal management tool for Nextcloud</summary>
     <description>Deck is a kanban style organization tool aimed at personal planning and project organization for teams integrated with Nextcloud.
 
 
@@ -17,7 +17,7 @@
 - 🚀 Get your project organized
 
 </description>
-    <version>1.0.0-beta2</version>
+    <version>0.8.1</version>
     <licence>agpl</licence>
     <author>Julius Härtl</author>
     <namespace>Deck</namespace>
@@ -36,7 +36,7 @@
         <database min-version="9.4">pgsql</database>
         <database>sqlite</database>
         <database min-version="5.5">mysql</database>
-        <nextcloud min-version="18" max-version="19" />
+        <nextcloud min-version="17" max-version="19" />
     </dependencies>
     <background-jobs>
         <job>OCA\Deck\Cron\DeleteCron</job>

appinfo/routes.php

@@ -38,9 +38,8 @@ return [
 		['name' => 'board#deleteUndo', 'url' => '/boards/{boardId}/deleteUndo', 'verb' => 'POST'],
 		['name' => 'board#getUserPermissions', 'url' => '/boards/{boardId}/permissions', 'verb' => 'GET'],
 		['name' => 'board#addAcl', 'url' => '/boards/{boardId}/acl', 'verb' => 'POST'],
-		['name' => 'board#updateAcl', 'url' => '/boards/{boardId}/acl/{aclId}', 'verb' => 'PUT'],
+		['name' => 'board#updateAcl', 'url' => '/boards/{boardId}/acl', 'verb' => 'PUT'],
 		['name' => 'board#deleteAcl', 'url' => '/boards/{boardId}/acl/{aclId}', 'verb' => 'DELETE'],
-		['name' => 'board#clone', 'url' => '/boards/{boardId}/clone', 'verb' => 'POST'],
 
 		// stacks
 		['name' => 'stack#index', 'url' => '/stacks/{boardId}', 'verb' => 'GET'],
@@ -64,7 +63,7 @@ return [
 		['name' => 'card#assignLabel', 'url' => '/cards/{cardId}/label/{labelId}', 'verb' => 'POST'],
 		['name' => 'card#removeLabel', 'url' => '/cards/{cardId}/label/{labelId}', 'verb' => 'DELETE'],
 		['name' => 'card#assignUser', 'url' => '/cards/{cardId}/assign', 'verb' => 'POST'],
-		['name' => 'card#unassignUser', 'url' => '/cards/{cardId}/unassign', 'verb' => 'PUT'],
+		['name' => 'card#unassignUser', 'url' => '/cards/{cardId}/assign/{userId}', 'verb' => 'DELETE'],
 
 		['name' => 'attachment#getAll', 'url' => '/cards/{cardId}/attachments', 'verb' => 'GET'],
 		['name' => 'attachment#create', 'url' => '/cards/{cardId}/attachment', 'verb' => 'POST'],
@@ -122,14 +121,6 @@ return [
 		['name' => 'attachment_api#delete', 'url' => '/api/v1.0/boards/{boardId}/stacks/{stackId}/cards/{cardId}/attachments/{attachmentId}', 'verb' => 'DELETE'],
 		['name' => 'attachment_api#restore', 'url' => '/api/v1.0/boards/{boardId}/stacks/{stackId}/cards/{cardId}/attachments/{attachmentId}/restore', 'verb' => 'PUT'],
 
-
-
 		['name' => 'board_api#preflighted_cors', 'url' => '/api/v1.0/{path}','verb' => 'OPTIONS', 'requirements' => ['path' => '.+']],
-	],
-	'ocs' => [
-		['name' => 'comments_api#list', 'url' => '/api/v1.0/cards/{cardId}/comments', 'verb' => 'GET'],
-		['name' => 'comments_api#create', 'url' => '/api/v1.0/cards/{cardId}/comments', 'verb' => 'POST'],
-		['name' => 'comments_api#update', 'url' => '/api/v1.0/cards/{cardId}/comments/{commentId}', 'verb' => 'PUT'],
-		['name' => 'comments_api#delete', 'url' => '/api/v1.0/cards/{cardId}/comments/{commentId}', 'verb' => 'DELETE'],
 	]
 ];

composer.json

@@ -16,12 +16,5 @@
         "christophwurst/nextcloud": "^17",
         "jakub-onderka/php-parallel-lint": "^1.0.0",
         "phpunit/phpunit": "^8"
-    },
-    "config": {
-        "optimize-autoloader": true,
-        "classmap-authoritative": true
-    },
-    "scripts": {
-        "lint": "find . -name \\*.php -not -path './vendor/*' -exec php -l \"{}\" \\;"
     }
 }

css/animations.scss

@@ -1,8 +1,7 @@
-<?php
-/**
- * @copyright Copyright (c) 2020 Jakob Röhrl <jakob.roehrl@web.de>
+/*
+ * @copyright Copyright (c) 2018 Michael Weimann <mail@michael-weimann.eu>
  *
- * @author Jakob Röhrl <jakob.roehrl@web.de>
+ * @author 2018 Michael Weimann <mail@michael-weimann.eu>
  *
  * @license GNU AGPL version 3 or any later version
  *
@@ -21,24 +20,24 @@
  *
  */
 
-namespace OCA\Deck\Exceptions;
+.compact-item.ng-enter,
+.compact-item.ng-leave {
+  overflow: hidden;
+  transition: all 250ms linear;
+}
 
-use OCA\Deck\StatusException;
+.compact-item.ng-enter {
+  max-height: 0;
 
-class ConflictException extends StatusException {
+  &.ng-enter-active {
+    max-height: 50px;
+  }
+}
 
-	private $data;
+.compact-item.ng-leave {
+  max-height: 50px;
 
-	public function __construct($message, $data = null) {
-		parent::__construct($message);
-		$this->data = $data;
-	}
-
-	public function getStatus() {
-		return 409;
-	}
-
-	public function getData() {
-		return $this->data;
-	}
-}
+  &.ng-leave-active {
+    max-height: 0;
+  }
+}

css/autocomplete.scss

@@ -0,0 +1,77 @@
+/**
+ * based upon apps/comments/js/vendor/At.js/dist/css/jquery.atwho.css,
+ * only changed colors and font-weight
+ */
+
+.atwho-view {
+	position:absolute;
+	top: 0;
+	left: 0;
+	display: none;
+	margin-top: 18px;
+	background: var(--color-main-background);
+	color: var(--color-main-text);
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius);
+	box-shadow: 0 0 5px var(--color-box-shadow);
+	min-width: 120px;
+	z-index: 11110 !important;
+}
+
+.atwho-view .atwho-header {
+	padding: 5px;
+	margin: 5px;
+	cursor: pointer;
+	border-bottom: solid 1px var(--color-border);
+	color: var(--color-main-text);
+	font-size: 11px;
+	font-weight: bold;
+}
+
+.atwho-view .atwho-header .small {
+	color: var(--color-main-text);
+	float: right;
+	padding-top: 2px;
+	margin-right: -5px;
+	font-size: 12px;
+	font-weight: normal;
+}
+
+.atwho-view .atwho-header:hover {
+	cursor: default;
+}
+
+.atwho-view .cur {
+	background: var(--color-primary);
+	color: var(--color-primary-text);
+}
+.atwho-view .cur small {
+	color: var(--color-primary-text);
+}
+.atwho-view strong {
+	color: var(--color-main-text);
+	font-weight: normal;
+}
+.atwho-view .cur strong {
+	color: var(--color-primary-text);
+	font-weight: normal;
+}
+.atwho-view ul {
+	/* width: 100px; */
+	list-style:none;
+	padding:0;
+	margin:auto;
+	max-height: 200px;
+	overflow-y: auto;
+}
+.atwho-view ul li {
+	display: block;
+	padding: 5px 10px;
+	border-bottom: 1px solid var(--color-border);
+	cursor: pointer;
+}
+.atwho-view small {
+	font-size: smaller;
+	color: var(--color-main-text);
+	font-weight: normal;
+}

css/comments.scss

@@ -0,0 +1,261 @@
+/*
+ * Copyright (c) 2016
+ *
+ * This file is licensed under the Affero General Public License version 3
+ * or later.
+ *
+ * See the COPYING-README file.
+ *
+ */
+
+#commentsTabView .emptycontent {
+	margin-top: 0;
+}
+
+#commentsTabView .newCommentForm {
+	margin-left: 36px;
+	position: relative;
+}
+
+#commentsTabView .newCommentForm .message {
+	width: 100%;
+	padding: 10px;
+	min-height: 44px;
+	margin: 0;
+
+	/* Prevent the text from overlapping with the submit button. */
+	padding-right: 30px;
+}
+
+#commentsTabView .newCommentForm {
+	.submit,
+	.submitLoading {
+		width: 44px;
+		height: 44px;
+		margin: 0;
+		padding: 13px;
+		background-color: transparent;
+		border: none;
+		opacity: .3;
+		position: absolute;
+		bottom: 0;
+		right: 0;
+	}
+}
+
+#commentsTabView .deleteLoading {
+	padding: 14px;
+	vertical-align: middle;
+}
+
+#commentsTabView .newCommentForm .submit:not(:disabled):hover,
+#commentsTabView .newCommentForm .submit:not(:disabled):focus {
+	opacity: 1;
+}
+
+#commentsTabView .newCommentForm div.message {
+	resize: none;
+}
+
+#commentsTabView .newCommentForm div.message:empty:before {
+	content: attr(data-placeholder);
+	color: grey;
+}
+
+#commentsTabView .comment {
+	position: relative;
+	/** padding bottom is little more so that the top and bottom gap look uniform **/
+	padding: 10px 0 15px;
+}
+
+#commentsTabView .comments .comment {
+	border-top: 1px solid var(--color-border);
+}
+
+#commentsTabView .comment .avatar,
+.atwho-view-ul * .avatar{
+	width: 32px;
+	height: 32px;
+	line-height: 32px;
+	margin-right: 5px;
+}
+
+#commentsTabView .comment .message .avatar,
+.atwho-view-ul * .avatar
+{
+	display: inline-block;
+}
+
+#activityTabView li.comment.collapsed .activitymessage,
+#commentsTabView .comment.collapsed .message {
+	white-space: pre-wrap;
+}
+
+#activityTabView li.comment.collapsed .activitymessage,
+#commentsTabView .comment.collapsed .message {
+	max-height: 70px;
+	overflow: hidden;
+}
+
+#activityTabView li.comment .message-overlay,
+#commentsTabView .comment .message-overlay {
+	display: none;
+}
+
+#activityTabView li.comment.collapsed .message-overlay,
+#commentsTabView .comment.collapsed .message-overlay {
+	display: block;
+	position: absolute;
+	z-index: 2;
+	height: 50px;
+	pointer-events: none;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: -moz-linear-gradient(rgba(var(--color-main-background), 0), var(--color-main-background));
+	background: -webkit-linear-gradient(rgba(var(--color-main-background), 0), var(--color-main-background));
+	background: -o-linear-gradient(rgba(var(--color-main-background), 0), var(--color-main-background));
+	background: -ms-linear-gradient(rgba(var(--color-main-background), 0), var(--color-main-background));
+	background: linear-gradient(rgba(var(--color-main-background), 0), var(--color-main-background));
+	background-repeat: no-repeat;
+}
+
+#commentsTabView .hidden {
+	display: none !important;
+}
+
+/** set min-height as 44px to ensure that it fits the button sizes. **/
+#commentsTabView .comment .authorRow {
+	min-height: 44px;
+}
+#commentsTabView .comment .authorRow .tooltip {
+	/** because of the padding on the element, the tooltip appear too far up,
+	 adding this brings them closer to the element**/
+	margin-top: 5px;
+}
+
+.atwho-view-ul * .avatar-name-wrapper,
+#commentsTabView .comment .authorRow {
+	position: relative;
+	display: inline-flex;
+	align-items: center;
+	width: 100%;
+}
+
+#commentsTabView .comment:not(.newCommentRow) .message .avatar-name-wrapper:not(.currentUser),
+#commentsTabView .comment:not(.newCommentRow) .message .avatar-name-wrapper:not(.currentUser) .avatar,
+#commentsTabView .comment:not(.newCommentRow) .message .avatar-name-wrapper:not(.currentUser) .avatar img,
+#commentsTabView .comment .authorRow .avatar:not(.currentUser),
+#commentsTabView .comment .authorRow .author:not(.currentUser) {
+	cursor: pointer;
+}
+
+.atwho-view-ul .avatar-name-wrapper,
+.atwho-view-ul .avatar-name-wrapper .avatar,
+.atwho-view-ul .avatar-name-wrapper .avatar img {
+	cursor: pointer;
+}
+
+#commentsTabView .comments li .message .atwho-inserted,
+#commentsTabView .newCommentForm .atwho-inserted {
+	.avatar-name-wrapper {
+		/* Make the wrapper the positioning context of its child contacts
+		 * menu. */
+		position: relative;
+
+		display: inline;
+		vertical-align: top;
+		background-color: var(--color-background-dark);
+		border-radius: 50vh;
+		padding: 1px 7px 1px 1px;
+
+		/* Ensure that the avatar and the user name will be kept together. */
+		white-space: nowrap;
+
+		.avatar {
+			img {
+				vertical-align: top;
+			}
+			height: 16px;
+			width: 16px;
+			vertical-align: middle;
+			padding: 1px;
+			margin-top: -3px;
+			margin-left: 0;
+			margin-right: 2px;
+		}
+		strong {
+			/* Ensure that the user name is shown in bold, as different browsers
+			 * use different font weights for strong elements. */
+			font-weight: bold;
+		}
+	}
+	.avatar-name-wrapper.currentUser {
+		background-color: var(--color-primary);
+		color: var(--color-primary-text);
+	}
+}
+
+.atwho-view-ul * .avatar-name-wrapper {
+	white-space: nowrap;
+}
+#commentsTabView .comment .author,
+#commentsTabView .comment .date {
+	opacity: .5;
+}
+#commentsTabView .comment .author {
+	max-width: 210px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+}
+#commentsTabView .comment .date {
+	margin-left: auto;
+	/** this is to fix the tooltip being too close due to the margin-top applied
+	 to bring the tooltip closer for the action icons **/
+	padding: 10px 0px;
+}
+
+#commentsTabView .comments > li:not(.newCommentRow) .message {
+	padding-left: 40px;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+}
+
+#commentsTabView .comment .action {
+	opacity: 0.3;
+	padding: 14px;
+	display: block;
+}
+
+#commentsTabView .comment .action:hover,
+#commentsTabView .comment .action:focus {
+	opacity: 1;
+}
+
+#commentsTabView .newCommentRow .action-container {
+	margin-left: auto;
+}
+
+#commentsTabView .comment.disabled .message {
+	opacity: 0.3;
+}
+
+#commentsTabView .comment.disabled .action {
+	display: none;
+}
+
+#commentsTabView .message.error {
+	color: #e9322d;
+	border-color: #e9322d;
+	box-shadow: 0 0 6px #f8b9b7;
+}
+
+.app-files .action-comment {
+	padding: 16px 14px;
+}
+
+#commentsTabView .comment .message .contactsmenu-popover {
+	left: -6px;
+	top: 24px;
+}

css/comp-appnav.scss

@@ -0,0 +1,113 @@
+/*
+ * @copyright Copyright (c) 2017 Julius Härtl <jus@bitgrid.net>
+ * @copyright Copyright (c) 2016, John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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/>.
+ *
+ */
+
+/**
+ * Hotfix for support <NC13 with new app sidebar
+ */
+#app-navigation {
+  .app-navigation-entry-menu.open {
+    ul li a {
+      background-position: 10px center;
+      padding: 0 10px 0 36px !important;
+    }
+  }
+  .app-navigation-entry-edit {
+    display: none;
+  }
+  .editing {
+    .app-navigation-entry-edit {
+      display: block;
+      position: absolute;
+      background: $color-main-background;
+      height: auto;
+      z-index: 250;
+    }
+  }
+}
+
+
+/**
+ * copied styles from core/css/styles.scss
+ * to have the same breadcrumb styling in NC12
+ */
+.breadcrumb {
+  display: inline-flex;
+}
+div.crumb {
+  display: inline-flex;
+  background-repeat: no-repeat;
+  background-position: right center;
+  height: 44px;
+  background-size: auto 24px;
+  flex: 0 0 auto;
+  order: 1;
+  padding-right: 7px;
+  &.crumbmenu {
+    order: 2;
+    position: relative;
+    a {
+      opacity: 0.5
+    }
+  }
+  &.hidden {
+    display: none;
+    ~ .crumb {
+      order: 3;
+    }
+  }
+  > a,
+  > span {
+    position: relative;
+    padding: 12px;
+    opacity: 0.5;
+    top: 0 !important;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    flex: 0 0 auto;
+    &.icon-home {
+      // Hide home text
+      text-indent: -9999px;
+    }
+  }
+  > a[class^='icon-'] {
+    padding: 0;
+    width: 44px;
+  }
+  &:not(:first-child) a {
+  }
+  &:last-child {
+    font-weight: 600;
+    margin-right: 10px;
+    // Allow multiple span next to the main 'a'
+    a ~ span {
+      padding-left: 0;
+    }
+  }
+  &:hover, &:focus, a:focus, &:active {
+    > a,
+    > span {
+      opacity: .7;
+    }
+  }
+}

css/compact-mode.scss

@@ -0,0 +1,43 @@
+/*
+ * @copyright Copyright (c) 2018 Michael Weimann <mail@michael-weimann.eu>
+ *
+ * @author 2018 Michael Weimann <mail@michael-weimann.eu>
+ *
+ * @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/>.
+ *
+ */
+
+.compact-mode {
+  .card {
+    margin: $compact-board-item-margin;
+
+    &:last-child {
+      margin: $compact-board-last-item-margin;
+    }
+  }
+
+  .stack {
+    .as-sortable-placeholder {
+      margin: $compact-board-item-margin;
+      min-height: 43px;
+      height: 43px;
+
+      &:last-child {
+        margin: $compact-board-last-item-margin;
+      }
+    }
+  }
+}

css/icons.scss

@@ -5,6 +5,10 @@
   background-image: url('../img/deck-dark.svg');
 }
 
+.icon-group {
+  background-image: url('../../../settings/img/users.svg');
+}
+
 .icon-help {
   background-image: url('../../../settings/img/help.svg');
 }
@@ -13,10 +17,6 @@
   background-image: url('../img/add-white.svg');
 }
 
-.icon-attach {
-  background-image: url('../img/attach.svg');
-}
-
 .icon-archive {
   background-image: url('../img/archive.svg');
 }
@@ -53,16 +53,11 @@
   background-image: url('../img/toggle-view-collapse.svg');
 }
 
-
 @if mixin-exists('icon-black-white') {
-  @include icon-black-white('deck', 'deck', 1);
-  @include icon-black-white('archive', 'deck', 1);
-  @include icon-black-white('circles', 'deck', 1);
-  @include icon-black-white('clone', 'deck', 1);
-  @include icon-black-white('filter', 'deck', 1);
-  @include icon-black-white('attach', 'deck', 1);
-  @include icon-black-white('reply', 'deck', 1);
-
+	@include icon-black-white('deck', 'deck', 1);
+	@include icon-black-white('archive', 'deck', 1);
+	@include icon-black-white('circles', 'deck', 1);
+	
 	.icon-toggle-compact-collapsed {
 		@include icon-color('toggle-view-expand', 'deck', $color-black);
 	}
@@ -82,7 +77,4 @@
   opacity: 1;
   background-size: 20px;
   background-position: center center;
-}
-.icon-colorpicker {
-	background-image: url('../img/color_picker.svg');
-}
+}

docs/API.md

@@ -515,8 +515,6 @@ The board list endpoint supports setting an `If-Modified-Since` header to limit
 | title     | String  | The title of the new stack                           |
 | type      | String  | Type of the card (for later use) use 'plain' for now |
 | order     | Integer | Order for sorting the stacks                         |
-| description | String  | _(optional)_ The markdown description of the card  |
-| duedate   | timestamp | _(optional)_ The duedate of the card or null       |
 
 #### Response
 
@@ -938,232 +936,3 @@ For now only `deck_file` is supported as an attachment type.
 
 ##### 200 Success
 
-# OCS API
-
-The following endpoints are available tough the Nextcloud OCS endpoint, which is available at `/ocs/v2.php/apps/deck/api/v1.0/`. 
-This has the benefit that both the web UI as well as external integrations can use the same API.
-
-## Comments
-
-### GET /cards/{cardId}/comments - List comments
-
-#### Request parameters
-
-string $cardId, int $limit = 20, int $offset = 0
-
-| Parameter | Type    | Description                             |
-| --------- | ------- | --------------------------------------- |
-| cardId    | Integer | The id of the card                      |
-| limit     | Integer | The maximum number of comments that should be returned, defaults to 20 |
-| offset    | Integer | The start offset used for pagination, defaults to 0 |
-
-```
-curl 'https://admin:admin@nextcloud/ocs/v2.php/apps/deck/api/v1.0/cards/12/comments' \
-    -H 'Accept: application/json' -H 'OCS-APIRequest: true'
-```
-
-#### Response
-
-A list of comments will be provided under the `ocs.data` key. If no or no more comments are available the list will be empty.
-
-##### 200 Success
-
-```
-{
-  "ocs": {
-    "meta": {
-      "status": "ok",
-      "statuscode": 200,
-      "message": "OK"
-    },
-    "data": [
-      {
-        "id": "175",
-        "objectId": "12",
-        "message": "This is a comment with a mention to  @alice",
-        "actorId": "admin",
-        "actorType": "users",
-        "actorDisplayName": "Administrator",
-        "creationDateTime": "2020-03-10T10:23:07+00:00",
-        "mentions": [
-          {
-            "mentionId": "alice",
-            "mentionType": "user",
-            "mentionDisplayName": "alice"
-          }
-        ]
-      }
-    ]
-  }
-}
-```
-
-
-### POST /cards/{cardId}/comments - Create a new comment
-
-#### Request parameters
-
-| Parameter | Type    | Description                             |
-| --------- | ------- | --------------------------------------- |
-| cardId    | Integer | The id of the card                      |
-| message     | String | The message of the comment, maximum length is limited to 1000 characters |
-| parentId    | Integer | The start offset used for pagination, defaults to null |
-
-Mentions will be parsed by the server. The server will return a list of mentions in the response to this request as shown below.
-
-```
-curl -X POST 'https://admin:admin@nextcloud/ocs/v2.php/apps/deck/api/v1.0/cards/12/comments' \
-    -H 'Accept: application/json' -H 'OCS-APIRequest: true'
-    -H 'Content-Type: application/json;charset=utf-8'
-    --data '{"message":"My message to @bob","parentId":null}'
-```
-
-#### Response
-
-A list of comments will be provided under the `ocs.data` key. If no or no more comments are available the list will be empty.
-
-##### 200 Success
-
-```
-{
-  "ocs": {
-    "meta": {
-      "status": "ok",
-      "statuscode": 200,
-      "message": "OK"
-    },
-    "data": {
-      "id": "177",
-      "objectId": "13",
-      "message": "My message to @bob",
-      "actorId": "admin",
-      "actorType": "users",
-      "actorDisplayName": "Administrator",
-      "creationDateTime": "2020-03-10T10:30:17+00:00",
-      "mentions": [
-        {
-          "mentionId": "bob",
-          "mentionType": "user",
-          "mentionDisplayName": "bob"
-        }
-      ]
-    }
-  }
-}
-```
-
-##### 400 Bad request
-
-A bad request response is returned if invalid input values are provided. The response message will contain details about which part was not valid.
-
-##### 404 Not found
-
-A not found response might be returned if:
-- The card for the given cardId could not be found
-- The parent comment could not be found
-
-
-### PUT /cards/{cardId}/comments/{commentId} - Update a new comment
-
-#### Request parameters
-
-| Parameter | Type    | Description                             |
-| --------- | ------- | --------------------------------------- |
-| cardId    | Integer | The id of the card                      |
-| commentId    | Integer | The id of the comment                      |
-| message     | String | The message of the comment, maximum length is limited to 1000 characters |
-
-Mentions will be parsed by the server. The server will return a list of mentions in the response to this request as shown below.
-
-Updating comments is limited to the current user being the same as the comment author specified in the `actorId` of the comment.
-
-```
-curl -X POST 'https://admin:admin@nextcloud/ocs/v2.php/apps/deck/api/v1.0/cards/12/comments' \
-    -H 'Accept: application/json' -H 'OCS-APIRequest: true'
-    -H 'Content-Type: application/json;charset=utf-8'
-    --data '{"message":"My message"}'
-```
-
-#### Response
-
-A list of comments will be provided under the `ocs.data` key. If no or no more comments are available the list will be empty.
-
-##### 200 Success
-
-```
-{
-  "ocs": {
-    "meta": {
-      "status": "ok",
-      "statuscode": 200,
-      "message": "OK"
-    },
-    "data": {
-      "id": "177",
-      "objectId": "13",
-      "message": "My message",
-      "actorId": "admin",
-      "actorType": "users",
-      "actorDisplayName": "Administrator",
-      "creationDateTime": "2020-03-10T10:30:17+00:00",
-      "mentions": []
-    }
-  }
-}
-```
-
-##### 400 Bad request
-
-A bad request response is returned if invalid input values are provided. The response message will contain details about which part was not valid.
-
-##### 404 Not found
-
-A not found response might be returned if:
-- The card for the given cardId could not be found
-- The comment could not be found
-
-### DELETE /cards/{cardId}/comments/{commentId} - Delete a comment
-
-#### Request parameters
-
-| Parameter | Type    | Description                             |
-| --------- | ------- | --------------------------------------- |
-| cardId    | Integer | The id of the card                      |
-| commentId    | Integer | The id of the comment                      |
-
-Deleting comments is limited to the current user being the same as the comment author specified in the `actorId` of the comment.
-
-```
-curl -X DELETE 'https://admin:admin@nextcloud/ocs/v2.php/apps/deck/api/v1.0/cards/12/comments' \
-    -H 'Accept: application/json' -H 'OCS-APIRequest: true'
-    -H 'Content-Type: application/json;charset=utf-8'
-```
-
-#### Response
-
-A list of comments will be provided under the `ocs.data` key. If no or no more comments are available the list will be empty.
-
-##### 200 Success
-
-```
-{
-  "ocs": {
-    "meta": {
-      "status": "ok",
-      "statuscode": 200,
-      "message": "OK"
-    },
-    "data": []
-  }
-}
-```
-
-##### 400 Bad request
-
-A bad request response is returned if invalid input values are provided. The response message will contain details about which part was not valid.
-
-##### 404 Not found
-
-A not found response might be returned if:
-- The card for the given cardId could not be found
-- The comment could not be found

img/attach.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>

img/clone.svg

@@ -1 +0,0 @@
-<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M11.8 13.8H2.2V4.2h9.6m1.2 0c0-.67-.53-1.2-1.2-1.2H2.2C1.53 3 1 3.53 1 4.2v9.6c0 .67.53 1.2 1.2 1.2h9.6c.67 0 1.2-.53 1.2-1.2"/><path d="m4.2 1c-0.67 0-1.2 0.54-1.2 1.2h10.8v10.8c0.67 0 1.2-0.53 1.2-1.2v-9.6c0-0.67-0.53-1.2-1.2-1.2z"/></svg>

img/filter.svg

@@ -1,78 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="16"
-   height="16"
-   viewBox="0 0 4.2333332 4.2333335"
-   version="1.1"
-   id="svg4524"
-   inkscape:version="0.92.4 5da689c313, 2019-01-14"
-   sodipodi:docname="filter.svg">
-  <defs
-     id="defs4518" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="11.2"
-     inkscape:cx="-13.015771"
-     inkscape:cy="15.433087"
-     inkscape:document-units="mm"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     units="px"
-     showguides="true"
-     inkscape:guide-bbox="true"
-     inkscape:window-width="1920"
-     inkscape:window-height="1017"
-     inkscape:window-x="0"
-     inkscape:window-y="26"
-     inkscape:window-maximized="1">
-    <sodipodi:guide
-       position="3.1773623,1.9016928"
-       orientation="0,1"
-       id="guide5088"
-       inkscape:locked="false" />
-  </sodipodi:namedview>
-  <metadata
-     id="metadata4521">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Ebene 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(0,-292.76665)">
-    <path
-       style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.09337848;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-       d="M 0.51971728,293.23203 H 3.8033853 l -1.1728849,1.45285 H 1.6418341 Z"
-       id="rect5069"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="ccccc" />
-    <path
-       style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.05817544;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-       d="m 1.6418341,294.68488 h 0.9921874 v 1.86627 L 1.637658,296.09596 Z"
-       id="rect5069-7"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="ccccc" />
-  </g>
-</svg>

img/reply.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><path d="M15 15s-.4-7.8-7-10V1L1 8l7 7v-4c5.1 0 7 4 7 4z"/></svg>

js/.babelrc.js

@@ -1,10 +1,11 @@
 module.exports = {
-	plugins: ['@babel/plugin-syntax-dynamic-import'],
 	presets: [
 		[
 			'@babel/preset-env',
 			{
-				modules: false
+				targets: {
+					browsers: ['last 2 versions', 'ie >= 11']
+				}
 			}
 		]
 	]

js/.jshintrc

@@ -0,0 +1,49 @@
+{
+  "esversion": 6,
+
+  "globals": {
+    "jasmine"    : false,
+    "spyOn"      : false,
+    "it"         : false,
+    "describe"   : false,
+    "expect"     : false,
+    "beforeEach" : false,
+    "waits"      : false,
+    "waitsFor"   : false,
+    "runs"       : false,
+    "require"    : false,
+    "module": true
+  },
+
+  "asi"       : true,
+  "boss"      : true,
+  "browser"   : true,
+  "curly"     : true,
+  "debug"     : true,
+  "devel"     : true,
+  "eqeqeq"    : true,
+  "eqnull"    : false,
+  "evil"      : false,
+  "forin"     : true,
+  "immed"     : true,
+  "indent"    : 4,
+  "jquery"    : true,
+  "latedef"   : true,
+  "laxbreak"  : false,
+  "newcap"    : true,
+  "noarg"     : true,
+  "node"      : false,
+  "noempty"   : false,
+  "nomen"     : false,
+  "nonew"     : true,
+  "onevar"    : true,
+  "plusplus"  : false,
+  "quotmark"  : "single",
+  "regexp"    : false,
+  "sub"       : true,
+  "trailing"  : true,
+  "undef"     : true,
+  "unused"    : true,
+  "white"     : false,
+  "scripturl" : true
+}

js/app/App.js

@@ -0,0 +1,64 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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/>.
+ *
+ */
+
+/* global angular */
+
+
+angular.module('markdown', [])
+	.provider('markdown', [function () {
+		var opts = {};
+		return {
+			config: function (newOpts) {
+				opts = newOpts;
+			},
+			$get: function () {
+				return new window.showdown.Converter(opts);
+			}
+		};
+	}])
+	.filter('markdown', ['markdown', function (markdown) {
+		return function (text) {
+			return markdown.makeHtml(text || '');
+		};
+	}]);
+
+import uirouter from '@uirouter/angularjs';
+import ngsanitize from 'angular-sanitize';
+import angularuiselect from 'ui-select';
+import ngsortable from 'ng-sortable';
+import md from 'angular-markdown-it';
+import nganimate from 'angular-animate';
+import 'angular-file-upload';
+import ngInfiniteScroll from 'ng-infinite-scroll';
+import '../legacy/jquery.atwho.min';
+import '../legacy/jquery.caret.min';
+
+var app = angular.module('Deck', [
+	ngsanitize,
+	uirouter,
+	angularuiselect,
+	ngsortable, md, nganimate,
+	'angularFileUpload',
+	ngInfiniteScroll
+]);
+
+export default app;

js/app/Config.js

@@ -0,0 +1,117 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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/>.
+ *  
+ */
+
+/* global app oc_requesttoken markdownitLinkTarget */
+
+import app from './App.js';
+import md from 'angular-markdown-it';
+import markdownitLinkTarget from 'markdown-it-link-target';
+import markdownitCheckbox from 'legacy/markdown-it-checkbox.js';
+
+app.config(function ($provide, $interpolateProvider, $httpProvider, $urlRouterProvider, $stateProvider, $compileProvider, markdownItConverterProvider) {
+	'use strict';
+	$httpProvider.defaults.headers.common.requesttoken = oc_requesttoken;
+
+
+	$compileProvider.debugInfoEnabled(true);
+	// This should fix adding "unsafe:" prefix to ui-select href links containing javascript
+	// inline JS is blocked by CSP anyway and filtered out by our markdown renderer as well
+	$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|javascript):/);
+
+	markdownItConverterProvider.config({
+		breaks: true,
+		linkify: true,
+		xhtmlOut: true
+	});
+	markdownItConverterProvider.use(markdownitLinkTarget).use(markdownitCheckbox);
+
+	$urlRouterProvider.otherwise('/');
+
+	$stateProvider
+		.state('list', {
+			url: '/:filter',
+			templateUrl: '/boardlist.mainView.html',
+			controller: 'ListController',
+			reloadOnSearch: false,
+			params: {
+				filter: {value: '', dynamic: true}
+			}
+		})
+		.state('board', {
+			url: '/board/:boardId/:filter',
+			templateUrl: '/board.html',
+			controller: 'BoardController',
+			params: {
+				filter: {value: '', dynamic: true}
+			}
+		})
+		.state('board.detail', {
+			url: '/detail/',
+			reloadOnSearch: false,
+			params: {
+				tab: {value: 0, dynamic: true},
+			},
+			views: {
+				'sidebarView@': {
+					templateUrl: '/board.sidebarView.html',
+					controller: 'BoardController'
+				}
+			}
+		})
+		.state('board.card', {
+			url: '/card/:cardId',
+			params: {
+				tab: {value: 0, dynamic: true},
+			},
+			views: {
+				'sidebarView@': {
+					templateUrl: '/card.sidebarView.html',
+					controller: 'CardController'
+				}
+			}
+		});
+
+	$provide.decorator('nvFileOverDirective', function ($delegate) {
+		var directive = $delegate[0],
+			link = directive.link;
+
+		directive.compile = function () {
+			return function (scope, element, attrs) {
+				var overClass = attrs.overClass || 'nv-file-over';
+				link.apply(this, arguments);
+				let counter = 0;
+				element.on('dragenter', function (event) {
+					counter++;
+				});
+				element.on('dragleave', function (event) {
+					counter--;
+					if (counter <= 0) {
+						$('.' + overClass).removeClass(overClass);
+					}
+				});
+			};
+		};
+
+		return $delegate;
+	});
+
+});

js/app/Run.js

@@ -0,0 +1,64 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from './App.js';
+
+/* global Snap */
+app.run(function ($document, $rootScope, $transitions, BoardService) {
+	'use strict';
+
+	$document.click(function (event) {
+		$rootScope.$broadcast('documentClicked', event);
+	});
+	$transitions.onEnter({from: 'list'}, function ($state, $transition$) {
+		BoardService.unsetCurrrent();
+	});
+	$transitions.onEnter({to: 'list'}, function ($state, $transition$) {
+		BoardService.unsetCurrrent();
+		document.title = "Deck - " + oc_defaults.name;
+	});
+	$transitions.onEnter({to: 'board.card'}, function ($state, $transition$) {
+		$rootScope.sidebar.show = true;
+	});
+	$transitions.onEnter({to: 'board.detail'}, function ($state, $transition$) {
+		$rootScope.sidebar.show = true;
+	});
+	$transitions.onEnter({to: 'board'}, function ($state) {
+		$rootScope.sidebar.show = false;
+	});
+	$transitions.onExit({from: 'board.card'}, function ($state) {
+		$rootScope.sidebar.show = false;
+	});
+	$transitions.onExit({from: 'board.detail'}, function ($state) {
+		$rootScope.sidebar.show = false;
+	});
+
+	$('link[rel="shortcut icon"]').attr(
+		'href',
+		OC.filePath('deck', 'img', 'app-512.png')
+	);
+
+	// Select all elements with data-toggle="tooltips" in the document
+	$('body').tooltip({
+		selector: '[data-toggle="tooltip"]'
+	});
+
+});

js/controller/ActivityController.js

@@ -0,0 +1,350 @@
+/*
+ * @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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/>.
+ *
+ */
+
+/* global OC OCA OCP t escapeHTML Handlebars moment */
+
+import CommentCollection from '../legacy/commentcollection';
+import CommentModel from '../legacy/commentmodel';
+
+class ActivityController {
+	constructor ($scope, CardService, ActivityService, BoardService) {
+		'ngInject';
+		this.cardservice = CardService;
+		this.boardservice = BoardService;
+		this.activityservice = ActivityService;
+		this.$scope = $scope;
+		this.type = '';
+		this.loading = false;
+		this.status = {
+			commentCreateLoading: false
+		};
+		this.$scope.newComment = '';
+		this.$scope.newCommentString = 'New comment…';
+
+		this.currentUser = OC.getCurrentUser();
+
+		const self = this;
+		this.$scope.$watch(function () {
+			return self.element.id;
+		}, function (params) {
+			if (self.type === 'deck_card') {
+				self.activityservice.loadComments(self.element.id);
+			}
+
+			if (self.getData(self.element.id).length === 0) {
+				self.loading = true;
+				self.fetchUntilResults();
+			}
+			self.activityservice.fetchNewerActivities(self.type, self.element.id).then(function () {});
+			if (self.type === 'deck_card') {
+				self.cardservice.getCurrent().commentsUnread = 0;
+			}
+		}, true);
+
+		let $target = $('.newCommentForm .message');
+		this.applyAtWho($target);
+
+		this.activityservice.subscribe(this.$scope, function() {
+			self.$scope.$apply();
+		});
+
+		if (typeof OCA.Activity.Templates !== 'undefined') {
+			OCA.Activity.Templates.userLocal = Handlebars.template({"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
+				var helper;
+				// Compiled handlesbars template
+				// '<span class="avatar-name-wrapper"><avatar ng-attr-contactsmenu ng-attr-tooltip ng-attr-user="{{ id }}" ng-attr-displayname="{{name}}" ng-attr-size="16"></avatar> {{ name }}</span>';
+				return "<span class=\"avatar-name-wrapper\"><avatar ng-attr-contactsmenu ng-attr-tooltip ng-attr-user=\""
+					+ container.escapeExpression(((helper = (helper = helpers.id || (depth0 != null ? depth0.id : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : {},{"name":"id","hash":{},"data":data}) : helper)))
+					+ "\" ng-attr-displayname=\""
+					+ container.escapeExpression(((helper = (helper = helpers.name || (depth0 != null ? depth0.name : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : {},{"name":"name","hash":{},"data":data}) : helper)))
+					+ "\" ng-attr-size=\"16\"></avatar> "
+					+ container.escapeExpression(((helper = (helper = helpers.name || (depth0 != null ? depth0.name : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : {},{"name":"name","hash":{},"data":data}) : helper)))
+					+ "</span>";
+			},"useData":true});
+		} else {
+			OCA.Activity.RichObjectStringParser._userLocalTemplate = '<span class="avatar-name-wrapper"><avatar ng-attr-contactsmenu ng-attr-tooltip ng-attr-user="{{ id }}" ng-attr-displayname="{{name}}" ng-attr-size="16"></avatar> {{ name }}</span>';
+		}
+	}
+
+	applyAtWho($target) {
+		const self = this;
+		if (!$target) {
+			return;
+		}
+		$target.atwho({
+			at: '@',
+			callbacks: {
+				remoteFilter: function(query, callback) {
+					let uids = self.boardservice.getUsers();
+					uids = uids.filter((x) => x.uid.toLowerCase().includes(query.toLowerCase()) || x.displayname.toLowerCase().includes(query.toLowerCase()));
+					callback(uids);
+				},
+				highlighter: function (li) {
+					// misuse the highlighter callback to instead of
+					// highlighting loads the avatars.
+					var $li = $(li);
+					$li.find('.avatar').avatar(undefined, 32);
+					return $li;
+				},
+				sorter: function (q, items) { return items; }
+			},
+			displayTpl: function (item) {
+				return '<li>' +
+					'<span class="avatar-name-wrapper">' +
+					'<span class="avatar" ' +
+					'data-username="' + escapeHTML(item.uid) + '" ' + // for avatars
+					'data-user="' + escapeHTML(item.uid) + '" ' + // for contactsmenu
+					'data-user-display-name="' + escapeHTML(item.displayname) + '">' +
+					'</span>' +
+					'<strong>' + escapeHTML(item.displayname) + '</strong>' +
+					'</span></li>';
+			},
+			insertTpl: function (item) {
+				return '' +
+					'<span class="avatar-name-wrapper">' +
+					'<span class="avatar" ' +
+					'data-username="' + escapeHTML(item.uid) + '" ' + // for avatars
+					'data-user="' + escapeHTML(item.uid) + '" ' + // for contactsmenu
+					'data-user-display-name="' + escapeHTML(item.displayname) + '">' +
+					'</span>' +
+					'<strong>' + escapeHTML(item.displayname) + '</strong>' +
+					'</span>';
+			},
+			searchKey: 'displayname'
+		});
+		$target.on('inserted.atwho', function (je, $el) {
+			$(je.target).find(
+				'span[data-username="' + $el.find('[data-username]').data('username') + '"]'
+			).avatar(undefined, 16);
+		});
+		$target.on('shown.atwho', function (je) {
+			$target.find('.avatar').avatar(undefined, 16);
+		});
+	}
+
+	commentBodyToPlain(content) {
+		let $comment = $('<div/>').html(content);
+		$comment.find('.avatar-name-wrapper').each(function () {
+			var $this = $(this);
+			var $inserted = $this.parent();
+			$inserted.html('@' + $this.find('.avatar').data('username'));
+		});
+		$comment.html(OCP.Comments.richToPlain($comment.html()));
+		$comment.html($comment.html().replace(/<br\s*[\/]?>/gi, '\n'));
+		return $comment.text();
+	}
+
+	static _composeHTMLMention(uid, displayName) {
+		var avatar = '' +
+			'<span class="avatar" data-username="' + escapeHTML(uid) + '" data-user="' + escapeHTML(uid) + '" ng-attr-size="16" ' +
+			'ng-attr-user="' + escapeHTML(uid) + '" ' +
+			'ng-attr-displayname="' + escapeHTML(displayName) + '" ng-attr-contactsmenu="true">' +
+			'</span>';
+
+		var isCurrentUser = (uid === OC.getCurrentUser().uid);
+
+		return '' +
+			'<span class="atwho-inserted" contenteditable="false">' +
+			'<span class="avatar-name-wrapper' + (isCurrentUser ? ' currentUser' : '') + '">' +
+			avatar +
+			'<strong>' + escapeHTML(displayName) + '</strong>' +
+			'</span>' +
+			'</span>';
+	}
+
+	formatMessage(activity) {
+		let message = activity.message;
+		let mentions = activity.commentModel.get('mentions');
+		const editMode = false;
+		message = escapeHTML(message).replace(/\n/g, '<br/>');
+
+		for(var i in mentions) {
+			if(!mentions.hasOwnProperty(i)) {
+				return;
+			}
+			var mention = '@' + mentions[i].mentionId;
+			// escape possible regex characters in the name
+			mention = mention.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+
+			const displayName = ActivityController._composeHTMLMention(mentions[i].mentionId, mentions[i].mentionDisplayName);
+			// replace every mention either at the start of the input or after a whitespace
+			// followed by a non-word character.
+			message = message.replace(new RegExp('(^|\\s)(' + mention + ')\\b', 'g'),
+				function(match, p1) {
+					// to  get number of whitespaces (0 vs 1) right
+					return p1+displayName;
+				}
+			);
+
+		}
+		if(editMode !== true) {
+			message = OCP.Comments.plainToRich(message);
+		}
+		return message;
+	}
+
+	postComment() {
+		const self = this;
+		this.status.commentCreateLoading = true;
+
+		let content = this.commentBodyToPlain(self.$scope.newComment);
+		if (content.length < 1) {
+			self.status.commentCreateLoading = false;
+			OC.Notification.showTemporary(t('deck', 'Please provide a content for your comment.'));
+			return;
+		}
+		var model = this.activityservice.commentCollection.create({
+			actorId: OC.getCurrentUser().uid,
+			actorDisplayName: OC.getCurrentUser().displayName,
+			actorType: 'users',
+			verb: 'comment',
+			message: content,
+			creationDateTime: (new Date()).toUTCString()
+		}, {
+			at: 0,
+			// wait for real creation before adding
+			wait: true,
+			success: function() {
+				self.$scope.newComment = '';
+				self.activityservice.fetchNewerActivities(self.type, self.element.id).then(function () {});
+				self.status.commentCreateLoading = false;
+			},
+			error: function() {
+				self.status.commentCreateLoading = false;
+				OC.Notification.showTemporary(t('deck', 'Posting the comment failed.'));
+			}
+		});
+	}
+
+	updateComment(item) {
+		item.commentEdit = this.formatMessage(item);
+		let $target = $('.newCommentForm .message');
+		this.applyAtWho($target);
+		/** Workaround to trigger avatar rendering after the view has been updated */
+		window.setTimeout(function () {
+			$target.find('.avatar').avatar(undefined, 16);
+		}, 0);
+	}
+
+	editComment(item) {
+		const self = this;
+		let content = this.commentBodyToPlain(item.commentEdit);
+		if (content.length < 1) {
+			OC.Notification.showTemporary(t('deck', 'Please provide a content for your comment.'));
+			return;
+		}
+		/** We need to save the model and afterwards run a fetch to update the mentions
+		 * and call apply to propagate the changes to angular
+		 */
+		item.commentModel.on('sync', function() {
+			item.commentModel.off('sync');
+			item.commentModel.fetch({
+				success: function() {
+					self.$scope.$apply();
+				}
+			});
+		});
+		item.commentModel.save({
+			message: content,
+		});
+		item.message = content;
+		item.commentEdit = undefined;
+	}
+
+	deleteComment(item) {
+		item.commentModel.destroy();
+		item.deleted = true;
+		item.commentModel = undefined;
+		item.message = t('deck', 'The comment has been deleted');
+	}
+
+	getData(id) {
+		return this.activityservice.getData(this.type, id);
+	}
+
+	parseMessage(activity) {
+		let subject = activity.subject_rich[0];
+		let parameters = activity.subject_rich[1];
+		if (parameters.after && typeof parameters.after.id === 'string' && parameters.after.id.startsWith('dt:')) {
+			let dateTime = parameters.after.id.substr(3);
+			parameters.after.name = moment(dateTime).format('L LTS');
+		}
+		return OCA.Activity.RichObjectStringParser.parseMessage(subject, parameters);
+	}
+
+	fetchUntilResults () {
+		const self = this;
+		let dataLengthBefore = self.getData(self.element.id).length;
+		let _executeFetch = function() {
+			let promise = self.activityservice.fetchMoreActivities(self.type, self.element.id);
+			promise.then(function (data) {
+				let dataLengthAfter = self.getData(self.element.id).length;
+				if (data !== null && (dataLengthAfter <= dataLengthBefore || dataLengthAfter < self.activityservice.RESULT_PER_PAGE)) {
+					_executeFetch();
+				} else {
+					self.loading = false;
+				}
+			}, function () {
+				self.loading = false;
+				self.$scope.$apply();
+			});
+
+		};
+		_executeFetch();
+	}
+
+	getComments() {
+		return this.activityservice.comments;
+	}
+
+	getActivityStream() {
+		let activities = this.activityservice.getData(this.type, this.element.id);
+		return activities;
+	}
+
+	page() {
+		if (!this.activityservice.since[this.type][this.element.id].finished) {
+			this.loading = true;
+			this.fetchUntilResults();
+		} else {
+			this.loading = false;
+		}
+	}
+
+	loadingNewer() {
+		return this.activityservice.runningNewer;
+	}
+
+	t(text) {
+		return t('deck', text);
+	}
+}
+
+let activityComponent = {
+	templateUrl: OC.linkTo('deck', 'templates/part.card.activity.html'),
+	controller: ActivityController,
+	bindings: {
+		type: '@',
+		element: '='
+	}
+};
+export default activityComponent;

js/controller/AppController.js

@@ -0,0 +1,44 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+/* globals oc_current_user: false */
+app.controller('AppController', function ($scope, $location, $http, $log, $rootScope, $attrs) {
+	$rootScope.sidebar = {
+		show: false
+	};
+	$scope.sidebar = $rootScope.sidebar;
+	$scope.user = oc_current_user;
+	$rootScope.config = JSON.parse($attrs.config);
+
+	$rootScope.compactMode = localStorage.getItem('deck.compactMode') === 'true';
+	$scope.appNavigationHide = localStorage.getItem('deck.appNavigationHide') === 'true';
+
+	$scope.toggleSidebar = function() {
+		if ($(window).width() > 768) {
+			$log.debug($scope.appNavigationHide);
+			$scope.appNavigationHide = !$scope.appNavigationHide;
+			localStorage.setItem('deck.appNavigationHide', JSON.stringify($scope.appNavigationHide));
+		}
+	};
+});

js/controller/AttachmentController.js

@@ -0,0 +1,78 @@
+/*
+ * @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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/>.
+ *  
+ */
+
+/* global OC */
+
+class AttachmentListController {
+	constructor ($scope, CardService, FileService) {
+		'ngInject';
+		this.cardservice = CardService;
+		this.fileservice = FileService;
+		this.attachments = CardService.getCurrent().attachments;
+	}
+
+	mimetypeForAttachment(attachment) {
+		let url = OC.MimeType.getIconUrl(attachment.extendedData.mimetype);
+		let styles = {
+			'background-image': `url("${url}")`,
+		};
+		return styles;
+	}
+
+	attachmentUrl(attachment) {
+		let cardId = this.cardservice.getCurrent().id;
+		let attachmentId = attachment.id;
+		return OC.generateUrl(`/apps/deck/cards/${cardId}/attachment/${attachmentId}`);
+	}
+
+	getAttachmentMarkdown(attachment) {
+		const inlineMimetypes = ['image/png', 'image/jpg', 'image/jpeg'];
+		let url = this.attachmentUrl(attachment);
+		let filename = attachment.data;
+		let insertText = `[📎 ${filename}](${url})`;
+		if (inlineMimetypes.indexOf(attachment.extendedData.mimetype) > -1) {
+			insertText = `![📎 ${filename}](${url})`;
+		}
+		return insertText;
+	}
+
+	select(attachment) {
+		this.onSelect({attachment: this.getAttachmentMarkdown(attachment)});
+	}
+
+	abort() {
+		this.onAbort();
+	}
+
+}
+
+let attachmentListComponent = {
+	templateUrl: '/card.attachments.html',
+	controller: AttachmentListController,
+	bindings: {
+		isFileSelector: '<',
+		attachments: '=',
+		onSelect: '&',
+		onAbort: '&'
+	}
+};
+export default attachmentListComponent;

js/controller/BoardController.js

@@ -0,0 +1,568 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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/>.
+ *
+ */
+/* global oc_defaults oc_config OC OCP OCA t n */
+
+import app from '../app/App.js';
+import Vue from 'vue';
+
+Vue.prototype.t = t;
+Vue.prototype.n = n;
+Vue.prototype.OC = OC;
+
+import CollaborationView from '../views/CollaborationView';
+
+app.controller('BoardController', function ($rootScope, $scope, $element, $stateParams, StatusService, BoardService, StackService, CardService, LabelService, $state, $transitions, $filter, FileService) {
+
+	$scope.sidebar = $rootScope.sidebar;
+
+	$scope.id = $stateParams.boardId;
+	$scope.status = {
+		addCard: [],
+	};
+	$scope.newLabel = {};
+
+	$scope.OC = OC;
+	$scope.stackservice = StackService;
+	$scope.boardservice = BoardService;
+	$scope.cardservice = CardService;
+	$scope.statusservice = StatusService.getInstance();
+	$scope.labelservice = LabelService;
+	$scope.defaultColors = ['31CC7C', '317CCC', 'FF7A66', 'F1DB50', '7C31CC', 'CC317C', '3A3B3D', 'CACBCD'];
+	$scope.board = BoardService.getCurrent();
+	$scope.uploader = FileService.uploader;
+	$scope.searchText = '';
+
+	$scope.startTitleEdit = function(card) {
+		card.renameTitle = card.title;
+		card.status = card.status || {};
+		card.status.editCard = true;
+	};
+
+	$scope.finishTitleEdit = function(card) {
+		var newTitle;
+		if (!card.renameTitle || !card.renameTitle.trim()) {
+			newTitle = '';
+		} else {
+			newTitle = card.renameTitle.trim();
+		}
+
+		if (newTitle === card.title) {
+			// title unchanged
+			card.status.editCard = false;
+			delete card.renameTitle;
+		} else if (newTitle !== '') {
+			// title changed
+			card.title = newTitle;
+			CardService.update(card).then(function (data) {
+				card.status.editCard = false;
+				delete card.renameTitle;
+			});
+		} else {
+			// empty title
+			card.status.editCard = false;
+			delete card.renameTitle;
+		}
+	};
+
+	$scope.$watch(function() {
+		return $scope.params.tab;
+	}, function (newTab, oldTab) {
+		if (newTab === 2 && oldTab !== 2) {
+			CardService.fetchDeleted($scope.id);
+			StackService.fetchDeleted($scope.id);
+		}
+	});
+
+	// workaround for $stateParams changes not being propagated
+	$scope.$watch(function() {
+		return $state.params;
+	}, function (params) {
+		$scope.params = params;
+	}, true);
+	$scope.params = $state.params;
+
+	/**
+	 * Check for markdown checkboxes in description to render the counter
+	 *
+	 * This should probably be moved to the backend at some point
+	 *
+	 * @param text
+	 * @returns array of [finished, total] checkboxes
+	 */
+	$scope.getCheckboxes = function(text) {
+		const regTotal = /\[(X|\s|\_|\-)\]/igm;
+		const regFinished = /\[(X|\_|\-)\]/igm;
+		return [
+			((text || '').match(regFinished) || []).length,
+			((text || '').match(regTotal) || []).length
+		];
+	};
+
+	$scope.search = function (searchText) {
+		$scope.searchText = searchText;
+		$scope.refreshData();
+	};
+
+	$scope.$watch(function () {
+		if (typeof BoardService.getCurrent() !== 'undefined') {
+			return BoardService.getCurrent().title;
+		} else {
+			return null;
+		}
+	}, function () {
+		$scope.setPageTitle();
+	});
+	$scope.setPageTitle = function () {
+		if (BoardService.getCurrent()) {
+			document.title = BoardService.getCurrent().title + ' | Deck - ' + oc_defaults.name;
+		} else {
+			document.title = 'Deck - ' + oc_defaults.name;
+		}
+	};
+
+	$scope.statusservice.retainWaiting();
+	$scope.statusservice.retainWaiting();
+
+	// handle filter parameter for switching between archived/unarchived cards
+	$scope.switchFilter = function (filter) {
+		$state.go('.', {filter: filter});
+	};
+	$scope.$watch(function() {
+		return $scope.params.filter;
+	}, function (filter) {
+		if (filter === 'archive') {
+			$scope.loadArchived();
+		} else {
+			$scope.loadDefault();
+		}
+	});
+
+	if (parseInt(oc_config.version.split('.')[0]) >= 16) {
+		const ComponentVM = new Vue({
+			render: h => h(CollaborationView),
+			data: {
+				model: BoardService.getCurrent()
+			},
+		});
+		$scope.mountCollections = function () {
+			const MountingPoint = document.getElementById('collaborationResources');
+			if (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));
+	};
+
+	$scope.stacksData = StackService;
+	$scope.stacks = [];
+	$scope.$watch('stacksData', function () {
+		$scope.refreshData();
+	}, true);
+	$scope.refreshData = function () {
+		if ($scope.params.filter === 'archive') {
+			$scope.filterData('-lastModified', $scope.searchText);
+		} else {
+			$scope.filterData('order', $scope.searchText);
+		}
+	};
+	$scope.checkCanEdit = function () {
+		return !BoardService.getCurrent().archived;
+	};
+
+	// filter cards here, as ng-sortable will not work nicely with html-inline filters
+	$scope.filterData = function (order, text) {
+		if ($scope.stacks === undefined) {
+			return;
+		}
+		angular.copy(StackService.getData(), $scope.stacks);
+		$scope.stacks = $filter('orderBy')($scope.stacks, 'order');
+		angular.forEach($scope.stacks, function (value, key) {
+			var cards = $filter('cardSearchFilter')(value.cards, text);
+			cards = $filter('orderBy')(cards, order);
+			$scope.stacks[key].cards = cards;
+		});
+	};
+
+	$scope.loadDefault = function () {
+		StackService.fetchAll($scope.id).then(function (data) {
+			$scope.statusservice.releaseWaiting();
+		}, function (error) {
+			$scope.statusservice.setError('Error occured', error);
+		});
+	};
+
+	$scope.loadArchived = function () {
+		StackService.fetchArchived($scope.id).then(function (data) {
+			$scope.statusservice.releaseWaiting();
+		}, function (error) {
+			$scope.statusservice.setError('Error occured', error);
+		});
+	};
+
+	// Handle initial Loading
+	BoardService.fetchOne($scope.id).then(function (data) {
+		$scope.statusservice.releaseWaiting();
+		$scope.setPageTitle();
+	}, function (error) {
+		$scope.statusservice.setError('Error occured', error);
+	});
+
+	$scope.searchForUser = function (search) {
+		BoardService.searchUsers(search);
+	};
+
+	$scope.newStack = {'boardId': $scope.id};
+	$scope.newCard = {};
+
+	// Create a new Stack
+	$scope.createStack = function () {
+		StackService.create($scope.newStack).then(function (data) {
+			$scope.newStack.title = '';
+		});
+	};
+
+	$scope.createCard = function (stack, title) {
+		if (this['addCardForm' + stack].$valid) {
+			var newCard = {
+				'title': title,
+				'stackId': stack,
+				'type': 'plain'
+			};
+			CardService.create(newCard).then(function (data) {
+				$scope.stackservice.addCard(data);
+				$scope.newCard.title = '';
+			});
+		}
+	};
+
+	$scope.stackDelete = function (stack) {
+		$scope.stackservice.delete(stack.id);
+	};
+
+	$scope.stackUndoDelete = function (deletedStack) {
+		return StackService.undoDelete(deletedStack);
+	};
+
+	$scope.cardDelete = function (card) {
+		CardService.delete(card.id).then(function () {
+			StackService.removeCard(card);
+			$scope.sidebar.show = false;
+		});
+	};
+
+	$scope.cardOrCardAndStackUndoDelete = function (deletedCard) {
+		var associatedDeletedStack = $scope.stackservice.deleted[deletedCard.stackId];
+		if(associatedDeletedStack !== undefined) {
+			$scope.cardAndStackUndoDeleteAskForConfirmation(deletedCard, associatedDeletedStack);
+		} else {
+			$scope.cardUndoDelete(deletedCard);
+		}
+	};
+
+	$scope.cardAndStackUndoDeleteAskForConfirmation = function(deletedCard, associatedDeletedStack) {
+		OC.dialogs.confirm(
+			t('deck', 'The associated stack is deleted as well, it will be restored as well.'),
+			t('deck', 'Restore associated stack'),
+			function(state) {
+				if (state) {
+					$scope.cardAndStackUndoDelete(deletedCard, associatedDeletedStack);
+				}
+			}
+		);
+	};
+
+	$scope.cardAndStackUndoDelete = function(deletedCard, associatedDeletedStack) {
+		$scope.stackUndoDelete(associatedDeletedStack).then(function() {
+			$scope.cardUndoDelete(deletedCard);
+		});
+	};
+
+	$scope.cardUndoDelete = function(deletedCard) {
+		CardService.undoDelete(deletedCard).then(function() {
+			StackService.addCard(deletedCard);
+		});
+	};
+
+	$scope.cardArchive = function (card) {
+		CardService.archive(card);
+		StackService.removeCard(card);
+	};
+
+	$scope.isCurrentUserAssigned = function (card) {
+		if (! CardService.get(card.id).assignedUsers) {
+			return false;
+		}
+		var userList = CardService.get(card.id).assignedUsers.filter(function (obj) {
+			return obj.participant.uid === OC.getCurrentUser().uid;
+		});
+		return userList.length === 1;
+	};
+
+	$scope.cardAssignToMe = function (card) {
+		CardService.assignUser(card, OC.getCurrentUser().uid)
+			.then(
+				function() {StackService.updateCard(card);}
+			);
+		// TODO: remove this jquery call. Fix and use appPopoverMenuUtils instead
+		$('.popovermenu').addClass('hidden');
+	};
+
+	$scope.cardUnassignFromMe = function (card) {
+		CardService.unassignUser(card, OC.getCurrentUser().uid);
+		StackService.updateCard(card);
+		// TODO: remove this jquery call.Fix and use appPopoverMenuUtils instead
+		$('.popovermenu').addClass('hidden');
+	};
+	$scope.cardUnarchive = function (card) {
+		CardService.unarchive(card);
+		StackService.removeCard(card);
+	};
+
+	$scope.labelDelete = function (label) {
+		LabelService.delete(label.id);
+		// remove from board data
+		var i = BoardService.getCurrent().labels.indexOf(label);
+		BoardService.getCurrent().labels.splice(i, 1);
+
+		// remove from cards
+		var cards = CardService.data;
+		for (var card in cards) {
+			if (Object.prototype.hasOwnProperty.call(cards, card)) {
+				var labelsFromCard = cards[card].labels;
+
+				labelsFromCard.forEach(function (labelFromCard, index) {
+					if (labelFromCard.id === label.id) {
+						cards[card].labels.splice(index, 1);
+					}
+				});
+			}
+		}
+	};
+
+	$scope.labelCreate = function (label) {
+		label.boardId = $scope.id;
+		LabelService.create(label).then(function (data) {
+			$scope.newStack.title = '';
+			BoardService.getCurrent().labels.push(data);
+			$scope.status.createLabel = false;
+			$scope.newLabel = {};
+		}).catch((err) => {
+			OC.Notification.showTemporary(err);
+		});
+	};
+
+	$scope.labelUpdateBefore = function (label) {
+		label.renameTitle = label.title;
+	};
+
+	$scope.labelUpdate = function (label) {
+		label.edit = false;
+		LabelService.update(label).catch((err) => {
+			label.title = label.renameTitle;
+			OC.Notification.showTemporary(err);
+		});
+
+		// update labels in UI
+		var cards = CardService.data;
+		for (var card in cards) {
+			if (Object.prototype.hasOwnProperty.call(cards, card)) {
+				var labelsFromCard = cards[card].labels;
+
+				labelsFromCard.forEach(function (labelFromCard, index) {
+					if (labelFromCard.id === label.id) {
+						cards[card].labels[index] = label;
+					}
+				});
+			}
+		}
+	};
+
+	$scope.aclAdd = function (sharee) {
+		sharee.boardId = $scope.id;
+		BoardService.addAcl(sharee);
+		$scope.status.addSharee = null;
+	};
+
+	$scope.aclDelete = function (acl) {
+		BoardService.deleteAcl(acl).then(function(data) {
+			$scope.loadDefault();
+			$scope.refreshData();
+		});
+	};
+
+	$scope.aclUpdate = function (acl) {
+		BoardService.updateAcl(acl);
+	};
+
+	$scope.aclTypeString = function (acl) {
+		if (typeof acl === 'undefined') {
+			return '';
+		}
+		switch (acl.type) {
+			case OC.Share.SHARE_TYPE_USER:
+				return 'user';
+			case OC.Share.SHARE_TYPE_GROUP:
+				return 'group';
+			case OC.Share.SHARE_TYPE_CIRCLE:
+				return 'circles';
+			default:
+				return '';
+		}
+	};
+
+	// settings for card sorting
+	$scope.sortOptions = {
+		id: 'card',
+		itemMoved: function (event) {
+			event.source.itemScope.modelValue.status = event.dest.sortableScope.$parent.column;
+			var order = event.dest.index;
+			var card = $scope.cardservice.get(event.source.itemScope.c.id);
+			var newStack = event.dest.sortableScope.$parent.s.id;
+			var oldStack = card.stackId;
+			card.stackId = newStack;
+			CardService.update(card);
+			CardService.reorder(card, order).then(function (data) {
+				StackService.addCard(card);
+				StackService.reorderCard(card, order);
+				StackService.removeCard({
+					id: card.id,
+					stackId: oldStack
+				});
+			});
+		},
+		orderChanged: function (event) {
+			var order = event.dest.index;
+			var card = $scope.cardservice.get(event.source.itemScope.c.id);
+			var stack = event.dest.sortableScope.$parent.s.id;
+			CardService.reorder(card, order).then(function (data) {
+				StackService.reorderCard(card, order);
+				$scope.refreshData();
+			});
+		},
+		scrollableContainer: '#innerBoard',
+		containerPositioning: 'relative',
+		containment: '#innerBoard',
+		longTouch: true,
+		// auto scroll on drag
+		dragMove: function (itemPosition, containment, eventObj) {
+			if (eventObj) {
+				var container = $('#board');
+				var offset = container.offset();
+				var targetX = eventObj.pageX - (offset.left || container.scrollLeft());
+				var targetY = eventObj.pageY - (offset.top || container.scrollTop());
+				if (targetX < offset.left) {
+					container.scrollLeft(container.scrollLeft() - 25);
+				} else if (targetX > container.width()) {
+					container.scrollLeft(container.scrollLeft() + 25);
+				}
+				if (targetY < offset.top) {
+					container.scrollTop(container.scrollTop() - 25);
+				} else if (targetY > container.height()) {
+					container.scrollTop(container.scrollTop() + 25);
+				}
+			}
+		},
+		accept: function (sourceItemHandleScope, destSortableScope, destItemScope) {
+			return sourceItemHandleScope.sortableScope.options.id === 'card';
+		}
+	};
+
+	$scope.sortOptionsStack = {
+		id: 'stack',
+		orderChanged: function (event) {
+			var order = event.dest.index;
+			var stack = event.source.itemScope.s;
+			StackService.reorder(stack, order).then(function (data) {
+				$scope.refreshData();
+			});
+		},
+		scrollableContainer: '#board',
+		containerPositioning: 'relative',
+		containment: '#innerBoard',
+		dragMove: function (itemPosition, containment, eventObj) {
+			if (eventObj) {
+				var container = $('#board');
+				var offset = container.offset();
+				var targetX = eventObj.pageX - (offset.left || container.scrollLeft());
+				var targetY = eventObj.pageY - (offset.top || container.scrollTop());
+				if (targetX < offset.left) {
+					container.scrollLeft(container.scrollLeft() - 50);
+				} else if (targetX > container.width()) {
+					container.scrollLeft(container.scrollLeft() + 50);
+				}
+				if (targetY < offset.top) {
+					container.scrollTop(container.scrollTop() - 50);
+				} else if (targetY > container.height()) {
+					container.scrollTop(container.scrollTop() + 50);
+				}
+			}
+		},
+		accept: function (sourceItemHandleScope, destSortableScope, destItemScope) {
+			return sourceItemHandleScope.sortableScope.options.id === 'stack';
+		}
+	};
+
+	$scope.labelStyle = function (color) {
+		return {
+			'background-color': '#' + color,
+			'color': $filter('textColorFilter')(color)
+		};
+	};
+
+	$scope.colorValue = function(color) {
+		const re = /^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/;
+		if (re.test(color)) {
+			return color;
+		}
+		return '';
+	};
+
+	$scope.attachmentCount = function(card) {
+		if (Array.isArray(card.attachments)) {
+			return card.attachments.filter((obj) => obj.deletedAt === 0).length;
+		}
+		return card.attachmentCount;
+	};
+
+	$scope.unreadCommentCount = function(card) {
+		return card.commentsUnread;
+	};
+
+	$scope.isTimelineEnabled = function() {
+		return OCP.Comments && OCA.Activity;
+	};
+
+});

js/controller/CardController.js

@@ -0,0 +1,286 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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/>.
+ *
+ */
+
+/* global app moment angular OC OCP OCA */
+import app from '../app/App.js';
+
+app.controller('CardController', function ($scope, $rootScope, $sce, $location, $stateParams, $state, $interval, $timeout, $filter, BoardService, CardService, StackService, StatusService, markdownItConverter, FileService) {
+	$scope.sidebar = $rootScope.sidebar;
+	$scope.status = {
+		renameTitle: '',
+		lastEdit: 0,
+		lastSave: Date.now()
+	};
+
+	$scope.cardservice = CardService;
+	$scope.fileservice = FileService;
+	$scope.cardId = $stateParams.cardId;
+
+	$scope.statusservice = StatusService.getInstance();
+	$scope.boardservice = BoardService;
+
+	$scope.isArray = angular.isArray;
+	// workaround for $stateParams changes not being propagated
+	$scope.$watch(function() {
+		return $state.params;
+	}, function (params) {
+		$scope.params = params;
+		$scope.fileservice.reset();
+	}, true);
+	$scope.params = $state.params;
+
+	$scope.addAttachmentToDescription = function(insertText) {
+		let el = document.querySelectorAll('textarea')[0];
+		let start = el.selectionStart;
+		let end = el.selectionEnd;
+		let text = $scope.status.edit.description || '';
+		let before = text.substring(0, start);
+		let after = text.substring(end, text.length);
+		let newText = before + '\n' + insertText + '\n' + after;
+		$scope.status.edit.description = newText;
+		el.selectionStart = el.selectionEnd = start + newText.length;
+		el.focus();
+		$scope.status.continueEdit = false;
+		$scope.cardEditDescriptionChanged();
+		$scope.status.selectAttachment = false;
+	};
+
+	$scope.abortAttachmentSelection = function() {
+		$scope.status.continueEdit = false;
+		$scope.status.selectAttachment = false;
+		let el = document.querySelectorAll('textarea')[0];
+		el.focus();
+	};
+
+	$scope.statusservice.retainWaiting();
+
+	$scope.description = function() {
+		return $scope.rendered;
+	};
+
+	$scope.updateMarkdown = function(content) {
+		// only trust the html from markdown-it-checkbox
+		$scope.rendered = $sce.trustAsHtml(markdownItConverter.render(content || ''));
+	};
+
+	CardService.fetchOne($scope.cardId).then(function (data) {
+		$scope.statusservice.releaseWaiting();
+		$scope.archived = CardService.getCurrent().archived;
+		$scope.updateMarkdown(CardService.getCurrent().description);
+	}, function (error) {
+	});
+
+	$scope.cardRenameShow = function () {
+		if ($scope.archived || !BoardService.canEdit()) {
+			return false;
+		} else {
+			$scope.status.renameTitle = CardService.getCurrent().title;
+			$scope.status.cardRename = true;
+		}
+	};
+
+	$scope.toggleCheckbox = function (id) {
+		$('#markdown input[type=checkbox]').attr('disabled', true);
+		$scope.status.edit = angular.copy(CardService.getCurrent());
+		var reg = /\[(X|\s|\_|\-)\]/ig;
+		var nth = 0;
+		$scope.status.edit.description = $scope.status.edit.description.replace(reg, function (match, i, original) {
+			var result = match;
+			if ('' + nth++ === '' + id) {
+				if (match.match(/^\[\s\]/i)) {
+					result = match.replace(/\[\s\]/i, '[x]');
+				}
+				if (match.match(/^\[x\]/i)) {
+					result = match.replace(/\[x\]/i, '[ ]');
+				}
+				return result;
+			}
+			return match;
+		});
+		CardService.update($scope.status.edit).then(function (data) {
+			var header = $('.tabDetails');
+			header.find('.save-indicator.unsaved').hide();
+			header.find('.save-indicator.saved').fadeIn(250).fadeOut(1000);
+		});
+		$('#markdown input[type=checkbox]').removeAttr('disabled');
+
+	};
+	$scope.clickCardDescription = function ($event) {
+		var checkboxId = $($event.target).data('id');
+		if ($event.target.tagName === 'LABEL') {
+			$scope.toggleCheckbox(checkboxId);
+			$event.stopPropagation();
+			return false;
+		}
+		if ($event.target.tagName === 'INPUT') {
+			$event.stopPropagation();
+			return;
+		}
+		if (BoardService.isArchived() || CardService.getCurrent().archived) {
+			return false;
+		}
+		if ($scope.card.archived || !$scope.boardservice.canEdit()) {
+			return false;
+		}
+		$scope.status.cardEditDescription = true;
+		$scope.status.edit = angular.copy(CardService.getCurrent());
+		return true;
+	};
+	$scope.cardEditDescriptionChanged = function ($event) {
+		$scope.status.lastEdit = Date.now();
+		var header = $('.tabDetails');
+		header.find('.save-indicator.unsaved').show();
+		header.find('.save-indicator.saved').hide();
+	};
+	$interval(function() {
+		var currentTime = Date.now();
+		var timeSinceEdit = currentTime-$scope.status.lastEdit;
+		if (timeSinceEdit > 1000 && $scope.status.lastEdit > $scope.status.lastSave && !$scope.status.saving) {
+			$scope.status.lastSave = currentTime;
+			$scope.status.saving = true;
+			var header = $('.tabDetails');
+			header.find('.save-indicator.unsaved').fadeIn(500);
+			CardService.update($scope.status.edit).then(function (data) {
+				var header = $('.tabDetails');
+				header.find('.save-indicator.unsaved').hide();
+				header.find('.save-indicator.saved').fadeIn(250).fadeOut(1000);
+				$scope.status.saving = false;
+			});
+		}
+	}, 500, 0, false);
+
+	// handle rename to update information on the board as well
+	$scope.cardRename = function (card) {
+		var newTitle;
+		if (!$scope.status.renameTitle || !$scope.status.renameTitle.trim()) {
+			newTitle = '';
+		} else {
+			newTitle = $scope.status.renameTitle.trim();
+		}
+
+		if (newTitle === card.title) {
+			// title unchanged
+			$scope.status.renameCard = false;
+		} else if (newTitle !== '') {
+			// title changed
+			card.title = newTitle;
+			CardService.rename(card).then(function (data) {
+				$scope.status.renameCard = false;
+			});
+		} else {
+			// empty title
+			$scope.status.renameTitle = card.title;
+			$scope.status.renameCard = false;
+		}
+	};
+	$scope.cardUpdate = function (card) {
+		CardService.update(card).then(function (data) {
+			$scope.status.cardEditDescription = false;
+			$scope.updateMarkdown($scope.status.edit.description);
+			var header = $('.tabDetails');
+			header.find('.save-indicator.unsaved').hide();
+			header.find('.save-indicator.saved').fadeIn(500).fadeOut(1000);
+		});
+	};
+
+	$scope.labelAssign = function (element, model) {
+		CardService.assignLabel($scope.cardId, element.id).then(function (data) {
+		});
+	};
+
+	$scope.labelRemove = function (element, model) {
+		CardService.removeLabel($scope.cardId, element.id).then(function (data) {
+		});
+	};
+
+	$scope.setDuedate = function (duedate) {
+		var element = CardService.getCurrent();
+		var newDate = moment(element.duedate);
+		if(!newDate.isValid()) {
+			newDate = moment();
+		}
+		newDate.date(duedate.date());
+		newDate.month(duedate.month());
+		newDate.year(duedate.year());
+		element.duedate = newDate.toISOString();
+		CardService.update(element);
+	};
+	$scope.setDuedateTime = function (time) {
+		var element = CardService.getCurrent();
+		var newDate = moment(element.duedate);
+		if(!newDate.isValid()) {
+			newDate = moment();
+		}
+		newDate.hour(time.hour());
+		newDate.minute(time.minute());
+		element.duedate = newDate.toISOString();
+		CardService.update(element);
+	};
+
+	$scope.resetDuedate = function () {
+		var element = CardService.getCurrent();
+		element.duedate = null;
+		CardService.update(element);
+	};
+
+	/**
+	 * Show ui-select field when clicking the add button
+	 */
+	$scope.toggleAssignUser = function() {
+		$scope.status.showAssignUser = !$scope.status.showAssignUser;
+		if ($scope.status.showAssignUser === true) {
+			$timeout(function () {
+				$('#assignUserSelect').find('a').click();
+			});
+		}
+	};
+
+	/**
+	 * Hide ui-select when select list is closed
+	 */
+	$scope.assingUserOpenClose = function(isOpen) {
+		$scope.status.showAssignUser = isOpen;
+	};
+
+	$scope.addAssignedUser = function(item) {
+		CardService.assignUser(CardService.getCurrent(), item.uid).then(function (data) {
+		});
+		$scope.status.showAssignUser = false;
+	};
+
+	$scope.removeAssignedUser = function(uid) {
+		CardService.unassignUser(CardService.getCurrent(), uid).then(function (data) {
+		});
+	};
+
+	$scope.labelStyle = function (color) {
+		return {
+			'background-color': '#' + color,
+			'color': $filter('textColorFilter')(color)
+		};
+	};
+
+	$scope.isTimelineEnabled = function() {
+		return OCP.Comments && OCA.Activity;
+	};
+
+});

js/controller/ColorPickerController.js

@@ -0,0 +1,44 @@
+/*
+ * @copyright Copyright (c) 2018 Oskar Kurz <oskar.kurz@gmail.com>
+ *
+ * @author Oskar Kurz <oskar.kurz@gmail.com>
+ *
+ * @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 app from '../app/App.js';
+
+/* global oc_defaults OC */
+app.controller('ColorPickerController', ['$scope', function ($scope) {
+	$scope.hashedColor = '';
+
+	$scope.setColor = function (object, color) {
+		object.color = color;
+		object.hashedColor = '#' + color;
+
+		return object;
+	};
+
+	$scope.setHashedColor = function (object) {
+		object.color = object.hashedColor.substr(1);
+		return object;
+	};
+
+	$scope.getCustomBackground = function (color) {
+		return {'background-color': color};
+	};
+}]);

js/controller/ListController.js

@@ -0,0 +1,255 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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/>.
+ *
+ */
+
+/* global app angular oc_isadmin */
+
+var ListController = function ($scope, $location, $filter, BoardService, $element, $timeout, $stateParams, $state, StatusService, $http, $q, $rootScope) {
+
+	function calculateNewColor() {
+		var boards = BoardService.getAll();
+		var boardKeys = Object.keys(boards);
+		var colorOccurrences = [];
+
+		for (var i = 0; i < $scope.colors.length; i++) {
+			colorOccurrences.push(0);
+		}
+
+		for (var j = 0; j < boardKeys.length; j++) {
+			var key = boardKeys[j];
+			var board = boards[key];
+
+			if (board && $scope.colors.indexOf(board.color) !== -1) {
+				colorOccurrences[$scope.colors.indexOf(board.color)]++;
+			}
+		}
+
+		return $scope.colors[colorOccurrences.indexOf(Math.min.apply(Math, colorOccurrences))];
+	}
+
+	$scope.boards = [];
+	$scope.newBoard = {};
+	$scope.status = {
+		deleteUndo: [],
+		filter: $stateParams.filter ? $stateParams.filter : '',
+		sidebar: false
+	};
+	$scope.colors = ['0082c9', '00c9c6','00c906', 'c92b00', 'F1DB50', '7C31CC', '3A3B3D', 'CACBCD'];
+	$scope.boardservice = BoardService;
+	$scope.updatingBoard = null;
+	$scope.isAdmin = oc_isadmin;
+	$scope.canCreate = $rootScope.config.canCreate;
+
+	if ($scope.isAdmin) {
+		OC.Apps.enableDynamicSlideToggle();
+		$scope.groups = [];
+		$scope.groupLimit = [];
+		$scope.groupLimitDisabled = true;
+		let fetchGroups = function () {
+			var deferred = $q.defer();
+			// TODO: move to groups/details once 15 is min version
+			$http.get(OC.linkToOCS('cloud', 2) + 'groups').then(function (response) {
+				$scope.groups = response.data.ocs.data.groups.reduce((obj, item) => {
+					obj.push({
+						id: item,
+						displayname: item,
+					});
+					return obj;
+				}, []);
+				deferred.resolve($scope.groups);
+			}, function (error) {
+				deferred.reject('Error while loading groups');
+			});
+			$http.get(OC.generateUrl('apps/deck/config')).then(function (response) {
+				$scope.groupLimit = response.data.groupLimit;
+				$scope.groupLimitDisabled = false;
+				deferred.resolve(response.data);
+			}, function (error) {
+				deferred.reject('Error while loading groupLimit');
+			});
+			return deferred.promise;
+		};
+
+		let updateConfig = function() {
+			$scope.groupLimitDisabled = true;
+			var deferred = $q.defer();
+			$http.post(OC.generateUrl('apps/deck/config/groupLimit'), {value: $scope.groupLimit}).then(function (response) {
+				$scope.groupLimitDisabled = false;
+				deferred.resolve(response.data);
+			}, function (error) {
+				deferred.reject('Error while saving groupLimit');
+			});
+			return deferred.promise;
+		};
+
+		$scope.groupLimitAdd = function (element, model) {
+			$scope.groupLimit.push(element);
+			updateConfig();
+		};
+		$scope.groupLimitRemove = function (element, model) {
+			$scope.groupLimit = $scope.groupLimit.filter((el) => {
+				return el.id !== element.id;
+			});
+			updateConfig();
+		};
+		fetchGroups();
+	}
+
+	var filterData = function () {
+		if($element.attr('id') === 'app-navigation') {
+			$scope.boardservice.sidebar = $scope.boardservice.getData();
+			$scope.boardservice.sidebar = $filter('orderBy')($scope.boardservice.sidebar, 'title');
+			$scope.boardservice.sidebar = $filter('cardFilter')($scope.boardservice.sidebar, {archived: false});
+		} else {
+			$scope.boardservice.sorted = $scope.boardservice.getData();
+			if ($scope.status.filter === 'archived') {
+				var filter = {};
+				filter[$scope.status.filter] = true;
+				$scope.boardservice.sorted = $filter('cardFilter')($scope.boardservice.sorted, filter);
+			} else if ($scope.status.filter === 'shared') {
+				$scope.boardservice.sorted = $filter('cardFilter')($scope.boardservice.sorted, {archived: false});
+				$scope.boardservice.sorted = $filter('boardFilterAcl')($scope.boardservice.sorted);
+			} else {
+				$scope.boardservice.sorted = $filter('cardFilter')($scope.boardservice.sorted, {archived: false});
+			}
+			$scope.boardservice.sorted = $filter('orderBy')($scope.boardservice.sorted, ['deletedAt', 'title']);
+		}
+	};
+
+	var finishedLoading = function() {
+		filterData();
+		$scope.newBoard.color = calculateNewColor();
+	};
+
+	var initialize = function () {
+		$scope.statusservice = StatusService.listStatus;
+
+		if($element.attr('id') === 'app-navigation') {
+			$scope.statusservice.retainWaiting();
+			BoardService.fetchAll().then(function(data) {
+				finishedLoading();
+				$scope.statusservice.releaseWaiting();
+				BoardService.loaded = true;
+			}, function (error) {
+				$scope.statusservice.setError('Error occured', error);
+			});
+		} else {
+			/* initialize main list controller when board list is loaded */
+			var boardDataWatch = $scope.$watch(function () {
+				return $scope.boardservice.loaded;
+			}, function () {
+				if (BoardService.loaded === true) {
+					boardDataWatch();
+					finishedLoading();
+				}
+			});
+		}
+
+		$scope.$watch(function () {
+			return $scope.boardservice.data;
+		}, function () {
+			filterData();
+		}, true);
+
+		/* Watch for board filter change */
+		$scope.$watchCollection(function(){
+			return $state.params;
+		}, function(){
+			$scope.status.filter = $state.params.filter;
+			filterData();
+		});
+	};
+	initialize();
+
+	$scope.selectColor = function(color) {
+		$scope.newBoard.color = color;
+	};
+
+	$scope.gotoBoard = function(board) {
+		if(board.deletedAt > 0) {
+			return false;
+		}
+		return $state.go('board', {boardId: board.id});
+	};
+
+	$scope.boardCreate = function() {
+		if(!$scope.newBoard.title || !$scope.newBoard.color) {
+			$scope.status.addBoard=false;
+			return;
+		}
+		BoardService.create($scope.newBoard)
+			.then(function (response) {
+				$scope.newBoard = {};
+				$scope.newBoard.color = calculateNewColor();
+				$scope.status.addBoard=false;
+				filterData();
+			}, function(error) {
+				$scope.status.createBoard = 'Unable to insert board: ' + error.message;
+			});
+	};
+
+	$scope.boardUpdate = function(board) {
+		BoardService.update(board).then(function(data) {
+			board.status.edit = false;
+			filterData();
+		});
+	};
+
+	$scope.boardUpdateBegin = function(board) {
+		$scope.updatingBoard = angular.copy(board);
+	};
+
+	$scope.boardUpdateReset = function(board) {
+		board.title = $scope.updatingBoard.title;
+		board.color = $scope.updatingBoard.color;
+		filterData();
+		board.status.edit = false;
+	};
+
+	$scope.boardArchive = function (board) {
+		board.archived = true;
+		BoardService.update(board).then(function(data) {
+			filterData();
+		});
+	};
+
+	$scope.boardUnarchive = function (board) {
+		board.archived = false;
+		BoardService.update(board).then(function(data) {
+			filterData();
+		});
+	};
+
+	$scope.boardDelete = function(board) {
+		BoardService.delete(board.id).then(function (data) {
+			filterData();
+		});
+	};
+
+	$scope.boardDeleteUndo = function (board) {
+		BoardService.deleteUndo(board.id).then(function (data) {
+			filterData();
+		});
+	};
+
+};
+
+export default ListController;

js/directive/appPopoverMenuUtils.js

@@ -0,0 +1,48 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+app.directive('appPopoverMenuUtils', function () {
+	'use strict';
+	return {
+		restrict: 'C',
+		link: function (scope, elm) {
+			var menu = elm.find('.popovermenu');
+			var button = elm.find('button');
+			button.click(function (e) {
+				var popovermenus = $('.popovermenu');
+				var shouldShow = menu.hasClass('hidden');
+				popovermenus.addClass('hidden');
+				if (shouldShow) {
+					menu.toggleClass('hidden');
+				}
+				e.stopPropagation();
+			});
+			scope.$on('documentClicked', function (scope, event) {
+				/* prevent closing popover if target has no-close class */
+				if (event.target !== button && !$(event.target).hasClass('no-close')) {
+					menu.addClass('hidden');
+				}
+			});
+		}
+	};
+});

js/directive/appnavigationentryutils.js

@@ -0,0 +1,47 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+// OwnCloud Click Handling
+// https://doc.owncloud.org/server/8.0/developer_manual/app/css.html
+app.directive('appNavigationEntryUtils', function () {
+	'use strict';
+	return {
+		restrict: 'C',
+		link: function (scope, elm) {
+
+			var menu = elm.siblings('.app-navigation-entry-menu');
+			var button = $(elm)
+				.find('.app-navigation-entry-utils-menu-button button');
+
+			button.click(function () {
+				menu.toggleClass('open');
+			});
+			scope.$on('documentClicked', function (scope, event) {
+				if (event.target !== button[0]) {
+					menu.removeClass('open');
+				}
+			});
+		}
+	};
+});
+

js/directive/autofocusoninsert.js

@@ -2,27 +2,28 @@
  * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
  *
  * @author Julius Härtl <jus@bitgrid.net>
- * @author Artem Anufrij <artem.anufrij@live.de>
- * @author Marin Treselj <marin@pixelipo.com>
- * @author Oskar Kurz <oskar.kurz@gmail.com>
- * @author Ryan Fletcher <ryan.fletcher@codepassion.ca>
  *
  * @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 app from '../app/App.js';
 
-@import 'icons';
-@import 'print';
+app.directive('autofocusOnInsert', function () {
+	'use strict';
+	return function (scope, elm) {
+		elm.focus();
+	};
+});

js/directive/avatar.js

@@ -0,0 +1,55 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+app.directive('avatar', function() {
+	'use strict';
+	return {
+		restrict: 'AEC',
+		transclude: true,
+		replace: true,
+		template: '<div class="avatardiv-container"><div class="avatardiv" data-toggle="tooltip" ng-transclude></div></div>',
+		scope: { attr: '=' },
+		link: function(scope, element, attr){
+			scope.uid = attr.displayname;
+			scope.displayname = attr.displayname;
+			scope.size = attr.size;
+			if (typeof scope.size === 'undefined') {
+				scope.size = 32;
+			}
+			var value = attr.user;
+			var avatardiv = $(element).find('.avatardiv');
+			if(typeof attr.contactsmenu !== 'undefined' && attr.contactsmenu !== 'false') {
+				avatardiv.contactsMenu(value, 0, $(element));
+				avatardiv.addClass('has-contactsmenu');
+			}
+			if(typeof attr.tooltip !== 'undefined' && attr.tooltip !== 'false') {
+				$(element).tooltip({
+					title: scope.displayname,
+					placement: 'top'
+				});
+			}
+			avatardiv.avatar(value, scope.size, false, false, false, attr.displayname);
+		},
+		controller: function () {}
+	};
+});

js/directive/bindHtmlCompile.js

@@ -19,21 +19,20 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+import app from '../app/App.js';
 
-const arrayMove = function(arrayToSort, removedIndex, addedIndex) {
-	if (removedIndex === null && addedIndex === null) return arrayToSort
+app.directive('bindHtmlCompile', function ($compile) {
+	'use strict';
 
-	const result = [...arrayToSort]
-	let itemToAdd = arrayToSort[removedIndex]
-
-	if (removedIndex !== null) {
-		itemToAdd = result.splice(removedIndex, 1)[0]
-	}
-
-	if (addedIndex !== null) {
-		result.splice(addedIndex, 0, itemToAdd)
-	}
-	return result
-}
-
-export default arrayMove
+	return {
+		restrict: 'A',
+		link: function (scope, element, attrs) {
+			scope.$watch(function () {
+				return scope.$eval(attrs.bindHtmlCompile);
+			}, function (value) {
+				element.html(value);
+				$compile(element.contents())(scope);
+			});
+		}
+	};
+});

js/directive/contactsmenudelete.js

@@ -0,0 +1,42 @@
+/*
+ * @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+app.directive('contactsmenudelete', function() {
+	'use strict';
+	return {
+		restrict: 'A',
+		priority: 1,
+		link: function(scope, element, attr){
+			var user = attr.user;
+			var menu = $(element).parent().find('.contactsmenu-popover');
+			if (oc_current_user === user) {
+				menu.children(':first').remove();
+			}
+			var menuEntry = $('<li><a><span class="icon icon-delete"></span><span>' + t('deck', 'Remove user from card') + '</span></a></li>');
+			menuEntry.on('click', function () {
+				scope.removeAssignedUser(user);
+			});
+			$(menu).append(menuEntry);
+		}
+	};
+});

js/directive/contenteditable.js

@@ -0,0 +1,59 @@
+/*
+ * @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App';
+
+app.directive('ngContenteditable', function($compile) {
+	return {
+		require: 'ngModel',
+		restrict: 'A',
+		scope: {
+			submit: '&ngSubmit'
+		},
+		link: function(scope, element, attrs, ngModel) {
+
+			//read the text typed in the div (syncing model with the view)
+			function read() {
+				ngModel.$setViewValue(element.html());
+			}
+
+			//render the data now in your model into your view
+			//$render is invoked when the modelvalue differs from the viewvalue
+			//see documentation: https://docs.angularjs.org/api/ng/type/ngModel.NgModelController#
+			ngModel.$render = function() {
+				element.html(ngModel.$viewValue || '');
+			};
+
+			//do this whenever someone starts typing
+			element.bind('blur keyup change', function(event) {
+				scope.$apply(read);
+			});
+
+			element.bind('keydown', function(event) {
+				if(event.which === 13 && event.shiftKey) {
+					scope.submit();
+				}
+			});
+
+		}
+	};
+});

js/directive/datepicker.js

@@ -0,0 +1,55 @@
+/*
+ * @copyright Copyright (c) 2017 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+/* global app */
+/* gloabl t */
+/* global moment */
+
+app.directive('datepicker', function () {
+	'use strict';
+	return {
+		link: function (scope, elm, attr) {
+			return elm.datepicker({
+				dateFormat: moment.localeData().longDateFormat('L').replace('YYYY', 'YY').toLowerCase(),
+				onSelect: function(date, inst) {
+					var selectedDate = $(this).datepicker('getDate');
+					scope.setDuedate(moment(selectedDate));
+					scope.$apply();
+				},
+				beforeShow: function(input, inst) {
+					var dp, marginLeft;
+					dp = $(inst).datepicker('widget');
+					marginLeft = -Math.abs($(input).outerWidth() - dp.outerWidth()) / 2 + 'px';
+					dp.css({
+						'margin-left': marginLeft
+					});
+					$('div.ui-datepicker:before').css({
+						'left': 100 + 'px'
+					});
+					return $('.hasDatepicker').datepicker();
+				},
+				minDate: null
+			});
+		}
+	};
+});

js/directive/elastic.js

@@ -0,0 +1,41 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+// original idea from blockloop: http://stackoverflow.com/a/24090733
+app.directive('elastic', [
+	'$timeout',
+	function($timeout) {
+		return {
+			restrict: 'A',
+			link: function($scope, element) {
+				$scope.initialHeight = $scope.initialHeight || element[0].style.height;
+				var resize = function() {
+					element[0].style.height = $scope.initialHeight;
+					element[0].style.height = "" + element[0].scrollHeight + "px";
+				};
+				element.on("input change", resize);
+				$timeout(resize, 0);
+			}
+		};
+	}
+]);

js/directive/search.js

@@ -0,0 +1,61 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+app.directive('search', function ($document, $location) {
+	'use strict';
+
+	return {
+		restrict: 'E',
+		scope: {
+			'onSearch': '='
+		},
+		link: function (scope) {
+			if (OCA.Search && OCA.Search.Core) {
+				// eslint-disable-next-line no-unused-vars
+				const search = new OCA.Search((term) => {
+					scope.$apply(function () {
+						scope.onSearch(term);
+					});
+				}, () => {
+					scope.$apply(function () {
+						scope.onSearch('');
+					});
+				});
+			} else {
+				const box = $('#searchbox');
+				box.val($location.search().search);
+
+				var doSearch = function () {
+					var value = box.val();
+					scope.$apply(function () {
+						scope.onSearch(value);
+					});
+				};
+
+				box.on('search keyup', function (event) {
+					doSearch();
+				});
+			}
+		}
+	};
+});

js/directive/timepicker.js

@@ -0,0 +1,48 @@
+/*
+ * @copyright Copyright (c) 2017 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+import '../legacy/jquery.ui.timepicker.js';
+import 'legacy/jquery.ui.timepicker.css';
+
+/* global app */
+/* global t */
+/* global moment */
+
+app.directive('timepicker', function() {
+	'use strict';
+	return {
+		restrict: 'A',
+		link: function(scope, elm, attr) {
+			return $(elm).timepicker({
+				onSelect: function(date, inst) {
+					scope.setDuedateTime(moment('2000-01-01 ' + date));
+					scope.$apply();
+				},
+				myPosition: 'center top',
+				atPosition: 'center bottom',
+				hourText: t('deck', 'Hours'),
+				minuteText: t('deck', 'Minutes'),
+				showPeriodLabels: false
+			});
+		}
+	};
+});

js/filters/boardFilterAcl.js

@@ -0,0 +1,34 @@
+/*
+ * @copyright Copyright (c) 2017 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+app.filter('boardFilterAcl', function() {
+	return function(boards) {
+		var _result = [];
+		angular.forEach(boards, function(board){
+			if(board.acl !== null && Object.keys(board.acl).length > 0) {
+				_result.push(board);
+			}
+		});
+		return _result;
+	};
+});

js/filters/bytesFilter.js

@@ -20,36 +20,18 @@
  *
  */
 
-/**
- * Board model
- *
- * @typedef {Object} Board
- * @property {String} title
- * @property {boolean} archived
- * @property {number} shared 1 (shared) or 0 (not shared)
- */
+import app from '../app/App.js';
 
-/**
- * Stack model
- *
- * @typedef {Object} Stack
- * @property {String} title
- * @property {number} boardId
- * @property {number} order
- */
-
-/**
- * Card model
- *
- * @typedef {Object} Card
- * @property {String} title
- * @property {boolean} archived
- * @property {number} order
- */
-/**
- * Label model
- *
- * @typedef {Object} Label
- * @property {String} title
- * @property {String} color
- */
+app.filter('bytes', function () {
+	return function (bytes, precision) {
+		if (isNaN(parseFloat(bytes, 10)) || !isFinite(bytes)) {
+			return '-';
+		}
+		if (typeof precision === 'undefined') {
+			precision = 2;
+		}
+		var units = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB'],
+			number = Math.floor(Math.log(bytes) / Math.log(1024));
+		return (bytes / Math.pow(1024, Math.floor(number))).toFixed(precision) +  ' ' + units[number];
+	};
+});

js/filters/cardFilter.js

@@ -0,0 +1,40 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+// usage | cardFilter({ member: 'admin'})
+
+app.filter('cardFilter', function() {
+	return function(cards, rules) {
+		var _result = [];
+		angular.forEach(cards, function(card){
+			var _card = card;
+			var keys = Object.keys(rules);
+			keys.some(function(key, condition) {
+				if(_card[key]===rules[key]) {
+					_result.push(_card);
+				}
+			});
+		});
+		return _result;
+	};
+});

js/filters/cardSearchFilter.js

@@ -0,0 +1,46 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+app.filter('cardSearchFilter', function() {
+	return function(cards, searchString) {
+		var _result = {};
+		var rules = {
+			title: searchString,
+			//owner: searchString,
+		};
+		angular.forEach(cards, function(card){
+			var _card = card;
+			Object.keys(rules).some(function(rule) {
+				var pattern = rules[rule];
+				// eslint-disable-next-line detect-non-literal-regexp
+				if(_card[rule].search(new RegExp(pattern, 'i'))>=0) {
+					_result[_card.id] = _card;
+				}
+			});
+		});
+
+		return $.map(_result, function(value, index) {
+			return [value];
+		});
+	};
+});

js/filters/dateFilters.js

@@ -0,0 +1,63 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+/* global app */
+/* global OC */
+/* global moment */
+
+app.filter('relativeDateFilter', function() {
+	return function (timestamp) {
+		return OC.Util.relativeModifiedDate(timestamp*1000);
+	};
+});
+
+app.filter('relativeDateFilterString', function() {
+	return function (date) {
+		return OC.Util.relativeModifiedDate(Date.parse(date));
+	};
+});
+
+app.filter('dateToTimestamp', function() {
+	return function (date) {
+		return Date.parse(date);
+	};
+});
+
+app.filter('parseDate', function() {
+	return function (date) {
+		if(moment(date).isValid()) {
+			var dateFormat = moment.localeData().longDateFormat('L');
+			return moment(date).format(dateFormat);
+		}
+		return '';
+	};
+});
+
+app.filter('parseTime', function() {
+	return function (date) {
+		if(moment(date).isValid()) {
+			return moment(date).format('HH:mm');
+		}
+		return '';
+	};
+});

js/filters/iconWhiteFilter.js

@@ -0,0 +1,67 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+app.filter('iconWhiteFilter', function () {
+	return function (hex) {
+		// RGB2HLS by Garry Tan
+		// http://axonflux.com/handy-rgb-to-hsl-and-rgb-to-hsv-color-model-c
+		var result = /^([A-Fa-f\d]{2})([A-Fa-f\d]{2})([A-Fa-f\d]{2})$/i.exec(hex);
+		var color = result ? {
+			r: parseInt(result[1], 16),
+			g: parseInt(result[2], 16),
+			b: parseInt(result[3], 16)
+		} : null;
+		if (result === null) {
+			return '';
+		}
+		var r = color.r / 255;
+		var g = color.g / 255;
+		var b = color.b / 255;
+		var max = Math.max(r, g, b), min = Math.min(r, g, b);
+		var h, s, l = (max + min) / 2;
+
+		if (max === min) {
+			h = s = 0; // achromatic
+		} else {
+			var d = max - min;
+			s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+			switch (max) {
+				case r:
+					h = (g - b) / d + (g < b ? 6 : 0);
+					break;
+				case g:
+					h = (b - r) / d + 2;
+					break;
+				case b:
+					h = (r - g) / d + 4;
+					break;
+			}
+			h /= 6;
+		}
+		if (l < 0.5) {
+			return '-white';
+		} else {
+			return '';
+		}
+	};
+});

js/filters/lightenColorFilter.js

@@ -0,0 +1,38 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+app.filter('lightenColorFilter', function() {
+	return function (hex) {
+		var result = /^([A-Fa-f\d]{2})([A-Fa-f\d]{2})([A-Fa-f\d]{2})$/i.exec(hex);
+		var color = result ? {
+			r: parseInt(result[1], 16),
+			g: parseInt(result[2], 16),
+			b: parseInt(result[3], 16)
+		} : null;
+		if (result !== null) {
+			return 'rgba(' + color.r + ',' + color.g + ',' + color.b + ',0.7)';
+		} else {
+			return '#' + hex;
+		}
+	};
+});

js/filters/orderObjectBy.js

@@ -0,0 +1,43 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+app.filter('orderObjectBy', function(){
+	return function(input, attribute) {
+		if (!angular.isObject(input)) {
+			return input;
+		}
+		var array = [];
+		for(var objectKey in input) {
+			if ({}.hasOwnProperty.call(input, objectKey)) {
+				array.push(input[objectKey]);
+			}
+		}
+
+		array.sort(function(a, b){
+			a = parseInt(a[attribute]);
+			b = parseInt(b[attribute]);
+			return a < b;
+		});
+		return array;
+	};
+});

js/filters/textColorFilter.js

@@ -0,0 +1,69 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+app.filter('textColorFilter', function () {
+	return function (hex) {
+		// RGB2HLS by Garry Tan
+		// http://axonflux.com/handy-rgb-to-hsl-and-rgb-to-hsv-color-model-c
+		var result = /^#?([A-Fa-f\d]{2})([A-Fa-f\d]{2})([A-Fa-f\d]{2})$/i.exec(hex);
+		var color = result ? {
+			r: parseInt(result[1], 16),
+			g: parseInt(result[2], 16),
+			b: parseInt(result[3], 16)
+		} : null;
+		if (result !== null) {
+			var r = color.r / 255;
+			var g = color.g / 255;
+			var b = color.b / 255;
+			var max = Math.max(r, g, b), min = Math.min(r, g, b);
+			var h, s, l = (max + min) / 2;
+
+			if (max === min) {
+				h = s = 0; // achromatic
+			} else {
+				var d = max - min;
+				s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+				switch (max) {
+					case r:
+						h = (g - b) / d + (g < b ? 6 : 0);
+						break;
+					case g:
+						h = (b - r) / d + 2;
+						break;
+					case b:
+						h = (r - g) / d + 4;
+						break;
+				}
+				h /= 6;
+			}
+			if (l < 0.5) {
+				return '#ffffff';
+			} else {
+				return '#000000';
+			}
+		} else {
+			return '#000000';
+		}
+
+	};
+});

js/filters/withoutAssignedUsers.js

@@ -0,0 +1,46 @@
+/*
+ * @copyright Copyright (c) 2017 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+/* global app */
+/* global angular */
+
+/*
+ * Remove all assignedUsers from users list
+ */
+app.filter('withoutAssignedUsers', function () {
+	return function (users, assignedUsers) {
+		var _result = [];
+		angular.forEach(users, function (user) {
+			var _found = false;
+			angular.forEach(assignedUsers, function (assignedUser) {
+				if (assignedUser.participant.uid === user.uid) {
+					_found = true;
+				}
+			});
+			if (_found === false) {
+				_result.push(user);
+			}
+		});
+		return _result;
+	};
+});

js/init-collections.js

@@ -0,0 +1,69 @@
+/*
+ * @copyright Copyright (c) 2019 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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__ __webpack_public_path__ OC t n */
+// eslint-disable-next-line
+__webpack_nonce__ = btoa(OC.requestToken);
+// eslint-disable-next-line
+__webpack_public_path__ = OC.linkTo('deck', 'js/build/');
+
+import Vue from 'vue';
+
+Vue.prototype.t = t;
+Vue.prototype.n = n;
+Vue.prototype.OC = OC;
+
+import BoardSelector from './views/BoardSelector';
+
+import './../css/collections.css';
+
+((function(OCP) {
+
+	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', 'Link to a board'),
+		typeIconClass: 'icon-deck'
+	});
+})(window.OCP));

js/init.js

@@ -0,0 +1,38 @@
+'use strict';
+
+import "@babel/polyfill";
+
+/* global __webpack_nonce__ __webpack_public_path__ OC t n */
+// eslint-disable-next-line
+__webpack_nonce__ = btoa(OC.requestToken);
+// eslint-disable-next-line
+__webpack_public_path__ = OC.linkTo('deck', 'js/build/');
+
+// used for building a vendor stylesheet
+import 'ng-sortable/dist/ng-sortable.css';
+
+import angular from 'angular';
+import markdownit from 'markdown-it';
+global.markdownit = markdownit;
+
+import app from './app/App.js';
+import './app/Config.js';
+import './app/Run.js';
+
+
+import ListController from 'controller/ListController.js';
+import attachmentListComponent from './controller/AttachmentController.js';
+import activityComponent from './controller/ActivityController.js';
+
+app.controller('ListController', ListController);
+app.component('attachmentListComponent', attachmentListComponent);
+app.component('activityComponent', activityComponent);
+
+
+// require all the js files from subdirectories
+var context = require.context('.', true, /(controller|service|filters|directive)\/(.*)\.js$/);
+
+context.keys().forEach(function (key) {
+	context(key);
+});
+

js/legacy/commentcollection.js

@@ -0,0 +1,161 @@
+/**
+ * @licence
+ */
+
+import CommentModel from './commentmodel.js';
+import CommentSummaryModel from './commentsummarymodel.js';
+
+/**
+ * @class CommentCollection
+ * @classdesc
+ *
+ * Collection of comments assigned to a file
+ *
+ */
+var CommentCollection = OC.Backbone.Collection.extend(
+	/** @lends OCA.AnnouncementCenter.Comments.CommentCollection.prototype */ {
+
+	sync: OC.Backbone.davSync,
+
+	model: CommentModel,
+
+	/**
+	 * Object type
+	 *
+	 * @type string
+	 */
+	_objectType: 'deckCard',
+
+	/**
+	 * Object id
+	 *
+	 * @type string
+	 */
+	_objectId: null,
+
+	/**
+	 * True if there are no more page results left to fetch
+	 *
+	 * @type bool
+	 */
+	_endReached: false,
+
+	/**
+	 * Number of comments to fetch per page
+	 *
+	 * @type int
+	 */
+	_limit : 5,
+
+	/**
+	 * Initializes the collection
+	 *
+	 * @param {string} [options.objectType] object type
+	 * @param {string} [options.objectId] object id
+	 */
+	initialize: function(models, options) {
+		options = options || {};
+		if (options.objectType) {
+			this._objectType = options.objectType;
+		}
+		if (options.objectId) {
+			this._objectId = options.objectId;
+		}
+	},
+
+	url: function() {
+		return OC.linkToRemote('dav') + '/comments/' +
+			encodeURIComponent(this._objectType) + '/' +
+			encodeURIComponent(this._objectId) + '/';
+	},
+
+	setObjectId: function(objectId) {
+		this._objectId = objectId;
+	},
+
+	hasMoreResults: function() {
+		return !this._endReached;
+	},
+
+	reset: function() {
+		this._endReached = false;
+		this._summaryModel = null;
+		return OC.Backbone.Collection.prototype.reset.apply(this, arguments);
+	},
+
+	/**
+	 * Fetch the next set of results
+	 */
+	fetchNext: function(options) {
+		var self = this;
+		if (!this.hasMoreResults()) {
+			return null;
+		}
+
+		var body = '<?xml version="1.0" encoding="utf-8" ?>\n' +
+			'<oc:filter-comments xmlns:D="DAV:" xmlns:oc="http://owncloud.org/ns">\n' +
+			// load one more so we know there is more
+			'    <oc:limit>' + (this._limit + 1) + '</oc:limit>\n' +
+			'    <oc:offset>' + this.length + '</oc:offset>\n' +
+			'</oc:filter-comments>\n';
+
+		options = options || {};
+		var success = options.success;
+		options = _.extend({
+			remove: false,
+			parse: true,
+			data: body,
+			davProperties: CommentCollection.prototype.model.prototype.davProperties,
+			success: function(resp) {
+				if (resp.length <= self._limit) {
+					// no new entries, end reached
+					self._endReached = true;
+				} else {
+					// remove last entry, for next page load
+					resp = _.initial(resp);
+				}
+				if (!self.set(resp, options)) {
+					return false;
+				}
+				if (success) {
+					success.apply(null, arguments);
+				}
+				self.trigger('sync', 'REPORT', self, options);
+			}
+		}, options);
+
+		return this.sync('REPORT', this, options);
+	},
+
+	/**
+	 * Returns the matching summary model
+	 *
+	 * @return {OCA.AnnouncementCenter.Comments.CommentSummaryModel} summary model
+	 */
+	getSummaryModel: function() {
+		if (!this._summaryModel) {
+			this._summaryModel = new CommentSummaryModel({
+				id: this._objectId,
+				objectType: this._objectType
+			});
+		}
+		return this._summaryModel;
+	},
+
+	/**
+	 * Updates the read marker for this comment thread
+	 *
+	 * @param {Date} [date] optional date, defaults to now
+	 * @param {Object} [options] backbone options
+	 */
+	updateReadMarker: function(date, options) {
+		options = options || {};
+
+		return this.getSummaryModel().save({
+			readMarker: (date || new Date()).toUTCString()
+		}, options);
+	}
+});
+
+export default CommentCollection;
+

js/legacy/commentmodel.js

@@ -0,0 +1,119 @@
+/*
+ * Copyright (c) 2016
+ *
+ * This file is licensed under the Affero General Public License version 3
+ * or later.
+ *
+ * See the COPYING-README file.
+ *
+ */
+
+var NS_OWNCLOUD = 'http://owncloud.org/ns';
+/**
+ * @class CommentModel
+ * @classdesc
+ *
+ * Comment
+ *
+ */
+var CommentModel = OC.Backbone.Model.extend(
+	/** @lends OCA.Comments.CommentModel.prototype */ {
+	sync: OC.Backbone.davSync,
+
+	/**
+	 * Object type
+	 *
+	 * @type string
+	 */
+	_objectType: 'deckCard',
+
+	/**
+	 * Object id
+	 *
+	 * @type string
+	 */
+	_objectId: null,
+
+	initialize: function(model, options) {
+		options = options || {};
+		if (options.objectType) {
+			this._objectType = options.objectType;
+		}
+		if (options.objectId) {
+			this._objectId = options.objectId;
+		}
+	},
+
+	defaults: {
+		actorType: 'users',
+		objectType: 'deckCard'
+	},
+
+	davProperties: {
+		'id': '{' + NS_OWNCLOUD + '}id',
+		'message': '{' + NS_OWNCLOUD + '}message',
+		'actorType': '{' + NS_OWNCLOUD + '}actorType',
+		'actorId': '{' + NS_OWNCLOUD + '}actorId',
+		'actorDisplayName': '{' + NS_OWNCLOUD + '}actorDisplayName',
+		'creationDateTime': '{' + NS_OWNCLOUD + '}creationDateTime',
+		'objectType': '{' + NS_OWNCLOUD + '}objectType',
+		'objectId': '{' + NS_OWNCLOUD + '}objectId',
+		'isUnread': '{' + NS_OWNCLOUD + '}isUnread',
+		'mentions': '{' + NS_OWNCLOUD + '}mentions'
+	},
+
+	parse: function(data) {
+		return {
+			id: data.id,
+			message: data.message,
+			actorType: data.actorType,
+			actorId: data.actorId,
+			actorDisplayName: data.actorDisplayName,
+			creationDateTime: data.creationDateTime,
+			objectType: data.objectType,
+			objectId: data.objectId,
+			isUnread: (data.isUnread === 'true'),
+			mentions: this._parseMentions(data.mentions)
+		};
+	},
+
+	_parseMentions: function(mentions) {
+		if(_.isUndefined(mentions)) {
+			return {};
+		}
+		var result = {};
+		for(var i in mentions) {
+			var mention = mentions[i];
+			if(_.isUndefined(mention.localName) || mention.localName !== 'mention') {
+				continue;
+			}
+			result[i] = {};
+			for (var child = mention.firstChild; child; child = child.nextSibling) {
+				if(_.isUndefined(child.localName) || !child.localName.startsWith('mention')) {
+					continue;
+				}
+				result[i][child.localName] = child.textContent;
+			}
+		}
+		return result;
+	},
+
+	url: function() {
+		let baseUrl;
+		if (typeof this.collection === 'undefined') {
+			baseUrl = OC.linkToRemote('dav') + '/comments/' +
+				encodeURIComponent(this.get('objectType')) + '/' +
+				encodeURIComponent(this.get('objectId')) + '/';
+		} else {
+			baseUrl = this.collection.url();
+		}
+		if (typeof this.get('id') !== 'undefined') {
+			return baseUrl + this.get('id');
+		} else {
+			return baseUrl;
+		}
+	}
+});
+
+export default CommentModel;
+

js/legacy/commentsummarymodel.js

@@ -0,0 +1,54 @@
+
+var NS_OWNCLOUD = 'http://owncloud.org/ns';
+/**
+ * @class OCA.AnnouncementCenter.Comments.CommentSummaryModel
+ * @classdesc
+ *
+ * Model containing summary information related to comments
+ * like the read marker.
+ *
+ */
+var CommentSummaryModel = OC.Backbone.Model.extend(
+	/** @lends OCA.AnnouncementCenter.Comments.CommentSummaryModel.prototype */ {
+	sync: OC.Backbone.davSync,
+
+	/**
+	 * Object type
+	 *
+	 * @type string
+	 */
+	_objectType: 'deckCard',
+
+	/**
+	 * Object id
+	 *
+	 * @type string
+	 */
+	_objectId: null,
+
+	davProperties: {
+		'readMarker': '{' + NS_OWNCLOUD + '}readMarker'
+	},
+
+	/**
+	 * Initializes the summary model
+	 *
+	 * @param {string} [options.objectType] object type
+	 * @param {string} [options.objectId] object id
+	 */
+	initialize: function(attrs, options) {
+		options = options || {};
+		if (options.objectType) {
+			this._objectType = options.objectType;
+		}
+	},
+
+	url: function() {
+		return OC.linkToRemote('dav') + '/comments/' +
+			encodeURIComponent(this._objectType) + '/' +
+			encodeURIComponent(this.id) + '/';
+	}
+});
+
+export default CommentSummaryModel;
+

js/legacy/jquery.caret.min.js

@@ -0,0 +1,561 @@
+/*
+ * @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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/>.
+ *
+ */
+(function($, undefined) {
+
+	var _input = document.createElement('input');
+
+	var _support = {
+		setSelectionRange: ('setSelectionRange' in _input) || ('selectionStart' in _input),
+		createTextRange: ('createTextRange' in _input) || ('selection' in document)
+	};
+
+	var _rNewlineIE = /\r\n/g,
+		_rCarriageReturn = /\r/g;
+
+	var _getValue = function(input) {
+		if (typeof(input.value) !== 'undefined') {
+			return input.value;
+		}
+		return $(input).text();
+	};
+
+	var _setValue = function(input, value) {
+		if (typeof(input.value) !== 'undefined') {
+			input.value = value;
+		} else {
+			$(input).text(value);
+		}
+	};
+
+	var _getIndex = function(input, pos) {
+		var norm = _getValue(input).replace(_rCarriageReturn, '');
+		var len = norm.length;
+
+		if (typeof(pos) === 'undefined') {
+			pos = len;
+		}
+
+		pos = Math.floor(pos);
+
+		// Negative index counts backward from the end of the input/textarea's value
+		if (pos < 0) {
+			pos = len + pos;
+		}
+
+		// Enforce boundaries
+		if (pos < 0) { pos = 0; }
+		if (pos > len) { pos = len; }
+
+		return pos;
+	};
+
+	var _hasAttr = function(input, attrName) {
+		return input.hasAttribute ? input.hasAttribute(attrName) : (typeof(input[attrName]) !== 'undefined');
+	};
+
+	/**
+	 * @class
+	 * @constructor
+	 */
+	var Range = function(start, end, length, text) {
+		this.start = start || 0;
+		this.end = end || 0;
+		this.length = length || 0;
+		this.text = text || '';
+	};
+
+	Range.prototype.toString = function() {
+		return JSON.stringify(this, null, '    ');
+	};
+
+	var _getCaretW3 = function(input) {
+		return input.selectionStart;
+	};
+
+	/**
+	 * @see http://stackoverflow.com/q/6943000/467582
+	 */
+	var _getCaretIE = function(input) {
+		var caret, range, textInputRange, rawValue, len, endRange;
+
+		// Yeah, you have to focus twice for IE 7 and 8.  *cries*
+		input.focus();
+		input.focus();
+
+		range = document.selection.createRange();
+
+		if (range && range.parentElement() === input) {
+			rawValue = _getValue(input);
+
+			len = rawValue.length;
+
+			// Create a working TextRange that lives only in the input
+			textInputRange = input.createTextRange();
+			textInputRange.moveToBookmark(range.getBookmark());
+
+			// Check if the start and end of the selection are at the very end
+			// of the input, since moveStart/moveEnd doesn't return what we want
+			// in those cases
+			endRange = input.createTextRange();
+			endRange.collapse(false);
+
+			if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) {
+				caret = rawValue.replace(_rNewlineIE, '\n').length;
+			} else {
+				caret = -textInputRange.moveStart("character", -len);
+			}
+
+			return caret;
+		}
+
+		// NOTE: This occurs when you highlight part of a textarea and then click in the middle of the highlighted portion in IE 6-10.
+		//       There doesn't appear to be anything we can do about it.
+//        alert("Your browser is incredibly stupid.  I don't know what else to say.");
+//        alert(range + '\n\n' + range.parentElement().tagName + '#' + range.parentElement().id);
+
+		return 0;
+	};
+
+	/**
+	 * Gets the position of the caret in the given input.
+	 * @param {HTMLInputElement|HTMLTextAreaElement} input input or textarea element
+	 * @returns {Number}
+	 * @see http://stackoverflow.com/questions/263743/how-to-get-cursor-position-in-textarea/263796#263796
+	 */
+	var _getCaret = function(input) {
+		if (!input) {
+			return undefined;
+		}
+
+		// Mozilla, et al.
+		if (_support.setSelectionRange) {
+			return _getCaretW3(input);
+		}
+		// IE
+		else if (_support.createTextRange) {
+			return _getCaretIE(input);
+		}
+
+		return undefined;
+	};
+
+	var _setCaretW3 = function(input, pos) {
+		input.setSelectionRange(pos, pos);
+	};
+
+	var _setCaretIE = function(input, pos) {
+		var range = input.createTextRange();
+		range.move('character', pos);
+		range.select();
+	};
+
+	/**
+	 * Sets the position of the caret in the given input.
+	 * @param {HTMLInputElement|HTMLTextAreaElement} input input or textarea element
+	 * @param {Number} pos
+	 * @see http://parentnode.org/javascript/working-with-the-cursor-position/
+	 */
+	var _setCaret = function(input, pos) {
+		input.focus();
+
+		pos = _getIndex(input, pos);
+
+		// Mozilla, et al.
+		if (_support.setSelectionRange) {
+			_setCaretW3(input, pos);
+		}
+		// IE
+		else if (_support.createTextRange) {
+			_setCaretIE(input, pos);
+		}
+	};
+
+	/**
+	 * Inserts the specified text at the current caret position in the given input.
+	 * @param {HTMLInputElement|HTMLTextAreaElement} input input or textarea element
+	 * @param {String} text
+	 * @see http://parentnode.org/javascript/working-with-the-cursor-position/
+	 */
+	var _insertAtCaret = function(input, text) {
+		var curPos = _getCaret(input);
+
+		var oldValueNorm = _getValue(input).replace(_rCarriageReturn, '');
+
+		var newLength = +(curPos + text.length + (oldValueNorm.length - curPos));
+		var maxLength = +input.getAttribute('maxlength');
+
+		if(_hasAttr(input, 'maxlength') && newLength > maxLength) {
+			var delta = text.length - (newLength - maxLength);
+			text = text.substr(0, delta);
+		}
+
+		_setValue(input, oldValueNorm.substr(0, curPos) + text + oldValueNorm.substr(curPos));
+
+		_setCaret(input, curPos + text.length);
+	};
+
+	var _getInputRangeW3 = function(input) {
+		var range = new Range();
+
+		range.start = input.selectionStart;
+		range.end = input.selectionEnd;
+
+		var min = Math.min(range.start, range.end);
+		var max = Math.max(range.start, range.end);
+
+		range.length = max - min;
+		range.text = _getValue(input).substring(min, max);
+
+		return range;
+	};
+
+	/** @see http://stackoverflow.com/a/3648244/467582 */
+	var _getInputRangeIE = function(input) {
+		var range = new Range();
+
+		input.focus();
+
+		var selection = document.selection.createRange();
+
+		if (selection && selection.parentElement() === input) {
+			var len, normalizedValue, textInputRange, endRange, start = 0, end = 0;
+			var rawValue = _getValue(input);
+
+			len = rawValue.length;
+			normalizedValue = rawValue.replace(/\r\n/g, "\n");
+
+			// Create a working TextRange that lives only in the input
+			textInputRange = input.createTextRange();
+			textInputRange.moveToBookmark(selection.getBookmark());
+
+			// Check if the start and end of the selection are at the very end
+			// of the input, since moveStart/moveEnd doesn't return what we want
+			// in those cases
+			endRange = input.createTextRange();
+			endRange.collapse(false);
+
+			if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) {
+				start = end = len;
+			} else {
+				start = -textInputRange.moveStart("character", -len);
+				start += normalizedValue.slice(0, start).split("\n").length - 1;
+
+				if (textInputRange.compareEndPoints("EndToEnd", endRange) > -1) {
+					end = len;
+				} else {
+					end = -textInputRange.moveEnd("character", -len);
+					end += normalizedValue.slice(0, end).split("\n").length - 1;
+				}
+			}
+
+			/// normalize newlines
+			start -= (rawValue.substring(0, start).split('\r\n').length - 1);
+			end -= (rawValue.substring(0, end).split('\r\n').length - 1);
+			/// normalize newlines
+
+			range.start = start;
+			range.end = end;
+			range.length = range.end - range.start;
+			range.text = normalizedValue.substr(range.start, range.length);
+		}
+
+		return range;
+	};
+
+	/**
+	 * Gets the selected text range of the given input.
+	 * @param {HTMLInputElement|HTMLTextAreaElement} input input or textarea element
+	 * @returns {Range}
+	 * @see http://stackoverflow.com/a/263796/467582
+	 * @see http://stackoverflow.com/a/2966703/467582
+	 */
+	var _getInputRange = function(input) {
+		if (!input) {
+			return undefined;
+		}
+
+		// Mozilla, et al.
+		if (_support.setSelectionRange) {
+			return _getInputRangeW3(input);
+		}
+		// IE
+		else if (_support.createTextRange) {
+			return _getInputRangeIE(input);
+		}
+
+		return undefined;
+	};
+
+	var _setInputRangeW3 = function(input, startPos, endPos) {
+		input.setSelectionRange(startPos, endPos);
+	};
+
+	var _setInputRangeIE = function(input, startPos, endPos) {
+		var tr = input.createTextRange();
+		tr.moveEnd('textedit', -1);
+		tr.moveStart('character', startPos);
+		tr.moveEnd('character', endPos - startPos);
+		tr.select();
+	};
+
+	/**
+	 * Sets the selected text range of (i.e., highlights text in) the given input.
+	 * @param {HTMLInputElement|HTMLTextAreaElement} input input or textarea element
+	 * @param {Number} startPos Zero-based index
+	 * @param {Number} endPos Zero-based index
+	 * @see http://parentnode.org/javascript/working-with-the-cursor-position/
+	 * @see http://stackoverflow.com/a/2966703/467582
+	 */
+	var _setInputRange = function(input, startPos, endPos) {
+		startPos = _getIndex(input, startPos);
+		endPos = _getIndex(input, endPos);
+
+		// Mozilla, et al.
+		if (_support.setSelectionRange) {
+			_setInputRangeW3(input, startPos, endPos);
+		}
+		// IE
+		else if (_support.createTextRange) {
+			_setInputRangeIE(input, startPos, endPos);
+		}
+	};
+
+	/**
+	 * Replaces the currently selected text with the given string.
+	 * @param {HTMLInputElement|HTMLTextAreaElement} input input or textarea element
+	 * @param {String} text New text that will replace the currently selected text.
+	 * @see http://parentnode.org/javascript/working-with-the-cursor-position/
+	 */
+	var _replaceInputRange = function(input, text) {
+		var $input = $(input);
+
+		var oldValue = $input.val();
+		var selection = _getInputRange(input);
+
+		var newLength = +(selection.start + text.length + (oldValue.length - selection.end));
+		var maxLength = +$input.attr('maxlength');
+
+		if($input.is('[maxlength]') && newLength > maxLength) {
+			var delta = text.length - (newLength - maxLength);
+			text = text.substr(0, delta);
+		}
+
+		// Now that we know what the user selected, we can replace it
+		var startText = oldValue.substr(0, selection.start);
+		var endText = oldValue.substr(selection.end);
+
+		$input.val(startText + text + endText);
+
+		// Reset the selection
+		var startPos = selection.start;
+		var endPos = startPos + text.length;
+
+		_setInputRange(input, selection.length ? startPos : endPos, endPos);
+	};
+
+	var _selectAllW3 = function(elem) {
+		var selection = window.getSelection();
+		var range = document.createRange();
+		range.selectNodeContents(elem);
+		selection.removeAllRanges();
+		selection.addRange(range);
+	};
+
+	var _selectAllIE = function(elem) {
+		var range = document.body.createTextRange();
+		range.moveToElementText(elem);
+		range.select();
+	};
+
+	/**
+	 * Select all text in the given element.
+	 * @param {HTMLElement} elem Any block or inline element other than a form element.
+	 */
+	var _selectAll = function(elem) {
+		var $elem = $(elem);
+		if ($elem.is('input, textarea') || elem.select) {
+			$elem.select();
+			return;
+		}
+
+		// Mozilla, et al.
+		if (_support.setSelectionRange) {
+			_selectAllW3(elem);
+		}
+		// IE
+		else if (_support.createTextRange) {
+			_selectAllIE(elem);
+		}
+	};
+
+	var _deselectAll = function() {
+		if (document.selection) {
+			document.selection.empty();
+		}
+		else if (window.getSelection) {
+			window.getSelection().removeAllRanges();
+		}
+	};
+
+	$.extend($.fn, {
+
+		/**
+		 * Gets or sets the position of the caret or inserts text at the current caret position in an input or textarea element.
+		 * @returns {Number|jQuery} The current caret position if invoked as a getter (with no arguments)
+		 * or this jQuery object if invoked as a setter or inserter.
+		 * @see http://web.archive.org/web/20080704185920/http://parentnode.org/javascript/working-with-the-cursor-position/
+		 * @since 1.0.0
+		 * @example
+		 * <pre>
+		 *    // Get position
+		 *    var pos = $('input:first').caret();
+		 * </pre>
+		 * @example
+		 * <pre>
+		 *    // Set position
+		 *    $('input:first').caret(15);
+		 *    $('input:first').caret(-3);
+		 * </pre>
+		 * @example
+		 * <pre>
+		 *    // Insert text at current position
+		 *    $('input:first').caret('Some text');
+		 * </pre>
+		 */
+		caret: function() {
+			var $inputs = this.filter('input, textarea');
+
+			// getCaret()
+			if (arguments.length === 0) {
+				var input = $inputs.get(0);
+				return _getCaret(input);
+			}
+			// setCaret(position)
+			else if (typeof arguments[0] === 'number') {
+				var pos = arguments[0];
+				$inputs.each(function(_i, input) {
+					_setCaret(input, pos);
+				});
+			}
+			// insertAtCaret(text)
+			else {
+				var text = arguments[0];
+				$inputs.each(function(_i, input) {
+					_insertAtCaret(input, text);
+				});
+			}
+
+			return this;
+		},
+
+		/**
+		 * Gets or sets the selection range or replaces the currently selected text in an input or textarea element.
+		 * @returns {Range|jQuery} The current selection range if invoked as a getter (with no arguments)
+		 * or this jQuery object if invoked as a setter or replacer.
+		 * @see http://stackoverflow.com/a/2966703/467582
+		 * @since 1.0.0
+		 * @example
+		 * <pre>
+		 *    // Get selection range
+		 *    var range = $('input:first').range();
+		 * </pre>
+		 * @example
+		 * <pre>
+		 *    // Set selection range
+		 *    $('input:first').range(15);
+		 *    $('input:first').range(15, 20);
+		 *    $('input:first').range(-3);
+		 *    $('input:first').range(-8, -3);
+		 * </pre>
+		 * @example
+		 * <pre>
+		 *    // Replace the currently selected text
+		 *    $('input:first').range('Replacement text');
+		 * </pre>
+		 */
+		range: function() {
+			var $inputs = this.filter('input, textarea');
+
+			// getRange() = { start: pos, end: pos }
+			if (arguments.length === 0) {
+				var input = $inputs.get(0);
+				return _getInputRange(input);
+			}
+			// setRange(startPos, endPos)
+			else if (typeof arguments[0] === 'number') {
+				var startPos = arguments[0];
+				var endPos = arguments[1];
+				$inputs.each(function(_i, input) {
+					_setInputRange(input, startPos, endPos);
+				});
+			}
+			// replaceRange(text)
+			else {
+				var text = arguments[0];
+				$inputs.each(function(_i, input) {
+					_replaceInputRange(input, text);
+				});
+			}
+
+			return this;
+		},
+
+		/**
+		 * Selects all text in each element of this jQuery object.
+		 * @returns {jQuery} This jQuery object
+		 * @see http://stackoverflow.com/a/11128179/467582
+		 * @since 1.5.0
+		 * @example
+		 * <pre>
+		 *     // Select the contents of span elements when clicked
+		 *     $('span').on('click', function() { $(this).highlight(); });
+		 * </pre>
+		 */
+		selectAll: function() {
+			return this.each(function(_i, elem) {
+				_selectAll(elem);
+			});
+		}
+
+	});
+
+	$.extend($, {
+		/**
+		 * Deselects all text on the page.
+		 * @returns {jQuery} The jQuery function
+		 * @since 1.5.0
+		 * @example
+		 * <pre>
+		 *     // Select some text
+		 *     $('span').selectAll();
+		 *
+		 *     // Deselect the text
+		 *     $.deselectAll();
+		 * </pre>
+		 */
+		deselectAll: function() {
+			_deselectAll();
+			return this;
+		}
+	});
+
+}(window.jQuery || window.Zepto || window.$));

js/legacy/jquery.ui.timepicker.css

@@ -0,0 +1,57 @@
+/*
+ * Timepicker stylesheet
+ * Highly inspired from datepicker
+ * FG - Nov 2010 - Web3R 
+ *
+ * version 0.0.3 : Fixed some settings, more dynamic
+ * version 0.0.4 : Removed width:100% on tables
+ * version 0.1.1 : set width 0 on tables to fix an ie6 bug
+ */
+
+.ui-timepicker-inline { display: inline; }
+
+#ui-timepicker-div { padding: 0.2em; }
+.ui-timepicker-table { display: inline-table; width: 0; }
+.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }
+
+.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }
+
+.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
+.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
+.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }
+
+/* span for disabled cells */
+.ui-timepicker-table td span {
+	display:block;
+    padding:0.2em 0.3em 0.2em 0.5em;
+    width: 1.2em;
+
+    text-align:right;
+    text-decoration:none;
+}
+/* anchors for clickable cells */
+.ui-timepicker-table td a {
+    display:block;
+    padding:0.2em 0.3em 0.2em 0.5em;
+    width: 1.2em;
+    cursor: pointer;
+    text-align:right;
+    text-decoration:none;
+}
+
+
+/* buttons and button pane styling */
+.ui-timepicker .ui-timepicker-buttonpane {
+    background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
+}
+.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+/* The close button */
+.ui-timepicker .ui-timepicker-close { float: right }
+
+/* the now button */
+.ui-timepicker .ui-timepicker-now { float: left; }
+
+/* the deselect button */
+.ui-timepicker .ui-timepicker-deselect { float: left; }
+
+

js/legacy/markdown-it-checkbox.js

@@ -0,0 +1,120 @@
+/**
+ * Original source code from https://github.com/mcecot/markdown-it-checkbox
+ * © 2015 Markus Cecot
+ * licenced under MIT
+ * https://github.com/mcecot/markdown-it-checkbox/blob/master/LICENSE
+ */
+var checkboxReplace;
+
+checkboxReplace = function(md, options, Token) {
+  "use strict";
+  var arrayReplaceAt, createTokens, defaults, lastId, pattern, splitTextToken;
+  arrayReplaceAt = md.utils.arrayReplaceAt;
+  lastId = 0;
+  defaults = {
+    divWrap: false,
+    divClass: 'checkbox',
+    idPrefix: 'checkbox'
+  };
+  options = Object.assign(defaults, options);
+  pattern = /(.*?)(\[(X|\s|\_|\-)\])(.*)/igm;
+  createTokens = function(checked, label, Token, before) {
+    var id, idNumeric, nodes, token;
+    nodes = [];
+
+    token = new Token("text", "", 0);
+    token.content = before;
+    nodes.push(token);
+
+    /**
+     * <div class="checkbox">
+     */
+    if (options.divWrap) {
+      token = new Token("checkbox_open", "div", 1);
+      token.attrs = [["class", options.divClass]];
+      nodes.push(token);
+    }
+
+    /**
+     * <input type="checkbox" id="checkbox{n}" checked="true">
+     */
+    id = options.idPrefix + lastId;
+    idNumeric = lastId;
+    lastId += 1;
+    token = new Token("checkbox_input", "input", 0);
+    token.attrs = [["type", "checkbox"], ["id", id], ["data-id", idNumeric]];
+    if (checked === true) {
+      token.attrs.push(["checked", "true"]);
+    }
+    token.attrs.push(["class", "checkbox"]);
+    nodes.push(token);
+
+    /**
+     * <label for="checkbox{n}">
+     */
+    token = new Token("label_open", "label", 1);
+    token.attrs = [["for", id], ["data-id", idNumeric]];
+    nodes.push(token);
+
+    /**
+     * content of label tag
+     */
+    token = new Token("text", "", 0);
+    token.content = label;
+    nodes.push(token);
+
+    /**
+     * closing tags
+     */
+    nodes.push(new Token("label_close", "label", -1));
+    if (options.divWrap) {
+      nodes.push(new Token("checkbox_close", "div", -1));
+    }
+    return nodes;
+  };
+  splitTextToken = function(original, Token) {
+    var checked, label, matches, text, value, before;
+    text = original.content;
+    matches = pattern.exec(text);
+    if (matches === null) {
+      return original;
+    }
+    checked = false;
+    before = matches[1];
+    value = matches[3];
+    label = matches[4];
+    if (value === "X" || value === "x") {
+      checked = true;
+    }
+    return createTokens(checked, label, Token, before);
+  };
+  return function(state) {
+    lastId = 0;
+	var blockTokens, i, j, l, token, tokens;
+    blockTokens = state.tokens;
+    j = 0;
+    l = blockTokens.length;
+    while (j < l) {
+      if (blockTokens[j].type !== "inline") {
+        j++;
+        continue;
+      }
+      tokens = blockTokens[j].children;
+      i = 0;
+      while (i < tokens.length) {
+        token = tokens[i];
+        blockTokens[j].children = tokens = arrayReplaceAt(tokens, i, splitTextToken(token, state.Token));
+        i++;
+      }
+      j++;
+    }
+  };
+};
+
+
+/*global module */
+
+module.exports = function(md, options) {
+  "use strict";
+  md.core.ruler.push("checkbox", checkboxReplace(md, options));
+};

js/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "deck",
+  "description": "Frontend for the Nextcloud Deck app",
+  "repository": "https://github.com/nextcloud/deck",
+  "version": "1.0.0",
+  "directories": {
+    "test": "tests"
+  },
+  "dependencies": {
+    "@uirouter/angularjs": "^1.0.25",
+    "angular": "^1.7.9",
+    "angular-animate": "^1.7.9",
+    "angular-file-upload": "^2.5.0",
+    "angular-markdown-it": "^0.6.1",
+    "angular-sanitize": "^1.7.9",
+    "babel-polyfill": "^6.26.0",
+    "markdown-it": "^10.0.0",
+    "markdown-it-link-target": "^1.0.2",
+    "nextcloud-axios": "^0.2.1",
+    "nextcloud-vue": "^0.12.8",
+    "nextcloud-vue-collections": "^0.6.0",
+    "ng-infinite-scroll": "^1.3.0",
+    "ng-sortable": "^1.3.8",
+    "ui-select": "^0.19.8",
+    "vue": "^2.6.11",
+    "vuex": "^3.1.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.9.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/polyfill": "^7.8.7",
+    "@babel/preset-env": "^7.9.0",
+    "babel-loader": "^8.1.0",
+    "css-loader": "^3.4.2",
+    "karma": "^4.4.1",
+    "mini-css-extract-plugin": "^0.9.0",
+    "style-loader": "^1.1.3",
+    "url-loader": "^4.0.0",
+    "vue-loader": "^15.9.1",
+    "vue-style-loader": "^4.1.2",
+    "vue-template-compiler": "^2.6.11",
+    "webpack": "^4.42.1",
+    "webpack-cli": "^3.3.11",
+    "webpack-merge": "^4.2.2"
+  },
+  "scripts": {
+    "build": "NODE_ENV=production ./node_modules/webpack-cli/bin/cli.js --mode production --config webpack.prod.config.js",
+    "dev": "./node_modules/webpack-cli/bin/cli.js --mode development --config webpack.dev.config.js",
+    "watch": "./node_modules/webpack-cli/bin/cli.js --mode development --config webpack.dev.config.js --watch",
+    "test": "echo \"Warning: no test specified\" && exit 0"
+  },
+  "author": "",
+  "license": "AGPL-3.0",
+  "keywords": []
+}

js/service/ActivityService.js

@@ -0,0 +1,256 @@
+/*
+ * @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+import CommentCollection from '../legacy/commentcollection';
+import CommentModel from '../legacy/commentmodel';
+
+const DECK_ACTIVITY_TYPE_BOARD = 'deck_board';
+const DECK_ACTIVITY_TYPE_CARD = 'deck_card';
+
+/* global OC oc_requesttoken */
+class ActivityService {
+
+	static get RESULT_PER_PAGE() { return 50; }
+
+	constructor ($rootScope, $filter, $http, $q) {
+		this.running = false;
+		this.runningNewer = false;
+		this.$filter = $filter;
+		this.$http = $http;
+		this.$q = $q;
+		this.$rootScope = $rootScope;
+		this.data = {};
+		this.data[DECK_ACTIVITY_TYPE_BOARD] = {};
+		this.data[DECK_ACTIVITY_TYPE_CARD] = {};
+		this.toEnhanceWithComments = [];
+		this.commentCollection = new CommentCollection();
+		this.commentCollection._limit = ActivityService.RESULT_PER_PAGE;
+		this.commentCollection.on('request', function() {
+		}, this);
+		this.commentCollection.on('sync', function(a) {
+			for (let index in this.toEnhanceWithComments) {
+				if (this.toEnhanceWithComments.hasOwnProperty(index)) {
+					let item = this.toEnhanceWithComments[index];
+					let commentId = Array.isArray(item.subject_rich[1].comment) ? item.subject_rich[1].comment.id : item.subject_rich[1].comment;
+					item.commentModel = this.commentCollection.get(commentId);
+					if (typeof item.commentModel !== 'undefined') {
+						this.toEnhanceWithComments = this.toEnhanceWithComments.filter((entry) => entry.activity_id !== item.activity_id);
+					}
+				}
+			}
+			var firstUnread = this.commentCollection.findWhere({isUnread: true});
+			if (typeof firstUnread !== 'undefined') {
+				this.commentCollection.updateReadMarker();
+			}
+			this.notify();
+		}, this);
+		this.commentCollection.on('add', function(model, collection, options) {
+			// we need to update the model, because it consists of client data
+			// only, but the server might add meta data, e.g. about mentions
+			model.fetch();
+		}, this);
+		this.since = {
+			deck_card: {
+
+			},
+			deck_board: {
+
+			},
+		};
+	}
+
+	/**
+	 * We need a event here to properly update scope once the external data from
+	 * the comments backbone js code has changed
+	 */
+	subscribe(scope, callback) {
+		let handler = this.$rootScope.$on('notify-comment-update', callback);
+		scope.$on('$destroy', handler);
+	}
+
+	notify() {
+		this.$rootScope.$emit('notify-comment-update');
+	}
+
+	static getUrl(type, id, since) {
+		if (type === DECK_ACTIVITY_TYPE_CARD) {
+			return OC.linkToOCS('apps/activity/api/v2/activity', 2) + 'filter?format=json&object_type=deck_card&object_id=' + id + '&limit=' + this.RESULT_PER_PAGE + '&since=' + since;
+		}
+		if (type === DECK_ACTIVITY_TYPE_BOARD) {
+			return OC.linkToOCS('apps/activity/api/v2/activity', 2) + 'deck?format=json&limit=' + this.RESULT_PER_PAGE + '&since=' + since;
+		}
+	}
+
+	fetchCardActivities(type, id, since) {
+		this.running = true;
+
+		this.checkData(type, id);
+		const self = this;
+		return this.$http.get(ActivityService.getUrl(type, id, since)).then(function (response) {
+			const objects = response.data.ocs.data;
+
+			for (let index in objects) {
+				if (objects.hasOwnProperty(index)) {
+					let item = objects[index];
+					self.addItem(type, id, item);
+					if (item.activity_id > self.since[type][id].latest) {
+						self.since[type][id].latest = item.activity_id;
+					}
+				}
+			}
+			self.data[type][id].sort(function(a, b) {
+				return b.activity_id - a.activity_id;
+			});
+			self.since[type][id].oldest = response.headers('X-Activity-Last-Given');
+			self.running = false;
+			return response;
+		}, function (error) {
+			if (error.status === 304 || error.status === 404) {
+				self.since[type][id].finished = true;
+			}
+			self.running = false;
+		});
+	}
+
+	fetchMoreActivities(type, id, success) {
+		const self = this;
+		this.checkData(type, id);
+		if (this.running === true) {
+			return this.runningPromise;
+		}
+		if (!this.since[type][id].finished) {
+			this.runningPromise = this.fetchCardActivities(type, id, this.since[type][id].oldest);
+			this.runningPromise.then(function() {
+				if (type === 'deck_card') {
+					self.commentCollection.fetchNext();
+				}
+			});
+			return this.runningPromise;
+		}
+		return Promise.reject();
+	}
+	checkData(type, id) {
+		if (!Array.isArray(this.data[type][id])) {
+			this.data[type][id] = [];
+		}
+		if (typeof this.since[type][id] === 'undefined') {
+			this.since[type][id] = {
+				latest: -1,
+				oldestCatchedUp: false,
+				oldest: '0',
+				finished: false,
+			};
+		}
+	}
+
+	addItem(type, id, item) {
+		const self = this;
+		const existingEntry = this.data[type][id].findIndex((entry) => { return entry.activity_id === item.activity_id; });
+		if (existingEntry !== -1) {
+			return;
+		}
+		/** check if the fetched item from all deck activities is actually related */
+		const isUnrelatedBoard = (item.object_type === DECK_ACTIVITY_TYPE_BOARD && item.object_id !== id);
+		const isUnrelatedCard = (item.object_type === DECK_ACTIVITY_TYPE_CARD && (
+			(item.subject_rich[1].board && item.subject_rich[1].board.id !== id) || (typeof item.subject_rich[1].board === 'undefined'))
+		);
+		if (type === DECK_ACTIVITY_TYPE_BOARD && (isUnrelatedBoard || isUnrelatedCard)) {
+			return;
+		}
+		item.timestamp = new Date(item.datetime).getTime();
+		item.type = 'activity';
+		if (item.subject_rich[1].comment) {
+			item.type = 'comment';
+			item.commentModel = this.commentCollection.get(item.subject_rich[1].comment);
+			if (typeof item.commentModel === 'undefined') {
+				this.toEnhanceWithComments.push(item);
+			}
+		}
+
+		this.data[type][id].push(item);
+	}
+
+	/**
+	 * Fetch newer activities starting from the latest ones that are in cache
+	 *
+	 * @param type
+	 * @param id
+	 */
+	fetchNewerActivities(type, id) {
+		if (this.since[type][id].latest === 0) {
+			return Promise.resolve();
+		}
+		let self = this;
+		return this.fetchNewer(type, id).then(function() {
+			return self.fetchNewerActivities(type, id);
+		});
+	}
+
+	fetchNewer(type, id) {
+		const deferred = this.$q.defer();
+		this.running = true;
+		this.runningNewer = true;
+		const self = this;
+		this.$http.get(ActivityService.getUrl(type, id, this.since[type][id].latest) + '&sort=asc').then(function (response) {
+			let objects = response.data.ocs.data;
+
+			let data = [];
+			for (let index in objects) {
+				if (objects.hasOwnProperty(index)) {
+					let item = objects[index];
+					self.addItem(type, id, item);
+				}
+			}
+			self.data[type][id].sort(function(a, b) {
+				return b.activity_id - a.activity_id;
+			});
+			self.since[type][id].latest = response.headers('X-Activity-Last-Given');
+			self.data[type][id] = data.concat(self.data[type][id]);
+			self.running = false;
+			self.runningNewer = false;
+			deferred.resolve(objects);
+		}, function (error) {
+			self.runningNewer = false;
+			self.running = false;
+		});
+		return deferred.promise;
+	}
+
+	getData(type, id) {
+		if (!Array.isArray(this.data[type][id])) {
+			return [];
+		}
+		return this.data[type][id];
+	}
+
+	loadComments(id) {
+		this.commentCollection.reset();
+		this.commentCollection.setObjectId(id);
+	}
+
+}
+
+app.service('ActivityService', ActivityService);
+
+export default ActivityService;
+export {DECK_ACTIVITY_TYPE_BOARD, DECK_ACTIVITY_TYPE_CARD};

js/service/ApiService.js

@@ -0,0 +1,232 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+/** global: oc_defaults */
+app.factory('ApiService', function ($http, $q) {
+	var ApiService = function (http, endpoint) {
+		// Consider renaming endpoint to resource
+		this.endpoint = endpoint;
+		this.baseUrl = this.generateUrl(this.endpoint);
+		this.http = http;
+		this.q = $q;
+		this.data = {};
+		this.deleted = {};
+		this.id = null;
+		this.sorted = [];
+	};
+
+	ApiService.prototype.generateUrl = function(path) {
+		return OC.generateUrl('/apps/deck/' + path);
+	};
+
+	ApiService.prototype.tryAllThenDeleted = function(id) {
+		let object = this.data[id];
+		if (object === undefined) {
+			object = this.deleted[id];
+		}
+		return object;
+	};
+
+	ApiService.prototype.fetchAll = function () {
+		var deferred = $q.defer();
+		var self = this;
+		$http.get(this.baseUrl).then(function (response) {
+			var objects = response.data;
+			objects.forEach(function (obj) {
+				self.data[obj.id] = obj;
+			});
+			deferred.resolve(self.data);
+		}, function (error) {
+			deferred.reject('Fetching ' + self.endpoint + ' failed');
+		});
+		return deferred.promise;
+	};
+
+	ApiService.prototype.fetchDeleted = function (scopeId) {
+		var deferred = $q.defer();
+		var self = this;
+		self.deleted = {};
+		$http.get(this.generateUrl(scopeId + '/' + this.endpoint + '/deleted')).then(function (response) {
+			var objects = response.data;
+			objects.forEach(function (obj) {
+				if(self.deleted[obj.id] !== undefined) {
+					return;
+				}
+
+				self.deleted[obj.id] = obj;
+
+				if(self.afterFetch !== undefined) {
+					self.afterFetch(obj);
+				}
+			});
+			deferred.resolve(objects);
+		}, function (error) {
+			deferred.reject('Fetching ' + self.endpoint + ' failed');
+		});
+		return deferred.promise;
+	};
+
+
+	ApiService.prototype.fetchOne = function (id) {
+
+		this.id = id;
+		var deferred = $q.defer();
+
+		if (id === undefined) {
+			return deferred.promise;
+		}
+
+		var self = this;
+		$http.get(this.baseUrl + '/' + id).then(function (response) {
+			var data = response.data;
+			if (self.data[data.id] === undefined) {
+				self.data[data.id] = response.data;
+			}
+			$.each(response.data, function (key, value) {
+				self.data[data.id][key] = value;
+			});
+			deferred.resolve(response.data);
+
+		}, function (error) {
+			deferred.reject('Fetching ' + self.endpoint + ' failed');
+		});
+		return deferred.promise;
+	};
+
+	ApiService.prototype.create = function (entity) {
+		var deferred = $q.defer();
+		var self = this;
+		$http.post(this.baseUrl, entity).then(function (response) {
+			self.add(response.data);
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject(error.data.message);
+		});
+		return deferred.promise;
+	};
+
+	ApiService.prototype.update = function (entity) {
+		var deferred = $q.defer();
+		var self = this;
+		$http.put(this.baseUrl + '/' + entity.id, entity).then(function (response) {
+			self.add(response.data);
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject(error.data.message);
+		});
+		return deferred.promise;
+
+	};
+
+	ApiService.prototype.delete = function (id) {
+		var deferred = $q.defer();
+		var self = this;
+
+		$http.delete(this.baseUrl + '/' + id).then(function (response) {
+			self.deleted[id] = self.data[id];
+			delete self.data[id];
+
+			let deletedAt = response.data.deletedAt;
+			if (deletedAt !== undefined) {
+				self.deleted[id].deletedAt = deletedAt;
+			}
+
+			deferred.resolve(response.data);
+
+		}, function (error) {
+			deferred.reject('Deleting ' + self.endpoint + ' failed');
+		});
+		return deferred.promise;
+	};
+
+	ApiService.prototype.undoDelete = function(entity) {
+		var self = this;
+		entity.deletedAt = 0;
+
+		var promise = this.update(entity);
+
+		promise.then(() => {
+			self.data[entity.id] = entity;
+			delete this.deleted[entity.id];
+		});
+
+		return promise;
+	};
+
+	// methods for managing data
+	ApiService.prototype.clear = function () {
+		this.data = {};
+	};
+
+	ApiService.prototype.add = function (entity) {
+		var element = this.data[entity.id];
+		if (element === undefined) {
+			this.data[entity.id] = entity;
+		} else {
+			Object.keys(entity).forEach(function (key) {
+				if (entity[key] !== null && element[key] !== entity[key]) {
+					element[key] = entity[key];
+				}
+			});
+			element.status = {};
+		}
+	};
+
+	ApiService.prototype.addAll = function (entities) {
+		var self = this;
+		angular.forEach(entities, function (entity) {
+			self.add(entity);
+		});
+	};
+
+	ApiService.prototype.getCurrent = function () {
+		return this.data[this.id];
+	};
+
+	ApiService.prototype.unsetCurrrent = function () {
+		this.id = null;
+	};
+
+
+	ApiService.prototype.getData = function () {
+		return $.map(this.data, function (value, index) {
+			return [value];
+		});
+	};
+
+	ApiService.prototype.getAll = function () {
+		return this.data;
+	};
+
+	ApiService.prototype.get = function (id) {
+		return this.data[id];
+	};
+
+	ApiService.prototype.getName = function () {
+		var funcNameRegex = /function (.{1,})\(/;
+		var results = (funcNameRegex).exec((this).constructor.toString());
+		return (results && results.length > 1) ? results[1] : '';
+	};
+
+	return ApiService;
+
+});

js/service/BoardService.js

@@ -0,0 +1,272 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+/* global app OC angular */
+app.factory('BoardService', function (ApiService, $http, $q) {
+	var BoardService = function ($http, ep, $q) {
+		ApiService.call(this, $http, ep, $q);
+	};
+	BoardService.prototype = angular.copy(ApiService.prototype);
+
+	BoardService.prototype.delete = function (id) {
+		var deferred = $q.defer();
+		var self = this;
+
+		$http.delete(this.baseUrl + '/' + id).then(function (response) {
+			self.data[id].deletedAt = response.data.deletedAt;
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Deleting ' + self.endpoint + ' failed');
+		});
+		return deferred.promise;
+	};
+
+	BoardService.prototype.deleteUndo = function (id) {
+		var deferred = $q.defer();
+		var self = this;
+		var _id = id;
+		$http.post(this.baseUrl + '/' + id + '/deleteUndo').then(function (response) {
+			self.data[_id].deletedAt = 0;
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Deleting ' + self.endpoint + ' failed');
+		});
+		return deferred.promise;
+	};
+
+	BoardService.prototype.searchUsers = function (search) {
+		var deferred = $q.defer();
+		var self = this;
+		var searchData = {
+			format: 'json',
+			perPage: 4,
+			itemType: [0, 1, 7]
+		};
+		if (search !== "") {
+			searchData.search = search;
+		}
+		$http({
+			method: 'GET',
+			url: OC.linkToOCS('apps/files_sharing/api/v1') + 'sharees',
+			params: searchData
+		})
+			.then(function (result) {
+				var response = result.data;
+				if (response.ocs.meta.statuscode !== 100) {
+					deferred.reject('Error while searching for sharees');
+					return;
+				}
+				self.sharees = [];
+
+				var users = response.ocs.data.exact.users.concat(response.ocs.data.users.slice(0, 4));
+				var groups = response.ocs.data.exact.groups.concat(response.ocs.data.groups.slice(0, 4));
+				var circles = response.ocs.data.exact.groups.concat(response.ocs.data.circles.slice(0, 4));
+
+				// filter out everyone who is already in the share list
+				angular.forEach(users, function (item) {
+					var acl = self.generateAcl(OC.Share.SHARE_TYPE_USER, item);
+					var exists = false;
+					angular.forEach(self.getCurrent().acl, function (acl) {
+						if (acl.participant.primaryKey === item.value.shareWith) {
+							exists = true;
+						}
+					});
+					if (!exists && OC.getCurrentUser().uid !== item.value.shareWith) {
+						self.sharees.push(acl);
+					}
+				});
+				angular.forEach(groups, function (item) {
+					var acl = self.generateAcl(OC.Share.SHARE_TYPE_GROUP, item);
+					var exists = false;
+					angular.forEach(self.getCurrent().acl, function (acl) {
+						if (acl.participant.primaryKey === item.value.shareWith) {
+							exists = true;
+						}
+					});
+					if (!exists) {
+						self.sharees.push(acl);
+					}
+				});
+				angular.forEach(circles, function (item) {
+					var acl = self.generateAcl(OC.Share.SHARE_TYPE_CIRCLE, item);
+					var exists = false;
+					angular.forEach(self.getCurrent().acl, function (acl) {
+						if (acl.participant.primaryKey === item.value.shareWith) {
+							exists = true;
+						}
+					});
+					if (!exists) {
+						self.sharees.push(acl);
+					}
+				});
+
+				deferred.resolve(self.sharees);
+			}, function () {
+				deferred.reject('Error while searching for sharees');
+			});
+
+		return deferred.promise;
+	};
+
+	BoardService.prototype.generateAcl = function (type, ocsItem) {
+		return {
+			boardId: null,
+			id: null,
+			owner: false,
+			participant: {
+				primaryKey: ocsItem.value.shareWith,
+				uid: ocsItem.value.shareWith,
+				displayname: ocsItem.label
+			},
+			permissionEdit: true,
+			permissionManage: false,
+			permissionShare: false,
+			type: type
+		};
+	};
+
+	BoardService.prototype.addAcl = function (acl) {
+		var board = this.getCurrent();
+		var deferred = $q.defer();
+		var self = this;
+		var _acl = acl;
+		$http.post(this.baseUrl + '/' + acl.boardId + '/acl', _acl).then(function (response) {
+			if (!board.acl || board.acl.length === 0) {
+				board.acl = {};
+			}
+			board.acl[response.data.id] = response.data;
+			if (response.data.type === OC.Share.SHARE_TYPE_USER) {
+				self._updateUsers();
+			} else {
+				self.fetchOne(response.data.boardId);
+			}
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error creating ACL ' + _acl);
+		});
+		acl = null;
+		return deferred.promise;
+	};
+
+	BoardService.prototype.deleteAcl = function (acl) {
+		var board = this.getCurrent();
+		var deferred = $q.defer();
+		var self = this;
+		$http.delete(this.baseUrl + '/' + acl.boardId + '/acl/' + acl.id).then(function (response) {
+			var index = board.acl.findIndex((item) => item.id === response.data.id);
+			delete board.acl[index];
+			if (response.data.type === OC.Share.SHARE_TYPE_USER) {
+				self._updateUsers();
+			} else {
+				self.fetchOne(response.data.boardId);
+			}
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error deleting ACL ' + acl.id);
+		});
+		acl = null;
+		return deferred.promise;
+	};
+
+	BoardService.prototype.updateAcl = function (acl) {
+		var board = this.getCurrent();
+		var deferred = $q.defer();
+		var self = this;
+		var _acl = acl;
+		$http.put(this.baseUrl + '/' + acl.boardId + '/acl', _acl).then(function (response) {
+			var index = board.acl.findIndex((item) => item.id === _acl.id);
+			board.acl[index] = response.data;
+			if (response.data.type === OC.Share.SHARE_TYPE_USER) {
+				self._updateUsers();
+			} else {
+				self.fetchOne(response.data.boardId);
+			}
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error updating ACL ' + _acl);
+		});
+		acl = null;
+		return deferred.promise;
+	};
+
+	BoardService.prototype._updateUsers = function () {
+		if (!this.getCurrent() || !this.getCurrent().acl) {
+			return [];
+		}
+
+		this.getCurrent().users = [this.getCurrent().owner];
+		let self = this;
+		angular.forEach(this.getCurrent().acl, function(value, key) {
+			if (value.type === OC.Share.SHARE_TYPE_USER) {
+				self.getCurrent().users.push(value.participant);
+			}
+		});
+	};
+
+	BoardService.prototype.getUsers = function () {
+		if (this.getCurrent() && !this.getCurrent().users) {
+			this._updateUsers();
+		}
+		return this.getCurrent().users;
+	};
+
+	BoardService.prototype.canRead = function () {
+		if (!this.getCurrent() || !this.getCurrent().permissions) {
+			return false;
+		}
+		return this.getCurrent().permissions['PERMISSION_READ'];
+	};
+
+	BoardService.prototype.canEdit = function () {
+		if (!this.getCurrent() || !this.getCurrent().permissions) {
+			return false;
+		}
+		return this.getCurrent().permissions['PERMISSION_EDIT'];
+	};
+
+	BoardService.prototype.canManage = function (board) {
+		if (board !== null && board !== undefined) {
+			return board.permissions['PERMISSION_MANAGE'];
+		}
+		if (!this.getCurrent() || !this.getCurrent().permissions) {
+			return false;
+		}
+		return this.getCurrent().permissions['PERMISSION_MANAGE'];
+	};
+
+	BoardService.prototype.canShare = function () {
+		if (!this.getCurrent() || !this.getCurrent().permissions) {
+			return false;
+		}
+		return this.getCurrent().permissions['PERMISSION_SHARE'];
+	};
+
+	BoardService.prototype.isArchived = function () {
+		if (!this.getCurrent() || this.getCurrent().archived) {
+			return true;
+		}
+		return false;
+	};
+
+	return new BoardService($http, 'boards', $q);
+
+});

js/service/CardService.js

@@ -0,0 +1,177 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+app.factory('CardService', function (ApiService, $http, $q) {
+	var CardService = function ($http, ep, $q) {
+		ApiService.call(this, $http, ep, $q);
+	};
+	CardService.prototype = angular.copy(ApiService.prototype);
+
+	CardService.prototype.reorder = function (card, order) {
+		var deferred = $q.defer();
+		var self = this;
+		$http.put(this.baseUrl + '/' + card.id + '/reorder', {
+			cardId: card.id,
+			order: order,
+			stackId: card.stackId
+		}).then(function (response) {
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error while update ' + self.endpoint);
+		});
+		return deferred.promise;
+	};
+
+	CardService.prototype.rename = function (card) {
+		var deferred = $q.defer();
+		var self = this;
+		$http.put(this.baseUrl + '/' + card.id + '/rename', {
+			cardId: card.id,
+			title: card.title
+		}).then(function (response) {
+			self.data[card.id].title = card.title;
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error while renaming ' + self.endpoint);
+		});
+		return deferred.promise;
+	};
+
+	CardService.prototype.assignLabel = function (card, label) {
+		var url = this.baseUrl + '/' + card + '/label/' + label;
+		var deferred = $q.defer();
+		var self = this;
+		$http.post(url).then(function (response) {
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error while update ' + self.endpoint);
+		});
+		return deferred.promise;
+	};
+	CardService.prototype.removeLabel = function (card, label) {
+		var url = this.baseUrl + '/' + card + '/label/' + label;
+		var deferred = $q.defer();
+		var self = this;
+		$http.delete(url).then(function (response) {
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error while update ' + self.endpoint);
+		});
+		return deferred.promise;
+	};
+
+	CardService.prototype.archive = function (card) {
+		var deferred = $q.defer();
+		var self = this;
+		$http.put(this.baseUrl + '/' + card.id + '/archive', {}).then(function (response) {
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error while update ' + self.endpoint);
+		});
+		return deferred.promise;
+
+	};
+
+	CardService.prototype.unarchive = function (card) {
+		var deferred = $q.defer();
+		var self = this;
+		$http.put(this.baseUrl + '/' + card.id + '/unarchive', {}).then(function (response) {
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error while update ' + self.endpoint);
+		});
+		return deferred.promise;
+	};
+
+	CardService.prototype.assignUser = function (card, user) {
+		var deferred = $q.defer();
+		var self = this;
+		if (self.get(card.id).assignedUsers === null) {
+			self.get(card.id).assignedUsers = [];
+		}
+		$http.post(this.baseUrl + '/' + card.id + '/assign', {'userId': user}).then(function (response) {
+			self.get(card.id).assignedUsers.push(response.data);
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error while update ' + self.endpoint);
+		});
+		return deferred.promise;
+
+	};
+
+	CardService.prototype.unassignUser = function (card, user) {
+		var deferred = $q.defer();
+		var self = this;
+		$http.delete(this.baseUrl + '/' + card.id + '/assign/' + user, {}).then(function (response) {
+			self.get(card.id).assignedUsers = self.get(card.id).assignedUsers.filter(function (obj) {
+				return obj.participant.uid !== user;
+			});
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error while update ' + self.endpoint);
+		});
+		return deferred.promise;
+	};
+
+	CardService.prototype.attachmentRemove = function (attachment) {
+		var deferred = $q.defer();
+		var self = this;
+		$http.delete(this.baseUrl + '/' + this.getCurrent().id + '/attachment/' + attachment.id, {}).then(function (response) {
+			if (response.data.deletedAt > 0) {
+				let currentAttachment = self.getCurrent().attachments.find(function (obj) {
+					if (obj.id === attachment.id) {
+						obj.deletedAt = response.data.deletedAt;
+					}
+				});
+
+			} else {
+				self.getCurrent().attachments = self.getCurrent().attachments.filter(function (obj) {
+					return obj.id !== attachment.id;
+				});
+			}
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error when removing the attachment');
+		});
+		return deferred.promise;
+	};
+
+	CardService.prototype.attachmentRemoveUndo = function (attachment) {
+		var deferred = $q.defer();
+		var self = this;
+		$http.get(this.baseUrl + '/' + this.getCurrent().id + '/attachment/' + attachment.id + '/restore', {}).then(function (response) {
+			let currentAttachment = self.getCurrent().attachments.find(function (obj) {
+				if (obj.id === attachment.id) {
+					obj.deletedAt = response.data.deletedAt;
+				}
+			});
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error when restoring the attachment');
+		});
+		return deferred.promise;
+	};
+
+	var service = new CardService($http, 'cards', $q);
+	return service;
+});

js/service/FileService.js

@@ -0,0 +1,137 @@
+/*
+* @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+/* global OC oc_requesttoken */
+export default class FileService {
+
+	constructor (FileUploader, CardService, $rootScope, $filter) {
+		this.$filter = $filter;
+		this.uploader = new FileUploader();
+		this.cardservice = CardService;
+		this.uploader.onAfterAddingFile = this.onAfterAddingFile.bind(this);
+		this.uploader.onSuccessItem = this.onSuccessItem.bind(this);
+		this.uploader.onErrorItem = this.onErrorItem.bind(this);
+		this.uploader.onCancelItem = this.onCancelItem.bind(this);
+
+		this.maxUploadSize = $rootScope.config.maxUploadSize;
+		this.progress = [];
+		this.status = null;
+	}
+
+	reset () {
+		this.status = null;
+	}
+
+	runUpload (fileItem, attachmentId) {
+		this.status = null;
+		fileItem.url = OC.generateUrl('/apps/deck/cards/' + fileItem.cardId + '/attachment?type=deck_file');
+		if (typeof attachmentId !== 'undefined') {
+			fileItem.url = OC.generateUrl('/apps/deck/cards/' + fileItem.cardId + '/attachment/' + attachmentId + '?type=deck_file');
+		} else {
+			fileItem.formData = [
+				{
+					requesttoken: oc_requesttoken,
+					type: 'deck_file',
+				}
+			];
+		}
+		fileItem.headers = {requesttoken: oc_requesttoken};
+
+		this.uploader.uploadItem(fileItem);
+	}
+
+	onAfterAddingFile (fileItem) {
+		if (this.maxUploadSize > 0 && fileItem.file.size > this.maxUploadSize) {
+			this.status = {
+				error: t('deck', `Failed to upload {name}`, {name: fileItem.file.name}),
+				message: t('deck', 'Maximum file size of {size} exceeded', {size: this.$filter('bytes')(this.maxUploadSize)})
+			};
+			return;
+		}
+
+		// Fetch card details before trying to upload so we can detect filename collisions properly
+		let self = this;
+		this.progress.push(fileItem);
+		this.cardservice.fetchOne(fileItem.cardId).then(function (data) {
+			let attachments = self.cardservice.get(fileItem.cardId).attachments;
+			let existingFile = attachments.find((attachment) => {
+				return attachment.data === fileItem.file.name;
+			});
+			if (typeof existingFile !== 'undefined') {
+				OC.dialogs.confirm(
+					t('deck', `A file with the name ${fileItem.file.name} already exists. Do you want to overwrite it?`),
+					t('deck', 'File already exists'),
+					function (result) {
+						if (result) {
+							self.runUpload(fileItem, existingFile.id);
+						} else {
+							let fileName = existingFile.extendedData.info.filename;
+							let foundFilesMatching = attachments.filter((attachment) => {
+								return attachment.extendedData.info.extension === existingFile.extendedData.info.extension
+									&& attachment.extendedData.info.filename.startsWith(fileName);
+							});
+							let nextIndex = foundFilesMatching.length + 1;
+							fileItem.file.name = fileName + ' (' + nextIndex + ').' + existingFile.extendedData.info.extension;
+							self.runUpload(fileItem);
+						}
+					}
+				);
+			} else {
+				self.runUpload(fileItem);
+			}
+		}, function (error) {
+			this.progress = this.progress.filter((item) => (fileItem.file.name !== item.file.name));
+		});
+
+	}
+
+	onSuccessItem (item, response) {
+		let attachments = this.cardservice.get(item.cardId).attachments;
+		let index = attachments.indexOf(attachments.find((attachment) => attachment.id === response.id));
+		if (~index) {
+			attachments = attachments.splice(index, 1);
+		}
+		this.cardservice.get(item.cardId).attachments.push(response);
+		this.progress = this.progress.filter((fileItem) => (fileItem.file.name !== item.file.name));
+	}
+
+	onErrorItem (item, response) {
+		this.progress = this.progress.filter((fileItem) => (fileItem.file.name !== item.file.name));
+		this.status = {
+			error: t('deck', `Failed to upload:`) + ' ' + item.file.name,
+			message: response.message
+		};
+	}
+
+	onCancelItem (item) {
+		this.progress = this.progress.filter((fileItem) => (fileItem.file.name !== item.file.name));
+	}
+
+	getProgressItemsForCard (cardId) {
+		return this.progress.filter((fileItem) => (fileItem.cardId === cardId));
+	}
+
+}
+
+app.service('FileService', FileService);

js/service/LabelService.js

@@ -0,0 +1,30 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+app.factory('LabelService', function (ApiService, $http, $q) {
+	var LabelService = function ($http, ep, $q) {
+		ApiService.call(this, $http, ep, $q);
+	};
+	LabelService.prototype = angular.copy(ApiService.prototype);
+	return new LabelService($http, 'labels', $q);
+});

js/service/StackService.js

@@ -0,0 +1,139 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+/* global app angular */
+app.factory('StackService', function (ApiService, CardService, $http, $q) {
+	var StackService = function ($http, ep, $q) {
+		ApiService.call(this, $http, ep, $q);
+	};
+	StackService.prototype = angular.copy(ApiService.prototype);
+
+	StackService.prototype.afterFetch = function(stack) {
+		CardService.addAll(stack.cards);
+	};
+
+	StackService.prototype.fetchAll = function (boardId) {
+		var deferred = $q.defer();
+		var self = this;
+		$http.get(this.baseUrl + '/' + boardId).then(function (response) {
+			self.clear();
+			self.addAll(response.data);
+			// When loading a stack add cards to the CardService so we can fetch
+			// information from there. That way we don't need to refresh the whole
+			// stack data during digest if some value changes
+			angular.forEach(response.data, function (entity) {
+				CardService.addAll(entity.cards);
+			});
+			deferred.resolve(self.data);
+		}, function (error) {
+			deferred.reject('Error while loading stacks');
+		});
+		return deferred.promise;
+	};
+
+	StackService.prototype.fetchArchived = function (boardId) {
+		var deferred = $q.defer();
+		var self = this;
+		$http.get(this.baseUrl + '/' + boardId + '/archived').then(function (response) {
+			self.clear();
+			self.addAll(response.data);
+			angular.forEach(response.data, function (entity) {
+				CardService.addAll(entity.cards);
+			});
+			deferred.resolve(self.data);
+		}, function (error) {
+			deferred.reject('Error while loading stacks');
+		});
+		return deferred.promise;
+	};
+
+	StackService.prototype.addCard = function (entity) {
+		if (!this.data[entity.stackId].cards) {
+			this.data[entity.stackId].cards = [];
+		}
+		this.data[entity.stackId].cards.push(entity);
+	};
+
+	StackService.prototype.reorder = function (stack, order) {
+		var deferred = $q.defer();
+		var self = this;
+		$http.put(this.baseUrl + '/' + stack.id + '/reorder', {
+			stackId: stack.id,
+			order: order
+		}).then(function (response) {
+			angular.forEach(response.data, function (value, key) {
+				var id = value.id;
+				self.data[id].order = value.order;
+			});
+			deferred.resolve(response.data);
+		}, function (error) {
+			deferred.reject('Error while update ' + self.endpoint);
+		});
+		return deferred.promise;
+	};
+
+	StackService.prototype.reorderCard = function (entity, order) {
+		// assign new order
+		for (var i = 0, j = 0; i < this.data[entity.stackId].cards.length; i++) {
+			if (this.data[entity.stackId].cards[i].id === entity.id) {
+				this.data[entity.stackId].cards[i].order = order;
+			}
+			if (j === order) {
+				j++;
+			}
+			if (this.data[entity.stackId].cards[i].id !== entity.id) {
+				this.data[entity.stackId].cards[i].order = j++;
+			}
+		}
+		// sort array by order
+		this.data[entity.stackId].cards.sort(function (a, b) {
+			if (a.order < b.order)
+			{return -1;}
+			if (a.order > b.order)
+			{return 1;}
+			return 0;
+		});
+	};
+
+	StackService.prototype.updateCard = function (entity) {
+		var self = this;
+		var cards = this.data[entity.stackId].cards;
+		for (var i = 0; i < cards.length; i++) {
+			if (cards[i].id === entity.id) {
+				cards[i] = entity;
+			}
+		}
+	};
+	StackService.prototype.removeCard = function (entity) {
+		var self = this;
+		var cards = this.data[entity.stackId].cards;
+		for (var i = 0; i < cards.length; i++) {
+			if (cards[i].id === entity.id) {
+				cards.splice(i, 1);
+			}
+		}
+	};
+
+	var service = new StackService($http, 'stacks', $q);
+	return service;
+});

js/service/StatusService.js

@@ -0,0 +1,82 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 app from '../app/App.js';
+
+app.factory('StatusService', function () {
+	// Status Helper
+	var StatusService = function () {
+		this.active = true;
+		this.icon = 'loading';
+		this.title = '';
+		this.text = '';
+		this.counter = 0;
+	};
+
+
+	StatusService.prototype.setStatus = function ($icon, $title, $text) {
+		this.active = true;
+		this.icon = $icon;
+		this.title = $title;
+		this.text = $text;
+	};
+
+	StatusService.prototype.setError = function ($title, $text) {
+		this.active = true;
+		this.icon = 'error';
+		this.title = $title;
+		this.text = $text;
+		this.counter = 0;
+	};
+
+	StatusService.prototype.releaseWaiting = function () {
+		if (this.counter > 0) {
+			this.counter--;
+		}
+		if (this.counter <= 0) {
+			this.active = false;
+			this.counter = 0;
+		}
+	};
+
+	StatusService.prototype.retainWaiting = function () {
+		this.active = true;
+		this.icon = 'loading';
+		this.title = '';
+		this.text = '';
+		this.counter++;
+	};
+
+	StatusService.prototype.unsetStatus = function () {
+		this.active = false;
+	};
+
+	return {
+		getInstance: function () {
+			return new StatusService();
+		},
+		/* Shared StatusService instance between both ListController instances */
+		listStatus: new StatusService()
+	};
+
+});
+
+

js/tests/unit/boardcontrollerspec.js

@@ -0,0 +1,41 @@
+/*
+ * @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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/>.
+ *  
+ */
+
+describe('BoardController', function() {
+  'use strict';
+
+  var $controller;
+
+  beforeEach(inject(function(_$controller_){
+    // The injector unwraps the underscores (_) from around the parameter names when matching
+    $controller = _$controller_;
+  }));
+
+  describe('$scope.rgblight', function() {
+    it('converts rbg color to a lighter color', function() {
+      var $scope = {};
+      var controller = $controller('BoardController', { $scope: $scope });
+      var hex = $scope.rgblight('red');
+      expect(hex).toEqual('#red');
+    });
+  });
+});

js/views/BoardSelector.vue

@@ -25,17 +25,12 @@
 		<div id="modal-inner" :class="{ 'icon-loading': loading }">
 			<h1>{{ t('deck', 'Select the board to link to a project') }}</h1>
 			<ul v-if="!loading">
-				<li v-for="board in availableBoards"
-					:key="board.id"
-					:class="{'selected': (selectedBoard === board.id) }"
-					@click="selectedBoard=board.id">
-					<span :style="{ 'backgroundColor': '#' + board.color }" class="board-bullet" />
+				<li v-for="board in boards" v-if="!currentBoard || ''+board.id !== ''+currentBoard" @click="selectedBoard=board.id" :class="{'selected': (selectedBoard === board.id) }">
+					<span class="board-bullet" :style="{ 'backgroundColor': '#' + board.color }"></span>
 					<span>{{ board.title }}</span>
 				</li>
 			</ul>
-			<button v-if="!loading" class="primary" @click="select">
-				{{ t('deck', 'Select board') }}
-			</button>
+			<button v-if="!loading" @click="select" class="primary">{{ t('deck', 'Select board') }}</button>
 		</div>
 	</Modal>
 </template>
@@ -74,45 +69,50 @@
 
 </style>
 <script>
-import { Modal } from '@nextcloud/vue/dist/Components/Modal'
-import axios from '@nextcloud/axios'
+	/* global OC */
+	import { Modal } from 'nextcloud-vue/dist/Components/Modal'
+	import { Avatar } from 'nextcloud-vue/dist/Components/Avatar'
+	import axios from 'nextcloud-axios'
 
-export default {
-	name: 'BoardSelector',
-	components: {
-		Modal,
-	},
-	data() {
-		return {
-			boards: [],
-			selectedBoard: null,
-			loading: true,
-			currentBoard: null,
-		}
-	},
-	computed: {
-		availableBoards() {
-			return this.boards.filter((board) => ('' + board.id !== '' + this.currentBoard))
+	export default {
+		name: 'CollaborationView',
+		components: {
+			Modal, Avatar
 		},
-	},
-	beforeMount() {
-		this.fetchBoards()
-		this.currentBoard = window.location.hash.match(/\/boards\/([0-9]+)/)[1] || null
-	},
-	methods: {
-		fetchBoards() {
-			axios.get(OC.generateUrl('/apps/deck/boards')).then((response) => {
-				this.boards = response.data
-				this.loading = false
-			})
+		data() {
+			return {
+				boards: [],
+				selectedBoard: null,
+				loading: true,
+				currentBoard: null,
+			}
 		},
-		close() {
-			this.$root.$emit('close')
+		beforeMount() {
+			this.fetchBoards();
+			if (typeof angular !== 'undefined' && angular.element('#board')) {
+				try {
+					this.currentBoard = angular.element('#board').scope().boardservice.id || null;
+				} catch (e) {}
+			}
 		},
-		select() {
-			this.$root.$emit('select', this.selectedBoard)
-		},
-	},
+		methods: {
+			fetchBoards() {
+				axios.get(OC.generateUrl('/apps/deck/boards')).then((response) => {
+					this.boards = response.data
+					this.loading = false
+				})
+			},
+			close() {
+				this.$root.$emit('close');
+			},
+			select() {
+				this.$root.$emit('select', this.selectedBoard)
 
-}
+			}
+		},
+		computed: {
+
+		},
+
+	}
 </script>

js/views/CollaborationView.vue

@@ -22,34 +22,35 @@
 
 <template>
 	<div>
-		<CollectionList v-if="boardId"
-			:id="boardId"
-			:name="boardTitle"
-			type="deck" />
+		<collection-list v-if="boardId" type="deck" :id="boardId" :name="boardTitle"></collection-list>
 	</div>
 </template>
 
 <script>
-import { CollectionList } from 'nextcloud-vue-collections'
+	import { CollectionList } from 'nextcloud-vue-collections';
+	import Vue from 'vue';
+	import PopoverMenu from 'nextcloud-vue/dist/Components/PopoverMenu'
 
-export default {
-	name: 'CollaborationView',
-	components: {
-		CollectionList: CollectionList,
-	},
-	computed: {
-		boardId() {
-			if (this.$root.model && this.$root.model.id) {
-				return '' + this.$root.model.id
+	Vue.component('popover-menu', PopoverMenu);
+
+	export default {
+		name: 'CollaborationView',
+		computed: {
+			boardId() {
+				if (this.$root.model && this.$root.model.id) {
+					return '' + this.$root.model.id;
+				}
+				return null;
+			},
+			boardTitle() {
+				if (this.$root.model && this.$root.model.title) {
+					return '' + this.$root.model.title;
+				}
+				return '';
 			}
-			return null
 		},
-		boardTitle() {
-			if (this.$root.model && this.$root.model.title) {
-				return '' + this.$root.model.title
-			}
-			return ''
-		},
-	},
-}
+		components: {
+			CollectionList: CollectionList
+		}
+	}
 </script>

js/webpack.config.js

@@ -0,0 +1,76 @@
+const path = require('path');
+const webpack = require('webpack');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const { VueLoaderPlugin } = require('vue-loader');
+
+module.exports = {
+	node: {
+		fs: 'empty',
+	},
+	entry: {
+		deck: ['./init.js'],
+		collections: ['./init-collections.js']
+	},
+	output: {
+		filename: '[name].js',
+		path: __dirname + '/build'
+	},
+	module: {
+		rules: [
+			{
+				test: /\.css$/,
+				use: ['vue-style-loader', 'style-loader', 'css-loader']
+			},
+			{
+				test: /\.vue$/,
+				loader: 'vue-loader'
+			},
+			{
+				test: /\.js$/,
+				exclude: /node_modules/,
+				loader: 'babel-loader',
+				query: {
+					presets: ['@babel/preset-env'],
+					plugins: ['@babel/plugin-syntax-dynamic-import']
+				}
+			},
+			{
+				test: /\.scss$/,
+				use: [
+					'vue-style-loader',
+					'css-loader',
+					'sass-loader'
+				]
+			},
+			{
+				test: /\.(png|jpg|gif|svg)$/,
+				loader: 'url-loader',
+				options: {
+					name: '[name].[ext]?[hash]'
+				}
+			},
+		]
+	},
+	/* use external jQuery from server */
+	externals: {
+		'jquery': 'jQuery'
+	},
+	resolve: {
+		alias: {
+			vue$: 'vue/dist/vue.esm.js'
+		},
+		extensions: ['*', '.js', '.vue', '.json'],
+		modules: [
+			path.resolve(__dirname),
+			path.join(__dirname, 'node_modules'),
+			'node_modules'
+		]
+	},
+	plugins: [
+		new VueLoaderPlugin(),
+		new webpack.ProvidePlugin({
+			$: 'jquery',
+			jQuery: 'jquery'
+		})
+	]
+};

js/webpack.dev.config.js

@@ -0,0 +1,7 @@
+const merge = require('webpack-merge');
+const baseConfig = require('./webpack.config.js');
+
+module.exports = merge(baseConfig, {
+  mode: 'development',
+  devtool: 'source-map',
+});

js/webpack.prod.config.js

@@ -0,0 +1,18 @@
+const webpack = require('webpack');
+const merge = require('webpack-merge');
+const baseConfig = require('./webpack.config.js');
+const TerserPlugin = require('terser-webpack-plugin');
+
+
+module.exports = merge(baseConfig, {
+  mode: 'production',
+  devtool: '#source-map',
+  optimization: {
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        test: /vendor\.js(\?.*)?$/i,
+      }),
+    ],
+  },
+});

krankerl.toml

@@ -1,4 +1,5 @@
 [package]
 before_cmds = [
-    'make release'
+    'make clean-build',
+    'make build'
 ]

l10n/af.js

@@ -1,8 +1,10 @@
 OC.L10N.register(
     "deck",
     {
+    "Hours" : "Uur",
+    "Minutes" : "Minute",
+    "File already exists" : "Lêer bestaan reeds",
     "Personal" : "Persoonlik",
-    "copy" : "kopie",
     "Done" : "Gereed",
     "The file was uploaded" : "Die lêer is opgelaai",
     "The uploaded file exceeds the upload_max_filesize directive in php.ini" : "Die opgelaaide lêer oorskry die upload_max_filesize riglyn in php.ini",
@@ -11,25 +13,21 @@ OC.L10N.register(
     "No file was uploaded" : "Geen lêer is opgelaai",
     "Missing a temporary folder" : "Ontbrekende tydelike gids",
     "A PHP extension stopped the file upload" : "’n PHP-uitbreiding het die oplaai gestaak",
-    "Cancel" : "Kanselleer",
-    "File already exists" : "Lêer bestaan reeds",
-    "Today" : "Vandag",
-    "Details" : "Besonderhede",
+    "Actions" : "Aksies",
+    "Close" : "Sluit",
     "Tags" : "Etikette",
-    "Can edit" : "Kan redigeer",
-    "Can share" : "Kan deel",
-    "Delete" : "Skrap",
+    "Group" : "Groep",
+    "Loading" : "Laai tans..",
     "Edit" : "Wysig",
+    "Share" : "Deel",
+    "Create" : "Skep",
+    "Title" : "Titel",
+    "Cancel upload" : "Kanselleer oplaai",
+    "by" : "deur",
+    "Created:" : "Geskep:",
     "Due date" : "Sperdatum",
     "Description" : "Beskrywing",
-    "Comments" : "Kommentare",
-    "Modified" : "Gewysig",
-    "Created" : "Geskep",
-    "Save" : "Stoor",
-    "Reply" : "Antwoord",
-    "Update" : "Werk by",
-    "seconds ago" : "sekondes gelede",
-    "Settings" : "Instellings",
-    "An error occurred" : "'n Fout het voorgekom"
+    "Saved" : "Bewaar",
+    "Settings" : "Instellings"
 },
 "nplurals=2; plural=(n != 1);");

l10n/af.json

@@ -1,6 +1,8 @@
 { "translations": {
+    "Hours" : "Uur",
+    "Minutes" : "Minute",
+    "File already exists" : "Lêer bestaan reeds",
     "Personal" : "Persoonlik",
-    "copy" : "kopie",
     "Done" : "Gereed",
     "The file was uploaded" : "Die lêer is opgelaai",
     "The uploaded file exceeds the upload_max_filesize directive in php.ini" : "Die opgelaaide lêer oorskry die upload_max_filesize riglyn in php.ini",
@@ -9,25 +11,21 @@
     "No file was uploaded" : "Geen lêer is opgelaai",
     "Missing a temporary folder" : "Ontbrekende tydelike gids",
     "A PHP extension stopped the file upload" : "’n PHP-uitbreiding het die oplaai gestaak",
-    "Cancel" : "Kanselleer",
-    "File already exists" : "Lêer bestaan reeds",
-    "Today" : "Vandag",
-    "Details" : "Besonderhede",
+    "Actions" : "Aksies",
+    "Close" : "Sluit",
     "Tags" : "Etikette",
-    "Can edit" : "Kan redigeer",
-    "Can share" : "Kan deel",
-    "Delete" : "Skrap",
+    "Group" : "Groep",
+    "Loading" : "Laai tans..",
     "Edit" : "Wysig",
+    "Share" : "Deel",
+    "Create" : "Skep",
+    "Title" : "Titel",
+    "Cancel upload" : "Kanselleer oplaai",
+    "by" : "deur",
+    "Created:" : "Geskep:",
     "Due date" : "Sperdatum",
     "Description" : "Beskrywing",
-    "Comments" : "Kommentare",
-    "Modified" : "Gewysig",
-    "Created" : "Geskep",
-    "Save" : "Stoor",
-    "Reply" : "Antwoord",
-    "Update" : "Werk by",
-    "seconds ago" : "sekondes gelede",
-    "Settings" : "Instellings",
-    "An error occurred" : "'n Fout het voorgekom"
+    "Saved" : "Bewaar",
+    "Settings" : "Instellings"
 },"pluralForm" :"nplurals=2; plural=(n != 1);"
 }

l10n/ar.js

@@ -1,36 +1,42 @@
 OC.L10N.register(
     "deck",
     {
+    "Hours" : "ساعات",
+    "Minutes" : "دقائق",
+    "File already exists" : "الملف موجود مسبقاً",
     "Personal" : "شخصي",
     "Finished" : "مكتملة",
-    "copy" : "أنسخ",
     "Done" : "تم",
     "The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form" : "حجم الملف الذي تريد ترفيعه أعلى مما MAX_FILE_SIZE يسمح به في واجهة ال HTML.",
     "No file was uploaded" : "لم يتم رفع أي ملف",
     "Missing a temporary folder" : "المجلد المؤقت غير موجود",
-    "Cancel" : "إلغاء",
-    "File already exists" : "الملف موجود مسبقاً",
-    "Today" : "اليوم",
-    "Details" : "التفاصيل",
+    "Actions" : "الإجراءات",
+    "Delete card" : "حذف البطاقة",
+    "Close" : "إغلاق",
     "Sharing" : "المشاركة",
     "Tags" : "الوسوم",
     "Timeline" : "الخيط الزمني",
-    "Undo" : "تراجع",
-    "Can edit" : "يمكنه التغيير",
-    "Can share" : "Can share",
-    "Delete" : "حذف ",
+    "Group" : "الفريق",
+    "Circle" : "حلقة",
+    "Loading" : "Loading",
     "Edit" : "تعديل",
+    "Share" : "شارك",
+    "Update tag" : "تحديث الوسم",
+    "Edit tag" : "تعديل الوسم",
+    "Delete tag" : "حذف الوسم",
+    "Create" : "إنشاء",
+    "Status" : "الحالة",
+    "Title" : "العنوان",
+    "More actions" : "إجراءات أخرى",
+    "Cancel upload" : "إلغاء الرفع",
+    "by" : "من قبل",
+    "Delete attachment" : "حذف المرفق",
+    "Modified:" : "عُدل في :",
+    "Created:" : "تاريخ الإنشاء :",
     "Description" : "الوصف",
     "Attachments" : "المرفقات",
-    "Comments" : "تعليقات",
-    "Modified" : "آخر تعديل",
+    "Saved" : "تم الإحتفاظ به",
     "Upload attachment" : "رفع المرفقات",
-    "Save" : "حفظ",
-    "Reply" : "رد",
-    "Update" : "تحديث",
-    "Delete card" : "حذف البطاقة",
-    "seconds ago" : "ثوان مضت",
-    "Settings" : "الإعدادات",
-    "An error occurred" : "طرأ هناك خطأ"
+    "Settings" : "الإعدادات"
 },
 "nplurals=6; plural=n==0 ? 0 : n==1 ? 1 : n==2 ? 2 : n%100>=3 && n%100<=10 ? 3 : n%100>=11 && n%100<=99 ? 4 : 5;");

l10n/ar.json

@@ -1,34 +1,40 @@
 { "translations": {
+    "Hours" : "ساعات",
+    "Minutes" : "دقائق",
+    "File already exists" : "الملف موجود مسبقاً",
     "Personal" : "شخصي",
     "Finished" : "مكتملة",
-    "copy" : "أنسخ",
     "Done" : "تم",
     "The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form" : "حجم الملف الذي تريد ترفيعه أعلى مما MAX_FILE_SIZE يسمح به في واجهة ال HTML.",
     "No file was uploaded" : "لم يتم رفع أي ملف",
     "Missing a temporary folder" : "المجلد المؤقت غير موجود",
-    "Cancel" : "إلغاء",
-    "File already exists" : "الملف موجود مسبقاً",
-    "Today" : "اليوم",
-    "Details" : "التفاصيل",
+    "Actions" : "الإجراءات",
+    "Delete card" : "حذف البطاقة",
+    "Close" : "إغلاق",
     "Sharing" : "المشاركة",
     "Tags" : "الوسوم",
     "Timeline" : "الخيط الزمني",
-    "Undo" : "تراجع",
-    "Can edit" : "يمكنه التغيير",
-    "Can share" : "Can share",
-    "Delete" : "حذف ",
+    "Group" : "الفريق",
+    "Circle" : "حلقة",
+    "Loading" : "Loading",
     "Edit" : "تعديل",
+    "Share" : "شارك",
+    "Update tag" : "تحديث الوسم",
+    "Edit tag" : "تعديل الوسم",
+    "Delete tag" : "حذف الوسم",
+    "Create" : "إنشاء",
+    "Status" : "الحالة",
+    "Title" : "العنوان",
+    "More actions" : "إجراءات أخرى",
+    "Cancel upload" : "إلغاء الرفع",
+    "by" : "من قبل",
+    "Delete attachment" : "حذف المرفق",
+    "Modified:" : "عُدل في :",
+    "Created:" : "تاريخ الإنشاء :",
     "Description" : "الوصف",
     "Attachments" : "المرفقات",
-    "Comments" : "تعليقات",
-    "Modified" : "آخر تعديل",
+    "Saved" : "تم الإحتفاظ به",
     "Upload attachment" : "رفع المرفقات",
-    "Save" : "حفظ",
-    "Reply" : "رد",
-    "Update" : "تحديث",
-    "Delete card" : "حذف البطاقة",
-    "seconds ago" : "ثوان مضت",
-    "Settings" : "الإعدادات",
-    "An error occurred" : "طرأ هناك خطأ"
+    "Settings" : "الإعدادات"
 },"pluralForm" :"nplurals=6; plural=n==0 ? 0 : n==1 ? 1 : n==2 ? 2 : n%100>=3 && n%100<=10 ? 3 : n%100>=11 && n%100<=99 ? 4 : 5;"
 }

l10n/ast.js

@@ -1,6 +1,9 @@
 OC.L10N.register(
     "deck",
     {
+    "Hours" : "Hores",
+    "Minutes" : "Minutos",
+    "File already exists" : "Yá esiste'l ficheru",
     "Deck" : "Deck",
     "Personal" : "Personal",
     "Finished" : "Finó",
@@ -14,28 +17,34 @@ OC.L10N.register(
     "Missing a temporary folder" : "Falta un direutoriu temporal",
     "Could not write file to disk" : "Nun pudo escribise nel discu'l ficheru",
     "A PHP extension stopped the file upload" : "Una estensión de PHP paró la xuba de ficheros",
-    "Cancel" : "Encaboxar",
-    "File already exists" : "Yá esiste'l ficheru",
-    "Today" : "Güei",
+    "Submit" : "Unviar",
     "Show archived cards" : "Amosar tarxetes archivaes",
-    "Details" : "Detalles",
+    "Actions" : "Aiciones",
+    "Close" : "Zarrar",
     "Sharing" : "Compartiendo",
     "Tags" : "Etiquetes",
-    "Undo" : "Desfacer",
-    "Can edit" : "Can edit",
-    "Can share" : "Can share",
-    "Delete" : "Desaniciar",
+    "Select users or groups to share with" : "Esbilla usuarios o grupos colos que compartir",
+    "Group" : "Group",
+    "Circle" : "Círculu",
+    "No matching user or group found." : "Nun s'alcontró dengún usuariu o grupu que concasara.",
+    "Loading" : "Cargando",
     "Edit" : "Editar",
+    "Share" : "Compartir",
+    "Manage" : "Xestionar",
+    "Discard share" : "Escartar compartición",
+    "Create" : "Crear",
+    "Status" : "Estáu",
+    "Title" : "Títulu",
+    "Members" : "Miembros",
+    "More actions" : "Más aiciones",
+    "Cancel upload" : "Encaboxar xuba",
+    "by" : "por",
+    "Modified:" : "Modificáu:",
+    "Created:" : "Creóse'l",
+    "Click to set" : "Primi p'afitar",
     "Description" : "Descripción",
     "Attachments" : "Axuntos",
-    "Comments" : "Comentarios",
-    "Modified" : "Modificóse'l",
-    "Created" : "Creóse",
-    "Save" : "Guardar",
-    "Reply" : "Rempuesta",
-    "Update" : "Anovar",
-    "(group)" : "(grupu)",
-    "seconds ago" : "hai segundos",
+    "Saved" : "Guardóse",
     "Settings" : "Settings"
 },
 "nplurals=2; plural=(n != 1);");

l10n/ast.json

@@ -1,4 +1,7 @@
 { "translations": {
+    "Hours" : "Hores",
+    "Minutes" : "Minutos",
+    "File already exists" : "Yá esiste'l ficheru",
     "Deck" : "Deck",
     "Personal" : "Personal",
     "Finished" : "Finó",
@@ -12,28 +15,34 @@
     "Missing a temporary folder" : "Falta un direutoriu temporal",
     "Could not write file to disk" : "Nun pudo escribise nel discu'l ficheru",
     "A PHP extension stopped the file upload" : "Una estensión de PHP paró la xuba de ficheros",
-    "Cancel" : "Encaboxar",
-    "File already exists" : "Yá esiste'l ficheru",
-    "Today" : "Güei",
+    "Submit" : "Unviar",
     "Show archived cards" : "Amosar tarxetes archivaes",
-    "Details" : "Detalles",
+    "Actions" : "Aiciones",
+    "Close" : "Zarrar",
     "Sharing" : "Compartiendo",
     "Tags" : "Etiquetes",
-    "Undo" : "Desfacer",
-    "Can edit" : "Can edit",
-    "Can share" : "Can share",
-    "Delete" : "Desaniciar",
+    "Select users or groups to share with" : "Esbilla usuarios o grupos colos que compartir",
+    "Group" : "Group",
+    "Circle" : "Círculu",
+    "No matching user or group found." : "Nun s'alcontró dengún usuariu o grupu que concasara.",
+    "Loading" : "Cargando",
     "Edit" : "Editar",
+    "Share" : "Compartir",
+    "Manage" : "Xestionar",
+    "Discard share" : "Escartar compartición",
+    "Create" : "Crear",
+    "Status" : "Estáu",
+    "Title" : "Títulu",
+    "Members" : "Miembros",
+    "More actions" : "Más aiciones",
+    "Cancel upload" : "Encaboxar xuba",
+    "by" : "por",
+    "Modified:" : "Modificáu:",
+    "Created:" : "Creóse'l",
+    "Click to set" : "Primi p'afitar",
     "Description" : "Descripción",
     "Attachments" : "Axuntos",
-    "Comments" : "Comentarios",
-    "Modified" : "Modificóse'l",
-    "Created" : "Creóse",
-    "Save" : "Guardar",
-    "Reply" : "Rempuesta",
-    "Update" : "Anovar",
-    "(group)" : "(grupu)",
-    "seconds ago" : "hai segundos",
+    "Saved" : "Guardóse",
     "Settings" : "Settings"
 },"pluralForm" :"nplurals=2; plural=(n != 1);"
 }

l10n/az.js

@@ -1,27 +1,29 @@
 OC.L10N.register(
     "deck",
     {
+    "Hours" : "Saatlar",
+    "Minutes" : "Dəqiqələr",
     "Personal" : "Şəxsi",
     "Done" : "Done",
     "The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form" : "Yüklənilən faylın həcmi HTML formasinda olan MAX_FILE_SIZE direktivində təyin dilmiş həcmi aşır.",
     "No file was uploaded" : "Heç bir fayl yüklənilmədi",
     "Missing a temporary folder" : "Müvəqqəti qovluq çatışmır",
-    "Cancel" : "Dayandır",
-    "Today" : "Bu gün",
-    "Details" : "Detallar",
+    "Actions" : "İşlər",
+    "Close" : "Bağla",
     "Sharing" : "Paylaşılır",
     "Tags" : "Işarələr",
-    "Can edit" : "Can edit",
-    "Can share" : "Can share",
-    "Delete" : "Sil",
+    "Group" : "Qrup",
+    "Loading" : "Loading",
     "Edit" : "Dəyişiklik et",
+    "Share" : "Paylaş",
+    "Create" : "Yarat",
+    "Title" : "Başlıq",
+    "Cancel upload" : "Yüklənməni dayandır",
+    "by" : "onunla",
+    "Modified:" : "Dəyişdirildi:",
+    "Created:" : "Yaradıldı:",
     "Description" : "Açıqlanma",
-    "Modified" : "Dəyişdirildi",
-    "Save" : "Saxla",
-    "Reply" : "Cavab",
-    "Update" : "Yenilənmə",
-    "(group)" : "(qrup)",
-    "seconds ago" : "saniyələr öncə",
+    "Saved" : "Saxlanıldı",
     "Settings" : "Quraşdırmalar"
 },
 "nplurals=2; plural=(n != 1);");

l10n/az.json

@@ -1,25 +1,27 @@
 { "translations": {
+    "Hours" : "Saatlar",
+    "Minutes" : "Dəqiqələr",
     "Personal" : "Şəxsi",
     "Done" : "Done",
     "The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form" : "Yüklənilən faylın həcmi HTML formasinda olan MAX_FILE_SIZE direktivində təyin dilmiş həcmi aşır.",
     "No file was uploaded" : "Heç bir fayl yüklənilmədi",
     "Missing a temporary folder" : "Müvəqqəti qovluq çatışmır",
-    "Cancel" : "Dayandır",
-    "Today" : "Bu gün",
-    "Details" : "Detallar",
+    "Actions" : "İşlər",
+    "Close" : "Bağla",
     "Sharing" : "Paylaşılır",
     "Tags" : "Işarələr",
-    "Can edit" : "Can edit",
-    "Can share" : "Can share",
-    "Delete" : "Sil",
+    "Group" : "Qrup",
+    "Loading" : "Loading",
     "Edit" : "Dəyişiklik et",
+    "Share" : "Paylaş",
+    "Create" : "Yarat",
+    "Title" : "Başlıq",
+    "Cancel upload" : "Yüklənməni dayandır",
+    "by" : "onunla",
+    "Modified:" : "Dəyişdirildi:",
+    "Created:" : "Yaradıldı:",
     "Description" : "Açıqlanma",
-    "Modified" : "Dəyişdirildi",
-    "Save" : "Saxla",
-    "Reply" : "Cavab",
-    "Update" : "Yenilənmə",
-    "(group)" : "(qrup)",
-    "seconds ago" : "saniyələr öncə",
+    "Saved" : "Saxlanıldı",
     "Settings" : "Quraşdırmalar"
 },"pluralForm" :"nplurals=2; plural=(n != 1);"
 }

l10n/bg.js

@@ -1,45 +1,56 @@
 OC.L10N.register(
     "deck",
     {
+    "Hours" : "Часове",
+    "Minutes" : "Минути",
+    "File already exists" : "Файлът вече съществува",
     "Personal" : "Лични",
     "Finished" : "Готово",
     "To review" : "За преглед",
     "Action needed" : "Необходимо е действие",
     "Later" : "По-късно",
-    "copy" : "Копиране",
     "Done" : "Готово",
     "The file was uploaded" : "Файлът е качен",
     "The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form" : "Размерът на файла надвишава максималния размер определен от MAX_FILE_SIZE в HTML формата.",
     "The file was only partially uploaded" : "Файлът е качен частично",
     "No file was uploaded" : "Нито един файл не е качен",
     "Missing a temporary folder" : "Липсва временна папка",
-    "Cancel" : "Отказ",
-    "File already exists" : "Файлът вече съществува",
-    "Do you want to overwrite it?" : "Искате ли да го презапишете?",
-    "Filter by tag" : "Филтрирай по маркер",
-    "Today" : "Днес",
-    "Details" : "Подробности",
+    "Submit" : "Изпращане",
+    "Actions" : "Действия",
+    "Close" : "Затваряне",
     "Sharing" : "Споделяне",
     "Tags" : "Етикети",
-    "Undo" : "Отмяна",
-    "Can edit" : "Може да редактира",
-    "Can share" : "Може да споделя",
-    "Delete" : "Изтриване",
+    "Select users or groups to share with" : "Споделяне с потребители или групи",
+    "Group" : "Група",
+    "Circle" : "Кръг",
+    "No matching user or group found." : "Не са намерени съвпадащи потребители или групи",
+    "Loading" : "Зареждане",
     "Edit" : "Редакция",
+    "Share" : "Сподели",
+    "Manage" : "Управление",
+    "Discard share" : "Отхвърляне на споделяне",
+    "Delete tag" : "Изтрий таг",
+    "Create" : "Създай",
+    "Create a new tag" : "Създаване на нов етикет",
+    "Status" : "Състояние",
+    "Title" : "Име",
+    "Members" : "Членове",
+    "More actions" : "Още действия",
+    "Cancel upload" : "Откажи качването",
+    "by" : "от",
+    "Modified:" : "Променена:",
+    "Created:" : "Създадена:",
+    "Choose a tag" : "Изберете етикет",
+    "Add a tag" : "Етикети",
+    "Select tags" : "Изберете етикети",
+    "Assign users" : "Зачисляване на потребител",
+    "Choose a user to assign" : "Изберете потребител на който да бъде зачислена",
     "Due date" : "Крайна дата",
     "Remove due date" : "Премахни крайната дата",
     "Description" : "Описание",
     "Attachments" : "Прикачени файлове",
-    "Comments" : "Коментари",
-    "Modified" : "Промяна",
-    "Created" : "Създаден",
+    "Saved" : "Запазено",
     "Upload attachment" : "Качване",
-    "Save" : "Запазване",
-    "Reply" : "Отговори",
-    "Update" : "Обновяване",
-    "(group)" : "(група)",
-    "seconds ago" : "преди секунди",
-    "Settings" : "Настройки",
-    "An error occurred" : "Възникна грешка"
+    "Settings" : "Настройки"
 },
 "nplurals=2; plural=(n != 1);");

l10n/bg.json

@@ -1,43 +1,54 @@
 { "translations": {
+    "Hours" : "Часове",
+    "Minutes" : "Минути",
+    "File already exists" : "Файлът вече съществува",
     "Personal" : "Лични",
     "Finished" : "Готово",
     "To review" : "За преглед",
     "Action needed" : "Необходимо е действие",
     "Later" : "По-късно",
-    "copy" : "Копиране",
     "Done" : "Готово",
     "The file was uploaded" : "Файлът е качен",
     "The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form" : "Размерът на файла надвишава максималния размер определен от MAX_FILE_SIZE в HTML формата.",
     "The file was only partially uploaded" : "Файлът е качен частично",
     "No file was uploaded" : "Нито един файл не е качен",
     "Missing a temporary folder" : "Липсва временна папка",
-    "Cancel" : "Отказ",
-    "File already exists" : "Файлът вече съществува",
-    "Do you want to overwrite it?" : "Искате ли да го презапишете?",
-    "Filter by tag" : "Филтрирай по маркер",
-    "Today" : "Днес",
-    "Details" : "Подробности",
+    "Submit" : "Изпращане",
+    "Actions" : "Действия",
+    "Close" : "Затваряне",
     "Sharing" : "Споделяне",
     "Tags" : "Етикети",
-    "Undo" : "Отмяна",
-    "Can edit" : "Може да редактира",
-    "Can share" : "Може да споделя",
-    "Delete" : "Изтриване",
+    "Select users or groups to share with" : "Споделяне с потребители или групи",
+    "Group" : "Група",
+    "Circle" : "Кръг",
+    "No matching user or group found." : "Не са намерени съвпадащи потребители или групи",
+    "Loading" : "Зареждане",
     "Edit" : "Редакция",
+    "Share" : "Сподели",
+    "Manage" : "Управление",
+    "Discard share" : "Отхвърляне на споделяне",
+    "Delete tag" : "Изтрий таг",
+    "Create" : "Създай",
+    "Create a new tag" : "Създаване на нов етикет",
+    "Status" : "Състояние",
+    "Title" : "Име",
+    "Members" : "Членове",
+    "More actions" : "Още действия",
+    "Cancel upload" : "Откажи качването",
+    "by" : "от",
+    "Modified:" : "Променена:",
+    "Created:" : "Създадена:",
+    "Choose a tag" : "Изберете етикет",
+    "Add a tag" : "Етикети",
+    "Select tags" : "Изберете етикети",
+    "Assign users" : "Зачисляване на потребител",
+    "Choose a user to assign" : "Изберете потребител на който да бъде зачислена",
     "Due date" : "Крайна дата",
     "Remove due date" : "Премахни крайната дата",
     "Description" : "Описание",
     "Attachments" : "Прикачени файлове",
-    "Comments" : "Коментари",
-    "Modified" : "Промяна",
-    "Created" : "Създаден",
+    "Saved" : "Запазено",
     "Upload attachment" : "Качване",
-    "Save" : "Запазване",
-    "Reply" : "Отговори",
-    "Update" : "Обновяване",
-    "(group)" : "(група)",
-    "seconds ago" : "преди секунди",
-    "Settings" : "Настройки",
-    "An error occurred" : "Възникна грешка"
+    "Settings" : "Настройки"
 },"pluralForm" :"nplurals=2; plural=(n != 1);"
 }

l10n/bn_BD.js

@@ -1,27 +1,29 @@
 OC.L10N.register(
     "deck",
     {
+    "Hours" : "ঘন্টা",
+    "Minutes" : "মিনিট",
     "Personal" : "ব্যক্তিগত",
     "Done" : "Done",
     "The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form" : "আপলোড করা ফাইলটি  HTML  ফর্মে উল্লিখিত MAX_FILE_SIZE নির্ধারিত ফাইলের সর্বোচ্চ আকার  অতিক্রম করতে চলেছে ",
     "No file was uploaded" : "কোন ফাইল আপলোড করা হয় নি",
     "Missing a temporary folder" : "অস্থায়ী ফোল্ডারটি হারানো গিয়েছে",
-    "Cancel" : "বাতির",
-    "Today" : "আজ",
-    "Details" : "বিসতারিত",
+    "Actions" : "পদক্ষেপসমূহ",
+    "Close" : "বন্ধ",
     "Sharing" : "ভাগাভাগিরত",
     "Tags" : "ট্যাগ",
-    "Can edit" : "Can edit",
-    "Can share" : "Can share",
-    "Delete" : "মুছে",
+    "Group" : "গোষ্ঠীসমূহ",
+    "Loading" : "Loading",
     "Edit" : "সম্পাদনা",
+    "Share" : "ভাগাভাগি কর",
+    "Create" : "তৈরী কর",
+    "Title" : "শিরোনাম",
+    "Cancel upload" : "আপলোড বাতিল কর",
+    "by" : "কর্তৃক",
+    "Modified:" : "পরিবর্তিতঃ",
+    "Created:" : "তৈরীর নির্ঘন্টঃ",
     "Description" : "বিবরণ",
-    "Modified" : "পরিবর্তিত",
-    "Save" : "সংরক্ষণ",
-    "Reply" : "জবাব",
-    "Update" : "পরিবর্ধন",
-    "(group)" : "(গোষ্ঠি)",
-    "seconds ago" : "সেকেন্ড পূর্বে",
+    "Saved" : "সংরক্ষণ করা হলো",
     "Settings" : "সেটিংস"
 },
 "nplurals=2; plural=(n != 1);");