Skip to content

fix: uses refreshModel to refresh session table after an action #3448

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Aug 20, 2019
Merged

fix: uses refreshModel to refresh session table after an action #3448

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
258 changes: 146 additions & 112 deletions app/controllers/events/view/sessions/list.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
{
name : 'Title',
valuePath : 'title',
extraValuePaths : ['event', 'isLocked'],
extraValuePaths : ['id', 'event', 'isLocked'],
isSortable : true,
headerComponent : 'tables/headers/sort',
cellComponent : 'ui-table/cell/events/view/sessions/cell-session-title',
Expand Down Expand Up @@ -114,15 +114,18 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
@action
async deleteSession(session_id) {
this.set('isLoading', true);
try {
let session = this.store.peekRecord('session', session_id, { backgroundReload: false });
await session.destroyRecord();
this.notify.success(this.l10n.t('Session has been deleted successfully.'));
} catch (e) {
console.warn(e);
this.notify.error(this.l10n.t('An unexpected error has occurred.'));
}
this.set('isLoading', false);
let session = this.store.peekRecord('session', session_id, { backgroundReload: false });
session.destroyRecord()
.then(() => {
this.notify.success(this.l10n.t('Session has been deleted successfully.'));
this.refreshModel.bind(this)();
})
.catch(() => {
this.notify.error(this.l10n.t('An unexpected error has occurred.'));
})
.finally(() => {
this.set('isLoading', false);
});
}

@action
Expand All @@ -136,130 +139,161 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
}

@action
async lockSession(session_id) {
try {
let session = this.store.peekRecord('session', session_id, { backgroundReload: false });
session.set('isLocked', true);
this.set('isLoading', true);
await session.save();
this.notify.success(this.l10n.t('Session has been locked successfully.'));
} catch (error) {
this.notify.error(this.l10n.t(error.message));
}
this.send('refreshRoute');
this.set('isLoading', false);
lockSession(session_id) {
let session = this.store.peekRecord('session', session_id, { backgroundReload: false });
session.set('isLocked', true);
this.set('isLoading', true);
session.save()
.then(() => {
this.notify.success(this.l10n.t('Session has been locked successfully.'));
this.refreshModel.bind(this)();
})
.catch(() => {
this.notify.error(this.l10n.t('An unexpected error has occurred.'));
})
.finally(() => {
this.set('isLoading', false);
});
}

@action
async unlockSession(session_id) {
try {
let session = this.store.peekRecord('session', session_id, { backgroundReload: false });
session.set('isLocked', false);
this.set('isLoading', true);
await session.save();
this.notify.success(this.l10n.t('Session has been unlocked successfully.'));
} catch (error) {
this.notify.error(this.l10n.t(error.message));
}
this.send('refreshRoute');
this.set('isLoading', false);
unlockSession(session_id) {
let session = this.store.peekRecord('session', session_id, { backgroundReload: false });
session.set('isLocked', false);
this.set('isLoading', true);
session.save()
.then(() => {
this.notify.success(this.l10n.t('Session has been unlocked successfully.'));
this.refreshModel.bind(this)();
})
.catch(() => {
this.notify.error(this.l10n.t('An unexpected error has occurred.'));
})
.finally(() => {
this.set('isLoading', false);
});
}

@action
async acceptProposal(session_id, sendEmail) {
try {
let session = this.store.peekRecord('session', session_id, { backgroundReload: false });
session.setProperties({
sendEmail,
'state' : 'accepted',
'isMailSent' : sendEmail
acceptProposal(session_id, sendEmail) {
let session = this.store.peekRecord('session', session_id, { backgroundReload: false });
session.setProperties({
sendEmail,
'state' : 'accepted',
'isMailSent' : sendEmail
});
this.set('isLoading', true);
session.save()
.then(() => {
sendEmail ? this.notify.success(this.l10n.t('Session has been accepted and speaker has been notified via email.'))
: this.notify.success(this.l10n.t('Session has been accepted'));
this.refreshModel.bind(this)();
})
.catch(() => {
this.notify.error(this.l10n.t('An unexpected error has occurred.'));
})
.finally(() => {
this.set('isLoading', false);
});
this.set('isLoading', true);
await session.save();
sendEmail ? this.notify.success(this.l10n.t('Session has been accepted and speaker has been notified via email.'))
: this.notify.success(this.l10n.t('Session has been accepted'));
} catch (error) {
this.notify.error(this.l10n.t(error.message));
}
this.send('refreshRoute');
this.set('isLoading', false);
}

@action
async confirmProposal(session_id, sendEmail) {
try {
let session = this.store.peekRecord('session', session_id, { backgroundReload: false });
session.setProperties({
sendEmail,
'state' : 'confirmed',
'isMailSent' : sendEmail
confirmProposal(session_id, sendEmail) {
let session = this.store.peekRecord('session', session_id, { backgroundReload: false });
session.setProperties({
sendEmail,
'state' : 'confirmed',
'isMailSent' : sendEmail
});
this.set('isLoading', true);
session.save()
.then(() => {
sendEmail ? this.notify.success(this.l10n.t('Session has been confirmed and speaker has been notified via email.'))
: this.notify.success(this.l10n.t('Session has been confirmed'));
this.refreshModel.bind(this)();
})
.catch(() => {
this.notify.error(this.l10n.t('An unexpected error has occurred.'));
})
.finally(() => {
this.set('isLoading', false);
});
this.set('isLoading', true);
await session.save();
sendEmail ? this.notify.success(this.l10n.t('Session has been confirmed and speaker has been notified via email.'))
: this.notify.success(this.l10n.t('Session has been confirmed'));
} catch (error) {
this.notify.error(this.l10n.t(error.message));
}
this.send('refreshRoute');
this.set('isLoading', false);
}

@action
async rejectProposal(session_id, sendEmail) {
try {
let session = this.store.peekRecord('session', session_id, { backgroundReload: false });
session.setProperties({
sendEmail,
'state' : 'rejected',
'isMailSent' : sendEmail
rejectProposal(session_id, sendEmail) {
let session = this.store.peekRecord('session', session_id, { backgroundReload: false });
session.setProperties({
sendEmail,
'state' : 'rejected',
'isMailSent' : sendEmail
});
this.set('isLoading', true);
session.save()
.then(() => {
sendEmail ? this.notify.success(this.l10n.t('Session has been rejected and speaker has been notified via email.'))
: this.notify.success(this.l10n.t('Session has been rejected'));
this.refreshModel.bind(this)();
})
.catch(() => {
this.notify.error(this.l10n.t('An unexpected error has occurred.'));
})
.finally(() => {
this.set('isLoading', false);
});
this.set('isLoading', true);
await session.save();
sendEmail ? this.notify.success(this.l10n.t('Session has been rejected and speaker has been notified via email.'))
: this.notify.success(this.l10n.t('Session has been rejected'));
} catch (error) {
this.notify.error(this.l10n.t(error.message));
}
this.send('refreshRoute');
this.set('isLoading', false);
}

@action
async updateRating(rating, feedback) {
try {
this.set('isLoading', true);
if (rating) {
feedback.set('rating', rating);
await feedback.save();
} else {
await feedback.destroyRecord();
}
this.notify.success(this.l10n.t('Session feedback has been updated successfully.'));
} catch (error) {
this.notify.error(this.l10n.t(error.message));
updateRating(rating, feedback) {
this.set('isLoading', true);
if (rating) {
feedback.set('rating', rating);
feedback.save()
.then(() => {
this.notify.success(this.l10n.t('Session feedback has been updated successfully.'));
this.refreshModel.bind(this)();
})
.catch(() => {
this.notify.error(this.l10n.t('An unexpected error has occurred.'));
})
.finally(() => {
this.set('isLoading', false);
});
} else {
feedback.destroyRecord()
.then(() => {
this.notify.success(this.l10n.t('Session feedback has been updated successfully.'));
this.refreshModel.bind(this)();
})
.catch(() => {
this.notify.error(this.l10n.t('An unexpected error has occurred.'));
})
.finally(() => {
this.set('isLoading', false);
});
}
this.send('refreshRoute');
this.set('isLoading', false);
}

@action
async addRating(rating, session_id) {
try {
let session = this.store.peekRecord('session', session_id, { backgroundReload: false });
this.set('isLoading', true);
let feedback = await this.store.createRecord('feedback', {
rating,
session,
comment : '',
user : this.authManager.currentUser
addRating(rating, session_id) {
let session = this.store.peekRecord('session', session_id, { backgroundReload: false });
this.set('isLoading', true);
let feedback = this.store.createRecord('feedback', {
rating,
session,
comment : '',
user : this.authManager.currentUser
});
feedback.save()
.then(() => {
this.notify.success(this.l10n.t('Session feedback has been created successfully.'));
this.refreshModel.bind(this)();
})
.catch(() => {
this.notify.error(this.l10n.t('An unexpected error has occurred.'));
})
.finally(() => {
this.set('isLoading', false);
});
await feedback.save();
this.notify.success(this.l10n.t('Session feedback has been created successfully.'));
} catch (error) {
this.notify.error(this.l10n.t(error.message));
}
this.send('refreshRoute');
this.set('isLoading', false);
}
}
6 changes: 3 additions & 3 deletions app/templates/components/ui-table/cell/events/view/sessions/cell-session-title.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
{{record}}
<div class="hidden ui divider"></div>
<div class="ui horizontal compact basic buttons">
{{#ui-popup content=(t 'View Session') class="{{if device.isMobile 'medium' 'huge'}} ui icon button" click=(action props.actions.viewSession record) position='left center'}}
{{#ui-popup content=(t 'View Session') class="{{if device.isMobile 'medium' 'huge'}} ui icon button" click=(action props.actions.viewSession extraRecords.id) position='left center'}}
<i class="unhide icon"></i>
{{/ui-popup}}
{{#if (not extraRecords.isLocked)}}
{{#ui-popup content=(t 'Edit Session') class="{{if device.isMobile 'medium' 'huge'}} ui icon button" click=(action props.actions.editSession record extraRecords.event.id) position='left center'}}
{{#ui-popup content=(t 'Edit Session') class="{{if device.isMobile 'medium' 'huge'}} ui icon button" click=(action props.actions.editSession extraRecords.id extraRecords.event.id) position='left center'}}
<i class="edit icon"></i>
{{/ui-popup}}
{{/if}}
{{#ui-popup content=(t 'Delete Session') click=(action (confirm (t 'Are you sure you would like to delete this Session?') (action props.actions.deleteSession record))) class="{{if device.isMobile 'medium' 'huge'}} ui icon button" position='left center'}}
{{#ui-popup content=(t 'Delete Session') click=(action (confirm (t 'Are you sure you would like to delete this Session?') (action props.actions.deleteSession extraRecords.id))) class="{{if device.isMobile 'medium' 'huge'}} ui icon button" position='left center'}}
<i class="trash outline icon"></i>
{{/ui-popup}}
</div>