Merge remote-tracking branch 'origin/vue' into master-merge-vue
This commit is contained in:
Julius Härtl
14
.drone.yml
14
.drone.yml
@@ -135,19 +135,23 @@ trigger:
|
|||||||
kind: pipeline
|
kind: pipeline
|
||||||
name: frontend
|
name: frontend
|
||||||
steps:
|
steps:
|
||||||
- name: eslint
|
- name: install
|
||||||
image: nextcloudci/eslint:eslint-1
|
image: node:lts-alpine
|
||||||
commands:
|
commands:
|
||||||
- ./run-eslint.sh
|
- npm install
|
||||||
|
- name: eslint
|
||||||
|
image: node:lts-alpine
|
||||||
|
commands:
|
||||||
|
- npm run lint
|
||||||
- name: jsbuild
|
- name: jsbuild
|
||||||
image: node:lts-alpine
|
image: node:lts-alpine
|
||||||
commands:
|
commands:
|
||||||
- apk add --no-cache make
|
- npm run build
|
||||||
- make build-js
|
|
||||||
trigger:
|
trigger:
|
||||||
branch:
|
branch:
|
||||||
- master
|
- master
|
||||||
- stable*
|
- stable*
|
||||||
|
- vue
|
||||||
event:
|
event:
|
||||||
- pull_request
|
- pull_request
|
||||||
- push
|
- push
|
||||||
|
|||||||
9
.editorconfig
Normal file
9
.editorconfig
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
end_of_line = lf
|
||||||
|
insert_final_newline = true
|
||||||
|
|
||||||
|
[*.{js,vue}]
|
||||||
|
indent_style = tab
|
||||||
8
.eslintrc.js
Normal file
8
.eslintrc.js
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
module.exports = {
|
||||||
|
extends: [
|
||||||
|
'nextcloud'
|
||||||
|
],
|
||||||
|
rules: {
|
||||||
|
'valid-jsdoc': ['warn'],
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
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
|
|
||||||
31
.github/workflows/nodejs.yml
vendored
Normal file
31
.github/workflows/nodejs.yml
vendored
Normal file
@@ -0,0 +1,31 @@
|
|||||||
|
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
|
||||||
|
- name: eslint
|
||||||
|
run: |
|
||||||
|
npm run lint
|
||||||
|
env:
|
||||||
|
CI: true
|
||||||
|
|
||||||
6
.gitignore
vendored
6
.gitignore
vendored
@@ -1,7 +1,5 @@
|
|||||||
js/node_modules/*
|
node_modules/*
|
||||||
js/vendor/
|
js/
|
||||||
js/public/
|
|
||||||
js/build/
|
|
||||||
build/
|
build/
|
||||||
css/style.css
|
css/style.css
|
||||||
css/vendor.css
|
css/vendor.css
|
||||||
|
|||||||
@@ -25,7 +25,7 @@ if ((@include_once __DIR__ . '/../vendor/autoload.php')===false) {
|
|||||||
throw new Exception('Cannot include autoload. Did you run install dependencies using composer?');
|
throw new Exception('Cannot include autoload. Did you run install dependencies using composer?');
|
||||||
}
|
}
|
||||||
|
|
||||||
$app = new \OCA\Deck\AppInfo\Application();
|
$app = \OC::$server->query(\OCA\Deck\AppInfo\Application::class);
|
||||||
$app->registerNavigationEntry();
|
$app->registerNavigationEntry();
|
||||||
$app->registerNotifications();
|
$app->registerNotifications();
|
||||||
$app->registerCommentsEntity();
|
$app->registerCommentsEntity();
|
||||||
|
|||||||
@@ -40,6 +40,7 @@ return [
|
|||||||
['name' => 'board#addAcl', 'url' => '/boards/{boardId}/acl', 'verb' => 'POST'],
|
['name' => 'board#addAcl', 'url' => '/boards/{boardId}/acl', 'verb' => 'POST'],
|
||||||
['name' => 'board#updateAcl', 'url' => '/boards/{boardId}/acl', 'verb' => 'PUT'],
|
['name' => 'board#updateAcl', 'url' => '/boards/{boardId}/acl', 'verb' => 'PUT'],
|
||||||
['name' => 'board#deleteAcl', 'url' => '/boards/{boardId}/acl/{aclId}', 'verb' => 'DELETE'],
|
['name' => 'board#deleteAcl', 'url' => '/boards/{boardId}/acl/{aclId}', 'verb' => 'DELETE'],
|
||||||
|
['name' => 'board#clone', 'url' => '/boards/{boardId}/clone', 'verb' => 'POST'],
|
||||||
|
|
||||||
// stacks
|
// stacks
|
||||||
['name' => 'stack#index', 'url' => '/stacks/{boardId}', 'verb' => 'GET'],
|
['name' => 'stack#index', 'url' => '/stacks/{boardId}', 'verb' => 'GET'],
|
||||||
|
|||||||
@@ -1,11 +1,10 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
|
plugins: ['@babel/plugin-syntax-dynamic-import'],
|
||||||
presets: [
|
presets: [
|
||||||
[
|
[
|
||||||
'@babel/preset-env',
|
'@babel/preset-env',
|
||||||
{
|
{
|
||||||
targets: {
|
modules: false
|
||||||
browsers: ['last 2 versions', 'ie >= 11']
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
]
|
]
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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-item.ng-enter,
|
|
||||||
.compact-item.ng-leave {
|
|
||||||
overflow: hidden;
|
|
||||||
transition: all 250ms linear;
|
|
||||||
}
|
|
||||||
|
|
||||||
.compact-item.ng-enter {
|
|
||||||
max-height: 0;
|
|
||||||
|
|
||||||
&.ng-enter-active {
|
|
||||||
max-height: 50px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.compact-item.ng-leave {
|
|
||||||
max-height: 50px;
|
|
||||||
|
|
||||||
&.ng-leave-active {
|
|
||||||
max-height: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,77 +0,0 @@
|
|||||||
/**
|
|
||||||
* 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;
|
|
||||||
}
|
|
||||||
@@ -1,261 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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;
|
|
||||||
}
|
|
||||||
@@ -1,113 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -2,6 +2,10 @@
|
|||||||
* @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
|
* @copyright Copyright (c) 2016 Julius Härtl <jus@bitgrid.net>
|
||||||
*
|
*
|
||||||
* @author 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
|
* @license GNU AGPL version 3 or any later version
|
||||||
*
|
*
|
||||||
@@ -19,11 +23,6 @@
|
|||||||
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
import app from '../app/App.js';
|
|
||||||
|
|
||||||
app.directive('autofocusOnInsert', function () {
|
@import 'icons';
|
||||||
'use strict';
|
@import 'print';
|
||||||
return function (scope, elm) {
|
|
||||||
elm.focus();
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -5,10 +5,6 @@
|
|||||||
background-image: url('../img/deck-dark.svg');
|
background-image: url('../img/deck-dark.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-group {
|
|
||||||
background-image: url('../../../settings/img/users.svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon-help {
|
.icon-help {
|
||||||
background-image: url('../../../settings/img/help.svg');
|
background-image: url('../../../settings/img/help.svg');
|
||||||
}
|
}
|
||||||
@@ -17,6 +13,10 @@
|
|||||||
background-image: url('../img/add-white.svg');
|
background-image: url('../img/add-white.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon-attach {
|
||||||
|
background-image: url('../img/attach.svg');
|
||||||
|
}
|
||||||
|
|
||||||
.icon-archive {
|
.icon-archive {
|
||||||
background-image: url('../img/archive.svg');
|
background-image: url('../img/archive.svg');
|
||||||
}
|
}
|
||||||
@@ -53,10 +53,13 @@
|
|||||||
background-image: url('../img/toggle-view-collapse.svg');
|
background-image: url('../img/toggle-view-collapse.svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@if mixin-exists('icon-black-white') {
|
@if mixin-exists('icon-black-white') {
|
||||||
@include icon-black-white('deck', 'deck', 1);
|
@include icon-black-white('deck', 'deck', 1);
|
||||||
@include icon-black-white('archive', 'deck', 1);
|
@include icon-black-white('archive', 'deck', 1);
|
||||||
@include icon-black-white('circles', 'deck', 1);
|
@include icon-black-white('circles', 'deck', 1);
|
||||||
|
@include icon-black-white('clone', 'deck', 1);
|
||||||
|
@include icon-black-white('attach', 'deck', 1);
|
||||||
|
|
||||||
.icon-toggle-compact-collapsed {
|
.icon-toggle-compact-collapsed {
|
||||||
@include icon-color('toggle-view-expand', 'deck', $color-black);
|
@include icon-color('toggle-view-expand', 'deck', $color-black);
|
||||||
@@ -78,3 +81,6 @@
|
|||||||
background-size: 20px;
|
background-size: 20px;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
}
|
}
|
||||||
|
.icon-colorpicker {
|
||||||
|
background-image: url('../img/color_picker.svg');
|
||||||
|
}
|
||||||
|
|||||||
1659
css/style.scss
1659
css/style.scss
File diff suppressed because it is too large
Load Diff
1
img/attach.svg
Normal file
1
img/attach.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 390 B |
1
img/clone.svg
Normal file
1
img/clone.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 327 B |
49
js/.jshintrc
49
js/.jshintrc
@@ -1,49 +0,0 @@
|
|||||||
{
|
|
||||||
"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
|
|
||||||
}
|
|
||||||
@@ -1,64 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
117
js/app/Config.js
117
js/app/Config.js
@@ -1,117 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
@@ -1,64 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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"]'
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
@@ -1,350 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
@@ -1,44 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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));
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,78 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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 = ``;
|
|
||||||
}
|
|
||||||
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;
|
|
||||||
@@ -1,568 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
};
|
|
||||||
|
|
||||||
});
|
|
||||||
@@ -1,286 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
};
|
|
||||||
|
|
||||||
});
|
|
||||||
@@ -1,44 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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};
|
|
||||||
};
|
|
||||||
}]);
|
|
||||||
@@ -1,255 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
@@ -1,48 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,47 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
@@ -1,55 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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 () {}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,42 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,59 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,55 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,41 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
@@ -1,61 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,48 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,40 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,46 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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];
|
|
||||||
});
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,63 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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 '';
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,67 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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 '';
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,38 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,69 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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';
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,46 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
};
|
|
||||||
});
|
|
||||||
@@ -1,69 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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));
|
|
||||||
38
js/init.js
38
js/init.js
@@ -1,38 +0,0 @@
|
|||||||
'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);
|
|
||||||
});
|
|
||||||
|
|
||||||
@@ -1,161 +0,0 @@
|
|||||||
/**
|
|
||||||
* @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;
|
|
||||||
|
|
||||||
@@ -1,119 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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;
|
|
||||||
|
|
||||||
@@ -1,54 +0,0 @@
|
|||||||
|
|
||||||
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;
|
|
||||||
|
|
||||||
1
js/legacy/jquery.atwho.min.js
vendored
1
js/legacy/jquery.atwho.min.js
vendored
File diff suppressed because one or more lines are too long
561
js/legacy/jquery.caret.min.js
vendored
561
js/legacy/jquery.caret.min.js
vendored
@@ -1,561 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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.$));
|
|
||||||
57
js/legacy/jquery.ui.timepicker.css
vendored
57
js/legacy/jquery.ui.timepicker.css
vendored
@@ -1,57 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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; }
|
|
||||||
|
|
||||||
|
|
||||||
1496
js/legacy/jquery.ui.timepicker.js
vendored
1496
js/legacy/jquery.ui.timepicker.js
vendored
File diff suppressed because it is too large
Load Diff
@@ -1,120 +0,0 @@
|
|||||||
/**
|
|
||||||
* 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));
|
|
||||||
};
|
|
||||||
7645
js/package-lock.json
generated
7645
js/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -1,55 +0,0 @@
|
|||||||
{
|
|
||||||
"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.24",
|
|
||||||
"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.2"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@babel/core": "^7.8.3",
|
|
||||||
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
|
||||||
"@babel/polyfill": "^7.8.3",
|
|
||||||
"@babel/preset-env": "^7.8.3",
|
|
||||||
"babel-loader": "^8.0.6",
|
|
||||||
"css-loader": "^3.4.2",
|
|
||||||
"karma": "^4.4.1",
|
|
||||||
"mini-css-extract-plugin": "^0.9.0",
|
|
||||||
"style-loader": "^1.1.3",
|
|
||||||
"url-loader": "^3.0.0",
|
|
||||||
"vue-loader": "^15.8.3",
|
|
||||||
"vue-style-loader": "^4.1.2",
|
|
||||||
"vue-template-compiler": "^2.6.11",
|
|
||||||
"webpack": "^4.41.5",
|
|
||||||
"webpack-cli": "^3.3.10",
|
|
||||||
"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": []
|
|
||||||
}
|
|
||||||
@@ -1,256 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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};
|
|
||||||
@@ -1,232 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
|
|
||||||
});
|
|
||||||
@@ -1,272 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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);
|
|
||||||
|
|
||||||
});
|
|
||||||
@@ -1,177 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
});
|
|
||||||
@@ -1,137 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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);
|
|
||||||
@@ -1,30 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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);
|
|
||||||
});
|
|
||||||
@@ -1,139 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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;
|
|
||||||
});
|
|
||||||
@@ -1,82 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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()
|
|
||||||
};
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,41 +0,0 @@
|
|||||||
/*
|
|
||||||
* @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');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@@ -1,76 +0,0 @@
|
|||||||
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'
|
|
||||||
})
|
|
||||||
]
|
|
||||||
};
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
const merge = require('webpack-merge');
|
|
||||||
const baseConfig = require('./webpack.config.js');
|
|
||||||
|
|
||||||
module.exports = merge(baseConfig, {
|
|
||||||
mode: 'development',
|
|
||||||
devtool: 'source-map',
|
|
||||||
});
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
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,
|
|
||||||
}),
|
|
||||||
],
|
|
||||||
},
|
|
||||||
});
|
|
||||||
@@ -194,9 +194,10 @@ class Application extends App {
|
|||||||
$resourceManager = $this->getContainer()->query(\OCP\Collaboration\Resources\IProviderManager::class);
|
$resourceManager = $this->getContainer()->query(\OCP\Collaboration\Resources\IProviderManager::class);
|
||||||
}
|
}
|
||||||
$resourceManager->registerResourceProvider(\OCA\Deck\Collaboration\Resources\ResourceProvider::class);
|
$resourceManager->registerResourceProvider(\OCA\Deck\Collaboration\Resources\ResourceProvider::class);
|
||||||
|
$resourceManager->registerResourceProvider(\OCA\Deck\Collaboration\Resources\ResourceProviderCard::class);
|
||||||
|
|
||||||
\OC::$server->getEventDispatcher()->addListener('\OCP\Collaboration\Resources::loadAdditionalScripts', function () {
|
\OC::$server->getEventDispatcher()->addListener('\OCP\Collaboration\Resources::loadAdditionalScripts', function () {
|
||||||
\OCP\Util::addScript('deck', 'build/collections');
|
\OCP\Util::addScript('deck', 'collections');
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
160
lib/Collaboration/Resources/ResourceProviderCard.php
Normal file
160
lib/Collaboration/Resources/ResourceProviderCard.php
Normal file
@@ -0,0 +1,160 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* @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/>.
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
namespace OCA\Deck\Collaboration\Resources;
|
||||||
|
|
||||||
|
|
||||||
|
use OCA\Deck\Db\Acl;
|
||||||
|
use OCA\Deck\Db\Board;
|
||||||
|
use OCA\Deck\Db\BoardMapper;
|
||||||
|
use OCA\Deck\Db\CardMapper;
|
||||||
|
use OCA\Deck\Service\PermissionService;
|
||||||
|
use OCP\AppFramework\Db\DoesNotExistException;
|
||||||
|
use OCP\AppFramework\Db\MultipleObjectsReturnedException;
|
||||||
|
use OCP\AppFramework\QueryException;
|
||||||
|
use OCP\Collaboration\Resources\IManager;
|
||||||
|
use OCP\Collaboration\Resources\IProvider;
|
||||||
|
use OCP\Collaboration\Resources\IResource;
|
||||||
|
use OCP\Collaboration\Resources\ResourceException;
|
||||||
|
use OCP\IURLGenerator;
|
||||||
|
use OCP\IUser;
|
||||||
|
|
||||||
|
class ResourceProviderCard implements IProvider {
|
||||||
|
|
||||||
|
const RESOURCE_TYPE = 'deck-card';
|
||||||
|
|
||||||
|
/** @var CardMapper */
|
||||||
|
private $cardMapper;
|
||||||
|
|
||||||
|
/** @var BoardMapper */
|
||||||
|
private $boardMapper;
|
||||||
|
|
||||||
|
/** @var PermissionService */
|
||||||
|
private $permissionService;
|
||||||
|
|
||||||
|
/** @var IURLGenerator */
|
||||||
|
private $urlGenerator;
|
||||||
|
|
||||||
|
/** @var array */
|
||||||
|
protected $nodes = [];
|
||||||
|
|
||||||
|
public function __construct(CardMapper $cardMapper, BoardMapper $boardMapper, PermissionService $permissionService, IURLGenerator $urlGenerator) {
|
||||||
|
$this->cardMapper = $cardMapper;
|
||||||
|
$this->boardMapper = $boardMapper;
|
||||||
|
$this->permissionService = $permissionService;
|
||||||
|
$this->urlGenerator = $urlGenerator;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the type of a resource
|
||||||
|
*
|
||||||
|
* @return string
|
||||||
|
* @since 15.0.0
|
||||||
|
*/
|
||||||
|
public function getType(): string {
|
||||||
|
return self::RESOURCE_TYPE;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the rich object data of a resource
|
||||||
|
*
|
||||||
|
* @param IResource $resource
|
||||||
|
* @return array
|
||||||
|
* @since 16.0.0
|
||||||
|
*/
|
||||||
|
public function getResourceRichObject(IResource $resource): array {
|
||||||
|
try {
|
||||||
|
$card = $this->cardMapper->find($resource->getId());
|
||||||
|
$board = $this->getBoard($resource->getId());
|
||||||
|
} catch (DoesNotExistException $e) {
|
||||||
|
throw new ResourceException('No card found for resource');
|
||||||
|
} catch (MultipleObjectsReturnedException $e) {
|
||||||
|
throw new ResourceException('No unique card found for resource, this should never happen');
|
||||||
|
}
|
||||||
|
|
||||||
|
$link = $this->urlGenerator->linkToRoute('deck.page.index') . '#/board/' . $board->getId() . '/cards/' . $resource->getId();
|
||||||
|
|
||||||
|
return [
|
||||||
|
'type' => self::RESOURCE_TYPE,
|
||||||
|
'id' => $resource->getId(),
|
||||||
|
'name' => $board->getTitle() . ': ' . $card->getTitle(),
|
||||||
|
'link' => $link,
|
||||||
|
'iconUrl' => $this->urlGenerator->imagePath('core', 'actions/toggle-pictures.svg')
|
||||||
|
];
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Can a user/guest access the collection
|
||||||
|
*
|
||||||
|
* @param IResource $resource
|
||||||
|
* @param IUser|null $user
|
||||||
|
* @return bool
|
||||||
|
* @since 16.0.0
|
||||||
|
*/
|
||||||
|
public function canAccessResource(IResource $resource, ?IUser $user): bool {
|
||||||
|
if (!$user instanceof IUser || $resource->getType() !== self::RESOURCE_TYPE) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
$board = $this->getBoard($resource->getId());
|
||||||
|
} catch (DoesNotExistException $e) {
|
||||||
|
return false;
|
||||||
|
} catch (MultipleObjectsReturnedException $e) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($board === null) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if ($board->getOwner() === $user->getUID()) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return $this->permissionService->userCan($board->getAcl(), Acl::PERMISSION_READ, $user->getUID());
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param $cardId
|
||||||
|
* @return Board
|
||||||
|
* @throws DoesNotExistException
|
||||||
|
* @throws MultipleObjectsReturnedException
|
||||||
|
*/
|
||||||
|
private function getBoard($cardId) {
|
||||||
|
$boardId = $this->cardMapper->findBoardId($cardId);
|
||||||
|
return $this->boardMapper->find($boardId, false, true);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function invalidateAccessCache($cardId = null) {
|
||||||
|
try {
|
||||||
|
/** @var IManager $resourceManager */
|
||||||
|
$resourceManager = \OC::$server->query(IManager::class);
|
||||||
|
} catch (QueryException $e) {
|
||||||
|
}
|
||||||
|
if ($cardId !== null) {
|
||||||
|
$resource = $resourceManager->getResourceForUser(self::RESOURCE_TYPE, (string)$cardId, null);
|
||||||
|
$resourceManager->invalidateAccessCacheForResource($resource);
|
||||||
|
} else {
|
||||||
|
$resourceManager->invalidateAccessCacheForProvider($this);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -150,4 +150,13 @@ class BoardController extends ApiController {
|
|||||||
return $this->boardService->deleteAcl($aclId);
|
return $this->boardService->deleteAcl($aclId);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @NoAdminRequired
|
||||||
|
* @param $boardId
|
||||||
|
* @return \OCP\Deck\DB\Board
|
||||||
|
*/
|
||||||
|
public function clone($boardId) {
|
||||||
|
return $this->boardService->clone($boardId);
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -55,7 +55,7 @@ class CardController extends Controller {
|
|||||||
* @return array
|
* @return array
|
||||||
*/
|
*/
|
||||||
public function reorder($cardId, $stackId, $order) {
|
public function reorder($cardId, $stackId, $order) {
|
||||||
return $this->cardService->reorder($cardId, $stackId, $order);
|
return $this->cardService->reorder((int)$cardId, (int)$stackId, (int)$order);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -76,7 +76,7 @@ class CardController extends Controller {
|
|||||||
* @param int $order
|
* @param int $order
|
||||||
* @return \OCP\AppFramework\Db\Entity
|
* @return \OCP\AppFramework\Db\Entity
|
||||||
*/
|
*/
|
||||||
public function create($title, $stackId, $type, $order = 999) {
|
public function create($title, $stackId, $type = 'plain', $order = 999) {
|
||||||
return $this->cardService->create($title, $stackId, $type, $order, $this->userId);
|
return $this->cardService->create($title, $stackId, $type, $order, $this->userId);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -69,7 +69,7 @@ class PageController extends Controller {
|
|||||||
|
|
||||||
if ($this->defaultBoardService->checkFirstRun($this->userId, $this->appName)) {
|
if ($this->defaultBoardService->checkFirstRun($this->userId, $this->appName)) {
|
||||||
if ($this->permissionService->canCreate()) {
|
if ($this->permissionService->canCreate()) {
|
||||||
$this->defaultBoardService->createDefaultBoard($this->l10n->t('Personal'), $this->userId, '000000');
|
$this->defaultBoardService->createDefaultBoard($this->l10n->t('Personal'), $this->userId, '0087C5');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -88,7 +88,7 @@ class StackController extends Controller {
|
|||||||
* @return array
|
* @return array
|
||||||
*/
|
*/
|
||||||
public function reorder($stackId, $order) {
|
public function reorder($stackId, $order) {
|
||||||
return $this->stackService->reorder($stackId, $order);
|
return $this->stackService->reorder((int)$stackId, (int)$order);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -33,6 +33,7 @@ use OCA\Deck\Db\AssignedUsersMapper;
|
|||||||
use OCA\Deck\Db\ChangeHelper;
|
use OCA\Deck\Db\ChangeHelper;
|
||||||
use OCA\Deck\Db\IPermissionMapper;
|
use OCA\Deck\Db\IPermissionMapper;
|
||||||
use OCA\Deck\Db\Label;
|
use OCA\Deck\Db\Label;
|
||||||
|
use OCA\Deck\Db\Stack;
|
||||||
use OCA\Deck\Db\StackMapper;
|
use OCA\Deck\Db\StackMapper;
|
||||||
use OCA\Deck\NoPermissionException;
|
use OCA\Deck\NoPermissionException;
|
||||||
use OCA\Deck\Notification\NotificationHelper;
|
use OCA\Deck\Notification\NotificationHelper;
|
||||||
@@ -614,6 +615,49 @@ class BoardService {
|
|||||||
return $delete;
|
return $delete;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param $id
|
||||||
|
* @return Board
|
||||||
|
* @throws DoesNotExistException
|
||||||
|
* @throws \OCA\Deck\NoPermissionException
|
||||||
|
* @throws \OCP\AppFramework\Db\MultipleObjectsReturnedException
|
||||||
|
* @throws BadRequestException
|
||||||
|
*/
|
||||||
|
public function clone($id) {
|
||||||
|
|
||||||
|
if (is_numeric($id) === false) {
|
||||||
|
throw new BadRequestException('board id must be a number');
|
||||||
|
}
|
||||||
|
|
||||||
|
$this->permissionService->checkPermission($this->boardMapper, $id, Acl::PERMISSION_READ);
|
||||||
|
|
||||||
|
$board = $this->boardMapper->find($id);
|
||||||
|
$newBoard = new Board();
|
||||||
|
$newBoard->setTitle($board->getTitle() . ' (' . $this->l10n->t('copy') . ')');
|
||||||
|
$newBoard->setOwner($board->getOwner());
|
||||||
|
$newBoard->setColor($board->getColor());
|
||||||
|
$this->boardMapper->insert($newBoard);
|
||||||
|
|
||||||
|
$labels = $this->labelMapper->findAll($id);
|
||||||
|
foreach ($labels as $label) {
|
||||||
|
$newLabel = new Label();
|
||||||
|
$newLabel->setTitle($label->getTitle());
|
||||||
|
$newLabel->setColor($label->getColor());
|
||||||
|
$newLabel->setBoardId($newBoard->getId());
|
||||||
|
$this->labelMapper->insert($newLabel);
|
||||||
|
}
|
||||||
|
|
||||||
|
$stacks = $this->stackMapper->findAll($id);
|
||||||
|
foreach ($stacks as $stack) {
|
||||||
|
$newStack = new Stack();
|
||||||
|
$newStack->setTitle($stack->getTitle());
|
||||||
|
$newStack->setBoardId($newBoard->getId());
|
||||||
|
$this->stackMapper->insert($newStack);
|
||||||
|
}
|
||||||
|
|
||||||
|
return $newBoard;
|
||||||
|
}
|
||||||
|
|
||||||
private function enrichWithStacks($board, $since = -1) {
|
private function enrichWithStacks($board, $since = -1) {
|
||||||
$stacks = $this->stackMapper->findAll($board->getId(), null, null, $since);
|
$stacks = $this->stackMapper->findAll($board->getId(), null, null, $since);
|
||||||
|
|
||||||
|
|||||||
@@ -400,6 +400,14 @@ class CardService {
|
|||||||
if ($this->boardService->isArchived($this->cardMapper, $id)) {
|
if ($this->boardService->isArchived($this->cardMapper, $id)) {
|
||||||
throw new StatusException('Operation not allowed. This board is archived.');
|
throw new StatusException('Operation not allowed. This board is archived.');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$card = $this->cardMapper->find($id);
|
||||||
|
if ($card->getArchived()) {
|
||||||
|
throw new StatusException('Operation not allowed. This card is archived.');
|
||||||
|
}
|
||||||
|
$card->setStackId($stackId);
|
||||||
|
$this->cardMapper->update($card);
|
||||||
|
|
||||||
$cards = $this->cardMapper->findAll($stackId);
|
$cards = $this->cardMapper->findAll($stackId);
|
||||||
$result = [];
|
$result = [];
|
||||||
$i = 0;
|
$i = 0;
|
||||||
|
|||||||
@@ -262,6 +262,27 @@ class PermissionService {
|
|||||||
$users[$user->getUID()] = new User($user);
|
$users[$user->getUID()] = new User($user);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if ($this->circlesEnabled && $acl->getType() === Acl::PERMISSION_TYPE_CIRCLE) {
|
||||||
|
try {
|
||||||
|
$circle = \OCA\Circles\Api\v1\Circles::detailsCircle($acl->getParticipant(), true);
|
||||||
|
if ($circle === null) {
|
||||||
|
$this->logger->info('No circle found for acl rule ' . $acl->getId());
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
foreach ($circle->getMembers() as $member) {
|
||||||
|
$user = $this->userManager->get($member->getUserId());
|
||||||
|
if ($user === null) {
|
||||||
|
$this->logger->info('No user found for circle member ' . $member->getUserId());
|
||||||
|
} else {
|
||||||
|
$users[$member->getUserId()] = new User($user);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (\Exception $e) {
|
||||||
|
$this->logger->info('Member not found in circle that was accessed. This should not happen.');
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
$this->users[(string) $boardId] = $users;
|
$this->users[(string) $boardId] = $users;
|
||||||
return $this->users[(string) $boardId];
|
return $this->users[(string) $boardId];
|
||||||
|
|||||||
20556
package-lock.json
generated
Normal file
20556
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
117
package.json
Normal file
117
package.json
Normal file
@@ -0,0 +1,117 @@
|
|||||||
|
{
|
||||||
|
"name": "deck",
|
||||||
|
"description": "",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"name": "Julius Härtl",
|
||||||
|
"email": "jus@bitgrid.net",
|
||||||
|
"role": "Developer"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Michael Weimann",
|
||||||
|
"email": "mail@michael-weimann.eu",
|
||||||
|
"role": "Developer"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"license": "agpl",
|
||||||
|
"private": true,
|
||||||
|
"scripts": {
|
||||||
|
"dev": "webpack --config webpack.dev.js",
|
||||||
|
"watch": "webpack --progress --watch --config webpack.dev.js",
|
||||||
|
"build": "webpack --progress --hide-modules --config webpack.prod.js",
|
||||||
|
"lint": "eslint --ext .js,.vue src",
|
||||||
|
"lint:fix": "eslint --ext .js,.vue src --fix",
|
||||||
|
"test": "jest",
|
||||||
|
"test:coverage": "jest --coverage"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/polyfill": "^7.8.3",
|
||||||
|
"@babel/runtime": "^7.8.3",
|
||||||
|
"@nextcloud/auth": "^1.2.1",
|
||||||
|
"@nextcloud/l10n": "^1.0.1",
|
||||||
|
"@nextcloud/router": "^1.0.0",
|
||||||
|
"@nextcloud/vue": "^1.2.7",
|
||||||
|
"fuse.js": "^3.4.5",
|
||||||
|
"nextcloud-axios": "^0.2.1",
|
||||||
|
"nextcloud-server": "^0.15.10",
|
||||||
|
"nextcloud-vue-collections": "^0.7.1",
|
||||||
|
"tippy.js": "^4.3.5",
|
||||||
|
"tiptap": "^1.26.3",
|
||||||
|
"tiptap-extensions": "^1.28.3",
|
||||||
|
"url-search-params-polyfill": "^7.0.1",
|
||||||
|
"vue": "^2.6.11",
|
||||||
|
"vue-click-outside": "^1.0.7",
|
||||||
|
"vue-color": "^2.7.0",
|
||||||
|
"vue-easymde": "^1.0.1",
|
||||||
|
"vue-infinite-loading": "^2.4.4",
|
||||||
|
"vue-router": "^3.1.5",
|
||||||
|
"vue-smooth-dnd": "^0.8.1",
|
||||||
|
"vuex": "^3.1.2",
|
||||||
|
"vuex-router-sync": "^5.0.0"
|
||||||
|
},
|
||||||
|
"browserslist": [
|
||||||
|
"extends @nextcloud/browserslist-config"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": ">=10.0.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@babel/core": "^7.8.3",
|
||||||
|
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
||||||
|
"@babel/preset-env": "^7.8.3",
|
||||||
|
"@nextcloud/browserslist-config": "^1.0.0",
|
||||||
|
"@vue/test-utils": "^1.0.0-beta.31",
|
||||||
|
"babel-eslint": "^10.0.3",
|
||||||
|
"babel-jest": "^25.1.0",
|
||||||
|
"babel-loader": "^8.0.6",
|
||||||
|
"css-loader": "^3.4.2",
|
||||||
|
"eslint": "^6.8.0",
|
||||||
|
"eslint-config-nextcloud": "^0.1.1",
|
||||||
|
"eslint-config-standard": "^12.0.0",
|
||||||
|
"eslint-friendly-formatter": "^4.0.1",
|
||||||
|
"eslint-loader": "^3.0.3",
|
||||||
|
"eslint-plugin-import": "^2.20.0",
|
||||||
|
"eslint-plugin-nextcloud": "^0.3.0",
|
||||||
|
"eslint-plugin-node": "^11.0.0",
|
||||||
|
"eslint-plugin-promise": "^4.2.1",
|
||||||
|
"eslint-plugin-standard": "^4.0.1",
|
||||||
|
"eslint-plugin-vue": "^6.1.2",
|
||||||
|
"extract-text-webpack-plugin": "^3.0.2",
|
||||||
|
"file-loader": "^5.0.2",
|
||||||
|
"jest": "^25.1.0",
|
||||||
|
"jest-serializer-vue": "^2.0.2",
|
||||||
|
"mini-css-extract-plugin": "^0.9.0",
|
||||||
|
"node-sass": "^4.13.1",
|
||||||
|
"prettier-eslint": "^9.0.1",
|
||||||
|
"raw-loader": "^4.0.0",
|
||||||
|
"sass-loader": "^8.0.2",
|
||||||
|
"stylelint": "^8.4.0",
|
||||||
|
"stylelint-config-recommended-scss": "^3.3.0",
|
||||||
|
"stylelint-webpack-plugin": "^0.10.5",
|
||||||
|
"url-loader": "^3.0.0",
|
||||||
|
"vue-jest": "^3.0.5",
|
||||||
|
"vue-loader": "^15.8.3",
|
||||||
|
"vue-style-loader": "^4.1.1",
|
||||||
|
"vue-template-compiler": "^2.6.11",
|
||||||
|
"webpack": "^4.41.5",
|
||||||
|
"webpack-cli": "^3.3.10",
|
||||||
|
"webpack-merge": "^4.2.2"
|
||||||
|
},
|
||||||
|
"jest": {
|
||||||
|
"moduleFileExtensions": [
|
||||||
|
"js",
|
||||||
|
"vue"
|
||||||
|
],
|
||||||
|
"moduleNameMapper": {
|
||||||
|
"^@/(.*)$": "<rootDir>/src/$1"
|
||||||
|
},
|
||||||
|
"transform": {
|
||||||
|
"^.+\\.js$": "<rootDir>/node_modules/babel-jest",
|
||||||
|
".*\\.(vue)$": "<rootDir>/node_modules/vue-jest"
|
||||||
|
},
|
||||||
|
"snapshotSerializers": [
|
||||||
|
"<rootDir>/node_modules/jest-serializer-vue"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
#!/bin/sh
|
|
||||||
set -e
|
|
||||||
|
|
||||||
ESLINT=$(which eslint || true)
|
|
||||||
if [ -z "$ESLINT" ]; then
|
|
||||||
echo "Can't find command \"eslint\" in $PATH"
|
|
||||||
exit 1
|
|
||||||
fi
|
|
||||||
|
|
||||||
echo Checking scripts with $ESLINT ...
|
|
||||||
find -name "*.js" -path '*js/*' -not -path '*js/node_modules*' \
|
|
||||||
-not -path '*l10n/*' \
|
|
||||||
-not -path '*js/vendor*' \
|
|
||||||
-not -path '*js/tests*' \
|
|
||||||
-not -path '*js/webpack*' \
|
|
||||||
-not -path '*js/public*' \
|
|
||||||
-not -path '*js/views*' \
|
|
||||||
-not -path '*js/init-collections.js' \
|
|
||||||
-not -path '*build/*' \
|
|
||||||
-not -path '*tests/*' \
|
|
||||||
-print0 | xargs -0 $ESLINT
|
|
||||||
127
src/App.vue
Normal file
127
src/App.vue
Normal file
@@ -0,0 +1,127 @@
|
|||||||
|
<!--
|
||||||
|
- @copyright Copyright (c) 2018 Christoph Wurst <christoph@winzerhof-wurst.at>
|
||||||
|
-
|
||||||
|
- @author Christoph Wurst <christoph@winzerhof-wurst.at>
|
||||||
|
-
|
||||||
|
- @license GNU AGPL version 3 or any later version
|
||||||
|
-
|
||||||
|
- This program is free software: you can redistribute it and/or modify
|
||||||
|
- it under the terms of the GNU Affero General Public License as
|
||||||
|
- published by the Free Software Foundation, either version 3 of the
|
||||||
|
- License, or (at your option) any later version.
|
||||||
|
-
|
||||||
|
- This program is distributed in the hope that it will be useful,
|
||||||
|
- but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
- GNU Affero General Public License for more details.
|
||||||
|
-
|
||||||
|
- You should have received a copy of the GNU Affero General Public License
|
||||||
|
- along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
-
|
||||||
|
-->
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div id="content" :class="{ 'nav-hidden': !navShown, 'sidebar-hidden': !sidebarRouterView }">
|
||||||
|
<AppNavigation />
|
||||||
|
<div id="app-content">
|
||||||
|
<router-view />
|
||||||
|
</div>
|
||||||
|
<router-view name="sidebar" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import { mapState } from 'vuex'
|
||||||
|
import AppNavigation from './components/navigation/AppNavigation'
|
||||||
|
import { BoardApi } from './services/BoardApi'
|
||||||
|
|
||||||
|
const boardApi = new BoardApi()
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'App',
|
||||||
|
components: {
|
||||||
|
AppNavigation,
|
||||||
|
},
|
||||||
|
data: function() {
|
||||||
|
return {
|
||||||
|
addButton: {
|
||||||
|
icon: 'icon-add',
|
||||||
|
classes: [],
|
||||||
|
text: t('deck', 'Create new board'),
|
||||||
|
edit: {
|
||||||
|
text: t('deck', 'new board'),
|
||||||
|
action: () => {
|
||||||
|
},
|
||||||
|
reset: () => {
|
||||||
|
},
|
||||||
|
},
|
||||||
|
action: () => {
|
||||||
|
this.addButton.classes.push('editing')
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState({
|
||||||
|
navShown: state => state.navShown,
|
||||||
|
sidebarShownState: state => state.sidebarShown,
|
||||||
|
currentBoard: state => state.currentBoard,
|
||||||
|
}),
|
||||||
|
// TODO: properly handle sidebar showing for route subview and board sidebar
|
||||||
|
sidebarRouterView() {
|
||||||
|
// console.log(this.$route)
|
||||||
|
return this.$route.name === 'card' || this.$route.name === 'board.details'
|
||||||
|
},
|
||||||
|
sidebarShown() {
|
||||||
|
return this.sidebarRouterView || this.sidebarShownState
|
||||||
|
},
|
||||||
|
},
|
||||||
|
provide: function() {
|
||||||
|
return {
|
||||||
|
boardApi: boardApi,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created: function() {
|
||||||
|
this.$store.dispatch('loadBoards')
|
||||||
|
this.$store.dispatch('loadSharees')
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
#content {
|
||||||
|
#app-content {
|
||||||
|
transition: margin-left 100ms ease;
|
||||||
|
position: relative;
|
||||||
|
overflow-x: hidden;
|
||||||
|
align-items: stretch;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app-sidebar {
|
||||||
|
transition: max-width 100ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.nav-hidden {
|
||||||
|
#app-content {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.sidebar-hidden {
|
||||||
|
#app-sidebar {
|
||||||
|
max-width: 0;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
#content * {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -25,12 +25,17 @@
|
|||||||
<div id="modal-inner" :class="{ 'icon-loading': loading }">
|
<div id="modal-inner" :class="{ 'icon-loading': loading }">
|
||||||
<h1>{{ t('deck', 'Select the board to link to a project') }}</h1>
|
<h1>{{ t('deck', 'Select the board to link to a project') }}</h1>
|
||||||
<ul v-if="!loading">
|
<ul v-if="!loading">
|
||||||
<li v-for="board in boards" v-if="!currentBoard || ''+board.id !== ''+currentBoard" @click="selectedBoard=board.id" :class="{'selected': (selectedBoard === board.id) }">
|
<li v-for="board in availableBoards"
|
||||||
<span class="board-bullet" :style="{ 'backgroundColor': '#' + board.color }"></span>
|
:key="board.id"
|
||||||
|
:class="{'selected': (selectedBoard === board.id) }"
|
||||||
|
@click="selectedBoard=board.id">
|
||||||
|
<span :style="{ 'backgroundColor': '#' + board.color }" class="board-bullet" />
|
||||||
<span>{{ board.title }}</span>
|
<span>{{ board.title }}</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<button v-if="!loading" @click="select" class="primary">{{ t('deck', 'Select board') }}</button>
|
<button v-if="!loading" class="primary" @click="select">
|
||||||
|
{{ t('deck', 'Select board') }}
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</Modal>
|
</Modal>
|
||||||
</template>
|
</template>
|
||||||
@@ -69,15 +74,13 @@
|
|||||||
|
|
||||||
</style>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
/* global OC */
|
import { Modal } from '@nextcloud/vue/dist/Components/Modal'
|
||||||
import { Modal } from 'nextcloud-vue/dist/Components/Modal'
|
import axios from 'nextcloud-axios'
|
||||||
import { Avatar } from 'nextcloud-vue/dist/Components/Avatar'
|
|
||||||
import axios from 'nextcloud-axios'
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'CollaborationView',
|
name: 'BoardSelector',
|
||||||
components: {
|
components: {
|
||||||
Modal, Avatar
|
Modal,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -87,13 +90,14 @@
|
|||||||
currentBoard: null,
|
currentBoard: null,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
availableBoards() {
|
||||||
|
return this.boards.filter((board) => ('' + board.id !== '' + this.currentBoard))
|
||||||
|
},
|
||||||
|
},
|
||||||
beforeMount() {
|
beforeMount() {
|
||||||
this.fetchBoards();
|
this.fetchBoards()
|
||||||
if (typeof angular !== 'undefined' && angular.element('#board')) {
|
this.currentBoard = window.location.hash.match(/\/boards\/([0-9]+)/)[1] || null
|
||||||
try {
|
|
||||||
this.currentBoard = angular.element('#board').scope().boardservice.id || null;
|
|
||||||
} catch (e) {}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
fetchBoards() {
|
fetchBoards() {
|
||||||
@@ -103,16 +107,12 @@
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
close() {
|
close() {
|
||||||
this.$root.$emit('close');
|
this.$root.$emit('close')
|
||||||
},
|
},
|
||||||
select() {
|
select() {
|
||||||
this.$root.$emit('select', this.selectedBoard)
|
this.$root.$emit('select', this.selectedBoard)
|
||||||
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
computed: {
|
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
145
src/CardSelector.vue
Normal file
145
src/CardSelector.vue
Normal file
@@ -0,0 +1,145 @@
|
|||||||
|
<!--
|
||||||
|
- @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/>.
|
||||||
|
-
|
||||||
|
-->
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<Modal :title="t('deck', 'Select the card to link to a project')" @close="close">
|
||||||
|
<div id="modal-inner" :class="{ 'icon-loading': loading }">
|
||||||
|
<Multiselect v-model="selectedBoard"
|
||||||
|
:placeholder="t('deck', 'Select a board')"
|
||||||
|
:options="boards"
|
||||||
|
label="title"
|
||||||
|
@select="fetchCardsFromBoard" />
|
||||||
|
|
||||||
|
<Multiselect v-model="selectedCard"
|
||||||
|
:placeholder="t('deck', 'Select a card')"
|
||||||
|
:options="cardsFromBoard"
|
||||||
|
label="title" />
|
||||||
|
|
||||||
|
<button :disabled="!isBoardAndStackChoosen" class="primary" @click="select">
|
||||||
|
{{ t('deck', 'Link to card') }}
|
||||||
|
</button>
|
||||||
|
<button @click="close">
|
||||||
|
{{ t('deck', 'Cancel') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</Modal>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { Modal } from '@nextcloud/vue/dist/Components/Modal'
|
||||||
|
import { Multiselect } from '@nextcloud/vue/dist/Components/Multiselect'
|
||||||
|
import axios from 'nextcloud-axios'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'CardSelector',
|
||||||
|
components: {
|
||||||
|
Modal,
|
||||||
|
Multiselect,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
boards: [],
|
||||||
|
selectedBoard: '',
|
||||||
|
cardsFromBoard: [],
|
||||||
|
selectedCard: '',
|
||||||
|
loading: true,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
isBoardAndStackChoosen() {
|
||||||
|
if (this.selectedBoard === '' || this.selectedCard === '') {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
return true
|
||||||
|
},
|
||||||
|
},
|
||||||
|
beforeMount() {
|
||||||
|
this.fetchBoards()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
fetchBoards() {
|
||||||
|
axios.get(OC.generateUrl('/apps/deck/boards')).then((response) => {
|
||||||
|
this.boards = response.data
|
||||||
|
this.loading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
async fetchCardsFromBoard(board) {
|
||||||
|
try {
|
||||||
|
this.cardsFromBoard = []
|
||||||
|
const url = OC.generateUrl('/apps/deck/stacks/' + board.id)
|
||||||
|
const response = await axios.get(url)
|
||||||
|
response.data.forEach(stack => {
|
||||||
|
this.cardsFromBoard.push(...stack.cards)
|
||||||
|
})
|
||||||
|
} catch (err) {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
close() {
|
||||||
|
this.$root.$emit('close')
|
||||||
|
},
|
||||||
|
select() {
|
||||||
|
this.$root.$emit('select', this.selectedCard.id)
|
||||||
|
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#modal-inner {
|
||||||
|
width: 90vw;
|
||||||
|
max-width: 400px;
|
||||||
|
padding: 20px;
|
||||||
|
height: 500px;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
min-height: 100px;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
padding: 6px;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
}
|
||||||
|
li:hover, li:focus {
|
||||||
|
background-color: var(--color-background-dark);
|
||||||
|
}
|
||||||
|
li.selected {
|
||||||
|
border: 1px solid var(--color-primary);
|
||||||
|
}
|
||||||
|
.board-bullet {
|
||||||
|
display: inline-block;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 50%;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
li > span,
|
||||||
|
.avatar {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
81
src/components/ActivityEntry.vue
Normal file
81
src/components/ActivityEntry.vue
Normal file
@@ -0,0 +1,81 @@
|
|||||||
|
<!--
|
||||||
|
- @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/>.
|
||||||
|
-
|
||||||
|
-->
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div v-if="activity" class="activity">
|
||||||
|
<img :src="activity.icon" class="activity--icon">
|
||||||
|
<div class="activity--message" v-html="parseMessage(activity)" />
|
||||||
|
<div class="activity--timestamp">
|
||||||
|
{{ getTime(activity.datetime) }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'ActivityEntry',
|
||||||
|
props: {
|
||||||
|
activity: {
|
||||||
|
type: Object,
|
||||||
|
default: null,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getTime(timestamp) {
|
||||||
|
return OC.Util.relativeModifiedDate(timestamp)
|
||||||
|
},
|
||||||
|
parseMessage(activity) {
|
||||||
|
const subject = activity.subject_rich[0]
|
||||||
|
const parameters = JSON.parse(JSON.stringify(activity.subject_rich[1]))
|
||||||
|
if (parameters.after && typeof parameters.after.id === 'string' && parameters.after.id.startsWith('dt:')) {
|
||||||
|
const dateTime = parameters.after.id.substr(3)
|
||||||
|
parameters.after.name = window.moment(dateTime).format('L LTS')
|
||||||
|
}
|
||||||
|
return OCA.Activity.RichObjectStringParser.parseMessage(subject, parameters)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.activity {
|
||||||
|
display: flex;
|
||||||
|
padding: 10px;
|
||||||
|
|
||||||
|
.activity--icon {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
flex-grow: 0;
|
||||||
|
}
|
||||||
|
.activity--message {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.activity--timestamp {
|
||||||
|
color: var(--color-text-maxcontrast);
|
||||||
|
text-align: right;
|
||||||
|
font-size: 0.8em;
|
||||||
|
width: 25%;
|
||||||
|
padding: 1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -22,35 +22,34 @@
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<collection-list v-if="boardId" type="deck" :id="boardId" :name="boardTitle"></collection-list>
|
<CollectionList v-if="boardId"
|
||||||
|
:id="boardId"
|
||||||
|
:name="boardTitle"
|
||||||
|
type="deck" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<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'
|
|
||||||
|
|
||||||
Vue.component('popover-menu', PopoverMenu);
|
export default {
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'CollaborationView',
|
name: 'CollaborationView',
|
||||||
|
components: {
|
||||||
|
CollectionList: CollectionList,
|
||||||
|
},
|
||||||
computed: {
|
computed: {
|
||||||
boardId() {
|
boardId() {
|
||||||
if (this.$root.model && this.$root.model.id) {
|
if (this.$root.model && this.$root.model.id) {
|
||||||
return '' + this.$root.model.id;
|
return '' + this.$root.model.id
|
||||||
}
|
}
|
||||||
return null;
|
return null
|
||||||
},
|
},
|
||||||
boardTitle() {
|
boardTitle() {
|
||||||
if (this.$root.model && this.$root.model.title) {
|
if (this.$root.model && this.$root.model.title) {
|
||||||
return '' + this.$root.model.title;
|
return '' + this.$root.model.title
|
||||||
}
|
|
||||||
return '';
|
|
||||||
}
|
}
|
||||||
|
return ''
|
||||||
},
|
},
|
||||||
components: {
|
},
|
||||||
CollectionList: CollectionList
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
175
src/components/ColorPicker.vue
Normal file
175
src/components/ColorPicker.vue
Normal file
@@ -0,0 +1,175 @@
|
|||||||
|
<!--
|
||||||
|
- @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/>.
|
||||||
|
-
|
||||||
|
-->
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div v-click-outside="hidePicker" class="color-picker">
|
||||||
|
<div class="color-picker-compact">
|
||||||
|
<Compact v-model="color" :palette="defaultColors" @input="updateColor" />
|
||||||
|
<div :style="{'background-color': color.hex}" class="custom-color-button icon-colorpicker" @click.prevent="showFullPicker=!showFullPicker" />
|
||||||
|
</div>
|
||||||
|
<Chrome v-if="showFullPicker"
|
||||||
|
v-model="color"
|
||||||
|
:palette="defaultColors"
|
||||||
|
@input="updateColor" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// TODO: import styles manually if possible
|
||||||
|
import { Compact, Chrome } from 'vue-color'
|
||||||
|
import ClickOutside from 'vue-click-outside'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'ColorPicker',
|
||||||
|
components: {
|
||||||
|
Compact,
|
||||||
|
Chrome,
|
||||||
|
},
|
||||||
|
directives: {
|
||||||
|
ClickOutside,
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
type: [String, Object],
|
||||||
|
default: null,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
color: { hex: this.value },
|
||||||
|
defaultColors: ['#31CC7C', '#317CCC', '#FF7A66', '#F1DB50', '#7C31CC', '#CC317C', '#3A3B3D', '#CACBCD'],
|
||||||
|
showFullPicker: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
updateColor() {
|
||||||
|
this.$emit('input', this.color.hex)
|
||||||
|
},
|
||||||
|
hidePicker() {
|
||||||
|
this.showFullPicker = false
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
$color-field-width: 27px;
|
||||||
|
|
||||||
|
// #app-navigation .app-navigation-entry-edit form, #app-navigation .app-navigation-entry-edit div
|
||||||
|
// has a to wide scope in the server styles so we need to force some width and display styles
|
||||||
|
|
||||||
|
.color-picker::v-deep {
|
||||||
|
display: block !important;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 3px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
|
||||||
|
.color-picker-compact {
|
||||||
|
display: flex !important;
|
||||||
|
}
|
||||||
|
.custom-color-button {
|
||||||
|
width: $color-field-width !important;
|
||||||
|
height: $color-field-width;
|
||||||
|
display: inline-flex !important;
|
||||||
|
flex-grow: 1;
|
||||||
|
flex-basis: 44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vc-compact {
|
||||||
|
flex-grow: 5;
|
||||||
|
width: initial;
|
||||||
|
max-width: calc(8 * #{$color-field-width});
|
||||||
|
display: block !important;
|
||||||
|
padding: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vc-chrome {
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 0 3px;
|
||||||
|
box-shadow: 0 0 2px var(--color-box-shadow);
|
||||||
|
|
||||||
|
.vc-saturation-pointer, .vc-saturation-circle {
|
||||||
|
width: 12px !important;
|
||||||
|
height: 12px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.vc-chrome-fields-wrap, .vc-chrome-body {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vc-compact-colors {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.vc-compact-color-item {
|
||||||
|
display: inline-flex;
|
||||||
|
height: $color-field-width;
|
||||||
|
width: 100%;
|
||||||
|
max-width: $color-field-width;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.vc-compact-dot {
|
||||||
|
width: 10px !important;
|
||||||
|
height: 10px;
|
||||||
|
position: unset;
|
||||||
|
border-radius: 50%;
|
||||||
|
opacity: 1;
|
||||||
|
background: #fff;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
.vc-chrome-controls {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.vc-chrome-active-color {
|
||||||
|
position: relative;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
border-radius: 15px;
|
||||||
|
overflow: hidden;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.vc-chrome-color-wrap {
|
||||||
|
position: relative;
|
||||||
|
width: 36px;
|
||||||
|
}
|
||||||
|
.vc-saturation-pointer {
|
||||||
|
cursor: pointer;
|
||||||
|
position: absolute;
|
||||||
|
width: 12px;
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
.vc-chrome-alpha-wrap {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.vc-chrome-hue-wrap {
|
||||||
|
position: relative;
|
||||||
|
height: 10px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
210
src/components/Controls.vue
Normal file
210
src/components/Controls.vue
Normal file
@@ -0,0 +1,210 @@
|
|||||||
|
<!--
|
||||||
|
* @copyright Copyright (c) 2018 Michael Weimann <mail@michael-weimann.eu>
|
||||||
|
*
|
||||||
|
* @author 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/>.
|
||||||
|
*
|
||||||
|
-->
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="controls">
|
||||||
|
<div id="app-navigation-toggle-custom" class="icon-menu" @click="toggleNav" />
|
||||||
|
<div v-if="board" class="board-title">
|
||||||
|
<div :style="{backgroundColor: '#' + board.color}" class="board-bullet" />
|
||||||
|
<h2><a href="#">{{ board.title }}</a></h2>
|
||||||
|
</div>
|
||||||
|
<div v-if="board" class="board-actions">
|
||||||
|
<div id="stack-add" v-click-outside="hideAddStack">
|
||||||
|
<Actions v-if="!isAddStackVisible">
|
||||||
|
<ActionButton icon="icon-add" :title="t('deck', 'Add new stack')" @click.stop="showAddStack" />
|
||||||
|
</Actions>
|
||||||
|
<form v-else @submit.prevent="addNewStack()">
|
||||||
|
<label for="new-stack-input-main" class="hidden-visually">Add a new stack</label>
|
||||||
|
<input id="new-stack-input-main"
|
||||||
|
v-model="newStackTitle"
|
||||||
|
type="text"
|
||||||
|
class="no-close"
|
||||||
|
placeholder="Add a new stack"
|
||||||
|
required>
|
||||||
|
<input v-tooltip="t('deck', 'Add new stack')"
|
||||||
|
class="icon-confirm"
|
||||||
|
type="submit"
|
||||||
|
value="">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="board-action-buttons">
|
||||||
|
<Actions style="opacity: .5;">
|
||||||
|
<ActionButton v-if="showArchived"
|
||||||
|
icon="icon-archive"
|
||||||
|
:title="t('deck', 'Show archived cards')"
|
||||||
|
@click="toggleShowArchived" />
|
||||||
|
<ActionButton v-else
|
||||||
|
icon="icon-archive"
|
||||||
|
:title="t('deck', 'Hide archived cards')"
|
||||||
|
@click="toggleShowArchived" />
|
||||||
|
</Actions>
|
||||||
|
<Actions>
|
||||||
|
<ActionButton v-if="compactMode"
|
||||||
|
icon="icon-toggle-compact-collapsed"
|
||||||
|
:title="t('deck', 'Toggle compact mode')"
|
||||||
|
@click="toggleCompactMode" />
|
||||||
|
<ActionButton v-else
|
||||||
|
icon="icon-toggle-compact-expanded"
|
||||||
|
:title="t('deck', 'Toggle compact mode')"
|
||||||
|
@click="toggleCompactMode" />
|
||||||
|
</Actions>
|
||||||
|
<!-- FIXME: ActionRouter currently doesn't work as an inline action -->
|
||||||
|
<Actions>
|
||||||
|
<ActionButton icon="icon-share" @click="toggleDetailsView" />
|
||||||
|
</Actions>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { mapState } from 'vuex'
|
||||||
|
import { Actions, ActionButton } from '@nextcloud/vue'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'Controls',
|
||||||
|
components: {
|
||||||
|
Actions, ActionButton,
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
board: {
|
||||||
|
type: Object,
|
||||||
|
required: false,
|
||||||
|
default: null,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
newStackTitle: '',
|
||||||
|
stack: '',
|
||||||
|
showArchived: false,
|
||||||
|
isAddStackVisible: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState({
|
||||||
|
compactMode: state => state.compactMode,
|
||||||
|
}),
|
||||||
|
detailsRoute() {
|
||||||
|
return {
|
||||||
|
name: 'board.details',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toggleNav() {
|
||||||
|
this.$store.dispatch('toggleNav')
|
||||||
|
},
|
||||||
|
toggleCompactMode() {
|
||||||
|
this.$store.dispatch('toggleCompactMode')
|
||||||
|
},
|
||||||
|
toggleShowArchived() {
|
||||||
|
this.$store.dispatch('toggleShowArchived')
|
||||||
|
this.showArchived = !this.showArchived
|
||||||
|
},
|
||||||
|
addNewStack() {
|
||||||
|
this.stack = { title: this.newStackTitle }
|
||||||
|
this.$store.dispatch('createStack', this.stack)
|
||||||
|
this.newStackTitle = ''
|
||||||
|
this.stack = null
|
||||||
|
this.isAddStackVisible = false
|
||||||
|
},
|
||||||
|
showAddStack() {
|
||||||
|
this.isAddStackVisible = true
|
||||||
|
},
|
||||||
|
hideAddStack() {
|
||||||
|
this.isAddStackVisible = false
|
||||||
|
},
|
||||||
|
toggleDetailsView() {
|
||||||
|
if (this.$route.name === 'board.details') {
|
||||||
|
this.$router.push({ name: 'board' })
|
||||||
|
} else {
|
||||||
|
this.$router.push({ name: 'board.details' })
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.controls {
|
||||||
|
.board-title {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin: 0;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.board-bullet {
|
||||||
|
display: inline-block;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #aaa;
|
||||||
|
margin: 12px;
|
||||||
|
margin-left: -4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#stack-add form {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#app-navigation-toggle-custom {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
cursor: pointer;
|
||||||
|
opacity: 1;
|
||||||
|
display: inline-block !important;
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.controls {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app-navigation-toggle-custom {
|
||||||
|
position: static;
|
||||||
|
}
|
||||||
|
|
||||||
|
.board-actions {
|
||||||
|
flex-grow: 1;
|
||||||
|
order: 100;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.board-action-buttons {
|
||||||
|
display: flex;
|
||||||
|
button {
|
||||||
|
border: 0;
|
||||||
|
width: 44px;
|
||||||
|
margin: 0 0 0 -1px;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
35
src/components/List.vue
Normal file
35
src/components/List.vue
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
<!--
|
||||||
|
- @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/>.
|
||||||
|
-
|
||||||
|
-->
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'List',
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
42
src/components/Sidebar.vue
Normal file
42
src/components/Sidebar.vue
Normal file
@@ -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/>.
|
||||||
|
-
|
||||||
|
-->
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<router-view name="sidebar" />
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'Sidebar',
|
||||||
|
methods: {
|
||||||
|
closeSidebar() {
|
||||||
|
this.$router.push({ name: 'board' })
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
#app-sidebar .icon-close {
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
180
src/components/board/Board.vue
Normal file
180
src/components/board/Board.vue
Normal file
@@ -0,0 +1,180 @@
|
|||||||
|
<!--
|
||||||
|
- @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/>.
|
||||||
|
-
|
||||||
|
-->
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="board-wrapper">
|
||||||
|
<Controls :board="board" />
|
||||||
|
<div v-if="loading" class="emptycontent">
|
||||||
|
<div class="icon icon-loading" />
|
||||||
|
<h2>{{ t('deck', 'Loading board') }}</h2>
|
||||||
|
<p />
|
||||||
|
</div>
|
||||||
|
<div v-else-if="board" class="board">
|
||||||
|
<Container lock-axix="y" orientation="horizontal" @drop="onDropStack">
|
||||||
|
<Draggable v-for="stack in stacksByBoard" :key="stack.id">
|
||||||
|
<Stack :stack="stack" />
|
||||||
|
</Draggable>
|
||||||
|
</Container>
|
||||||
|
</div>
|
||||||
|
<div v-else class="emptycontent">
|
||||||
|
<div class="icon icon-deck" />
|
||||||
|
<h2>{{ t('deck', 'Board not found') }}</h2>
|
||||||
|
<p />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import { Container, Draggable } from 'vue-smooth-dnd'
|
||||||
|
import { mapState } from 'vuex'
|
||||||
|
import Controls from '../Controls'
|
||||||
|
import Stack from './Stack'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'Board',
|
||||||
|
components: {
|
||||||
|
Controls,
|
||||||
|
Container,
|
||||||
|
Draggable,
|
||||||
|
Stack,
|
||||||
|
},
|
||||||
|
inject: [
|
||||||
|
'boardApi',
|
||||||
|
],
|
||||||
|
props: {
|
||||||
|
id: {
|
||||||
|
type: Number,
|
||||||
|
default: null,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data: function() {
|
||||||
|
return {
|
||||||
|
loading: true,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState({
|
||||||
|
board: state => state.currentBoard,
|
||||||
|
showArchived: state => state.showArchived,
|
||||||
|
}),
|
||||||
|
stacksByBoard() {
|
||||||
|
return this.$store.getters.stacksByBoard(this.board.id)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
id: 'fetchData',
|
||||||
|
showArchived() {
|
||||||
|
this.fetchData()
|
||||||
|
},
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.fetchData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async fetchData() {
|
||||||
|
this.loading = true
|
||||||
|
await this.$store.dispatch('loadBoardById', this.id)
|
||||||
|
await this.$store.dispatch('loadStacks', this.id)
|
||||||
|
this.loading = false
|
||||||
|
},
|
||||||
|
|
||||||
|
onDropStack({ removedIndex, addedIndex }) {
|
||||||
|
this.$store.dispatch('orderStack', { stack: this.stacksByBoard[removedIndex], removedIndex, addedIndex })
|
||||||
|
},
|
||||||
|
|
||||||
|
createStack() {
|
||||||
|
const newStack = {
|
||||||
|
title: 'FooBar',
|
||||||
|
boardId: this.id,
|
||||||
|
order: this.stacksByBoard().length,
|
||||||
|
}
|
||||||
|
this.$store.dispatch('createStack', newStack)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
$board-spacing: 15px;
|
||||||
|
$stack-spacing: 10px;
|
||||||
|
$stack-width: 300px;
|
||||||
|
|
||||||
|
.board-wrapper {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
max-height: calc(100vh - 50px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.board {
|
||||||
|
margin-left: $board-spacing;
|
||||||
|
position: relative;
|
||||||
|
height: calc(100% - 44px);
|
||||||
|
overflow-x: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Combined rules to handle proper board scrolling and
|
||||||
|
* drag and drop behavior
|
||||||
|
*/
|
||||||
|
.smooth-dnd-container.horizontal {
|
||||||
|
display: flex;
|
||||||
|
align-items: stretch;
|
||||||
|
.smooth-dnd-draggable-wrapper::v-deep {
|
||||||
|
display: flex;
|
||||||
|
height: auto;
|
||||||
|
|
||||||
|
.stack {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.smooth-dnd-container.vertical {
|
||||||
|
flex-grow: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 3px;
|
||||||
|
padding-top: 0;
|
||||||
|
/**
|
||||||
|
* Use this to scroll each stack individually
|
||||||
|
* This currenly has the issue that the popover menu will be cut off
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
overflow-x: scroll;
|
||||||
|
height: calc(100vh - 50px - 44px * 2 - 30px);
|
||||||
|
max-height: calc(100vh - 50px - 44px * 2 - 30px);
|
||||||
|
*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.smooth-dnd-container.vertical > .smooth-dnd-draggable-wrapper {
|
||||||
|
overflow: initial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.smooth-dnd-container.vertical .smooth-dnd-draggable-wrapper {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
83
src/components/board/BoardSidebar.vue
Normal file
83
src/components/board/BoardSidebar.vue
Normal file
@@ -0,0 +1,83 @@
|
|||||||
|
<!--
|
||||||
|
- @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/>.
|
||||||
|
-
|
||||||
|
-->
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<AppSidebar v-if="board != null"
|
||||||
|
:actions="[]"
|
||||||
|
:title="board.title"
|
||||||
|
@close="closeSidebar">
|
||||||
|
<AppSidebarTab :order="0" name="Sharing" icon="icon-shared">
|
||||||
|
<SharingTabSidebar :board="board" />
|
||||||
|
</AppSidebarTab>
|
||||||
|
|
||||||
|
<AppSidebarTab :order="1" name="Tags" icon="icon-tag">
|
||||||
|
<TagsTabSidebar :board="board" />
|
||||||
|
</AppSidebarTab>
|
||||||
|
|
||||||
|
<AppSidebarTab :order="2" name="Deleted items" icon="icon-delete">
|
||||||
|
<DeletedTabSidebar :board="board" />
|
||||||
|
</AppSidebarTab>
|
||||||
|
|
||||||
|
<AppSidebarTab :order="3" name="Timeline" icon="icon-activity">
|
||||||
|
<TimelineTabSidebar :board="board" />
|
||||||
|
</AppSidebarTab>
|
||||||
|
</AppSidebar>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { mapState } from 'vuex'
|
||||||
|
import SharingTabSidebar from './SharingTabSidebar'
|
||||||
|
import TagsTabSidebar from './TagsTabSidebar'
|
||||||
|
import DeletedTabSidebar from './DeletedTabSidebar'
|
||||||
|
import TimelineTabSidebar from './TimelineTabSidebar'
|
||||||
|
import { AppSidebar } from '@nextcloud/vue/dist/Components/AppSidebar'
|
||||||
|
import { AppSidebarTab } from '@nextcloud/vue/dist/Components/AppSidebarTab'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'BoardSidebar',
|
||||||
|
components: {
|
||||||
|
AppSidebar,
|
||||||
|
AppSidebarTab,
|
||||||
|
SharingTabSidebar,
|
||||||
|
TagsTabSidebar,
|
||||||
|
DeletedTabSidebar,
|
||||||
|
TimelineTabSidebar,
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
id: {
|
||||||
|
type: Number,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState({
|
||||||
|
board: state => state.currentBoard,
|
||||||
|
labels: state => state.labels,
|
||||||
|
}),
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
closeSidebar() {
|
||||||
|
this.$router.push({ name: 'board' })
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
133
src/components/board/DeletedTabSidebar.vue
Normal file
133
src/components/board/DeletedTabSidebar.vue
Normal file
@@ -0,0 +1,133 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<h3>{{ t('deck', 'Deleted stacks') }}</h3>
|
||||||
|
<ul>
|
||||||
|
<li v-for="deletedStack in deletedStacks" :key="deletedStack.id">
|
||||||
|
<span class="icon icon-deck" />
|
||||||
|
<span class="title">{{ deletedStack.title }}</span>
|
||||||
|
<button
|
||||||
|
:title="t('settings', 'Undo')"
|
||||||
|
class="app-navigation-entry-deleted-button icon-history"
|
||||||
|
@click="stackUndoDelete(deletedStack)" />
|
||||||
|
|
||||||
|
<!-- <span class="live-relative-timestamp" data-timestamp="{{ deletedStack.deletedAt*1000 }}">{{deletedStack.deletedAt | relativeDateFilter }}</span>
|
||||||
|
<a @click="stackUndoDelete(deletedStack)"><span class="icon icon-history"></span></a> -->
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h3>{{ t('deck', 'Deleted cards') }}</h3>
|
||||||
|
<ul>
|
||||||
|
<li v-for="deletedCard in deletedCards" :key="deletedCard.id">
|
||||||
|
<div class="icon icon-deck" />
|
||||||
|
<span class="title">{{ deletedCard.title }}</span>
|
||||||
|
<button
|
||||||
|
:title="t('settings', 'Undo')"
|
||||||
|
class="app-navigation-entry-deleted-button icon-history"
|
||||||
|
@click="cardUndoDelete(deletedCard)" />
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- <li ng-repeat="deletedCard in cardservice.deleted">
|
||||||
|
<span class="icon icon-deck"></span>
|
||||||
|
<span class="title">{{deletedCard.title}} ({{stackservice.tryAllThenDeleted(deletedCard.stackId).title}})</span>
|
||||||
|
<span class="live-relative-timestamp" data-timestamp="{{ deletedCard.deletedAt*1000 }}">{{deletedCard.deletedAt | relativeDateFilter }}</span>
|
||||||
|
<a ng-click="cardOrCardAndStackUndoDelete(deletedCard)">
|
||||||
|
<span class="icon icon-history"></span>
|
||||||
|
</a>
|
||||||
|
</li> -->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { mapState } from 'vuex'
|
||||||
|
export default {
|
||||||
|
name: 'DeletedTabSidebar',
|
||||||
|
components: {
|
||||||
|
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
board: {
|
||||||
|
type: Object,
|
||||||
|
default: undefined,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
isLoading: false,
|
||||||
|
copiedDeletedStack: null,
|
||||||
|
copiedDeletedCard: null,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState({
|
||||||
|
deletedStacks: state => state.stack.deletedStacks,
|
||||||
|
deletedCards: state => state.stack.deletedCards,
|
||||||
|
}),
|
||||||
|
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getData() {
|
||||||
|
this.isLoading = true
|
||||||
|
this.$store.dispatch('deletedItems', this.board.id).then(response => {
|
||||||
|
this.isLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
stackUndoDelete(deletedStack) {
|
||||||
|
this.copiedDeletedStack = Object.assign({}, deletedStack)
|
||||||
|
this.copiedDeletedStack.deletedAt = 0
|
||||||
|
this.$store.dispatch('stackUndoDelete', this.copiedDeletedStack)
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
cardUndoDelete(deletedCard) {
|
||||||
|
this.copiedDeletedCard = Object.assign({}, deletedCard)
|
||||||
|
this.copiedDeletedCard.deletedAt = 0
|
||||||
|
this.$store.dispatch('cardUndoDelete', this.copiedDeletedCard)
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
ul {
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
li {
|
||||||
|
display: flex;
|
||||||
|
height: 44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
flex-basis: 44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
flex-grow: 2;
|
||||||
|
padding: 13px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.live-relative-timestamp {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
border: none;
|
||||||
|
background-color: transparent;
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
&:hover, &:active, &.focus {
|
||||||
|
button {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
185
src/components/board/SharingTabSidebar.vue
Normal file
185
src/components/board/SharingTabSidebar.vue
Normal file
@@ -0,0 +1,185 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<Multiselect
|
||||||
|
v-model="addAcl"
|
||||||
|
:placeholder="t('deck', 'Share board with a user, group or circle …')"
|
||||||
|
:options="formatedSharees"
|
||||||
|
:user-select="true"
|
||||||
|
label="displayName"
|
||||||
|
track-by="user"
|
||||||
|
@input="clickAddAcl"
|
||||||
|
@search-change="asyncFind" />
|
||||||
|
|
||||||
|
<ul
|
||||||
|
id="shareWithList"
|
||||||
|
class="shareWithList">
|
||||||
|
<li>
|
||||||
|
<Avatar :user="board.owner.uid" />
|
||||||
|
<span class="has-tooltip username">
|
||||||
|
{{ board.owner.displayname }}
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li v-for="acl in board.acl" :key="acl.participant.uid">
|
||||||
|
<Avatar v-if="acl.type===0" :user="acl.participant.uid" />
|
||||||
|
<div v-if="acl.type===1" class="avatardiv icon icon-group" />
|
||||||
|
<div v-if="acl.type===7" class="avatardiv icon icon-circles" />
|
||||||
|
<span class="has-tooltip username">
|
||||||
|
{{ acl.participant.displayname }}
|
||||||
|
<span v-if="acl.type===1">{{ t('deck', '(Group)') }}</span>
|
||||||
|
<span v-if="acl.type===7">{{ t('deck', '(Circle)') }}</span>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<ActionCheckbox :checked="acl.permissionEdit" @change="clickEditAcl(acl)">
|
||||||
|
{{ t('deck', 'Can edit') }}
|
||||||
|
</ActionCheckbox>
|
||||||
|
<Actions>
|
||||||
|
<ActionCheckbox :checked="acl.permissionShare" @change="clickShareAcl(acl)">
|
||||||
|
{{ t('deck', 'Can share') }}
|
||||||
|
</ActionCheckbox>
|
||||||
|
<ActionCheckbox :checked="acl.permissionManage" @change="clickManageAcl(acl)">
|
||||||
|
{{ t('deck', 'Can manage') }}
|
||||||
|
</ActionCheckbox>
|
||||||
|
<ActionButton icon="icon-delete" @click="clickDeleteAcl(acl)">
|
||||||
|
{{ t('deck', 'Delete') }}
|
||||||
|
</ActionButton>
|
||||||
|
</Actions>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<CollectionList v-if="board.id"
|
||||||
|
:id="`${board.id}`"
|
||||||
|
:name="board.title"
|
||||||
|
type="deck" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { Avatar } from '@nextcloud/vue/dist/Components/Avatar'
|
||||||
|
import { Multiselect } from '@nextcloud/vue/dist/Components/Multiselect'
|
||||||
|
import { Actions } from '@nextcloud/vue/dist/Components/Actions'
|
||||||
|
import { ActionButton } from '@nextcloud/vue/dist/Components/ActionButton'
|
||||||
|
import { ActionCheckbox } from '@nextcloud/vue/dist/Components/ActionCheckbox'
|
||||||
|
import { CollectionList } from 'nextcloud-vue-collections'
|
||||||
|
import { mapGetters } from 'vuex'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'SharingTabSidebar',
|
||||||
|
components: {
|
||||||
|
Avatar,
|
||||||
|
Actions,
|
||||||
|
ActionButton,
|
||||||
|
ActionCheckbox,
|
||||||
|
Multiselect,
|
||||||
|
CollectionList,
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
board: {
|
||||||
|
type: Object,
|
||||||
|
default: undefined,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
isLoading: false,
|
||||||
|
addAcl: null,
|
||||||
|
addAclForAPI: null,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters({
|
||||||
|
sharees: 'sharees',
|
||||||
|
}),
|
||||||
|
formatedSharees() {
|
||||||
|
return this.unallocatedSharees.map(item => {
|
||||||
|
|
||||||
|
const sharee = {
|
||||||
|
user: item.label,
|
||||||
|
displayName: item.label,
|
||||||
|
icon: 'icon-user',
|
||||||
|
}
|
||||||
|
|
||||||
|
if (item.value.shareType === 1) {
|
||||||
|
sharee.icon = 'icon-group'
|
||||||
|
sharee.isNoUser = true
|
||||||
|
}
|
||||||
|
if (item.value.shareType === 7) {
|
||||||
|
sharee.icon = 'icon-circles'
|
||||||
|
sharee.isNoUser = true
|
||||||
|
}
|
||||||
|
|
||||||
|
sharee.value = item.value
|
||||||
|
return sharee
|
||||||
|
})
|
||||||
|
},
|
||||||
|
unallocatedSharees() {
|
||||||
|
return this.sharees.filter((sharee) => {
|
||||||
|
const foundIndex = this.board.acl.findIndex((acl) => {
|
||||||
|
return acl.participant.uid === sharee.value.shareWith
|
||||||
|
})
|
||||||
|
if (foundIndex === -1) {
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
return false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
asyncFind(query) {
|
||||||
|
this.isLoading = true
|
||||||
|
this.$store.dispatch('loadSharees').then(response => {
|
||||||
|
this.isLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
clickAddAcl() {
|
||||||
|
this.addAclForAPI = {
|
||||||
|
type: this.addAcl.value.shareType,
|
||||||
|
participant: this.addAcl.value.shareWith,
|
||||||
|
permissionEdit: false,
|
||||||
|
permissionShare: false,
|
||||||
|
permissionManage: false,
|
||||||
|
}
|
||||||
|
this.$store.dispatch('addAclToCurrentBoard', this.addAclForAPI)
|
||||||
|
},
|
||||||
|
clickEditAcl(acl) {
|
||||||
|
this.addAclForAPI = Object.assign({}, acl)
|
||||||
|
this.addAclForAPI.permissionEdit = !acl.permissionEdit
|
||||||
|
this.$store.dispatch('updateAclFromCurrentBoard', this.addAclForAPI)
|
||||||
|
},
|
||||||
|
clickShareAcl(acl) {
|
||||||
|
this.addAclForAPI = Object.assign({}, acl)
|
||||||
|
this.addAclForAPI.permissionShare = !acl.permissionShare
|
||||||
|
this.$store.dispatch('updateAclFromCurrentBoard', this.addAclForAPI)
|
||||||
|
},
|
||||||
|
clickManageAcl(acl) {
|
||||||
|
this.addAclForAPI = Object.assign({}, acl)
|
||||||
|
this.addAclForAPI.permissionManage = !acl.permissionManage
|
||||||
|
this.$store.dispatch('updateAclFromCurrentBoard', this.addAclForAPI)
|
||||||
|
},
|
||||||
|
clickDeleteAcl(acl) {
|
||||||
|
this.$store.dispatch('deleteAclFromCurrentBoard', acl)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
#shareWithList {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
#shareWithList li {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.username {
|
||||||
|
padding: 12px 9px;
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
.avatarLabel {
|
||||||
|
padding: 6px
|
||||||
|
}
|
||||||
|
.avatardiv {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
border-radius: 16px;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
216
src/components/board/Stack.vue
Normal file
216
src/components/board/Stack.vue
Normal file
@@ -0,0 +1,216 @@
|
|||||||
|
<!--
|
||||||
|
- @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net>
|
||||||
|
-
|
||||||
|
- @author Julius Härtl <jus@bitgrid.net>
|
||||||
|
- @author Jakob Röhrl <jakob.roehrl@web.de>
|
||||||
|
-
|
||||||
|
- @license GNU AGPL version 3 or any later version
|
||||||
|
-
|
||||||
|
- This program is free software: you can redistribute it and/or modify
|
||||||
|
- it under the terms of the GNU Affero General Public License as
|
||||||
|
- published by the Free Software Foundation, either version 3 of the
|
||||||
|
- License, or (at your option) any later version.
|
||||||
|
-
|
||||||
|
- This program is distributed in the hope that it will be useful,
|
||||||
|
- but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
- GNU Affero General Public License for more details.
|
||||||
|
-
|
||||||
|
- You should have received a copy of the GNU Affero General Public License
|
||||||
|
- along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
-
|
||||||
|
-->
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="stack">
|
||||||
|
<div class="stack--header">
|
||||||
|
<transition name="fade" mode="out-in">
|
||||||
|
<h3 v-if="!editing" @click="startEditing(stack)">
|
||||||
|
{{ stack.title }}
|
||||||
|
</h3>
|
||||||
|
<form v-else @submit.prevent="finishedEdit(stack)">
|
||||||
|
<input v-model="copiedStack.title" type="text" autofocus>
|
||||||
|
<input v-tooltip="t('deck', 'Add a new stack')"
|
||||||
|
class="icon-confirm"
|
||||||
|
type="submit"
|
||||||
|
value="">
|
||||||
|
</form>
|
||||||
|
</transition>
|
||||||
|
<Actions :force-menu="true">
|
||||||
|
<ActionButton icon="icon-delete" @click="deleteStack(stack)">
|
||||||
|
{{ t('deck', 'Delete stack') }}
|
||||||
|
</ActionButton>
|
||||||
|
</Actions>
|
||||||
|
<Actions>
|
||||||
|
<ActionButton icon="icon-add" @click="showAddCard=true">
|
||||||
|
{{ t('deck', 'Add card') }}
|
||||||
|
</ActionButton>
|
||||||
|
</Actions>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form v-if="showAddCard" class="stack--card-add" @submit.prevent="clickAddCard()">
|
||||||
|
<label for="new-stack-input-main" class="hidden-visually">Add a new card</label>
|
||||||
|
<input id="new-stack-input-main"
|
||||||
|
v-model="newCardTitle"
|
||||||
|
v-focus
|
||||||
|
type="text"
|
||||||
|
class="no-close"
|
||||||
|
placeholder="Add a new card"
|
||||||
|
required>
|
||||||
|
|
||||||
|
<input class="icon-confirm"
|
||||||
|
type="submit"
|
||||||
|
value="">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<Container :get-child-payload="payloadForCard(stack.id)" group-name="stack" @drop="($event) => onDropCard(stack.id, $event)">
|
||||||
|
<Draggable v-for="card in cardsByStack(stack.id)" :key="card.id">
|
||||||
|
<CardItem v-if="card" :id="card.id" />
|
||||||
|
</Draggable>
|
||||||
|
</Container>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import { Container, Draggable } from 'vue-smooth-dnd'
|
||||||
|
import { Actions } from '@nextcloud/vue/dist/Components/Actions'
|
||||||
|
import { ActionButton } from '@nextcloud/vue/dist/Components/ActionButton'
|
||||||
|
import CardItem from '../cards/CardItem'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'Stack',
|
||||||
|
components: {
|
||||||
|
Actions,
|
||||||
|
ActionButton,
|
||||||
|
CardItem,
|
||||||
|
Container,
|
||||||
|
Draggable,
|
||||||
|
},
|
||||||
|
|
||||||
|
props: {
|
||||||
|
stack: {
|
||||||
|
type: Object,
|
||||||
|
default: undefined,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
editing: false,
|
||||||
|
copiedStack: '',
|
||||||
|
newCardTitle: '',
|
||||||
|
showAddCard: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
cardsByStack() {
|
||||||
|
return (id) => this.$store.getters.cardsByStack(id)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
onDropCard(stackId, event) {
|
||||||
|
const { addedIndex, removedIndex, payload } = event
|
||||||
|
const card = Object.assign({}, payload)
|
||||||
|
if (this.stack.id === stackId) {
|
||||||
|
if (addedIndex !== null && removedIndex === null) {
|
||||||
|
// move card to new stack
|
||||||
|
card.stackId = stackId
|
||||||
|
card.order = addedIndex
|
||||||
|
console.debug('move card to stack', card.stackId, card.order)
|
||||||
|
this.$store.dispatch('reorderCard', card)
|
||||||
|
}
|
||||||
|
if (addedIndex !== null && removedIndex !== null) {
|
||||||
|
card.order = addedIndex
|
||||||
|
console.debug('move card in stack', card.stackId, card.order)
|
||||||
|
this.$store.dispatch('reorderCard', card)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
payloadForCard(stackId) {
|
||||||
|
return index => {
|
||||||
|
return this.cardsByStack(stackId)[index]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
deleteStack(stack) {
|
||||||
|
this.$store.dispatch('deleteStack', stack)
|
||||||
|
},
|
||||||
|
startEditing(stack) {
|
||||||
|
this.copiedStack = Object.assign({}, stack)
|
||||||
|
this.editing = true
|
||||||
|
},
|
||||||
|
finishedEdit(stack) {
|
||||||
|
if (this.copiedStack.title !== stack.title) {
|
||||||
|
this.$store.dispatch('updateStack', this.copiedStack)
|
||||||
|
}
|
||||||
|
this.editing = false
|
||||||
|
},
|
||||||
|
clickAddCard() {
|
||||||
|
const newCard = {
|
||||||
|
title: this.newCardTitle,
|
||||||
|
stackId: this.stack.id,
|
||||||
|
boardId: this.stack.boardId,
|
||||||
|
}
|
||||||
|
this.$store.dispatch('addCard', newCard)
|
||||||
|
this.newCardTitle = ''
|
||||||
|
this.showAddCard = false
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
$stack-spacing: 10px;
|
||||||
|
$stack-width: 260px;
|
||||||
|
|
||||||
|
.stack {
|
||||||
|
width: $stack-width;
|
||||||
|
margin-left: $stack-spacing;
|
||||||
|
margin-right: $stack-spacing;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stack--header {
|
||||||
|
display: flex;
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
z-index: 100;
|
||||||
|
padding: 3px;
|
||||||
|
margin: 3px -3px;
|
||||||
|
margin-right: -10px;
|
||||||
|
margin-top: 0;
|
||||||
|
background-color: var(--color-main-background-translucent);
|
||||||
|
|
||||||
|
h3, form {
|
||||||
|
flex-grow: 1;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
input[type=text] {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.stack--card-add {
|
||||||
|
display: flex;
|
||||||
|
margin-left: 3px;
|
||||||
|
margin-right: 3px;
|
||||||
|
box-shadow: 0 0 3px #aaa;
|
||||||
|
border-radius: 3px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
|
||||||
|
input[type=text] {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Rules to handle scrolling behaviour are inherited from Board.vue
|
||||||
|
*/
|
||||||
|
|
||||||
|
</style>
|
||||||
182
src/components/board/TagsTabSidebar.vue
Normal file
182
src/components/board/TagsTabSidebar.vue
Normal file
@@ -0,0 +1,182 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<ul class="labels">
|
||||||
|
<li v-for="label in labels" :key="label.id" :class="{editing: (editingLabelId === label.id)}">
|
||||||
|
<template v-if="editingLabelId === label.id">
|
||||||
|
<form class="label-form" @submit.prevent="updateLabel(label)">
|
||||||
|
<input v-model="editingLabel.title" type="text">
|
||||||
|
<input v-tooltip="{content: missingDataLabel, show: !editLabelObjValidated, trigger: 'manual' }"
|
||||||
|
:disabled="!editLabelObjValidated"
|
||||||
|
type="submit"
|
||||||
|
value=""
|
||||||
|
class="icon-confirm">
|
||||||
|
<input v-tooltip="t('deck', 'Cancel')"
|
||||||
|
value=""
|
||||||
|
class="icon-close"
|
||||||
|
@click="editingLabelId = null">
|
||||||
|
</form>
|
||||||
|
<ColorPicker :value="'#' + editingLabel.color" @input="updateColor" />
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<div :style="{ backgroundColor: `#${label.color}`, color:textColor(label.color) }" class="label-title">
|
||||||
|
<span>{{ label.title }}</span>
|
||||||
|
</div>
|
||||||
|
<button v-tooltip="t('deck', 'Edit')" class="icon-rename" @click="clickEdit(label)" />
|
||||||
|
<button v-tooltip="t('deck', 'Delete')" class="icon-delete" @click="deleteLabel(label.id)" />
|
||||||
|
</template>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li v-if="addLabel" class="editing">
|
||||||
|
<template>
|
||||||
|
<form class="label-form" @submit.prevent="clickAddLabel">
|
||||||
|
<input v-model="addLabelObj.title" type="text">
|
||||||
|
<input v-tooltip="{content: missingDataLabel, show: !addLabelObjValidated, trigger: 'manual' }"
|
||||||
|
:disabled="!addLabelObjValidated"
|
||||||
|
type="submit"
|
||||||
|
value=""
|
||||||
|
class="icon-confirm">
|
||||||
|
<input v-tooltip="t('deck', 'Cancel')"
|
||||||
|
value=""
|
||||||
|
class="icon-close"
|
||||||
|
@click="addLabel=false">
|
||||||
|
</form>
|
||||||
|
<ColorPicker :value="'#' + addLabelObj.color" @input="updateColor" />
|
||||||
|
</template>
|
||||||
|
</li>
|
||||||
|
<button @click="clickShowAddLabel()">
|
||||||
|
<span class="icon-add" />{{ t('deck', 'Add a new label') }}
|
||||||
|
</button>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
import { mapGetters } from 'vuex'
|
||||||
|
import Color from '../../mixins/color'
|
||||||
|
import ColorPicker from '../ColorPicker'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'TagsTabSidebar',
|
||||||
|
components: {
|
||||||
|
ColorPicker,
|
||||||
|
},
|
||||||
|
mixins: [Color],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
editingLabelId: null,
|
||||||
|
editingLabel: null,
|
||||||
|
addLabelObj: null,
|
||||||
|
addLabel: false,
|
||||||
|
missingDataLabel: t('deck', 'title and color value must be provided'),
|
||||||
|
defaultColors: ['#31CC7C', '#317CCC', '#FF7A66', '#F1DB50', '#7C31CC', '#CC317C', '#3A3B3D', '#CACBCD'],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters({
|
||||||
|
labels: 'currentBoardLabels',
|
||||||
|
}),
|
||||||
|
addLabelObjValidated() {
|
||||||
|
if (this.addLabelObj.title === '') {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.colorIsValid(this.addLabelObj.color) === false) {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
return true
|
||||||
|
},
|
||||||
|
editLabelObjValidated() {
|
||||||
|
if (this.editingLabel.title === '') {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.colorIsValid(this.editingLabel.color) === false) {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
return true
|
||||||
|
},
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
updateColor(c) {
|
||||||
|
if (this.editingLabel === null) {
|
||||||
|
this.addLabelObj.color = c.substring(1, 7)
|
||||||
|
} else {
|
||||||
|
this.editingLabel.color = c.substring(1, 7)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
clickEdit(label) {
|
||||||
|
this.editingLabelId = label.id
|
||||||
|
this.editingLabel = Object.assign({}, label)
|
||||||
|
},
|
||||||
|
deleteLabel(id) {
|
||||||
|
this.$store.dispatch('removeLabelFromCurrentBoard', id)
|
||||||
|
},
|
||||||
|
updateLabel(label) {
|
||||||
|
this.$store.dispatch('updateLabelFromCurrentBoard', this.editingLabel)
|
||||||
|
this.editingLabelId = null
|
||||||
|
},
|
||||||
|
clickShowAddLabel() {
|
||||||
|
this.addLabelObj = { cardId: null, color: '000000', title: '' }
|
||||||
|
this.addLabel = true
|
||||||
|
},
|
||||||
|
clickAddLabel() {
|
||||||
|
this.$store.dispatch('addLabelToCurrentBoard', this.addLabelObj)
|
||||||
|
this.addLabel = false
|
||||||
|
this.addLabelObj = null
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.labels li {
|
||||||
|
display: flex;
|
||||||
|
margin-bottom: 3px;
|
||||||
|
|
||||||
|
.label-title {
|
||||||
|
flex-grow: 1;
|
||||||
|
border-radius: 3px;
|
||||||
|
padding: 7px;
|
||||||
|
span {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:not(.editing) button {
|
||||||
|
width: 44px;
|
||||||
|
margin: 0;
|
||||||
|
margin-left: -3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color-picker {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color-picker-button {
|
||||||
|
width: 100px;
|
||||||
|
margin-left: 20px;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.editing {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
form {
|
||||||
|
display: flex;
|
||||||
|
input[type=text] {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
button,
|
||||||
|
input:not([type='text']):last-child {
|
||||||
|
border-bottom-right-radius: var(--border-radius);
|
||||||
|
border-top-right-radius: var(--border-radius);
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
margin-left: -1px;
|
||||||
|
width: 35px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
65
src/components/board/TimelineTabSidebar.vue
Normal file
65
src/components/board/TimelineTabSidebar.vue
Normal file
@@ -0,0 +1,65 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div v-if="isLoading" class="icon icon-loading" />
|
||||||
|
|
||||||
|
<ActivityEntry v-for="entry in boardActivity"
|
||||||
|
v-else
|
||||||
|
:key="entry.activity_id"
|
||||||
|
:activity="entry" />
|
||||||
|
<button v-if="activityLoadMore" @click="loadMore">
|
||||||
|
Load More
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { mapState } from 'vuex'
|
||||||
|
import ActivityEntry from '../ActivityEntry'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'TimelineTabSidebar',
|
||||||
|
components: {
|
||||||
|
ActivityEntry,
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
board: {
|
||||||
|
type: Object,
|
||||||
|
default: undefined,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
isLoading: false,
|
||||||
|
params: {
|
||||||
|
type: 'deck',
|
||||||
|
since: 0,
|
||||||
|
object_id: this.board.id,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapState({
|
||||||
|
boardActivity: 'activity',
|
||||||
|
activityLoadMore: 'activityLoadMore',
|
||||||
|
}),
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.loadBoardActivity()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
loadBoardActivity() {
|
||||||
|
this.isLoading = true
|
||||||
|
this.$store.dispatch('loadActivity', this.params).then(response => {
|
||||||
|
this.isLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
loadMore() {
|
||||||
|
const array = Object.values(this.boardActivity)
|
||||||
|
const aId = (array[array.length - 1].activity_id)
|
||||||
|
|
||||||
|
this.params.since = aId
|
||||||
|
this.loadBoardActivity()
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user