client: metric sorter UI, view & controller

4 files changed, 28 insertions, 1 deletions

diff --git a/client/html/metric-header.tpl b/client/html/metric_header.tpl
index c88ed04..59fe038 100644
--- a/client/html/metric-header.tpl
+++ b/client/html/metric_header.tpl
@@ -6,5 +6,6 @@
         name: 'show-values-on-posts',
         checked: ctx.showValuesOnPost,
         class: 'append'}) %>
-    <a href class='mousetrap button append close'>Start sorting</a>
+    <a class='mousetrap button append close sorting'
+       href="<%= ctx.getMetricSorterUrl(ctx.parameters) %>">Start sorting</a>
 </form>
diff --git a/client/html/metric-header-item.tpl b/client/html/metric_header_item.tpl
index 4e0e139..4e0e139 100644
--- a/client/html/metric-header-item.tpl
+++ b/client/html/metric_header_item.tpl
diff --git a/client/html/metric_sorter.tpl b/client/html/metric_sorter.tpl
new file mode 100644
index 0000000..f1107bb
--- /dev/null
+++ b/client/html/metric_sorter.tpl
@@ -0,0 +1,17 @@
+<div class='content-wrapper' id='metric-sorter'>
+    <h1>Sorting metric "<%- ctx.primaryMetric %>"</h1>
+    <form>
+        <div class='posts-container'>
+            <div class='left-post-container'></div>
+            <div class='sorting-buttons'></div>
+            <div class='right-post-container'></div>
+        </div>
+
+        <div class='messages'></div>
+
+        <div class='buttons'>
+            <input class='mousetrap done-btn' type='submit' value='Done'>
+            <a class='mousetrap append skip-btn'>Skip</a>
+        </div>
+    </form>
+</div>
diff --git a/client/html/metric_sorter_side.tpl b/client/html/metric_sorter_side.tpl
new file mode 100644
index 0000000..3895ec8
--- /dev/null
+++ b/client/html/metric_sorter_side.tpl
@@ -0,0 +1,9 @@
+<header>
+    <% if (ctx.post) { %>
+        <label>Post #<%- ctx.post.id %></label>
+    <% } %>
+</header>
+
+<% if (ctx.post) { %>
+    <div class='post-container'></div>
+<% } %>