Add actions menu to checklist

client/components/cards/checklists.jade

@@ -31,6 +31,7 @@ template(name="checklistDetail")
       .checklist-title
         span
         if canModifyCard
+          a.fa.fa-navicon.checklist-details-menu.js-open-checklist-details-menu(title="{{_ 'checklistActionsPopup-title'}}")
           a.js-delete-checklist.toggle-delete-checklist-dialog {{_ "delete"}}...
 
         if canModifyCard
@@ -133,3 +134,7 @@ template(name="boardsSwimlanesAndLists")
 
   .edit-controls.clearfix
     button.primary.confirm.js-done {{_ 'done'}}
+
+template(name="checklistActionsPopup")
+  ul.pop-over-list
+    li

client/components/cards/checklists.js

@@ -190,6 +190,7 @@ BlazeComponent.extendComponent({
     return [
       {
         ...events,
+        'click .js-open-checklist-details-menu': Popup.open('checklistActions'),
         'click .toggle-delete-checklist-dialog' : Popup.afterConfirm('checklistDelete', function () {
           Popup.close();
           const checklist = this.checklist;

client/components/cards/checklists.styl

@@ -142,3 +142,8 @@ textarea.js-add-checklist-item, textarea.js-edit-checklist-item
       background: #dbdbdb
       color: #222
       box-shadow: 0 1px 2px rgba(0,0,0,.2)
+
+.checklist-details-menu
+  float: right
+  padding-top: 6px
+  margin-right: 10px

i18n/en.i18n.json

@@ -1138,5 +1138,6 @@
   "custom-legal-notice-link-url": "Custom legal notice page URL",
   "acceptance_of_our_legalNotice": "By continuing, you accept our",
   "legalNotice": "legal notice",
-  "copied": "Copied!"
+  "copied": "Copied!",
+  "checklistActionsPopup-title": "Checklist Actions"
 }