aboutsummaryrefslogtreecommitdiff
path: root/src/components/user_list_menu/user_list_menu.vue
blob: 39ee2451970dd2c1317d4cad9fef007f7311395f (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
35
36
37
38
<template>
  <div class="UserListMenu">
    <Popover
      trigger="hover"
      placement="left"
      remove-padding
    >
      <template #content>
        <div class="dropdown-menu">
          <button
            v-for="list in lists"
            :key="list.id"
            class="menu-item dropdown-item"
            @click="toggleList(list.id)"
          >
            <span
              class="input menu-checkbox"
              :class="{ 'menu-checkbox-checked': list.inList }"
            />
            {{ list.title }}
          </button>
        </div>
      </template>
      <template #trigger>
        <button class="menu-item dropdown-item -has-submenu">
          {{ $t('lists.manage_lists') }}
          <FAIcon
            class="chevron-icon"
            size="lg"
            icon="chevron-right"
          />
        </button>
      </template>
    </Popover>
  </div>
</template>

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