updated frontend

frontend/src/components/button/Button.vue

@@ -0,0 +1,106 @@
+<template>
+  <el-tooltip :content="tooltip" :disabled="!tooltip">
+    <span :class="[noMargin ? 'no-margin' : '']" class="button-wrapper">
+      <el-button
+          :circle="circle"
+          :class="[isIcon ? 'icon-button' : '']"
+          :disabled="disabled"
+          :plain="plain"
+          :round="round"
+          :size="size"
+          :title="tooltip"
+          :type="type"
+          :loading="loading"
+          class="button"
+          @click="() => $emit('click')"
+      >
+        <slot></slot>
+      </el-button>
+    </span>
+  </el-tooltip>
+</template>
+
+<script lang="ts">
+import {defineComponent, PropType} from 'vue';
+
+export const buttonProps = {
+  tooltip: {
+    type: String,
+    required: false,
+    default: '',
+  },
+  type: {
+    type: String as PropType<BasicType>,
+    required: false,
+    default: 'primary',
+  },
+  size: {
+    type: String as PropType<BasicSize>,
+    required: false,
+    default: 'mini',
+  },
+  round: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  circle: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  plain: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  disabled: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  isIcon: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  noMargin: {
+    type: Boolean,
+    required: false,
+    default: false,
+  },
+  loading: {
+    type: Boolean,
+    required: false,
+    default: false,
+  }
+};
+
+export default defineComponent({
+  name: 'Button',
+  props: buttonProps,
+  emits: [
+    'click',
+  ],
+  setup(props) {
+    return {};
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+.button-wrapper {
+  position: relative;
+  margin-right: 10px;
+
+  &.no-margin {
+    margin-right: 0;
+  }
+}
+</style>
+
+<style scoped>
+.button-wrapper >>> .icon-button {
+  padding: 7px;
+}
+</style>