From d59583915cca24d53a11251c54ca7caf6b5edb4e Mon Sep 17 00:00:00 2001
From: Nicu Tofan <nicu.tofan@gmail.com>
Date: Mon, 18 Jun 2018 23:25:56 +0300
Subject: Initial implementation for subtasks

---
 client/components/cards/cardDetails.jade |   3 +
 client/components/cards/cardDetails.js   |  56 +++++++----
 client/components/cards/checklists.jade  |   5 +-
 client/components/cards/checklists.js    |   4 +-
 client/components/cards/subtasks.jade    |  96 ++++++++++++++++++
 client/components/cards/subtasks.js      | 166 +++++++++++++++++++++++++++++++
 client/components/cards/subtasks.styl    | 139 ++++++++++++++++++++++++++
 7 files changed, 442 insertions(+), 27 deletions(-)
 create mode 100644 client/components/cards/subtasks.jade
 create mode 100644 client/components/cards/subtasks.js
 create mode 100644 client/components/cards/subtasks.styl

(limited to 'client/components')

diff --git a/client/components/cards/cardDetails.jade b/client/components/cards/cardDetails.jade
index aa4829a9..bc0ce45c 100644
--- a/client/components/cards/cardDetails.jade
+++ b/client/components/cards/cardDetails.jade
@@ -144,6 +144,9 @@ template(name="cardDetails")
     hr
     +checklists(cardId = _id)
 
+    hr
+    +subtasks(cardId = _id)
+
     hr
     h3
       i.fa.fa-paperclip
diff --git a/client/components/cards/cardDetails.js b/client/components/cards/cardDetails.js
index 72ed678b..22dacb70 100644
--- a/client/components/cards/cardDetails.js
+++ b/client/components/cards/cardDetails.js
@@ -364,6 +364,20 @@ BlazeComponent.extendComponent({
   },
 }).register('boardsAndLists');
 
+function cloneCheckList(_id, checklist) {
+  'use strict';
+  const checklistId = checklist._id;
+  checklist.cardId = _id;
+  checklist._id = null;
+  const newChecklistId = Checklists.insert(checklist);
+  ChecklistItems.find({checklistId}).forEach(function(item) {
+    item._id = null;
+    item.checklistId = newChecklistId;
+    item.cardId = _id;
+    ChecklistItems.insert(item);
+  });
+}
+
 Template.copyCardPopup.events({
   'click .js-done'() {
     const card = Cards.findOne(Session.get('currentCard'));
@@ -392,19 +406,18 @@ Template.copyCardPopup.events({
 
       // copy checklists
       let cursor = Checklists.find({cardId: oldId});
+      cursor.forEach(function() {
+        cloneCheckList(_id, arguments[0]);
+      });
+
+      // copy subtasks
+      cursor = Subtasks.find({cardId: oldId});
       cursor.forEach(function() {
         'use strict';
-        const checklist = arguments[0];
-        const checklistId = checklist._id;
-        checklist.cardId = _id;
-        checklist._id = null;
-        const newChecklistId = Checklists.insert(checklist);
-        ChecklistItems.find({checklistId}).forEach(function(item) {
-          item._id = null;
-          item.checklistId = newChecklistId;
-          item.cardId = _id;
-          ChecklistItems.insert(item);
-        });
+        const subtask = arguments[0];
+        subtask.cardId = _id;
+        subtask._id = null;
+        /* const newSubtaskId = */ Subtasks.insert(subtask);
       });
 
       // copy card comments
@@ -453,19 +466,18 @@ Template.copyChecklistToManyCardsPopup.events({
 
         // copy checklists
         let cursor = Checklists.find({cardId: oldId});
+        cursor.forEach(function() {
+          cloneCheckList(_id, arguments[0]);
+        });
+
+        // copy subtasks
+        cursor = Subtasks.find({cardId: oldId});
         cursor.forEach(function() {
           'use strict';
-          const checklist = arguments[0];
-          const checklistId = checklist._id;
-          checklist.cardId = _id;
-          checklist._id = null;
-          const newChecklistId = Checklists.insert(checklist);
-          ChecklistItems.find({checklistId}).forEach(function(item) {
-            item._id = null;
-            item.checklistId = newChecklistId;
-            item.cardId = _id;
-            ChecklistItems.insert(item);
-          });
+          const subtask = arguments[0];
+          subtask.cardId = _id;
+          subtask._id = null;
+          /* const newSubtaskId = */ Subtasks.insert(subtask);
         });
 
         // copy card comments
diff --git a/client/components/cards/checklists.jade b/client/components/cards/checklists.jade
index ae680bd5..7678f524 100644
--- a/client/components/cards/checklists.jade
+++ b/client/components/cards/checklists.jade
@@ -27,7 +27,6 @@ template(name="checklistDetail")
         if canModifyCard
           a.js-delete-checklist.toggle-delete-checklist-dialog {{_ "delete"}}...
 
-        span.checklist-stat(class="{{#if checklist.isFinished}}is-finished{{/if}}") {{checklist.finishedCount}}/{{checklist.itemCount}}
         if canModifyCard
           h2.title.js-open-inlined-form.is-editable
             +viewer
@@ -75,7 +74,7 @@ template(name="checklistItems")
       +inlinedForm(classNames="js-edit-checklist-item" item = item checklist = checklist)
         +editChecklistItemForm(type = 'item' item = item checklist = checklist)
       else
-        +itemDetail(item = item checklist = checklist)
+        +cjecklistItemDetail(item = item checklist = checklist)
     if canModifyCard
       +inlinedForm(autoclose=false classNames="js-add-checklist-item" checklist = checklist)
         +addChecklistItemForm
@@ -84,7 +83,7 @@ template(name="checklistItems")
           i.fa.fa-plus
           | {{_ 'add-checklist-item'}}...
 
-template(name='itemDetail')
+template(name='cjecklistItemDetail')
   .js-checklist-item.checklist-item
     if canModifyCard
       .check-box.materialCheckBox(class="{{#if item.isFinished }}is-checked{{/if}}")
diff --git a/client/components/cards/checklists.js b/client/components/cards/checklists.js
index 1f05aded..a62e493e 100644
--- a/client/components/cards/checklists.js
+++ b/client/components/cards/checklists.js
@@ -204,7 +204,7 @@ Template.checklistDeleteDialog.onDestroyed(() => {
   $cardDetails.animate( { scrollTop: this.scrollState.position });
 });
 
-Template.itemDetail.helpers({
+Template.cjecklistItemDetail.helpers({
   canModifyCard() {
     return Meteor.user() && Meteor.user().isBoardMember() && !Meteor.user().isCommentOnly();
   },
@@ -223,4 +223,4 @@ BlazeComponent.extendComponent({
       'click .js-checklist-item .check-box': this.toggleItem,
     }];
   },
-}).register('itemDetail');
+}).register('cjecklistItemDetail');
diff --git a/client/components/cards/subtasks.jade b/client/components/cards/subtasks.jade
new file mode 100644
index 00000000..378d7a46
--- /dev/null
+++ b/client/components/cards/subtasks.jade
@@ -0,0 +1,96 @@
+template(name="subtasks")
+  h3 {{_ 'subtasks'}}
+  if toggleDeleteDialog.get
+    .board-overlay#card-details-overlay
+    +subtaskDeleteDialog(subtasks = subtasksToDelete)
+
+
+  .card-subtasks-items
+    each subtasks in currentCard.subtasks
+      +subtasksDetail(subtasks = subtasks)
+
+  if canModifyCard
+    +inlinedForm(autoclose=false classNames="js-add-subtask" cardId = cardId)
+      +addSubtaskItemForm
+    else
+      a.js-open-inlined-form
+        i.fa.fa-plus
+        | {{_ 'add-subtask'}}...
+
+template(name="subtasksDetail")
+  .js-subtasks.subtasks
+    +inlinedForm(classNames="js-edit-subtasks-title" subtasks = subtasks)
+      +editsubtasksItemForm(subtasks = subtasks)
+    else
+      .subtasks-title
+        span
+        if canModifyCard
+          a.js-delete-subtasks.toggle-delete-subtasks-dialog {{_ "delete"}}...
+
+        if canModifyCard
+          h2.title.js-open-inlined-form.is-editable
+            +viewer
+              = subtasks.title
+        else
+          h2.title
+            +viewer
+                = subtasks.title
+
+template(name="subtaskDeleteDialog")
+  .js-confirm-subtasks-delete
+    p
+      i(class="fa fa-exclamation-triangle" aria-hidden="true")
+    p
+      | {{_ 'confirm-subtask-delete-dialog'}}
+      span {{subtasks.title}}
+      | ?
+    .js-subtasks-delete-buttons
+      button.confirm-subtasks-delete(type="button") {{_ 'delete'}}
+      button.toggle-delete-subtasks-dialog(type="button") {{_ 'cancel'}}
+
+template(name="addSubtaskItemForm")
+  textarea.js-add-subtask-item(rows='1' autofocus)
+  .edit-controls.clearfix
+    button.primary.confirm.js-submit-add-subtask-item-form(type="submit") {{_ 'save'}}
+    a.fa.fa-times-thin.js-close-inlined-form
+
+template(name="editsubtasksItemForm")
+  textarea.js-edit-subtasks-item(rows='1' autofocus)
+    if $eq type 'item'
+      = item.title
+    else
+      = subtasks.title
+  .edit-controls.clearfix
+    button.primary.confirm.js-submit-edit-subtasks-item-form(type="submit") {{_ 'save'}}
+    a.fa.fa-times-thin.js-close-inlined-form
+    span(title=createdAt) {{ moment createdAt }}
+    if canModifyCard
+      a.js-delete-subtasks-item {{_ "delete"}}...
+
+template(name="subtasksItems")
+  .subtasks-items.js-subtasks-items
+    each item in subtasks.items
+      +inlinedForm(classNames="js-edit-subtasks-item" item = item subtasks = subtasks)
+        +editsubtasksItemForm(type = 'item' item = item subtasks = subtasks)
+      else
+        +subtaskItemDetail(item = item subtasks = subtasks)
+    if canModifyCard
+      +inlinedForm(autoclose=false classNames="js-add-subtask-item" subtasks = subtasks)
+        +addSubtaskItemForm
+      else
+        a.add-subtask-item.js-open-inlined-form
+          i.fa.fa-plus
+          | {{_ 'add-subtask-item'}}...
+
+template(name='subtaskItemDetail')
+  .js-subtasks-item.subtasks-item
+    if canModifyCard
+      .check-box.materialCheckBox(class="{{#if item.isFinished }}is-checked{{/if}}")
+      .item-title.js-open-inlined-form.is-editable(class="{{#if item.isFinished }}is-checked{{/if}}")
+        +viewer
+          = item.title
+    else
+      .materialCheckBox(class="{{#if item.isFinished }}is-checked{{/if}}")
+      .item-title(class="{{#if item.isFinished }}is-checked{{/if}}")
+        +viewer
+          = item.title
diff --git a/client/components/cards/subtasks.js b/client/components/cards/subtasks.js
new file mode 100644
index 00000000..a611ae26
--- /dev/null
+++ b/client/components/cards/subtasks.js
@@ -0,0 +1,166 @@
+const { calculateIndexData } = Utils;
+
+function initSorting(items) {
+  items.sortable({
+    tolerance: 'pointer',
+    helper: 'clone',
+    items: '.js-subtasks-item:not(.placeholder)',
+    connectWith: '.js-subtasks-items',
+    appendTo: '.board-canvas',
+    distance: 7,
+    placeholder: 'subtasks-item placeholder',
+    scroll: false,
+    start(evt, ui) {
+      ui.placeholder.height(ui.helper.height());
+      EscapeActions.executeUpTo('popup-close');
+    },
+    stop(evt, ui) {
+      const parent = ui.item.parents('.js-subtasks-items');
+      const subtasksId = Blaze.getData(parent.get(0)).subtasks._id;
+      let prevItem = ui.item.prev('.js-subtasks-item').get(0);
+      if (prevItem) {
+        prevItem = Blaze.getData(prevItem).item;
+      }
+      let nextItem = ui.item.next('.js-subtasks-item').get(0);
+      if (nextItem) {
+        nextItem = Blaze.getData(nextItem).item;
+      }
+      const nItems = 1;
+      const sortIndex = calculateIndexData(prevItem, nextItem, nItems);
+      const subtasksDomElement = ui.item.get(0);
+      const subtasksData = Blaze.getData(subtasksDomElement);
+      const subtasksItem = subtasksData.item;
+
+      items.sortable('cancel');
+
+      subtasksItem.move(subtasksId, sortIndex.base);
+    },
+  });
+}
+
+BlazeComponent.extendComponent({
+  canModifyCard() {
+    return Meteor.user() && Meteor.user().isBoardMember() && !Meteor.user().isCommentOnly();
+  },
+}).register('subtasksDetail');
+
+BlazeComponent.extendComponent({
+
+  addSubtask(event) {
+    event.preventDefault();
+    const textarea = this.find('textarea.js-add-subtask-item');
+    const title = textarea.value.trim();
+    const cardId = this.currentData().cardId;
+    const card = Cards.findOne(cardId);
+
+    if (title) {
+      Subtasks.insert({
+        cardId,
+        title,
+        sort: card.subtasks().count(),
+      });
+      setTimeout(() => {
+        this.$('.add-subtask-item').last().click();
+      }, 100);
+    }
+    textarea.value = '';
+    textarea.focus();
+  },
+
+  canModifyCard() {
+    return Meteor.user() && Meteor.user().isBoardMember() && !Meteor.user().isCommentOnly();
+  },
+
+  deleteSubtask() {
+    const subtasks = this.currentData().subtasks;
+    if (subtasks && subtasks._id) {
+      Subtasks.remove(subtasks._id);
+      this.toggleDeleteDialog.set(false);
+    }
+  },
+
+  editSubtask(event) {
+    event.preventDefault();
+    const textarea = this.find('textarea.js-edit-subtasks-item');
+    const title = textarea.value.trim();
+    const subtasks = this.currentData().subtasks;
+    subtasks.setTitle(title);
+  },
+
+  onCreated() {
+    this.toggleDeleteDialog = new ReactiveVar(false);
+    this.subtasksToDelete = null; //Store data context to pass to subtaskDeleteDialog template
+  },
+
+  pressKey(event) {
+    //If user press enter key inside a form, submit it
+    //Unless the user is also holding down the 'shift' key
+    if (event.keyCode === 13 && !event.shiftKey) {
+      event.preventDefault();
+      const $form = $(event.currentTarget).closest('form');
+      $form.find('button[type=submit]').click();
+    }
+  },
+
+  events() {
+    const events = {
+      'click .toggle-delete-subtasks-dialog'(event) {
+        if($(event.target).hasClass('js-delete-subtasks')){
+          this.subtasksToDelete = this.currentData().subtasks; //Store data context
+        }
+        this.toggleDeleteDialog.set(!this.toggleDeleteDialog.get());
+      },
+    };
+
+    return [{
+      ...events,
+      'submit .js-add-subtask': this.addSubtask,
+      'submit .js-edit-subtasks-title': this.editSubtask,
+      'click .confirm-subtasks-delete': this.deleteSubtask,
+      keydown: this.pressKey,
+    }];
+  },
+}).register('subtasks');
+
+Template.subtaskDeleteDialog.onCreated(() => {
+  const $cardDetails = this.$('.card-details');
+  this.scrollState = { position: $cardDetails.scrollTop(), //save current scroll position
+    top: false, //required for smooth scroll animation
+  };
+  //Callback's purpose is to only prevent scrolling after animation is complete
+  $cardDetails.animate({ scrollTop: 0 }, 500, () => { this.scrollState.top = true; });
+
+  //Prevent scrolling while dialog is open
+  $cardDetails.on('scroll', () => {
+    if(this.scrollState.top) { //If it's already in position, keep it there. Otherwise let animation scroll
+      $cardDetails.scrollTop(0);
+    }
+  });
+});
+
+Template.subtaskDeleteDialog.onDestroyed(() => {
+  const $cardDetails = this.$('.card-details');
+  $cardDetails.off('scroll'); //Reactivate scrolling
+  $cardDetails.animate( { scrollTop: this.scrollState.position });
+});
+
+Template.subtaskItemDetail.helpers({
+  canModifyCard() {
+    return Meteor.user() && Meteor.user().isBoardMember() && !Meteor.user().isCommentOnly();
+  },
+});
+
+BlazeComponent.extendComponent({
+  toggleItem() {
+    const subtasks = this.currentData().subtasks;
+    const item = this.currentData().item;
+    if (subtasks && item && item._id) {
+      item.toggleItem();
+    }
+  },
+  events() {
+    return [{
+      'click .js-subtasks-item .check-box': this.toggleItem,
+    }];
+  },
+}).register('subtaskItemDetail');
diff --git a/client/components/cards/subtasks.styl b/client/components/cards/subtasks.styl
new file mode 100644
index 00000000..2d18407c
--- /dev/null
+++ b/client/components/cards/subtasks.styl
@@ -0,0 +1,139 @@
+.js-add-subtask
+  color: #8c8c8c
+
+textarea.js-add-subtask-item, textarea.js-edit-subtasks-item
+  overflow: hidden
+  word-wrap: break-word
+  resize: none
+  height: 34px
+
+.delete-text
+  color: #8c8c8c
+  text-decoration: underline
+  word-wrap: break-word
+  float: right
+  padding-top: 6px
+  &:hover
+    color: inherit
+
+.subtasks-title
+  .checkbox
+    float: left
+    width: 30px
+    height 30px
+    font-size: 18px
+    line-height: 30px
+
+  .title
+    font-size: 18px
+    line-height: 25px
+
+  .subtasks-stat
+    margin: 0 0.5em
+    float: right
+    padding-top: 6px
+    &.is-finished
+      color: #3cb500
+
+  .js-delete-subtasks
+    @extends .delete-text
+
+
+.js-confirm-subtasks-delete
+  background-color: darken(white, 3%)
+  position: absolute
+  float: left;
+  width: 60%
+  margin-top: 0
+  margin-left: 13%
+  padding-bottom: 2%
+  padding-left: 3%
+  padding-right: 3%
+  z-index: 17
+  border-radius: 3px
+
+  p
+    position: relative
+    margin-top: 3%
+    width: 100%
+    text-align: center
+    span
+      font-weight: bold
+
+    i
+      font-size: 2em
+
+  .js-subtasks-delete-buttons
+    position: relative
+    padding: left 2% right 2%
+    .confirm-subtasks-delete
+      margin-left: 12%
+      float: left
+    .toggle-delete-subtasks-dialog
+      margin-right: 12%
+      float: right
+
+#card-details-overlay
+  top: 0
+  bottom: -600px
+  right: 0
+
+.subtasks
+  background: darken(white, 3%)
+
+  &.placeholder
+    background: darken(white, 20%)
+    border-radius: 2px
+
+  &.ui-sortable-helper
+    box-shadow: -2px 2px 8px rgba(0, 0, 0, .3),
+                0 0 1px rgba(0, 0, 0, .5)
+    transform: rotate(4deg)
+    cursor: grabbing
+
+
+.subtasks-item
+  margin: 0 0 0 0.1em
+  line-height: 18px
+  font-size: 1.1em
+  margin-top: 3px
+  display: flex
+  background: darken(white, 3%)
+
+  &.placeholder
+    background: darken(white, 20%)
+    border-radius: 2px
+
+  &.ui-sortable-helper
+    box-shadow: -2px 2px 8px rgba(0, 0, 0, .3),
+                0 0 1px rgba(0, 0, 0, .5)
+    transform: rotate(4deg)
+    cursor: grabbing
+
+  &:hover
+    background-color: darken(white, 8%)
+
+  .check-box
+    margin: 0.1em 0 0 0;
+    &.is-checked
+      border-bottom: 2px solid #3cb500
+      border-right: 2px solid #3cb500
+
+  .item-title
+    flex: 1
+    padding-left: 10px;
+    &.is-checked
+      color: #8c8c8c
+      font-style: italic
+    & .viewer
+      p
+        margin-bottom: 2px
+
+.js-delete-subtasks-item
+  margin: 0 0 0.5em 1.33em
+  @extends .delete-text
+  padding: 12px 0 0 0
+
+.add-subtask-item
+  margin: 0.2em 0 0.5em 1.33em
+  display: inline-block
-- 
cgit v1.2.3-1-g7c22


From 5f20e56721cd23ef6b65138f1b2aa074d7f830c6 Mon Sep 17 00:00:00 2001
From: Nicu Tofan <nicu.tofan@gmail.com>
Date: Mon, 18 Jun 2018 23:38:41 +0300
Subject: Remove leftovers from checklist conversion

---
 client/components/cards/subtasks.js | 53 +------------------------------------
 1 file changed, 1 insertion(+), 52 deletions(-)

(limited to 'client/components')

diff --git a/client/components/cards/subtasks.js b/client/components/cards/subtasks.js
index a611ae26..e65ef518 100644
--- a/client/components/cards/subtasks.js
+++ b/client/components/cards/subtasks.js
@@ -1,43 +1,3 @@
-const { calculateIndexData } = Utils;
-
-function initSorting(items) {
-  items.sortable({
-    tolerance: 'pointer',
-    helper: 'clone',
-    items: '.js-subtasks-item:not(.placeholder)',
-    connectWith: '.js-subtasks-items',
-    appendTo: '.board-canvas',
-    distance: 7,
-    placeholder: 'subtasks-item placeholder',
-    scroll: false,
-    start(evt, ui) {
-      ui.placeholder.height(ui.helper.height());
-      EscapeActions.executeUpTo('popup-close');
-    },
-    stop(evt, ui) {
-      const parent = ui.item.parents('.js-subtasks-items');
-      const subtasksId = Blaze.getData(parent.get(0)).subtasks._id;
-      let prevItem = ui.item.prev('.js-subtasks-item').get(0);
-      if (prevItem) {
-        prevItem = Blaze.getData(prevItem).item;
-      }
-      let nextItem = ui.item.next('.js-subtasks-item').get(0);
-      if (nextItem) {
-        nextItem = Blaze.getData(nextItem).item;
-      }
-      const nItems = 1;
-      const sortIndex = calculateIndexData(prevItem, nextItem, nItems);
-      const subtasksDomElement = ui.item.get(0);
-      const subtasksData = Blaze.getData(subtasksDomElement);
-      const subtasksItem = subtasksData.item;
-
-      items.sortable('cancel');
-
-      subtasksItem.move(subtasksId, sortIndex.base);
-    },
-  });
-}
-
 BlazeComponent.extendComponent({
   canModifyCard() {
     return Meteor.user() && Meteor.user().isBoardMember() && !Meteor.user().isCommentOnly();
@@ -151,16 +111,5 @@ Template.subtaskItemDetail.helpers({
 });
 
 BlazeComponent.extendComponent({
-  toggleItem() {
-    const subtasks = this.currentData().subtasks;
-    const item = this.currentData().item;
-    if (subtasks && item && item._id) {
-      item.toggleItem();
-    }
-  },
-  events() {
-    return [{
-      'click .js-subtasks-item .check-box': this.toggleItem,
-    }];
-  },
+  // ...
 }).register('subtaskItemDetail');
-- 
cgit v1.2.3-1-g7c22


From f89de026c414879bdb61a0f3117e92fde6acf5aa Mon Sep 17 00:00:00 2001
From: Nicu Tofan <nicu.tofan@gmail.com>
Date: Tue, 19 Jun 2018 00:25:43 +0300
Subject: Change order using drag-n-drop for subtasks

---
 client/components/cards/cardDetails.js | 38 ++++++++++++++++++++++++++++
 client/components/cards/subtasks.jade  | 46 +++++++++++++++++-----------------
 client/components/cards/subtasks.js    | 26 +++++++++----------
 client/components/cards/subtasks.styl  | 16 ++++++------
 4 files changed, 82 insertions(+), 44 deletions(-)

(limited to 'client/components')

diff --git a/client/components/cards/cardDetails.js b/client/components/cards/cardDetails.js
index 22dacb70..8d917830 100644
--- a/client/components/cards/cardDetails.js
+++ b/client/components/cards/cardDetails.js
@@ -107,6 +107,41 @@ BlazeComponent.extendComponent({
       },
     });
 
+    const $subtasksDom = this.$('.card-subtasks-items');
+
+    $subtasksDom.sortable({
+      tolerance: 'pointer',
+      helper: 'clone',
+      handle: '.subtask-title',
+      items: '.js-subtasks',
+      placeholder: 'subtasks placeholder',
+      distance: 7,
+      start(evt, ui) {
+        ui.placeholder.height(ui.helper.height());
+        EscapeActions.executeUpTo('popup-close');
+      },
+      stop(evt, ui) {
+        let prevChecklist = ui.item.prev('.js-subtasks').get(0);
+        if (prevChecklist) {
+          prevChecklist = Blaze.getData(prevChecklist).subtask;
+        }
+        let nextChecklist = ui.item.next('.js-subtasks').get(0);
+        if (nextChecklist) {
+          nextChecklist = Blaze.getData(nextChecklist).subtask;
+        }
+        const sortIndex = calculateIndexData(prevChecklist, nextChecklist, 1);
+
+        $subtasksDom.sortable('cancel');
+        const subtask = Blaze.getData(ui.item.get(0)).subtask;
+
+        Subtasks.update(subtask._id, {
+          $set: {
+            sort: sortIndex.base,
+          },
+        });
+      },
+    });
+
     function userIsMember() {
       return Meteor.user() && Meteor.user().isBoardMember();
     }
@@ -116,6 +151,9 @@ BlazeComponent.extendComponent({
       if ($checklistsDom.data('sortable')) {
         $checklistsDom.sortable('option', 'disabled', !userIsMember());
       }
+      if ($subtasksDom.data('sortable')) {
+        $subtasksDom.sortable('option', 'disabled', !userIsMember());
+      }
     });
   },
 
diff --git a/client/components/cards/subtasks.jade b/client/components/cards/subtasks.jade
index 378d7a46..5bf6c7ce 100644
--- a/client/components/cards/subtasks.jade
+++ b/client/components/cards/subtasks.jade
@@ -2,12 +2,12 @@ template(name="subtasks")
   h3 {{_ 'subtasks'}}
   if toggleDeleteDialog.get
     .board-overlay#card-details-overlay
-    +subtaskDeleteDialog(subtasks = subtasksToDelete)
+    +subtaskDeleteDialog(subtask = subtaskToDelete)
 
 
   .card-subtasks-items
-    each subtasks in currentCard.subtasks
-      +subtasksDetail(subtasks = subtasks)
+    each subtask in currentCard.subtasks
+      +subtaskDetail(subtask = subtask)
 
   if canModifyCard
     +inlinedForm(autoclose=false classNames="js-add-subtask" cardId = cardId)
@@ -17,36 +17,36 @@ template(name="subtasks")
         i.fa.fa-plus
         | {{_ 'add-subtask'}}...
 
-template(name="subtasksDetail")
-  .js-subtasks.subtasks
-    +inlinedForm(classNames="js-edit-subtasks-title" subtasks = subtasks)
-      +editsubtasksItemForm(subtasks = subtasks)
+template(name="subtaskDetail")
+  .js-subtasks.subtask
+    +inlinedForm(classNames="js-edit-subtask-title" subtask = subtask)
+      +editSubtaskItemForm(subtask = subtask)
     else
-      .subtasks-title
+      .subtask-title
         span
         if canModifyCard
-          a.js-delete-subtasks.toggle-delete-subtasks-dialog {{_ "delete"}}...
+          a.js-delete-subtask.toggle-delete-subtask-dialog {{_ "delete"}}...
 
         if canModifyCard
           h2.title.js-open-inlined-form.is-editable
             +viewer
-              = subtasks.title
+              = subtask.title
         else
           h2.title
             +viewer
-                = subtasks.title
+                = subtask.title
 
 template(name="subtaskDeleteDialog")
-  .js-confirm-subtasks-delete
+  .js-confirm-subtask-delete
     p
       i(class="fa fa-exclamation-triangle" aria-hidden="true")
     p
       | {{_ 'confirm-subtask-delete-dialog'}}
-      span {{subtasks.title}}
+      span {{subtask.title}}
       | ?
-    .js-subtasks-delete-buttons
-      button.confirm-subtasks-delete(type="button") {{_ 'delete'}}
-      button.toggle-delete-subtasks-dialog(type="button") {{_ 'cancel'}}
+    .js-subtask-delete-buttons
+      button.confirm-subtask-delete(type="button") {{_ 'delete'}}
+      button.toggle-delete-subtask-dialog(type="button") {{_ 'cancel'}}
 
 template(name="addSubtaskItemForm")
   textarea.js-add-subtask-item(rows='1' autofocus)
@@ -54,24 +54,24 @@ template(name="addSubtaskItemForm")
     button.primary.confirm.js-submit-add-subtask-item-form(type="submit") {{_ 'save'}}
     a.fa.fa-times-thin.js-close-inlined-form
 
-template(name="editsubtasksItemForm")
-  textarea.js-edit-subtasks-item(rows='1' autofocus)
+template(name="editSubtaskItemForm")
+  textarea.js-edit-subtask-item(rows='1' autofocus)
     if $eq type 'item'
       = item.title
     else
-      = subtasks.title
+      = subtask.title
   .edit-controls.clearfix
-    button.primary.confirm.js-submit-edit-subtasks-item-form(type="submit") {{_ 'save'}}
+    button.primary.confirm.js-submit-edit-subtask-item-form(type="submit") {{_ 'save'}}
     a.fa.fa-times-thin.js-close-inlined-form
     span(title=createdAt) {{ moment createdAt }}
     if canModifyCard
-      a.js-delete-subtasks-item {{_ "delete"}}...
+      a.js-delete-subtask-item {{_ "delete"}}...
 
 template(name="subtasksItems")
   .subtasks-items.js-subtasks-items
     each item in subtasks.items
-      +inlinedForm(classNames="js-edit-subtasks-item" item = item subtasks = subtasks)
-        +editsubtasksItemForm(type = 'item' item = item subtasks = subtasks)
+      +inlinedForm(classNames="js-edit-subtask-item" item = item subtasks = subtasks)
+        +editSubtaskItemForm(type = 'item' item = item subtasks = subtasks)
       else
         +subtaskItemDetail(item = item subtasks = subtasks)
     if canModifyCard
diff --git a/client/components/cards/subtasks.js b/client/components/cards/subtasks.js
index e65ef518..dc6c607f 100644
--- a/client/components/cards/subtasks.js
+++ b/client/components/cards/subtasks.js
@@ -2,7 +2,7 @@ BlazeComponent.extendComponent({
   canModifyCard() {
     return Meteor.user() && Meteor.user().isBoardMember() && !Meteor.user().isCommentOnly();
   },
-}).register('subtasksDetail');
+}).register('subtaskDetail');
 
 BlazeComponent.extendComponent({
 
@@ -32,24 +32,24 @@ BlazeComponent.extendComponent({
   },
 
   deleteSubtask() {
-    const subtasks = this.currentData().subtasks;
-    if (subtasks && subtasks._id) {
-      Subtasks.remove(subtasks._id);
+    const subtask = this.currentData().subtask;
+    if (subtask && subtask._id) {
+      Subtasks.remove(subtask._id);
       this.toggleDeleteDialog.set(false);
     }
   },
 
   editSubtask(event) {
     event.preventDefault();
-    const textarea = this.find('textarea.js-edit-subtasks-item');
+    const textarea = this.find('textarea.js-edit-subtask-item');
     const title = textarea.value.trim();
-    const subtasks = this.currentData().subtasks;
-    subtasks.setTitle(title);
+    const subtask = this.currentData().subtask;
+    subtask.setTitle(title);
   },
 
   onCreated() {
     this.toggleDeleteDialog = new ReactiveVar(false);
-    this.subtasksToDelete = null; //Store data context to pass to subtaskDeleteDialog template
+    this.subtaskToDelete = null; //Store data context to pass to subtaskDeleteDialog template
   },
 
   pressKey(event) {
@@ -64,9 +64,9 @@ BlazeComponent.extendComponent({
 
   events() {
     const events = {
-      'click .toggle-delete-subtasks-dialog'(event) {
-        if($(event.target).hasClass('js-delete-subtasks')){
-          this.subtasksToDelete = this.currentData().subtasks; //Store data context
+      'click .toggle-delete-subtask-dialog'(event) {
+        if($(event.target).hasClass('js-delete-subtask')){
+          this.subtaskToDelete = this.currentData().subtask; //Store data context
         }
         this.toggleDeleteDialog.set(!this.toggleDeleteDialog.get());
       },
@@ -75,8 +75,8 @@ BlazeComponent.extendComponent({
     return [{
       ...events,
       'submit .js-add-subtask': this.addSubtask,
-      'submit .js-edit-subtasks-title': this.editSubtask,
-      'click .confirm-subtasks-delete': this.deleteSubtask,
+      'submit .js-edit-subtask-title': this.editSubtask,
+      'click .confirm-subtask-delete': this.deleteSubtask,
       keydown: this.pressKey,
     }];
   },
diff --git a/client/components/cards/subtasks.styl b/client/components/cards/subtasks.styl
index 2d18407c..5bb2d4bd 100644
--- a/client/components/cards/subtasks.styl
+++ b/client/components/cards/subtasks.styl
@@ -1,7 +1,7 @@
 .js-add-subtask
   color: #8c8c8c
 
-textarea.js-add-subtask-item, textarea.js-edit-subtasks-item
+textarea.js-add-subtask-item, textarea.js-edit-subtask-item
   overflow: hidden
   word-wrap: break-word
   resize: none
@@ -16,7 +16,7 @@ textarea.js-add-subtask-item, textarea.js-edit-subtasks-item
   &:hover
     color: inherit
 
-.subtasks-title
+.subtask-title
   .checkbox
     float: left
     width: 30px
@@ -35,11 +35,11 @@ textarea.js-add-subtask-item, textarea.js-edit-subtasks-item
     &.is-finished
       color: #3cb500
 
-  .js-delete-subtasks
+  .js-delete-subtask
     @extends .delete-text
 
 
-.js-confirm-subtasks-delete
+.js-confirm-subtask-delete
   background-color: darken(white, 3%)
   position: absolute
   float: left;
@@ -63,13 +63,13 @@ textarea.js-add-subtask-item, textarea.js-edit-subtasks-item
     i
       font-size: 2em
 
-  .js-subtasks-delete-buttons
+  .js-subtask-delete-buttons
     position: relative
     padding: left 2% right 2%
-    .confirm-subtasks-delete
+    .confirm-subtask-delete
       margin-left: 12%
       float: left
-    .toggle-delete-subtasks-dialog
+    .toggle-delete-subtask-dialog
       margin-right: 12%
       float: right
 
@@ -129,7 +129,7 @@ textarea.js-add-subtask-item, textarea.js-edit-subtasks-item
       p
         margin-bottom: 2px
 
-.js-delete-subtasks-item
+.js-delete-subtask-item
   margin: 0 0 0.5em 1.33em
   @extends .delete-text
   padding: 12px 0 0 0
-- 
cgit v1.2.3-1-g7c22


From 5a023e431504f7573723db6e0d2262ecb1fc61c5 Mon Sep 17 00:00:00 2001
From: Nicu Tofan <nicu.tofan@gmail.com>
Date: Sat, 23 Jun 2018 23:22:38 +0300
Subject: Can add cards as subtasks

---
 client/components/cards/subtasks.js | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

(limited to 'client/components')

diff --git a/client/components/cards/subtasks.js b/client/components/cards/subtasks.js
index dc6c607f..0df5d21f 100644
--- a/client/components/cards/subtasks.js
+++ b/client/components/cards/subtasks.js
@@ -12,13 +12,31 @@ BlazeComponent.extendComponent({
     const title = textarea.value.trim();
     const cardId = this.currentData().cardId;
     const card = Cards.findOne(cardId);
+    const sortIndex = -1;
+    const crtBoard = Boards.findOne(card.boardId);
+    const targetBoard = crtBoard.getDefaultSubtasksBoard();
+    const listId = targetBoard.getDefaultSubtasksListId();
+    const swimlaneId = Swimlanes.findOne({boardId: targetBoard._id})._id;
 
     if (title) {
-      Subtasks.insert({
-        cardId,
+      const _id = Cards.insert({
         title,
-        sort: card.subtasks().count(),
+        parentId: cardId,
+        members: [],
+        labelIds: [],
+        customFields: [],
+        listId,
+        boardId: targetBoard._id,
+        sort: sortIndex,
+        swimlaneId,
       });
+      // In case the filter is active we need to add the newly inserted card in
+      // the list of exceptions -- cards that are not filtered. Otherwise the
+      // card will disappear instantly.
+      // See https://github.com/wekan/wekan/issues/80
+      Filter.addException(_id);
+
+
       setTimeout(() => {
         this.$('.add-subtask-item').last().click();
       }, 100);
@@ -34,7 +52,7 @@ BlazeComponent.extendComponent({
   deleteSubtask() {
     const subtask = this.currentData().subtask;
     if (subtask && subtask._id) {
-      Subtasks.remove(subtask._id);
+      Cards.remove(subtask._id);
       this.toggleDeleteDialog.set(false);
     }
   },
-- 
cgit v1.2.3-1-g7c22


From cd36194477593f12103bc3d69e3cdd594c831099 Mon Sep 17 00:00:00 2001
From: Nicu Tofan <nicu.tofan@gmail.com>
Date: Sat, 23 Jun 2018 23:44:45 +0300
Subject: Archive subtask instead of permanent delete

---
 client/components/cards/subtasks.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'client/components')

diff --git a/client/components/cards/subtasks.js b/client/components/cards/subtasks.js
index 0df5d21f..9a6666a3 100644
--- a/client/components/cards/subtasks.js
+++ b/client/components/cards/subtasks.js
@@ -52,7 +52,7 @@ BlazeComponent.extendComponent({
   deleteSubtask() {
     const subtask = this.currentData().subtask;
     if (subtask && subtask._id) {
-      Cards.remove(subtask._id);
+      subtask.archive();
       this.toggleDeleteDialog.set(false);
     }
   },
-- 
cgit v1.2.3-1-g7c22


From 4ac6a507cdd3e7a4610c8961e0a9f76f945a5e6d Mon Sep 17 00:00:00 2001
From: Nicu Tofan <nicu.tofan@gmail.com>
Date: Sun, 24 Jun 2018 00:21:23 +0300
Subject: Get rid of old implementation for substacks

---
 client/components/cards/cardDetails.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'client/components')

diff --git a/client/components/cards/cardDetails.js b/client/components/cards/cardDetails.js
index 8d917830..4731e448 100644
--- a/client/components/cards/cardDetails.js
+++ b/client/components/cards/cardDetails.js
@@ -136,7 +136,7 @@ BlazeComponent.extendComponent({
 
         Subtasks.update(subtask._id, {
           $set: {
-            sort: sortIndex.base,
+            subtaskSort: sortIndex.base,
           },
         });
       },
@@ -449,13 +449,13 @@ Template.copyCardPopup.events({
       });
 
       // copy subtasks
-      cursor = Subtasks.find({cardId: oldId});
+      cursor = Cards.find({parentId: oldId});
       cursor.forEach(function() {
         'use strict';
         const subtask = arguments[0];
-        subtask.cardId = _id;
+        subtask.parentId = _id;
         subtask._id = null;
-        /* const newSubtaskId = */ Subtasks.insert(subtask);
+        /* const newSubtaskId = */ Cards.insert(subtask);
       });
 
       // copy card comments
@@ -509,13 +509,13 @@ Template.copyChecklistToManyCardsPopup.events({
         });
 
         // copy subtasks
-        cursor = Subtasks.find({cardId: oldId});
+        cursor = Cards.find({parentId: oldId});
         cursor.forEach(function() {
           'use strict';
           const subtask = arguments[0];
-          subtask.cardId = _id;
+          subtask.parentId = _id;
           subtask._id = null;
-          /* const newSubtaskId = */ Subtasks.insert(subtask);
+          /* const newSubtaskId = */ Cards.insert(subtask);
         });
 
         // copy card comments
-- 
cgit v1.2.3-1-g7c22


From 989b026b33508feaa6ba806a624b95a93298327c Mon Sep 17 00:00:00 2001
From: Nicu Tofan <nicu.tofan@gmail.com>
Date: Sun, 24 Jun 2018 10:44:09 +0300
Subject: Can now navigate to subtask

---
 client/components/cards/subtasks.jade |  1 +
 client/components/cards/subtasks.js   | 11 +++++++++++
 client/components/cards/subtasks.styl |  3 +++
 3 files changed, 15 insertions(+)

(limited to 'client/components')

diff --git a/client/components/cards/subtasks.jade b/client/components/cards/subtasks.jade
index 5bf6c7ce..b0ef2f33 100644
--- a/client/components/cards/subtasks.jade
+++ b/client/components/cards/subtasks.jade
@@ -24,6 +24,7 @@ template(name="subtaskDetail")
     else
       .subtask-title
         span
+        a.js-view-subtask(title="{{ subtask.title }}") {{_ "view-it"}}
         if canModifyCard
           a.js-delete-subtask.toggle-delete-subtask-dialog {{_ "delete"}}...
 
diff --git a/client/components/cards/subtasks.js b/client/components/cards/subtasks.js
index 9a6666a3..087824f7 100644
--- a/client/components/cards/subtasks.js
+++ b/client/components/cards/subtasks.js
@@ -88,6 +88,17 @@ BlazeComponent.extendComponent({
         }
         this.toggleDeleteDialog.set(!this.toggleDeleteDialog.get());
       },
+      'click .js-view-subtask'(event) {
+        if($(event.target).hasClass('js-view-subtask')){
+          const subtask = this.currentData().subtask;
+          const board = subtask.board();
+          FlowRouter.go('card', {
+            boardId: board._id,
+            slug: board.slug,
+            cardId: subtask._id,
+          });
+        }
+      },
     };
 
     return [{
diff --git a/client/components/cards/subtasks.styl b/client/components/cards/subtasks.styl
index 5bb2d4bd..c2f09aa1 100644
--- a/client/components/cards/subtasks.styl
+++ b/client/components/cards/subtasks.styl
@@ -37,7 +37,10 @@ textarea.js-add-subtask-item, textarea.js-edit-subtask-item
 
   .js-delete-subtask
     @extends .delete-text
+    margin: 0 0.5em
 
+  .js-view-subtask
+    @extends .delete-text
 
 .js-confirm-subtask-delete
   background-color: darken(white, 3%)
-- 
cgit v1.2.3-1-g7c22


From a0c02f4a5008f9ce47a4dac811aad7efdef5cc21 Mon Sep 17 00:00:00 2001
From: Nicu Tofan <nicu.tofan@gmail.com>
Date: Sun, 24 Jun 2018 17:42:58 +0300
Subject: typo in renaming itemDetail to checklistItemDetail

---
 client/components/cards/checklists.jade | 4 ++--
 client/components/cards/checklists.js   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'client/components')

diff --git a/client/components/cards/checklists.jade b/client/components/cards/checklists.jade
index 7678f524..e45e7ad9 100644
--- a/client/components/cards/checklists.jade
+++ b/client/components/cards/checklists.jade
@@ -74,7 +74,7 @@ template(name="checklistItems")
       +inlinedForm(classNames="js-edit-checklist-item" item = item checklist = checklist)
         +editChecklistItemForm(type = 'item' item = item checklist = checklist)
       else
-        +cjecklistItemDetail(item = item checklist = checklist)
+        +checklistItemDetail(item = item checklist = checklist)
     if canModifyCard
       +inlinedForm(autoclose=false classNames="js-add-checklist-item" checklist = checklist)
         +addChecklistItemForm
@@ -83,7 +83,7 @@ template(name="checklistItems")
           i.fa.fa-plus
           | {{_ 'add-checklist-item'}}...
 
-template(name='cjecklistItemDetail')
+template(name='checklistItemDetail')
   .js-checklist-item.checklist-item
     if canModifyCard
       .check-box.materialCheckBox(class="{{#if item.isFinished }}is-checked{{/if}}")
diff --git a/client/components/cards/checklists.js b/client/components/cards/checklists.js
index a62e493e..519af629 100644
--- a/client/components/cards/checklists.js
+++ b/client/components/cards/checklists.js
@@ -204,7 +204,7 @@ Template.checklistDeleteDialog.onDestroyed(() => {
   $cardDetails.animate( { scrollTop: this.scrollState.position });
 });
 
-Template.cjecklistItemDetail.helpers({
+Template.checklistItemDetail.helpers({
   canModifyCard() {
     return Meteor.user() && Meteor.user().isBoardMember() && !Meteor.user().isCommentOnly();
   },
@@ -223,4 +223,4 @@ BlazeComponent.extendComponent({
       'click .js-checklist-item .check-box': this.toggleItem,
     }];
   },
-}).register('cjecklistItemDetail');
+}).register('checklistItemDetail');
-- 
cgit v1.2.3-1-g7c22


From 04745f0c2fe83f044032713e1864c5ac00d38ac9 Mon Sep 17 00:00:00 2001
From: Nicu Tofan <nicu.tofan@gmail.com>
Date: Mon, 25 Jun 2018 22:01:02 +0300
Subject: implement getDefaultSwimline for boards

---
 client/components/cards/subtasks.js | 2 +-
 client/components/lists/listBody.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'client/components')

diff --git a/client/components/cards/subtasks.js b/client/components/cards/subtasks.js
index 087824f7..335eba36 100644
--- a/client/components/cards/subtasks.js
+++ b/client/components/cards/subtasks.js
@@ -16,7 +16,7 @@ BlazeComponent.extendComponent({
     const crtBoard = Boards.findOne(card.boardId);
     const targetBoard = crtBoard.getDefaultSubtasksBoard();
     const listId = targetBoard.getDefaultSubtasksListId();
-    const swimlaneId = Swimlanes.findOne({boardId: targetBoard._id})._id;
+    const swimlaneId = targetBoard.getDefaultSwimline()._id;
 
     if (title) {
       const _id = Cards.insert({
diff --git a/client/components/lists/listBody.js b/client/components/lists/listBody.js
index 4bf7b369..34aeb8a8 100644
--- a/client/components/lists/listBody.js
+++ b/client/components/lists/listBody.js
@@ -46,7 +46,7 @@ BlazeComponent.extendComponent({
     if (boardView === 'board-view-swimlanes')
       swimlaneId = this.parentComponent().parentComponent().data()._id;
     else if (boardView === 'board-view-lists')
-      swimlaneId = Swimlanes.findOne({boardId})._id;
+      swimlaneId = this.data().board().getDefaultSwimline()._id;
 
     if (title) {
       const _id = Cards.insert({
-- 
cgit v1.2.3-1-g7c22


From 94a52080cff14f7587c0ee837c1fca131cd6aff0 Mon Sep 17 00:00:00 2001
From: Nicu Tofan <nicu.tofan@gmail.com>
Date: Mon, 25 Jun 2018 23:12:20 +0300
Subject: Board level settings for subtasks

---
 client/components/boards/boardHeader.jade | 31 ++++++++++++++
 client/components/boards/boardHeader.js   | 70 +++++++++++++++++++++++++++++++
 client/components/cards/cardDetails.jade  |  5 ++-
 client/components/cards/subtasks.js       |  1 +
 4 files changed, 105 insertions(+), 2 deletions(-)

(limited to 'client/components')

diff --git a/client/components/boards/boardHeader.jade b/client/components/boards/boardHeader.jade
index b4ccd3b3..59691a61 100644
--- a/client/components/boards/boardHeader.jade
+++ b/client/components/boards/boardHeader.jade
@@ -130,6 +130,10 @@ template(name="boardMenuPopup")
         li: a(href="{{exportUrl}}", download="{{exportFilename}}") {{_ 'export-board'}}
         li: a.js-archive-board {{_ 'archive-board'}}
         li: a.js-outgoing-webhooks {{_ 'outgoing-webhooks'}}
+      hr
+      ul.pop-over-list
+        li: a.js-subtask-settings {{_ 'subtask-settings'}}
+
   if isSandstorm
     hr
     ul.pop-over-list
@@ -193,6 +197,33 @@ template(name="boardChangeColorPopup")
           if isSelected
             i.fa.fa-check
 
+template(name="boardSubtaskSettingsPopup")
+  form.board-subtask-settings
+    a.flex.js-field-has-subtasks(class="{{#if allowsSubtasks}}is-checked{{/if}}")
+      .materialCheckBox(class="{{#if allowsSubtasks}}is-checked{{/if}}")
+      span {{_ 'show-subtasks-field'}}
+    label
+      | {{_ 'deposit-subtasks-board'}}
+      select.js-field-deposit-board(disabled="{{#unless allowsSubtasks}}disabled{{/unless}}")
+          each boards
+            if isBoardSelected
+              option(value=_id selected="selected") {{title}}
+            else
+              option(value=_id) {{title}}
+          if isNullBoardSelected
+            option(value='null' selected="selected") {{_ 'custom-field-dropdown-none'}}
+          else
+            option(value='null') {{_ 'custom-field-dropdown-none'}}
+    hr
+    label
+      | {{_ 'deposit-subtasks-list'}}
+      select.js-field-deposit-list(disabled="{{#unless hasLists}}disabled{{/unless}}")
+          each lists
+            if isListSelected
+              option(value=_id selected="selected") {{title}}
+            else
+              option(value=_id) {{title}}
+
 template(name="createBoard")
   form
     label
diff --git a/client/components/boards/boardHeader.js b/client/components/boards/boardHeader.js
index b2640474..bafee9b9 100644
--- a/client/components/boards/boardHeader.js
+++ b/client/components/boards/boardHeader.js
@@ -25,6 +25,7 @@ Template.boardMenuPopup.events({
   }),
   'click .js-outgoing-webhooks': Popup.open('outgoingWebhooks'),
   'click .js-import-board': Popup.open('chooseBoardSource'),
+  'click .js-subtask-settings': Popup.open('boardSubtaskSettings'),
 });
 
 Template.boardMenuPopup.helpers({
@@ -151,6 +152,75 @@ BlazeComponent.extendComponent({
   },
 }).register('boardChangeColorPopup');
 
+BlazeComponent.extendComponent({
+  onCreated() {
+    this.currentBoard = Boards.findOne(Session.get('currentBoard'));
+  },
+
+  allowsSubtasks() {
+    return this.currentBoard.allowsSubtasks;
+  },
+
+  isBoardSelected() {
+    return this.currentBoard.subtasksDefaultBoardId === this.currentData()._id;
+  },
+
+  isNullBoardSelected() {
+    return (this.currentBoard.subtasksDefaultBoardId === null) || (this.currentBoard.subtasksDefaultBoardId === undefined);
+  },
+
+  boards() {
+    return Boards.find({
+      archived: false,
+      'members.userId': Meteor.userId(),
+    }, {
+      sort: ['title'],
+    });
+  },
+
+  lists() {
+    return Lists.find({
+      boardId: this.currentBoard._id,
+      archived: false,
+    }, {
+      sort: ['title'],
+    });
+  },
+
+  hasLists() {
+    return this.lists().count() > 0;
+  },
+
+  isListSelected() {
+    return this.currentBoard.subtasksDefaultBoardId === this.currentData()._id;
+  },
+
+  events() {
+    return [{
+      'click .js-field-has-subtasks'(evt) {
+        evt.preventDefault();
+        this.currentBoard.allowsSubtasks = !this.currentBoard.allowsSubtasks;
+        this.currentBoard.setAllowsSubtasks(this.currentBoard.allowsSubtasks);
+        $('.js-field-has-subtasks .materialCheckBox').toggleClass('is-checked', this.currentBoard.allowsSubtasks);
+        $('.js-field-has-subtasks').toggleClass('is-checked', this.currentBoard.allowsSubtasks);
+        $('.js-field-deposit-board').prop('disabled', !this.currentBoard.allowsSubtasks);
+      },
+      'change .js-field-deposit-board'(evt) {
+        let value = evt.target.value;
+        if (value === 'null') {
+          value = null;
+        }
+        this.currentBoard.setSubtasksDefaultBoardId(value);
+        evt.preventDefault();
+      },
+      'change .js-field-deposit-list'(evt) {
+        this.currentBoard.setSubtasksDefaultListId(evt.target.value);
+        evt.preventDefault();
+      },
+    }];
+  },
+}).register('boardSubtaskSettingsPopup');
+
 const CreateBoard = BlazeComponent.extendComponent({
   template() {
     return 'createBoard';
diff --git a/client/components/cards/cardDetails.jade b/client/components/cards/cardDetails.jade
index bc0ce45c..789cc4b1 100644
--- a/client/components/cards/cardDetails.jade
+++ b/client/components/cards/cardDetails.jade
@@ -144,8 +144,9 @@ template(name="cardDetails")
     hr
     +checklists(cardId = _id)
 
-    hr
-    +subtasks(cardId = _id)
+    if currentBoard.allowsSubtasks
+      hr
+      +subtasks(cardId = _id)
 
     hr
     h3
diff --git a/client/components/cards/subtasks.js b/client/components/cards/subtasks.js
index 335eba36..9c6f265e 100644
--- a/client/components/cards/subtasks.js
+++ b/client/components/cards/subtasks.js
@@ -30,6 +30,7 @@ BlazeComponent.extendComponent({
         sort: sortIndex,
         swimlaneId,
       });
+
       // In case the filter is active we need to add the newly inserted card in
       // the list of exceptions -- cards that are not filtered. Otherwise the
       // card will disappear instantly.
-- 
cgit v1.2.3-1-g7c22


From c0ffd6c20f2a04bd1436ea2f0953f1c3c8afe145 Mon Sep 17 00:00:00 2001
From: Nicu Tofan <nicu.tofan@gmail.com>
Date: Tue, 26 Jun 2018 02:13:31 +0300
Subject: Show parent in card (no links, yet)

---
 client/components/boards/boardHeader.jade | 31 +++++++++++++++++++++++++++----
 client/components/boards/boardHeader.js   | 27 +++++++++++++++++++++++++++
 client/components/boards/boardHeader.styl | 19 +++++++++++++++++++
 client/components/cards/cardDetails.jade  |  6 ++++++
 client/components/cards/cardDetails.js    |  8 ++++++++
 client/components/cards/minicard.jade     | 16 +++++++++++++++-
 6 files changed, 102 insertions(+), 5 deletions(-)

(limited to 'client/components')

diff --git a/client/components/boards/boardHeader.jade b/client/components/boards/boardHeader.jade
index 59691a61..a4abfac6 100644
--- a/client/components/boards/boardHeader.jade
+++ b/client/components/boards/boardHeader.jade
@@ -199,9 +199,30 @@ template(name="boardChangeColorPopup")
 
 template(name="boardSubtaskSettingsPopup")
   form.board-subtask-settings
-    a.flex.js-field-has-subtasks(class="{{#if allowsSubtasks}}is-checked{{/if}}")
-      .materialCheckBox(class="{{#if allowsSubtasks}}is-checked{{/if}}")
-      span {{_ 'show-subtasks-field'}}
+    h3 {{_ 'show-parent-in-minicard'}}
+      a#prefix-with-full-path.flex.js-field-show-parent-in-minicard(class="{{#if $eq presentParentTask 'prefix-with-full-path'}}is-checked{{/if}}")
+        .materialCheckBox(class="{{#if $eq presentParentTask 'prefix-with-full-path'}}is-checked{{/if}}")
+        span {{_ 'prefix-with-full-path'}}
+      a#prefix-with-parent.flex.js-field-show-parent-in-minicard(class="{{#if $eq presentParentTask 'prefix-with-parent'}}is-checked{{/if}}")
+        .materialCheckBox(class="{{#if $eq presentParentTask 'prefix-with-parent'}}is-checked{{/if}}")
+        span {{_ 'prefix-with-parent'}}
+      a#subtext-with-full-path.flex.js-field-show-parent-in-minicard(class="{{#if $eq presentParentTask 'subtext-with-full-path'}}is-checked{{/if}}")
+        .materialCheckBox(class="{{#if $eq presentParentTask 'subtext-with-full-path'}}is-checked{{/if}}")
+        span {{_ 'subtext-with-full-path'}}
+      a#subtext-with-parent.flex.js-field-show-parent-in-minicard(class="{{#if $eq presentParentTask 'subtext-with-parent'}}is-checked{{/if}}")
+        .materialCheckBox(class="{{#if $eq presentParentTask 'subtext-with-parent'}}is-checked{{/if}}")
+        span {{_ 'subtext-with-parent'}}
+      a#no-parent.flex.js-field-show-parent-in-minicard(class="{{#if $eq presentParentTask 'no-parent'}}is-checked{{/if}}")
+        .materialCheckBox(class="{{#if $eq presentParentTask 'no-parent'}}is-checked{{/if}}")
+        span {{_ 'no-parent'}}
+    div
+      hr
+
+    div.check-div
+      a.flex.js-field-has-subtasks(class="{{#if allowsSubtasks}}is-checked{{/if}}")
+        .materialCheckBox(class="{{#if allowsSubtasks}}is-checked{{/if}}")
+        span {{_ 'show-subtasks-field'}}
+
     label
       | {{_ 'deposit-subtasks-board'}}
       select.js-field-deposit-board(disabled="{{#unless allowsSubtasks}}disabled{{/unless}}")
@@ -214,7 +235,9 @@ template(name="boardSubtaskSettingsPopup")
             option(value='null' selected="selected") {{_ 'custom-field-dropdown-none'}}
           else
             option(value='null') {{_ 'custom-field-dropdown-none'}}
-    hr
+    div
+      hr
+
     label
       | {{_ 'deposit-subtasks-list'}}
       select.js-field-deposit-list(disabled="{{#unless hasLists}}disabled{{/unless}}")
diff --git a/client/components/boards/boardHeader.js b/client/components/boards/boardHeader.js
index bafee9b9..865bb212 100644
--- a/client/components/boards/boardHeader.js
+++ b/client/components/boards/boardHeader.js
@@ -195,6 +195,14 @@ BlazeComponent.extendComponent({
     return this.currentBoard.subtasksDefaultBoardId === this.currentData()._id;
   },
 
+  presentParentTask() {
+    let result = this.currentBoard.presentParentTask;
+    if ((result === null) || (result === undefined)) {
+      result = 'no-parent';
+    }
+    return result;
+  },
+
   events() {
     return [{
       'click .js-field-has-subtasks'(evt) {
@@ -217,6 +225,25 @@ BlazeComponent.extendComponent({
         this.currentBoard.setSubtasksDefaultListId(evt.target.value);
         evt.preventDefault();
       },
+      'click .js-field-show-parent-in-minicard'(evt) {
+        const value = evt.target.id || $(evt.target).parent()[0].id ||  $(evt.target).parent()[0].parent()[0].id;
+        const options = [
+          'prefix-with-full-path',
+          'prefix-with-parent',
+          'subtext-with-full-path',
+          'subtext-with-parent',
+          'no-parent'];
+        options.forEach(function(element) {
+          if (element !== value) {
+            $(`#${element} .materialCheckBox`).toggleClass('is-checked', false);
+            $(`#${element}`).toggleClass('is-checked', false);
+          }
+        });
+        $(`#${value} .materialCheckBox`).toggleClass('is-checked', true);
+        $(`#${value}`).toggleClass('is-checked', true);
+        this.currentBoard.setPresentParentTask(value);
+        evt.preventDefault();
+      },
     }];
   },
 }).register('boardSubtaskSettingsPopup');
diff --git a/client/components/boards/boardHeader.styl b/client/components/boards/boardHeader.styl
index 0abdb5bd..402b4f1e 100644
--- a/client/components/boards/boardHeader.styl
+++ b/client/components/boards/boardHeader.styl
@@ -1,3 +1,22 @@
 .integration-form
   padding: 5px
   border-bottom: 1px solid #ccc
+
+.flex
+  display: -webkit-box
+  display: -moz-box
+  display: -webkit-flex
+  display: -moz-flex
+  display: -ms-flexbox
+  display: flex
+
+.option
+  @extends .flex
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  background: #fff;
+  text-decoration: none;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
+  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
+  margin-top: 5px;
+  padding: 5px;
diff --git a/client/components/cards/cardDetails.jade b/client/components/cards/cardDetails.jade
index 789cc4b1..a5b8a2b3 100644
--- a/client/components/cards/cardDetails.jade
+++ b/client/components/cards/cardDetails.jade
@@ -13,6 +13,12 @@ template(name="cardDetails")
               = title
               if isWatching
                 i.fa.fa-eye.card-details-watch
+        .card-details-path
+          each parentList
+            | &nbsp; &gt; &nbsp;
+            a.js-parent-card {{title}}
+          // else
+            {{_ 'top-level-card'}}
 
     if archived
       p.warning {{_ 'card-archived'}}
diff --git a/client/components/cards/cardDetails.js b/client/components/cards/cardDetails.js
index 4731e448..1c85580f 100644
--- a/client/components/cards/cardDetails.js
+++ b/client/components/cards/cardDetails.js
@@ -70,6 +70,14 @@ BlazeComponent.extendComponent({
     }
   },
 
+  presentParentTask() {
+    let result = this.currentBoard.presentParentTask;
+    if ((result === null) || (result === undefined)) {
+      result = 'no-parent';
+    }
+    return result;
+  },
+
   onRendered() {
     if (!Utils.isMiniScreen()) this.scrollParentContainer();
     const $checklistsDom = this.$('.card-checklist-items');
diff --git a/client/components/cards/minicard.jade b/client/components/cards/minicard.jade
index 2a8e95ab..9a9b897f 100644
--- a/client/components/cards/minicard.jade
+++ b/client/components/cards/minicard.jade
@@ -8,7 +8,21 @@ template(name="minicard")
           .minicard-label(class="card-label-{{color}}" title="{{name}}")
     .minicard-title
       +viewer
-        = title
+        if isTopLevel
+          = title
+        else
+          if $eq 'prefix-with-full-path' currentBoard.presentParentTask
+            [{{ parentString ' &gt; ' }}] {{ title }}
+          else
+            if $eq 'prefix-with-parent' currentBoard.presentParentTask
+              [{{ parentCardName }}] {{ title }}
+            else
+              = title
+    if $eq 'subtext-with-full-path' currentBoard.presentParentTask
+      .small {{ parentString ' &gt; ' }}
+    if $eq 'subtext-with-parent' currentBoard.presentParentTask
+      .small {{ parentCardName }}
+
     .dates
       if receivedAt
         unless startAt
-- 
cgit v1.2.3-1-g7c22


From 3a4a075dbadba8c1ce12fa86730a4507985729f7 Mon Sep 17 00:00:00 2001
From: Nicu Tofan <nicu.tofan@gmail.com>
Date: Tue, 26 Jun 2018 13:22:51 +0300
Subject: Fix minicard parents display

---
 client/components/cards/minicard.jade | 27 +++++++++++++--------------
 client/components/cards/minicard.styl |  7 +++++++
 2 files changed, 20 insertions(+), 14 deletions(-)

(limited to 'client/components')

diff --git a/client/components/cards/minicard.jade b/client/components/cards/minicard.jade
index 9a9b897f..57913669 100644
--- a/client/components/cards/minicard.jade
+++ b/client/components/cards/minicard.jade
@@ -7,21 +7,20 @@ template(name="minicard")
         each labels
           .minicard-label(class="card-label-{{color}}" title="{{name}}")
     .minicard-title
+      if $eq 'prefix-with-full-path' currentBoard.presentParentTask
+        .parent-prefix
+          | {{ parentString ' > ' }}
+      if $eq 'prefix-with-parent' currentBoard.presentParentTask
+        .parent-prefix
+          | {{ parentCardName }}
       +viewer
-        if isTopLevel
-          = title
-        else
-          if $eq 'prefix-with-full-path' currentBoard.presentParentTask
-            [{{ parentString ' &gt; ' }}] {{ title }}
-          else
-            if $eq 'prefix-with-parent' currentBoard.presentParentTask
-              [{{ parentCardName }}] {{ title }}
-            else
-              = title
-    if $eq 'subtext-with-full-path' currentBoard.presentParentTask
-      .small {{ parentString ' &gt; ' }}
-    if $eq 'subtext-with-parent' currentBoard.presentParentTask
-      .small {{ parentCardName }}
+        {{ title }}
+      if $eq 'subtext-with-full-path' currentBoard.presentParentTask
+        .parent-subtext
+          | {{ parentString ' > ' }}
+      if $eq 'subtext-with-parent' currentBoard.presentParentTask
+        .parent-subtext
+          | {{ parentCardName }}
 
     .dates
       if receivedAt
diff --git a/client/components/cards/minicard.styl b/client/components/cards/minicard.styl
index 38f829d0..6c9414a7 100644
--- a/client/components/cards/minicard.styl
+++ b/client/components/cards/minicard.styl
@@ -162,6 +162,13 @@
       margin-bottom: 20px
       overflow-y: auto
 
+.parent-prefix
+  color: darken(white, 30%)
+  font-size: 0.9em
+.parent-subtext
+  color: darken(white, 30%)
+  font-size: 0.9em
+
 @media screen and (max-width: 800px)
   .minicard
     .is-selected &
-- 
cgit v1.2.3-1-g7c22


From bac490d2f3b5531125694ff0cd9fa1e55d255c80 Mon Sep 17 00:00:00 2001
From: Nicu Tofan <nicu.tofan@gmail.com>
Date: Tue, 26 Jun 2018 14:10:58 +0300
Subject: Links for parents in card details.

---
 client/components/cards/cardDetails.jade |  2 +-
 client/components/cards/cardDetails.js   | 19 ++++++++++++++++++-
 2 files changed, 19 insertions(+), 2 deletions(-)

(limited to 'client/components')

diff --git a/client/components/cards/cardDetails.jade b/client/components/cards/cardDetails.jade
index a5b8a2b3..0110d12e 100644
--- a/client/components/cards/cardDetails.jade
+++ b/client/components/cards/cardDetails.jade
@@ -16,7 +16,7 @@ template(name="cardDetails")
         .card-details-path
           each parentList
             | &nbsp; &gt; &nbsp;
-            a.js-parent-card {{title}}
+            a.js-parent-card(href=linkForCard) {{title}}
           // else
             {{_ 'top-level-card'}}
 
diff --git a/client/components/cards/cardDetails.js b/client/components/cards/cardDetails.js
index 1c85580f..d4957964 100644
--- a/client/components/cards/cardDetails.js
+++ b/client/components/cards/cardDetails.js
@@ -20,10 +20,11 @@ BlazeComponent.extendComponent({
   },
 
   onCreated() {
+    this.currentBoard = Boards.findOne(Session.get('currentBoard'));
     this.isLoaded = new ReactiveVar(false);
     const boardBody =  this.parentComponent().parentComponent();
     //in Miniview parent is Board, not BoardBody.
-    if (boardBody !== null){
+    if (boardBody !== null) {
       boardBody.showOverlay.set(true);
       boardBody.mouseHasEnterCardDetails = false;
     }
@@ -78,6 +79,22 @@ BlazeComponent.extendComponent({
     return result;
   },
 
+  linkForCard() {
+    const card = this.currentData();
+    let result = '#';
+    if (card) {
+      const board = Boards.findOne(card.boardId);
+      if (board) {
+        result = FlowRouter.url('card', {
+          boardId: card.boardId,
+          slug: board.slug,
+          cardId: card._id,
+        });
+      }
+    }
+    return result;
+  },
+
   onRendered() {
     if (!Utils.isMiniScreen()) this.scrollParentContainer();
     const $checklistsDom = this.$('.card-checklist-items');
-- 
cgit v1.2.3-1-g7c22


From b7d508e8c4cf858559e144053d119ceaebfa9697 Mon Sep 17 00:00:00 2001
From: Nicu Tofan <nicu.tofan@gmail.com>
Date: Tue, 26 Jun 2018 17:39:31 +0300
Subject: Added ability to change card's parent.

---
 client/components/cards/cardDetails.jade |  27 ++++++
 client/components/cards/cardDetails.js   | 137 +++++++++++++++++++++++++------
 2 files changed, 137 insertions(+), 27 deletions(-)

(limited to 'client/components')

diff --git a/client/components/cards/cardDetails.jade b/client/components/cards/cardDetails.jade
index 0110d12e..aaad7c7c 100644
--- a/client/components/cards/cardDetails.jade
+++ b/client/components/cards/cardDetails.jade
@@ -283,10 +283,37 @@ template(name="cardMorePopup")
       button.js-copy-card-link-to-clipboard(class="btn") {{_ 'copy-card-link-to-clipboard'}}
     span.clearfix
     br
+    h2 {{_ 'change-card-parent'}}
+    label {{_ 'source-board'}}:
+      select.js-field-parent-board
+        each boards
+          if isParentBoard
+            option(value="{{_id}}" selected) {{title}}
+          else
+            option(value="{{_id}}") {{title}}
+        if isTopLevel
+          option(value="none" selected) {{_ 'custom-field-dropdown-none'}}
+        else
+          option(value="none") {{_ 'custom-field-dropdown-none'}}
+
+    label {{_ 'parent-card'}}:
+      select.js-field-parent-card
+        if isTopLevel
+          option(value="none" selected) {{_ 'custom-field-dropdown-none'}}
+        else
+          each cards
+            if isParentCard
+              option(value="{{_id}}" selected) {{title}}
+            else
+              option(value="{{_id}}") {{title}}
+          option(value="none") {{_ 'custom-field-dropdown-none'}}
+    br
     | {{_ 'added'}}
     span.date(title=card.createdAt) {{ moment createdAt 'LLL' }}
     a.js-delete(title="{{_ 'card-delete-notice'}}") {{_ 'delete'}}
 
+
+
 template(name="cardDeletePopup")
   p {{_ "card-delete-pop"}}
   unless archived
diff --git a/client/components/cards/cardDetails.js b/client/components/cards/cardDetails.js
index d4957964..5fee1680 100644
--- a/client/components/cards/cardDetails.js
+++ b/client/components/cards/cardDetails.js
@@ -390,7 +390,6 @@ Template.moveCardPopup.events({
     Popup.close();
   },
 });
-
 BlazeComponent.extendComponent({
   onCreated() {
     subManager.subscribe('board', Session.get('currentBoard'));
@@ -427,6 +426,7 @@ BlazeComponent.extendComponent({
   },
 }).register('boardsAndLists');
 
+
 function cloneCheckList(_id, checklist) {
   'use strict';
   const checklistId = checklist._id;
@@ -558,36 +558,119 @@ Template.copyChecklistToManyCardsPopup.events({
   },
 });
 
+BlazeComponent.extendComponent({
+  onCreated() {
+    this.currentCard = this.currentData();
+    this.parentCard = this.currentCard.parentCard();
+    if (this.parentCard) {
+      this.parentBoard = this.parentCard.board();
+    } else {
+      this.parentBoard = null;
+    }
+  },
+
+  boards() {
+    const boards = Boards.find({
+      archived: false,
+      'members.userId': Meteor.userId(),
+    }, {
+      sort: ['title'],
+    });
+    return boards;
+  },
 
-Template.cardMorePopup.events({
-  'click .js-copy-card-link-to-clipboard' () {
-    // Clipboard code from:
-    // https://stackoverflow.com/questions/6300213/copy-selected-text-to-the-clipboard-without-using-flash-must-be-cross-browser
-    const StringToCopyElement = document.getElementById('cardURL');
-    StringToCopyElement.select();
-    if (document.execCommand('copy')) {
-      StringToCopyElement.blur();
+  cards() {
+    if (this.parentBoard) {
+      return this.parentBoard.cards();
     } else {
-      document.getElementById('cardURL').selectionStart = 0;
-      document.getElementById('cardURL').selectionEnd = 999;
-      document.execCommand('copy');
-      if (window.getSelection) {
-        if (window.getSelection().empty) { // Chrome
-          window.getSelection().empty();
-        } else if (window.getSelection().removeAllRanges) { // Firefox
-          window.getSelection().removeAllRanges();
-        }
-      } else if (document.selection) { // IE?
-        document.selection.empty();
-      }
+      return [];
     }
   },
-  'click .js-delete': Popup.afterConfirm('cardDelete', function () {
-    Popup.close();
-    Cards.remove(this._id);
-    Utils.goBoardId(this.boardId);
-  }),
-});
+
+  isParentBoard() {
+    const board = this.currentData();
+    if (this.parentBoard) {
+      return board._id === this.parentBoard;
+    }
+    return false;
+  },
+
+  isParentCard() {
+    const card = this.currentData();
+    if (this.parentCard) {
+      return card._id === this.parentCard;
+    }
+    return false;
+  },
+
+  setParentCardId(cardId) {
+    if (cardId === 'null') {
+      cardId = null;
+      this.parentCard = null;
+    } else {
+      this.parentCard = Cards.findOne(cardId);
+    }
+    this.currentCard.setParentId(cardId);
+  },
+
+  events() {
+    return [{
+      'click .js-copy-card-link-to-clipboard' () {
+        // Clipboard code from:
+        // https://stackoverflow.com/questions/6300213/copy-selected-text-to-the-clipboard-without-using-flash-must-be-cross-browser
+        const StringToCopyElement = document.getElementById('cardURL');
+        StringToCopyElement.select();
+        if (document.execCommand('copy')) {
+          StringToCopyElement.blur();
+        } else {
+          document.getElementById('cardURL').selectionStart = 0;
+          document.getElementById('cardURL').selectionEnd = 999;
+          document.execCommand('copy');
+          if (window.getSelection) {
+            if (window.getSelection().empty) { // Chrome
+              window.getSelection().empty();
+            } else if (window.getSelection().removeAllRanges) { // Firefox
+              window.getSelection().removeAllRanges();
+            }
+          } else if (document.selection) { // IE?
+            document.selection.empty();
+          }
+        }
+      },
+      'click .js-delete': Popup.afterConfirm('cardDelete', function () {
+        Popup.close();
+        Cards.remove(this._id);
+        Utils.goBoardId(this.boardId);
+      }),
+      'change .js-field-parent-board'(evt) {
+        const selection = $(evt.currentTarget).val();
+        const list = $('.js-field-parent-card');
+        list.empty();
+        if (selection === 'none') {
+          this.parentBoard = null;
+          list.prop('disabled', true);
+        } else {
+          this.parentBoard = Boards.findOne(selection);
+          this.parentBoard.cards().forEach(function(card) {
+            list.append(
+              $('<option></option>').val(card._id).html(card.title)
+            );
+          });
+          list.prop('disabled', false);
+        }
+        list.append(
+          `<option value='none' selected='selected'>${TAPi18n.__('custom-field-dropdown-none')}</option>`
+        );
+        this.setParentCardId('null');
+      },
+      'change .js-field-parent-card'(evt) {
+        const selection = $(evt.currentTarget).val();
+        this.setParentCardId(selection);
+      },
+    }];
+  },
+}).register('cardMorePopup');
+
 
 // Close the card details pane by pressing escape
 EscapeActions.register('detailsPane',
-- 
cgit v1.2.3-1-g7c22