<template>
  <div>
    <gz-pick-list
      v-model="selectedWidget"
      :ayaType="ayaType().Widget"
      :label="t('Widget')"
      :showEditIcon="true"
    >
    </gz-pick-list>
    <v-divider></v-divider>
    <gz-pick-list
      v-model="selectedUser"
      :ayaType="ayaType().User"
      :label="t('User')"
    >
    </gz-pick-list>
    <v-divider></v-divider>
    <div>FORM Selected Widget: {{ selectedWidget }}</div>
    <div>FORM Selected User: {{ selectedUser }}</div>
  </div>
</template>

<script>
import UnderConstruction from "../components/underconstruction.vue";
/**
 * 
 * 
 *   <div>
      MRU + depending on role: new workorder, new client, personal workorder
      list if scheduleable, or if ops then whatever ops needs or admin whatever
      they need etc
    </div>
 * 
 * 
 */
export default {
  components: {
    //UnderConstruction
  },
  beforeCreate() {
    window.$gz.eventBus.$emit("menu-change", {
      isMain: true,
      icon: "tachometer-alt",
      title: window.$gz.translation.get("Dashboard"),
      helpUrl: "form-home-dashboard"
    });
  },
  data() {
    return {
      selectedWidget: 0,
      selectedUser: 2
    };
  },
  methods: {
    t: function(ltkey) {
      return window.$gz.translation.get(ltkey);
    },
    ayaType: function() {
      return window.$gz.type;
    }
  }
};
</script>
