From 6609a5d1ec1e3ab5e33f9031093697ec17ba0310 Mon Sep 17 00:00:00 2001
From: Maximilian Grundke <maximiliangrundke@googlemail.com>
Date: Wed, 16 Dec 2015 15:51:47 +0100
Subject: [PATCH] Add play button

---
 app/assets/stylesheets/statistics.css.scss    | 16 ++++++++++++++++
 .../external_users/statistics.html.slim       | 19 +++++++++++--------
 2 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/app/assets/stylesheets/statistics.css.scss b/app/assets/stylesheets/statistics.css.scss
index d148f782..631de920 100644
--- a/app/assets/stylesheets/statistics.css.scss
+++ b/app/assets/stylesheets/statistics.css.scss
@@ -10,3 +10,19 @@
 .clickable {
     cursor: pointer;
 }
+
+.flex-container {
+    display: flex;
+}
+
+.flex-item {
+    flex-grow: 1;
+}
+
+#play-button {
+    height: 40px;
+    width: 40px;
+    margin-right: 15px;
+    margin-top: auto;
+    margin-bottom: auto;
+}
diff --git a/app/views/exercises/external_users/statistics.html.slim b/app/views/exercises/external_users/statistics.html.slim
index ca5142cc..bf2ab0c4 100644
--- a/app/views/exercises/external_users/statistics.html.slim
+++ b/app/views/exercises/external_users/statistics.html.slim
@@ -21,14 +21,17 @@ h1 = "#{@exercise} (external user #{@external_user})"
     div class=(@exercise.hide_file_tree ? 'col-sm-12' : 'col-sm-9')
       #current-file.editor
 
-  #submissions-slider
-    input type='range' orient='horizontal' list='datapoints' min=0 max=submissions.length-1 value=0
-    datalist#datapoints
-      - index=0
-      - submissions.each do |submission|
-        option data-submission=submission
-          =index
-        - index += 1
+  .flex-container
+    button.btn.btn-default id='play-button'
+      span.glyphicon.glyphicon-play
+    #submissions-slider.flex-item
+      input type='range' orient='horizontal' list='datapoints' min=0 max=submissions.length-1 value=0
+      datalist#datapoints
+        - index=0
+        - submissions.each do |submission|
+          option data-submission=submission
+            =index
+          - index += 1
 
   #timeline
     .table-responsive