Add: More menu on book card #173, Fix: Download worker ffmpeg logs

client/components/widgets/MoreMenu.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="absolute w-32 bg-bg rounded-md border border-black-200 shadow-lg z-50" v-click-outside="clickOutsideObj" style="top: 0; left: 0">
+    <template v-for="(item, index) in items">
+      <div :key="index" class="flex h-7 items-center px-2 hover:bg-white hover:bg-opacity-5 text-white text-xs cursor-pointer" @click="clickAction(item.func)">
+        <p>{{ item.text }}</p>
+      </div>
+    </template>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      clickOutsideObj: {
+        handler: this.clickedOutside,
+        events: ['mousedown'],
+        isActive: true
+      }
+    }
+  },
+  computed: {},
+  methods: {
+    clickAction(func) {
+      this.$emit('action', func)
+      this.close()
+    },
+    clickedOutside(e) {
+      this.close()
+    },
+    close() {
+      this.$emit('close')
+
+      // destroy the vue listeners, etc
+      this.$destroy()
+
+      // remove the element from the DOM
+      this.$el.parentNode.removeChild(this.$el)
+    }
+  },
+  mounted() {},
+  beforeDestroy() {}
+}
+</script>