diff --git a/ayanova/src/api/ayatype.js b/ayanova/src/api/ayatype.js
index 8203e832..0eb1af3f 100644
--- a/ayanova/src/api/ayatype.js
+++ b/ayanova/src/api/ayatype.js
@@ -104,7 +104,8 @@ export default {
   PartInventory: 67,
   DataListColumnView: 68,
   PartInventoryRestock: 69, //for list only, synthetic object
-  PartInventoryRequest: 70 //for list only not, synthetic object
+  PartInventoryRequest: 70, //for list only not, synthetic object
+  WorkOrderStatus: 71
 };
 /**
  *
diff --git a/ayanova/src/api/gzutil.js b/ayanova/src/api/gzutil.js
index ab6c7954..50aa816f 100644
--- a/ayanova/src/api/gzutil.js
+++ b/ayanova/src/api/gzutil.js
@@ -489,6 +489,8 @@ export default {
         return "$ayiCalculator";
       case window.$gz.type.TaxCode:
         return "$ayiPercent";
+      case window.$gz.type.WorkOrderStatus:
+        return "$ayiFlag";
 
       //scroll icon is good one for something
       default:
diff --git a/ayanova/src/plugins/vuetify.js b/ayanova/src/plugins/vuetify.js
index b9ead744..28637f94 100644
--- a/ayanova/src/plugins/vuetify.js
+++ b/ayanova/src/plugins/vuetify.js
@@ -124,6 +124,7 @@ import {
   faFileVideo,
   faFileWord,
   faFilter,
+  faFlag,
   faFolder,
   faForward,
   faGenderless,
@@ -302,6 +303,7 @@ library.add(
   faFileVideo,
   faFileWord,
   faFilter,
+  faFlag,
   faFolder,
   faForward,
   faGenderless,
@@ -822,6 +824,12 @@ const CUSTOM_ICONS = {
       icon: ["fas", "filter"]
     }
   },
+  ayiFlag: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "flag"]
+    }
+  },
   ayiFolder: {
     component: FontAwesomeIcon,
     props: {
diff --git a/ayanova/src/router.js b/ayanova/src/router.js
index 8706f868..55f1609f 100644
--- a/ayanova/src/router.js
+++ b/ayanova/src/router.js
@@ -394,6 +394,14 @@ export default new Router({
       component: () =>
         import(/* webpackChunkName: "svc" */ "./views/svc-csr.vue")
     },
+    {
+      path: "/svc-work-order-status",
+      name: "svc-work-order-status",
+      component: () =>
+        import(
+          /* webpackChunkName: "svc" */ "./views/svc-work-order-status.vue"
+        )
+    },
     //######################### INVENTORY GROUP ##############################
     {
       path: "/inv-parts",
diff --git a/ayanova/src/views/svc-work-order-status.vue b/ayanova/src/views/svc-work-order-status.vue
new file mode 100644
index 00000000..46b92736
--- /dev/null
+++ b/ayanova/src/views/svc-work-order-status.vue
@@ -0,0 +1,111 @@
+<template>
+  <div>
+    <gz-report-selector ref="reportSelector"></gz-report-selector>
+    <gz-extensions
+      :aya-type="$ay.ayt.WorkOrderStatus"
+      :selected-items="selectedItems"
+      ref="extensions"
+    >
+    </gz-extensions>
+    <gz-data-table
+      ref="gzdatatable"
+      form-key="svc-work-order-status"
+      data-list-key="WorkOrderStatusDataList"
+      :show-select="rights.read"
+      :reload="reload"
+      @selection-change="handleSelected"
+      data-cy="woStatusTable"
+    >
+    </gz-data-table>
+  </div>
+</template>
+
+<script>
+const FORM_KEY = "svc-work-order-status";
+export default {
+  created() {
+    this.rights = window.$gz.role.getRights(window.$gz.type.WorkOrderStatus);
+    window.$gz.eventBus.$on("menu-click", clickHandler);
+    generateMenu(this);
+  },
+  beforeDestroy() {
+    window.$gz.eventBus.$off("menu-click", clickHandler);
+  },
+  data() {
+    return {
+      rights: window.$gz.role.defaultRightsObject(),
+      selectedItems: [],
+      reload: false
+    };
+  },
+  methods: {
+    handleSelected(selected) {
+      this.selectedItems = selected;
+    }
+  }
+};
+
+/////////////////////////////
+//
+//
+async function clickHandler(menuItem) {
+  if (!menuItem) {
+    return;
+  }
+  let m = window.$gz.menu.parseMenuItem(menuItem);
+  if (m.owner == FORM_KEY && !m.disabled) {
+    switch (m.key) {
+      case "new":
+        m.vm.$router.push({
+          name: "svc-work-order-status-edit",
+          params: { recordid: 0 }
+        });
+        break;
+      case "extensions":
+        let res = await m.vm.$refs.extensions.open(
+          m.vm.$refs.gzdatatable.getDataListSelection(
+            window.$gz.type.WorkOrderStatus
+          )
+        );
+        if (res && res.refresh == true) {
+          m.vm.reload = !m.vm.reload;
+        }
+        break;
+
+      default:
+        window.$gz.eventBus.$emit(
+          "notify-warning",
+          FORM_KEY + "::context click: [" + m.key + "]"
+        );
+    }
+  }
+}
+
+//////////////////////
+//
+//
+function generateMenu(vm) {
+  let menuOptions = {
+    isMain: true,
+    icon: "$ayiFlag",
+    title: "WorkOrderStatusList", //MIGRATE_OUTSTANDING: when have workorder form then fetch this key in there because it will be accessed only from there
+    helpUrl: "svc-work-order-status",
+    menuItems: [],
+    formData: {
+      ayaType: window.$gz.type.WorkOrderStatus
+    }
+  };
+
+  if (vm.rights.change) {
+    menuOptions.menuItems.push({
+      title: "New",
+      icon: "$ayiPlus",
+      surface: true,
+      key: FORM_KEY + ":new",
+      vm: vm
+    });
+  }
+
+  window.$gz.eventBus.$emit("menu-change", menuOptions);
+}
+</script>