aboutsummaryrefslogtreecommitdiff
path: root/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue
blob: 70baa60d879b8f7a83700c80e8d5791e8db48796 (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
39
40
<template>
  <div class="StatusBookmarkFolderMenu">
    <Popover
      trigger="hover"
      placement="left"
      remove-padding
    >
      <template #content>
        <div class="dropdown-menu">
          <button
            v-for="folder in folders"
            :key="folder.id"
            class="menu-item dropdown-item"
            @click="toggleFolder(folder.id)"
          >
            <span
              class="input menu-checkbox -radio"
              :class="{ 'menu-checkbox-checked': status.bookmark_folder_id == folder.id }"
            />
            {{ folder.name }}
          </button>
        </div>
      </template>
      <template #trigger>
        <button class="menu-item dropdown-item dropdown-item-icon -has-submenu">
          <FAIcon
            fixed-width
            icon="folder"
          />{{ $t('bookmark_folders.select_folder') }}<FAIcon
            class="chevron-icon"
            size="lg"
            icon="chevron-right"
          />
        </button>
      </template>
    </Popover>
  </div>
</template>

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