<template>
  <div>
    <el-dropdown @command="typeChanged" trigger="click" name="typeChange">
      <el-button type="primary" name="itemType">
        {{ itemType.name }}<i class="el-icon-caret-bottom el-icon--right"></i>
      </el-button>
      <el-dropdown-menu name="itemTypes">
        <el-dropdown-item
          v-for="type in itemTypes"
          :command="JSON.stringify(type.id)"
          :name="JSON.stringify(type.name)">{{ type.name }}
        </el-dropdown-item>
        </el-dropdown-menu>
    </el-dropdown>
    <input
      type="checkbox"
      v-model="priority"
      @change="togglePriority()"
      name="priorityFlag"/>
      Priority flag
    <el-tooltip
      placement="top"
      name="successTooltip"
      :content="tooltip.msg"
      :value="tooltip.visible"
      :disabled="!tooltip.visible">
      <el-dropdown trigger="click" name="shareDropdown">
        <el-button type="primary" name="shareBtn">
          Share icon<i class="el-icon-caret-bottom el-icon--right"></i>
        </el-button>
        <el-dropdown-menu name="shareDropdownMenu">
          <el-dropdown-item
            name="itemUrl"
            v-clipboard:copy="itemURL"
            @success="copySuccess"
            @error="copyError">
            Share link
          </el-dropdown-item>

          <el-dropdown-item
            name="itemCode"
            v-clipboard:copy="itemCode"
            @success="copySuccess"
            @error="copyError">
            Copy Task ID
          </el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
    </el-tooltip>
    </div>
</template>