summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/boards/components/board_blank_state.js
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/boards/components/board_blank_state.js')
-rw-r--r--app/assets/javascripts/boards/components/board_blank_state.js91
1 files changed, 0 insertions, 91 deletions
diff --git a/app/assets/javascripts/boards/components/board_blank_state.js b/app/assets/javascripts/boards/components/board_blank_state.js
deleted file mode 100644
index 72db626d3c7..00000000000
--- a/app/assets/javascripts/boards/components/board_blank_state.js
+++ /dev/null
@@ -1,91 +0,0 @@
-/* global ListLabel */
-
-import _ from 'underscore';
-import Cookies from 'js-cookie';
-
-const Store = gl.issueBoards.BoardsStore;
-
-export default {
- template: `
- <div class="board-blank-state">
- <p>
- Add the following default lists to your Issue Board with one click:
- </p>
- <ul class="board-blank-state-list">
- <li v-for="label in predefinedLabels">
- <span
- class="label-color"
- :style="{ backgroundColor: label.color }">
- </span>
- {{ label.title }}
- </li>
- </ul>
- <p>
- Starting out with the default set of lists will get you right on the way to making the most of your board.
- </p>
- <button
- class="btn btn-create btn-inverted btn-block"
- type="button"
- @click.stop="addDefaultLists">
- Add default lists
- </button>
- <button
- class="btn btn-default btn-block"
- type="button"
- @click.stop="clearBlankState">
- Nevermind, I'll use my own
- </button>
- </div>
- `,
- data() {
- return {
- predefinedLabels: [
- new ListLabel({ title: 'To Do', color: '#F0AD4E' }),
- new ListLabel({ title: 'Doing', color: '#5CB85C' }),
- ],
- };
- },
- methods: {
- addDefaultLists() {
- this.clearBlankState();
-
- this.predefinedLabels.forEach((label, i) => {
- Store.addList({
- title: label.title,
- position: i,
- list_type: 'label',
- label: {
- title: label.title,
- color: label.color,
- },
- });
- });
-
- Store.state.lists = _.sortBy(Store.state.lists, 'position');
-
- // Save the labels
- gl.boardService.generateDefaultLists()
- .then(res => res.data)
- .then((data) => {
- data.forEach((listObj) => {
- const list = Store.findList('title', listObj.title);
-
- list.id = listObj.id;
- list.label.id = listObj.label.id;
- list.getIssues()
- .catch(() => {
- // TODO: handle request error
- });
- });
- })
- .catch(() => {
- Store.removeList(undefined, 'label');
- Cookies.remove('issue_board_welcome_hidden', {
- path: '',
- });
- Store.addBlankState();
- });
- },
- clearBlankState: Store.removeBlankState.bind(Store),
- },
-};