kanban-starter/pages/app-index.hbs at master · remake/kanban-starter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<div class="header">
  <div
    class="header__text"
    object
    key:board-heading="@innerText"
    default:board-heading="My Projects"
    edit:board-heading:without-remove
  >{{boardHeading}}</div>
  <button
    class="button button--add-stack"
    new:stack
  >Add stack</button>
</div>
<div class="board-container">
  <div
    class="board"
    array
    key="stacks"
    sortable="stacks"
  >
    {{#for stack in stacks}}
      <div
        class="stack"
        object
        key:stack-heading="@search"
        default:stack-heading="A Project"
      >
        <div class="stack__top">
          <p
            class="stack__text"
            target:stack-heading="@innerText"
            edit:stack-heading
          >{{default stack.stackHeading "New stack item"}}</p>
          <button
            class="button button--plus-square"
            new:card
          >
            <img class="stack__new-icon" src="/assets/images/new.svg">
          </button>
        </div>
        <div
          class="stack__list"
          key="cards"
          array
          sortable="cards"
        >
          {{#for card in stack.cards}}
            <div
              class="card"
              object
              key:card-text="@search"
              edit:card-text
            >
              <p
                class="card__text"
                target:card-text="@innerText"
              >{{default card.cardText "New card item"}}</p>
              <img class="card__drag" src="/assets/images/drag.svg">
            </div>
          {{/for}}
        </div>
        <div class="stack__add-card-container">
          <button
            class="stack__add-card"
            new:card
          >
            <img class="stack__add-card-icon" src="/assets/images/plus.svg"><p>Add card</p>
          </button>
        </div>
      </div>
    {{/for}}
  </div>
</div>