352 lines
8.1 KiB
JavaScript
352 lines
8.1 KiB
JavaScript
/**
|
|
* SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
|
|
import axios from '@nextcloud/axios'
|
|
import { generateUrl } from '@nextcloud/router'
|
|
import '../models/index.js'
|
|
|
|
/**
|
|
* This class handles all the api communication with the Deck backend.
|
|
*/
|
|
export class BoardApi {
|
|
|
|
url(url) {
|
|
url = `/apps/deck${url}`
|
|
return generateUrl(url)
|
|
}
|
|
|
|
/**
|
|
* Updates a board.
|
|
*
|
|
* @param {Board} board the board object to update
|
|
* @return {Promise}
|
|
*/
|
|
updateBoard(board) {
|
|
return axios.put(this.url(`/boards/${board.id}`), board)
|
|
.then(
|
|
(response) => {
|
|
return Promise.resolve(response.data)
|
|
},
|
|
(err) => {
|
|
return Promise.reject(err)
|
|
},
|
|
)
|
|
.catch((err) => {
|
|
return Promise.reject(err)
|
|
})
|
|
}
|
|
|
|
/**
|
|
* Creates a new board.
|
|
*
|
|
* @typedef {object} BoardCreateObject
|
|
* @property {string} title
|
|
* @property {string} color
|
|
* @param {BoardCreateObject} boardData The board data to send.
|
|
* color the hexadecimal color value formated /[0-9A-F]{6}/i
|
|
* @return {Promise}
|
|
*/
|
|
createBoard(boardData) {
|
|
return axios.post(this.url('/boards'), boardData)
|
|
.then(
|
|
(response) => {
|
|
return Promise.resolve(response.data)
|
|
},
|
|
(err) => {
|
|
return Promise.reject(err)
|
|
},
|
|
)
|
|
.catch((err) => {
|
|
return Promise.reject(err)
|
|
})
|
|
}
|
|
|
|
deleteBoard(board) {
|
|
return axios.delete(this.url(`/boards/${board.id}`))
|
|
.then(
|
|
() => {
|
|
return Promise.resolve()
|
|
},
|
|
(err) => {
|
|
return Promise.reject(err)
|
|
},
|
|
)
|
|
.catch((err) => {
|
|
return Promise.reject(err)
|
|
})
|
|
}
|
|
|
|
unDeleteBoard(board) {
|
|
return axios.post(this.url(`/boards/${board.id}/deleteUndo`))
|
|
.then(
|
|
(response) => {
|
|
return Promise.resolve(response.data)
|
|
},
|
|
(err) => {
|
|
return Promise.reject(err)
|
|
},
|
|
)
|
|
.catch((err) => {
|
|
return Promise.reject(err)
|
|
})
|
|
}
|
|
|
|
loadBoards() {
|
|
return axios.get(this.url('/boards'))
|
|
.then(
|
|
(response) => {
|
|
return Promise.resolve(response.data)
|
|
},
|
|
(err) => {
|
|
return Promise.reject(err)
|
|
},
|
|
)
|
|
.catch((err) => {
|
|
return Promise.reject(err)
|
|
})
|
|
}
|
|
|
|
loadById(id) {
|
|
return axios.get(this.url(`/boards/${id}`))
|
|
.then(
|
|
(response) => {
|
|
return Promise.resolve(response.data)
|
|
},
|
|
(err) => {
|
|
return Promise.reject(err)
|
|
},
|
|
)
|
|
.catch((err) => {
|
|
return Promise.reject(err)
|
|
})
|
|
}
|
|
|
|
async cloneBoard(board, withCards = false, withAssignments = false, withLabels = false, withDueDate = false, moveCardsToLeftStack = false, restoreArchivedCards = false) {
|
|
try {
|
|
const response = await axios.post(this.url(`/boards/${board.id}/clone`), {
|
|
withCards,
|
|
withAssignments,
|
|
withLabels,
|
|
withDueDate,
|
|
moveCardsToLeftStack,
|
|
restoreArchivedCards,
|
|
})
|
|
return response.data
|
|
} catch (err) {
|
|
return err
|
|
}
|
|
}
|
|
|
|
exportBoard(board, format) {
|
|
return axios.get(this.url(`/boards/${board.id}/export`))
|
|
.then(
|
|
(response) => {
|
|
if (format === 'json') {
|
|
const exportData = {
|
|
boards: [response.data],
|
|
}
|
|
const stacks = {}
|
|
for (const stack of response.data.stacks) {
|
|
stacks[stack.id] = stack
|
|
}
|
|
exportData.boards[0].stacks = stacks
|
|
const blob = new Blob([JSON.stringify(exportData, null, 2)], { type: 'application/json' })
|
|
const blobUrl = URL.createObjectURL(blob)
|
|
const a = document.createElement('a')
|
|
a.href = blobUrl
|
|
a.download = response.data.title + '.json'
|
|
a.click()
|
|
a.remove()
|
|
return Promise.resolve()
|
|
}
|
|
|
|
const fields = { title: t('deck', 'Card title'), description: t('deck', 'Description'), stackId: t('deck', 'List name'), labels: t('deck', 'Tags'), assignedUsers: t('deck', 'Assigned users'), duedate: t('deck', 'Due date'), createdAt: t('deck', 'Created'), lastModified: t('deck', 'Modified') }
|
|
let row = ''
|
|
Object.keys(fields).forEach(field => {
|
|
row += '"' + fields[field] + '"' + '\t'
|
|
})
|
|
|
|
row = row.slice(0, -1)
|
|
let CSV = row + '\r\n'
|
|
|
|
response.data.stacks.forEach(stack => {
|
|
stack?.cards?.forEach(card => {
|
|
row = ''
|
|
Object.keys(fields).forEach(field => {
|
|
if (field === 'createdAt' || field === 'lastModified') {
|
|
const date = new Date(Number(card[field]) * 1000)
|
|
row += '"' + date.toLocaleDateString() + '"' + '\t'
|
|
} else if (field === 'stackId') {
|
|
row += '"' + stack.title.replaceAll('"', '""') + '"' + '\t'
|
|
} else if (field === 'labels') {
|
|
row += '"'
|
|
card[field].forEach(label => {
|
|
row += label.title.replaceAll('"', '""') + ', '
|
|
})
|
|
if (card[field].length > 0) {
|
|
row = row.slice(0, -1)
|
|
}
|
|
row += '"' + '\t'
|
|
} else if (field === 'assignedUsers') {
|
|
row += '"'
|
|
card[field].forEach(assignedUsers => {
|
|
row += assignedUsers.participant.displayname.replaceAll('"', '""') + ', '
|
|
})
|
|
if (card[field].length > 0) {
|
|
row = row.slice(0, -1)
|
|
}
|
|
row += '"' + '\t'
|
|
} else if (field === 'description' || field === 'title') {
|
|
row += '"' + card[field].replaceAll('"', '""') + '"' + '\t'
|
|
} else {
|
|
row += '"' + card[field] + '"' + '\t'
|
|
}
|
|
})
|
|
row = row.slice(0, -1)
|
|
CSV += row + '\r\n'
|
|
})
|
|
})
|
|
let charCode = []
|
|
const byteArray = []
|
|
byteArray.push(255, 254)
|
|
for (let i = 0; i < CSV.length; ++i) {
|
|
charCode = CSV.charCodeAt(i)
|
|
byteArray.push(charCode & 0xff)
|
|
byteArray.push(charCode / 256 >>> 0)
|
|
}
|
|
const blob = new Blob([new Uint8Array(byteArray)], { type: 'text/csv;charset=UTF-16LE;' })
|
|
const blobUrl = URL.createObjectURL(blob)
|
|
const a = document.createElement('a')
|
|
a.href = blobUrl // 'data:' + data
|
|
a.download = response.data.title + '.csv'
|
|
a.click()
|
|
a.remove()
|
|
return Promise.resolve()
|
|
},
|
|
(err) => {
|
|
return Promise.reject(err)
|
|
},
|
|
)
|
|
.catch((err) => {
|
|
return Promise.reject(err)
|
|
})
|
|
}
|
|
|
|
importBoard(file) {
|
|
const formData = new FormData()
|
|
formData.append('file', file)
|
|
return axios.post(this.url('/boards/import'), formData, {
|
|
headers: {
|
|
'Content-Type': 'multipart/form-data',
|
|
},
|
|
})
|
|
.then(
|
|
(response) => {
|
|
return Promise.resolve(response.data)
|
|
},
|
|
(err) => {
|
|
return Promise.reject(err)
|
|
},
|
|
)
|
|
.catch((err) => {
|
|
return Promise.reject(err)
|
|
})
|
|
}
|
|
|
|
// Label API Calls
|
|
deleteLabel(id) {
|
|
return axios.delete(this.url(`/labels/${id}`))
|
|
.then(
|
|
(response) => {
|
|
return Promise.resolve(response.data)
|
|
},
|
|
(err) => {
|
|
return Promise.reject(err)
|
|
},
|
|
)
|
|
.catch((err) => {
|
|
return Promise.reject(err)
|
|
})
|
|
}
|
|
|
|
updateLabel(label) {
|
|
return axios.put(this.url(`/labels/${label.id}`), label)
|
|
.then(
|
|
(response) => {
|
|
return Promise.resolve(response.data)
|
|
},
|
|
(err) => {
|
|
return Promise.reject(err)
|
|
},
|
|
)
|
|
.catch((err) => {
|
|
return Promise.reject(err)
|
|
})
|
|
}
|
|
|
|
createLabel(labelData) {
|
|
return axios.post(this.url('/labels'), labelData)
|
|
.then(
|
|
(response) => {
|
|
return Promise.resolve(response.data)
|
|
},
|
|
(err) => {
|
|
return Promise.reject(err)
|
|
},
|
|
)
|
|
.catch((err) => {
|
|
return Promise.reject(err)
|
|
})
|
|
}
|
|
|
|
// Acl API Calls
|
|
|
|
addAcl(acl) {
|
|
return axios.post(this.url(`/boards/${acl.boardId}/acl`), acl)
|
|
.then(
|
|
(response) => {
|
|
return Promise.resolve(response.data)
|
|
},
|
|
(err) => {
|
|
return Promise.reject(err)
|
|
},
|
|
)
|
|
.catch((err) => {
|
|
return Promise.reject(err)
|
|
})
|
|
}
|
|
|
|
updateAcl(acl) {
|
|
return axios.put(this.url(`/boards/${acl.boardId}/acl/${acl.id}`), acl)
|
|
.then(
|
|
(response) => {
|
|
return Promise.resolve(response.data)
|
|
},
|
|
(err) => {
|
|
return Promise.reject(err)
|
|
},
|
|
)
|
|
.catch((err) => {
|
|
return Promise.reject(err)
|
|
})
|
|
}
|
|
|
|
deleteAcl(acl) {
|
|
return axios.delete(this.url(`/boards/${acl.boardId}/acl/${acl.id}`))
|
|
.then(
|
|
(response) => {
|
|
return Promise.resolve(response.data)
|
|
},
|
|
(err) => {
|
|
return Promise.reject(err)
|
|
},
|
|
)
|
|
.catch((err) => {
|
|
return Promise.reject(err)
|
|
})
|
|
}
|
|
|
|
}
|