CardDetails sorting number is displayed at card and can be modified (if configured)

client/components/cards/cardDetails.jade

@@ -203,6 +203,19 @@ template(name="cardDetails")
             +viewer
               = getAssignedBy
 
+      if currentBoard.allowsCardSortingByNumber
+        .card-details-item.card-details-sort-order
+          h3.card-details-item-title
+            i.fa.fa-sort
+            | {{_ 'sort'}}
+          if canModifyCard
+            +inlinedForm(classNames="js-card-details-sort")
+              +editCardSortOrderForm
+            else
+              a.js-open-inlined-form
+                +viewer
+                  = sort
+
       //.card-details-items
       if customFieldsWD
         hr
@@ -540,6 +553,12 @@ template(name="editCardAssignerForm")
     button.primary.confirm.js-submit-edit-card-assigner-form(type="submit") {{_ 'save'}}
     a.fa.fa-times-thin.js-close-inlined-form
 
+template(name="editCardSortOrderForm")
+  input.js-edit-card-sort(type='text' autofocus value=sort dir="auto")
+  .edit-controls.clearfix
+    button.primary.confirm.js-submit-edit-card-sort-form(type="submit") {{_ 'save'}}
+    a.fa.fa-times-thin.js-close-inlined-form
+
 template(name="cardDetailsActionsPopup")
   ul.pop-over-list
     li

client/components/cards/cardDetails.js

@@ -361,6 +361,16 @@ BlazeComponent.extendComponent({
             this.data().setRequestedBy('');
           }
         },
+        'submit .js-card-details-sort'(event) {
+          event.preventDefault();
+          const sort = parseFloat(this.currentComponent()
+            .getValue()
+            .trim());
+          if (sort) {
+            let card = this.data();
+            card.move(card.boardId, card.swimlaneId, card.listId, sort);
+          }
+        },
         'click .js-go-to-linked-card'() {
           Utils.goCardId(this.data().linkedId);
         },