Feature/1976/multi tool multiple pages (#2200)

* Multitool - Select multiple pages for rotation tool

* Multitool multi select delete feature

* Multitool multi select UI improvements and big fixes

* Multitool multi select select all and UI improvements

* Multi tool multi select, download selected, clean up and bug fixes

* Comments

* Update buttons for page selection

* Update translation files

Signed-off-by: GitHub Action <action@github.com>

* Multitool multiselect split functionality and UI updates

* Download selected button, additional tooltips

* Update translation files

Signed-off-by: GitHub Action <action@github.com>

* revert CertSignController

* remove material icons

* restore to previous certsigncontroller

* Update CertSignController.java

---------

Signed-off-by: GitHub Action <action@github.com>
Co-authored-by: GitHub Action <action@github.com>
Co-authored-by: Anthony Stirling <77850077+Frooodle@users.noreply.github.com>

src/main/resources/static/css/multi-tool.css

@@ -212,15 +212,81 @@ label {
 .page-number {
   position: absolute;
   top: 5px;
-  right: 0px;
-  color: var(--md-sys-color-on-surface);
-  background-color: var(--md-sys-color-surface-5);
+  left: 5px;
+  color: var(--md-sys-color-on-secondary);
+  background-color: rgba(162, 201, 255, 0.8);
   padding: 6px 8px;
   border-radius: 8px;
   font-size: 16px;
   z-index: 2;
+  font-weight: 450;
 }
 
 .tool-header {
   margin: 0.5rem 1rem 2rem;
 }
+
+#select-pages-button {
+  opacity: 0.5;
+}
+
+.selected-pages-container {
+  background-color: var(--md-sys-color-surface);
+  border-radius: 16px;
+  padding: 15px;
+  width: 100%;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  font-family: Arial, sans-serif;
+}
+
+.selected-pages-container h3 {
+  color: var(--md-sys-color-on-surface);
+  font-size: 1.2em;
+  margin-bottom: 10px;
+}
+
+.pages-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  padding: 0;
+  list-style: none;
+  max-height: 10rem;
+  overflow: auto;
+}
+
+.page-item {
+  background-color: var(--md-sys-color-surface-container-low);
+  border-radius: 8px;
+  padding: 8px 12px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-weight: bold;
+  color: var(--md-sys-color-on-surface);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  width: 7rem;
+  height: 2.5rem;
+}
+
+.selected-page-number {
+  width: 4rem;
+  font-size: small;
+}
+
+.remove-btn {
+  cursor: pointer;
+  color: var(--md-sys-color-on-surface);
+  font-size: 1.2em;
+}
+
+.checkbox-container {
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  flex-direction: column;
+}
+
+.checkbox-label {
+  font-size: medium;
+}

src/main/resources/static/css/pdfActions.css

@@ -127,6 +127,22 @@ html[dir="rtl"] .pdf-actions_container:last-child>.pdf-actions_insert-file-butto
   border-radius: 100px;
 }
 
+
+.pdf-actions_checkbox {
+  position: absolute;
+  top: 5px;
+  right: 3px;
+  color: var(--md-sys-color-on-surface);
+  background-color: var(--md-sys-color-surface-5);
+  padding: 6px 8px;
+  border-radius: 8px;
+  font-size: 16px;
+  z-index: 2;
+}
+
+.hidden {
+  display: none;
+}
 .pdf-actions_insert-file-blank-button {
   position: absolute;
   top: 75%;

src/main/resources/static/css/theme/font.css

@@ -5,6 +5,8 @@
     src: url(../../fonts/google-symbol.woff2) format('woff2');
 }
 
+
+
 .material-symbols-rounded {
     font-family: 'Material Symbols Rounded';
     font-weight: 300;