feat: Show "promoted to front page" posts on front page before regular events (#3820)

* feat: Show only promoted to front page posts on front page

* Promoted event before regular

Author: kushthedude

app/controllers/admin/events/list.js

@@ -85,11 +85,21 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
          name            : 'Featured Event',
          valuePath       : 'id',
          extraValuePaths : ['isFeatured'],
-         cellComponent   : 'ui-table/cell/admin/event-is-featured',
+         cellComponent   : 'ui-table/cell/admin/events/event-is-featured',
          width           : 80,
          actions         : {
            toggleFeatured: this.toggleFeatured.bind(this)
          }
+       },
+       {
+         name            : 'Promoted Event',
+         valuePath       : 'id',
+         extraValuePaths : ['isPromoted'],
+         cellComponent   : 'ui-table/cell/admin/events/event-is-promoted',
+         width           : 80,
+         actions         : {
+           togglePromoted: this.togglePromoted.bind(this)
+         }
        }
      ];
    }
@@ -178,4 +188,25 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
     }
     this.set('isLoading', false);
   }
+
+  @action
+  async togglePromoted(event_id) {
+    this.set('isLoading', true);
+    try {
+      let event =  this.store.peekRecord('event', event_id, { backgroundReload: false });
+      event.toggleProperty('isPromoted');
+      await event.save();
+      this.notify.success(this.l10n.t(`Event ${event.isPromoted ? 'Promoted' : 'unpromoted'} Successfully`),
+        {
+          id: 'event_detail_changed'
+        });
+    } catch (e) {
+      console.warn(e);
+      this.notify.error(this.l10n.t('An unexpected error has occurred.'),
+        {
+          id: 'event_det_error'
+        });
+    }
+    this.set('isLoading', false);
+  }
 }

app/controllers/index.js

@@ -26,7 +26,14 @@ export default Controller.extend({
 
   featuredEvents: computed('filteredEvents.[]', function() {
     return this.filteredEvents ? this.filteredEvents.filter(event => {return event.isFeatured}) : null;
+  }),
+
+  promotedEvents: computed('filteredEvents.[]', function() {
+    return this.filteredEvents ? this.filteredEvents.filter(event => {return event.isPromoted}) : null;
+  }),
 
+  upcomingEvents: computed('filteredEvents.[]', function() {
+    return this.filteredEvents ? this.filteredEvents.filter(event => {return !event.isPromoted}) : null;
   }),
 
   actions: {

app/models/event.js

@@ -50,6 +50,7 @@ export default ModelBase.extend(CustomPrimaryKeyMixin, {
   isTicketFormEnabled       : attr('boolean', { defaultValue: false }),
   isSessionsSpeakersEnabled : attr('boolean', { defaultValue: false }),
   isFeatured                : attr('boolean', { defaultValue: false }),
+  isPromoted                : attr('boolean', { defaultValue: false }),
   isBillingInfoMandatory    : attr('boolean', { defaultValue: false }),
 
   isTaxEnabled    : attr('boolean', { defaultValue: false }),

app/templates/components/ui-table/cell/admin/event-is-featured.hbs renamed to app/templates/components/ui-table/cell/admin/events/event-is-featured.hbs

@@ -0,0 +1 @@
+{{ui-checkbox class='toggle' checked=extraRecords.isPromoted onChange=(action props.actions.togglePromoted record)}}

app/templates/components/ui-table/cell/admin/events/event-is-promoted.hbs

@@ -12,7 +12,10 @@
   {{#if filteredEvents}}
     <h2 class="main-heading">{{t 'Upcoming Events'}}</h2>
     <div class="ui stackable three column grid">
-      {{#each filteredEvents as |event|}}
+      {{#each promotedEvents as |event|}}
+        {{event-card event=event shareEvent=(action 'shareEvent')}}
+      {{/each}}
+      {{#each upcomingEvents as |event|}}
         {{event-card event=event shareEvent=(action 'shareEvent')}}
       {{/each}}
     </div>