Add favorites to the tasks table [SCI-11852]

app/javascript/vue/my_modules/list.vue

@@ -27,7 +27,8 @@
     @duplicate="duplicate"
     @updateDueDate="updateDueDate"
     @updateStartDate="updateStartDate"
-    @editTags="editTags"/>
+    @editTags="editTags"
+    @updateFavorite="updateFavorite"/>
 
   <TagsModal v-if="tagsModalObject"
               :params="tagsModalObject"
@@ -79,6 +80,7 @@ import NewModal from './modals/new.vue';
 import EditModal from './modals/edit.vue';
 import MoveModal from './modals/move.vue';
 import AccessModal from '../shared/access_modal/modal.vue';
+import FavoriteRenderer from '../shared/datatable/renderers/favorite.vue';
 
 export default {
   name: 'MyModulesList',
@@ -96,7 +98,8 @@ export default {
     AccessModal,
     NameRenderer,
     ResultsRenderer,
-    StatusRenderer
+    StatusRenderer,
+    FavoriteRenderer
   },
   props: {
     dataSource: { type: String, required: true },
@@ -141,6 +144,17 @@ export default {
         sortable: true,
         cellRenderer: NameRenderer
       },
+      {
+        field: 'favorite',
+        headerComponentParams: {
+          html: '<div class="sn-icon sn-icon-star-filled"></div>'
+        },
+        headerName: this.i18n.t('experiments.table.column.favorite'),
+        sortable: true,
+        cellRenderer: FavoriteRenderer,
+        minWidth: 80,
+        notSelectable: true
+      },
       {
         field: 'code',
         headerName: this.i18n.t('experiments.table.column.id_html'),
@@ -423,6 +437,12 @@ export default {
                 <img src="${option[2].avatar_url}" class="rounded-full w-6 h-6" />
                 <span title="${option[1]}" class="truncate">${option[1]}</span>
               </div>`;
+    },
+    updateFavorite(value, params) {
+      const url = value ? params.data.urls.favorite : params.data.urls.unfavorite;
+      axios.post(url).then(() => {
+        this.updateTable();
+      });
     }
   }
 };

app/serializers/lists/my_module_serializer.rb

@@ -27,6 +27,7 @@ module Lists
       permissions
       default_public_user_role_id
       team
+      favorite
     )
 
     def attributes(_options = {})
@@ -39,6 +40,8 @@ module Lists
 
     delegate :provisioning_status, to: :object
 
+    delegate :favorite, to: :object
+
     def default_public_user_role_id
       object.experiment.project.default_public_user_role_id
     end

app/services/lists/my_modules_service.rb

@@ -51,7 +51,8 @@ module Lists
         results: 'results',
         tags: 'tags',
         signatures: 'signatures',
-        comments: 'comments'
+        comments: 'comments',
+        favorite: 'favorite'
       }
     end
 
@@ -121,6 +122,10 @@ module Lists
         @records = @records.left_joins(:tags)
                            .group('my_modules.id')
                            .order(Arel.sql('COUNT(DISTINCT tags.id) DESC'))
+      when 'favorite_ASC'
+        @records = @records.order(:favorite)
+      when 'favorite_DESC'
+        @records = @records.order(favorite: :desc)
       else
         __send__("#{sortable_columns[order_params[:column].to_sym]}_sort", sort_direction(order_params))
       end