diff --git a/app/components/viewer/action_buttons/index.hbs b/app/components/viewer/action_buttons/index.hbs index 67102cdac9e54c41f1e9c3476b5236b5c6936db8..548046d388f6501b8db6362ff5a4b9c97ecb623f 100644 --- a/app/components/viewer/action_buttons/index.hbs +++ b/app/components/viewer/action_buttons/index.hbs @@ -45,25 +45,38 @@ </button> {{else if this.is_any_page_selected }} <button - class="btn btn-light" type="button" - {{on "click" @onRotateClockwise}} > - <i class="bi bi-arrow-clockwise"></i> - Rotate - </button> - <button - class="btn btn-light" - type="button" - {{on "click" @onRotateCounterclockwise}} > - <i class="bi bi-arrow-counterclockwise"></i> - Rotate - </button> - <button - class="btn btn-danger mx-5" - type="button" - {{on "click" @openConfirmDeletionModal}} > - <i class="fa fa-times"></i> - Delete Pages + data-bs-toggle="dropdown" + class="btn btn-light dropdown-toggle mx-1"> + ... </button> + <ul class="dropdown-menu" + aria-expand="false" + aria-labelledby="display-mode"> + <li class="dropdown-item"> + <button + class="btn" + {{on "click" @onRotateClockwise}}> + <i class="bi bi-arrow-clockwise"></i> + Rotate 90 CW + </button> + </li> + <li class="dropdown-item"> + <button + class="btn" + {{on "click" @onRotateCounterclockwise}}> + <i class="bi bi-arrow-counterclockwise"></i> + Rotate 90 CCW + </button> + </li> + <li class="dropdown-item"> + <button + class="btn" + {{on "click" @openConfirmDeletionModal}}> + <i class="fa fa-times text-danger"></i> + Delete Pages + </button> + </li> + </ul> {{/if}} </div> diff --git a/app/components/viewer/index.js b/app/components/viewer/index.js index 5aab481486abc028b47f6c71993f313ffb1fa1b2..69c1749c83bc7b86b001cf5b7da19e416886f3bd 100644 --- a/app/components/viewer/index.js +++ b/app/components/viewer/index.js @@ -223,6 +223,7 @@ export default class ViewerComponent extends Component { }).then(() => { this._pages = []; this.router.refresh(); + this.notify.info("Page(s) moved successfully"); }); } @@ -250,11 +251,13 @@ export default class ViewerComponent extends Component { let page_ids = []; page_ids = this.selected_pages.map(page => page.id); - await this.requests.deletePages(page_ids); + this.requests.deletePages(page_ids).then(() => { + this.show_confirm_pages_deletion_modal = false; + this.selected_pages = A([]); + this.router.refresh(); + this.notify.info('Page(s) deleted successfully'); + }); - this.show_confirm_pages_deletion_modal = false; - this.selected_pages = A([]); - this.router.refresh(); } @action