Added support for ordering flows in the drop-down

package.json

@@ -1,7 +1,7 @@
 {
   "name": "content-flow",
   "description": "An extension to the ContentTools WYSIWYG editor to manage content flows",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "keywords": [
     "wysiwyg",
     "inline",

sandbox/index.html

@@ -30,6 +30,7 @@ <h1>Content flow</h1>
                 data-cf-flow-label="Body"
                 data-cf-flow-max-snippets="2"
                 data-cf-flow-frozen
+                data-cf-flow-position="2"
                 >
                 <div class="content-snippet" data-cf-snippet="1" data-cf-snippet-permanent>
                     <p>Data snippet example: basic</p>
@@ -42,6 +43,7 @@ <h1>Content flow</h1>
                 class="article__related"
                 data-cf-flow="article-related"
                 data-cf-flow-label="Related"
+                data-cf-flow-position="1"
                 >
                 <div class="content-snippet" data-cf-snippet="3">
                     <p>Archive</p>

src/scripts/flow-mgr.coffee

@@ -183,6 +183,20 @@ class _FlowMgr extends ContentTools.ComponentUI
             else
                 @_domFlows = @_flowQuery
 
+            # Sort the flows based on their position attribute
+            @_domFlows = Array.from(@_domFlows)
+
+            cmp = (a, b) ->
+                aPos = parseFloat(a.dataset.cfFlowPosition)
+                if aPos is NaN
+                    aPos = 999999
+                bPos = parseFloat(b.dataset.cfFlowPosition)
+                if bPos is NaN
+                    bPos = 999999
+                return aPos - bPos
+
+            @_domFlows.sort(cmp)
+
             # Convert the flows found in the DOM into models and populate the
             # flows UI compontent.
             flows = []