aboutsummaryrefslogtreecommitdiff
path: root/src/components/timeline_menu/timeline_menu_content.vue
blob: 7dc76b62d4f8a052fcd39db0f57481b71b09f5d6 (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
<template>
  <ul>
    <li v-for="item in list" :key="item.name">
      <router-link
        class="menu-item"
        :to="{ name: (currentUser || item.anon) ? item.route : item.anonRoute, params: { username: currentUser.screen_name } }"
      >
        <FAIcon
          fixed-width
          class="fa-scale-110 fa-old-padding "
          :icon="item.icon"
        />{{ $t(item.label) }}
        <button
          type="button"
          class="button-unstyled"
          @click.stop.prevent="togglePin(item.name)"
          >
          <FAIcon
            fixed-width
            class="fa-scale-110 fa-old-padding "
            :class="{ 'veryfaint': !isPinned(item.name) }"
            :transform="!isPinned(item.name) ? 'rotate-45' : ''"
            icon="thumbtack"
          />
        </button>
      </router-link>
    </li>
  </ul>
</template>

<script src="./timeline_menu_content.js"></script>