Merge branch '48-hide-media-control-button' into 'master'

Resolve "hide media control button"

Closes #48

See merge request troebs/pycs!41

webui/src/components/media/annotated-media-view.vue

@@ -7,10 +7,12 @@
     <div class="control">
       <media-control :hasPrevious="hasPrevious" :hasNext="hasNext"
                      @previous="previous" @next="next"
-                     @predict="predict"/>
+                     @predict="predict"
+                     :control="showMediaSelector"
+                     @control="showMediaSelector = $event"/>
     </div>
 
-    <div class="selector">
+    <div class="selector" v-if="showMediaSelector">
       <media-selector :projectId="currentProject.id"
                       :media="media"
                       :current="current"
@@ -31,7 +33,8 @@ export default {
   props: ['currentProject', 'socket'],
   data: function() {
     return {
-      current: 0
+      current: 0,
+      showMediaSelector: true
     };
   },
   computed: {

webui/src/components/media/media-control.vue

@@ -25,6 +25,13 @@
                   @click="next">
       >
     </button-input>
+
+    <button-input type="transparent"
+                  style="color: var(--on_error)"
+                  :class="{disabled: !hasNext}"
+                  @click="$emit('control', !control)">
+      {{ control ? '&#9660;' : '&#9650;' }}
+    </button-input>
   </div>
 
 </template>
@@ -36,7 +43,7 @@ import ButtonRow from "@/components/base/button-row";
 export default {
   name: "media-control",
   components: {ButtonRow, ButtonInput},
-  props: ['hasPrevious', 'hasNext'],
+  props: ['hasPrevious', 'hasNext', 'control'],
   methods: {
     previous: function() {
       if (this.hasPrevious)