summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/vue_shared/components/sidebar/toggle_sidebar.vue
blob: 8211d425b1f1f5b7cef5846e1747ba3de945e36d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<script>
  export default {
    name: 'ToggleSidebar',
    props: {
      collapsed: {
        type: Boolean,
        required: true,
      },
    },
    methods: {
      toggle() {
        this.$emit('toggle');
      },
    },
  };
</script>

<template>
  <button
    type="button"
    class="btn btn-blank gutter-toggle btn-sidebar-action"
    @click="toggle"
  >
    <i
      aria-label="toggle collapse"
      class="fa"
      :class="{
        'fa-angle-double-right': !collapsed,
        'fa-angle-double-left': collapsed
      }"
    >
    </i>
  </button>
</template>