Display published state in Progress page data table

Author: Hrvoje Vucic

client/components/repository/Workflow/Overview/index.vue

@@ -21,6 +21,10 @@
     <template #item.dueDate="{ value }">
       <overview-due-date v-if="value" :value="value" />
     </template>
+    <template v-if="isAdmin || isRepositoryAdmin" #item.publishedAt="{ item }">
+      <publishing-badge :activity="item" />
+      <span>{{ item.publishedAt ? 'Published' : 'Not published' }}</span>
+    </template>
   </v-data-table>
 </template>
 
@@ -31,6 +35,7 @@ import OverviewDueDate from './DueDate';
 import OverviewName from './Name';
 import OverviewPriority from './Priority';
 import OverviewStatus from './Status';
+import PublishingBadge from '@/components/repository/common/Sidebar/Badge';
 import selectActivity from '@/components/repository/common/selectActivity';
 import { workflow } from '@tailor-cms/config';
 
@@ -41,7 +46,8 @@ export default {
     activities: { type: Array, default: () => [] }
   },
   computed: {
-    ...mapGetters('repository', ['workflow']),
+    ...mapGetters(['isAdmin']),
+    ...mapGetters('repository', ['isRepositoryAdmin', 'workflow']),
     headers() {
       return [{
         text: 'Name',
@@ -61,13 +67,18 @@ export default {
       }, {
         text: 'Due date',
         value: 'dueDate'
+      }, {
+        text: 'Publish state',
+        value: 'publishedAt'
       }];
     },
     items() {
-      return this.activities.map(({ id, data, status }) => ({
+      return this.activities.map(({ id, data, publishedAt, status, type }) => ({
         ...status,
         id,
         name: data.name,
+        publishedAt,
+        type,
         status: this.getStatusById(status.status),
         priority: workflow.getPriority(status.priority),
         class: this.isActivitySelected(id) && 'selected'
@@ -96,6 +107,7 @@ export default {
     }
   },
   components: {
+    PublishingBadge,
     OverviewAssignee,
     OverviewDueDate,
     OverviewName,

client/components/repository/Workflow/Sidebar/Header.vue

@@ -11,7 +11,7 @@
     </div>
     <publishing
       v-if="isAdmin || isRepositoryAdmin"
-      :activity="activityConfig"
+      :activity="{ publishedAt, type }"
       :outline-activities="outlineActivities"
       hide-publish />
     <div class="mt-8">
@@ -73,11 +73,12 @@ export default {
     name: { type: String, required: true },
     type: { type: String, required: true },
     createdAt: { type: String, required: true },
-    updatedAt: { type: String, default: null }
+    updatedAt: { type: String, default: null },
+    publishedAt: { type: String, default: null }
   },
   computed: {
     ...mapGetters(['isAdmin']),
-    ...mapGetters('repository', ['structure', 'isRepositoryAdmin']),
+    ...mapGetters('repository', ['structure', 'outlineActivities', 'isRepositoryAdmin']),
     activityConfig: vm => vm.$schemaService.getLevel(vm.type),
     isUpdated() {
       if (!this.updatedAt) return false;