Merge branch 'development' into sorting-of-sales

Author: sachinchauhan2889

app/components/event-card.js

@@ -3,6 +3,7 @@ import { classNames } from '@ember-decorators/component';
 import { action, computed } from '@ember/object';
 import Component from '@ember/component';
 import { forOwn } from 'lodash-es';
+import moment from 'moment';
 import { pascalCase } from 'open-event-frontend/utils/string';
 
 @classic
@@ -29,6 +30,12 @@ export default class EventCard extends Component {
     return this.isWide ? 'thirteen wide computer ten wide tablet sixteen wide mobile column ' + (!this.device.isMobile && 'rounded-l-none') : 'event fluid';
   }
 
+  @computed
+  get isPastEvent() {
+    const currentTime = moment.tz(this.event.timezone);
+    return this.event.endsAt < currentTime;
+  }
+
   @action
   selectCategory(category, subCategory) {
     this.set('category', (category === this.category && !subCategory) ? null : category);

app/components/explore/side-bar.js

@@ -19,9 +19,9 @@ export default class SideBar extends Component {
   @tracked suggestions = [];
   isMapVisible = true;
 
-  @computed('category', 'sub_category', 'event_type', 'startDate', 'endDate', 'location', 'ticket_type', 'cfs', 'event_name', 'is_online', 'is_location', 'is_mixed', 'has_logo', 'has_image', 'is_past')
+  @computed('category', 'sub_category', 'event_type', 'startDate', 'endDate', 'location', 'ticket_type', 'cfs', 'is_online', 'is_location', 'is_mixed', 'has_logo', 'has_image', 'is_past')
   get hideDefaultFilters() {
-    return !(this.category || this.sub_category || this.event_type || this.startDate || this.endDate || this.location || this.ticket_type || this.cfs || this.event_name || this.is_online || this.is_location || this.is_mixed || this.has_logo || this.has_image || this.is_past);
+    return !(this.category || this.sub_category || this.event_type || this.startDate || this.endDate || this.location || this.ticket_type || this.cfs || this.is_online || this.is_location || this.is_mixed || this.has_logo || this.has_image || this.is_past);
   }
 
   @computed('model')

app/components/forms/group/group-events-form.js

@@ -1,40 +1,91 @@
 
 import Component from '@ember/component';
 import { action, computed } from '@ember/object';
+import { tracked } from '@glimmer/tracking';
 import { inject as service } from '@ember/service';
 import classic from 'ember-classic-decorator';
 import FormMixin from 'open-event-frontend/mixins/form';
 import moment from 'moment';
 import { sortBy } from 'lodash-es';
+import { all } from 'rsvp';
 
 @classic
 export default class GroupEventsForm extends Component.extend(FormMixin) {
 
   @service errorHandler;
 
+  @tracked eventToBeUpdate = [];
+  @tracked unsavedEvents = [];
+  @tracked savedEvents = [];
+
   @action
   addEvent(event) {
+    const eventIds = this.eventToBeUpdate.map(evnt => evnt.identifier);
+    if (this.savedEvents.includes(event.id) && eventIds.includes(event.id)) {
+      event.isAnnounced = true;
+      this.eventToBeUpdate = this.eventToBeUpdate.filter(event => event.identifier === event.id);
+    } else {
+      event.isAnnounced = false;
+      this.eventToBeUpdate.push(event);
+    }
     this.group.events.pushObject(event);
   }
 
   @action
   removeEvent(event) {
+    if (event.isAnnounced) {
+      event.isAnnounced = false;
+      this.eventToBeUpdate.push(event);
+    }
     this.group.events.removeObject(event);
   }
 
+  @action
+  async announceEvent(event) {
+    this.set('isLoading', true);
+    try {
+      const heading = this.l10n.t('Do you want to announce the event') + ' "' + event.name + '" ' + this.l10n.t('to all group members now') + '?';
+      const options = {
+        denyText     : 'Cancel',
+        denyColor    : 'red',
+        approveText  : 'Yes',
+        approveColor : 'green'
+      };
+      await this.confirm.prompt(heading, options);
+    } catch {
+      this.set('isLoading', false);
+      return;
+    }
+    this.loader.load(`/groups/${this.group.id}/events/${event.identifier}/announce`)
+      .then(() => {
+        event.isAnnounced = true;
+        this.notify.success(this.l10n.t('Event has been announced.'), {
+          id: 'event_announce'
+        });
+      })
+      .catch(() => {
+        this.notify.error(this.l10n.t('Oops something went wrong. Please try again.'), {
+          id: 'event_announce'
+        });
+      })
+      .finally(() => {
+        this.set('isLoading', false);
+      });
+  }
+
   @computed('events.[]', 'group.events.[]')
   get remainingEvents() {
     return sortBy(this.events.toArray().filter(event => !this.group.events.toArray().includes(event)), ['startsAt']).reverse();
   }
 
   @computed('events.[]', 'group.events.[]')
   get pastEvents() {
-    return sortBy(this.events.toArray().filter(event => { return moment(event.endsAt) < moment()}), ['startsAt']).reverse();
+    return sortBy(this.remainingEvents.toArray().filter(event => { return moment(event.endsAt) < moment()}), ['startsAt']).reverse();
   }
 
   @computed('events.[]', 'group.events.[]')
   get upcomingEvents() {
-    return sortBy(this.events.toArray().filter(event => { return moment(event.endsAt) > moment()}), ['startsAt']).reverse();
+    return sortBy(this.remainingEvents.toArray().filter(event => { return moment(event.endsAt) > moment()}), ['startsAt']).reverse();
   }
 
   @action
@@ -48,13 +99,17 @@ export default class GroupEventsForm extends Component.extend(FormMixin) {
     event.preventDefault();
     this.onValid(async() => {
       try {
-        this.loading = true;
+        this.set('isLoading', true);
         /* For the first save throws an error -> field may not be null, as social links are added in group-settings-form
         Hence, passing an empty array. */
         if (!this.group.socialLinks) {
           this.group.socialLinks = [];
         }
         await this.group.save();
+        const updatedEvents = this.eventToBeUpdate.map(event => {
+          return event.save();
+        });
+        await all([...updatedEvents]);
         this.notify.success(this.l10n.t('Your group has been saved'),
           {
             id: 'group_save'
@@ -64,8 +119,12 @@ export default class GroupEventsForm extends Component.extend(FormMixin) {
         console.error('Error while saving group', e);
         this.errorHandler.handle(e);
       } finally {
-        this.loading = false;
+        this.set('isLoading', false);
       }
     });
   }
+
+  didInsertElement() {
+    this.set('savedEvents', [...this.groupEvents.toArray().map(event => event.identifier)]);
+  }
 }

app/components/group-nav.js

@@ -0,0 +1,14 @@
+import classic from 'ember-classic-decorator';
+import Component from '@ember/component';
+import { action } from '@ember/object';
+import { tagName } from '@ember-decorators/component';
+
+@classic
+@tagName('')
+export default class GroupNav extends Component {
+  @action
+  refreshRoute() {
+    this.refresh();
+  }
+}
+

app/controllers/application.js

@@ -56,7 +56,7 @@ export default class ApplicationController extends Controller {
 
   @action
   search() {
-    this.transitionToRoute('explore', { queryParams: { event_name: this.event_name } });
+    this.transitionToRoute('explore.events', { queryParams: { name: this.event_name } });
     this.event_name = null;
   }
 

app/controllers/explore.js renamed to app/controllers/explore/events.js

@@ -4,8 +4,8 @@ import Controller from '@ember/controller';
 
 @classic
 export default class ExploreController extends Controller {
-  queryParams = ['category', 'sub_category', 'event_type', 'start_date', 'end_date', 'location', 'ticket_type', 'cfs', 'event_name', 'is_online', 'is_location', 'is_mixed', 'has_logo', 'has_image', 'is_past'];
-  event_name = null;
+  queryParams = ['category', 'sub_category', 'event_type', 'start_date', 'end_date', 'location', 'ticket_type', 'cfs', 'name', 'is_online', 'is_location', 'is_mixed', 'has_logo', 'has_image', 'is_past'];
+  name = null;
   is_online = null;
   is_location = null;
   is_mixed = null;
@@ -29,8 +29,8 @@ export default class ExploreController extends Controller {
 
   @action
   clearFilter(filterType) {
-    if (filterType === 'event_name') {
-      this.set('event_name', null);
+    if (filterType === 'name') {
+      this.set('name', null);
     }
     if (filterType === 'is_online') {
       this.set('is_online', null);
@@ -79,7 +79,7 @@ export default class ExploreController extends Controller {
   @action
   clearAllFilters() {
     this.setProperties({
-      event_name   : null,
+      name         : null,
       category     : null,
       sub_category : null,
       event_type   : null,

app/controllers/explore/groups.js

@@ -0,0 +1,23 @@
+import classic from 'ember-classic-decorator';
+import { action } from '@ember/object';
+import Controller from '@ember/controller';
+
+@classic
+export default class ExploreController extends Controller {
+  queryParams = ['name'];
+  name = null;
+
+  @action
+  clearFilter(filterType) {
+    if (filterType === 'name') {
+      this.set('name', null);
+    }
+  }
+
+  @action
+  clearAllFilters() {
+    this.setProperties({
+      name: null
+    });
+  }
+}

app/models/event.js

@@ -54,6 +54,7 @@ export default class Event extends ModelBase.extend(CustomPrimaryKeyMixin, {
   isChatEnabled             : attr('boolean', { defaultValue: false }),
   isBillingInfoMandatory    : attr('boolean', { defaultValue: false }),
   isDocumentEnabled         : attr('boolean', { defaultValue: false }),
+  isAnnounced               : attr('boolean', { defaultValue: false }),
 
   isTaxEnabled    : attr('boolean', { defaultValue: false }),
   canPayByPaypal  : attr('boolean', { defaultValue: false }),

app/router.js

@@ -175,7 +175,10 @@ Router.map(function() {
       });
     });
   });
-  this.route('explore');
+  this.route('explore', function() {
+    this.route('events');
+    this.route('groups');
+  });
   this.route('groups', function() {
     this.route('list');
     this.route('create');