Update certificate management page consistency
This change applies global styles to improve
page layout consistency and modal management
- Adds page and section styles
- Removes unused styles
- Creates individual html files for modals
- Updates certificate modals to bootstrap modal
- Updates global styles for input file field in file-upload.scss
TODO:
- Update certificate table with table component in separate commit
- Update CSR modal to use global form-field styles in separate commit
Signed-off-by: Dixsie Wolmers <dixsiew@gmail.com>
Change-Id: I9b800cb684740da1a9168294433e726efb0f9d0e
diff --git a/app/access-control/controllers/certificate-modal-csr-download.html b/app/access-control/controllers/certificate-modal-csr-download.html
new file mode 100644
index 0000000..6e31426
--- /dev/null
+++ b/app/access-control/controllers/certificate-modal-csr-download.html
@@ -0,0 +1,41 @@
+<div class="uib-modal__content">
+ <div class="modal-header">
+ <h2 class="modal-title" id="modal_label">
+ Certificate Signing Request (CSR)
+ </h2>
+ <button
+ type="button"
+ class="btn btn--close"
+ ng-click="$dismiss()"
+ aria-label="close">
+ <icon file="icon-close.svg" aria-hidden="true"></icon>
+ </button>
+ </div>
+ <div class="modal-body">
+ <span id="csrCode" class="add-csr__container-csr-code">{{ csrCode }}</span>
+ </div>
+ <div class="modal-footer">
+ <button
+ type="button"
+ class="btn btn-secondary"
+ clipboard
+ text="csrCode"
+ on-copied="copySuccess(event)"
+ on-error="copyfailed(err)">
+ <span ng-if="!copied">Copy</span>
+ <span ng-if="copied">
+ <icon aria-hidden="true" file="icon-check.svg"></icon>
+ <span>Copied</span>
+ </span>
+ </button>
+ <button
+ type="button"
+ class="btn btn-primary">
+ <a ng-href="data:text/json;charset=utf-8,{{ csrCode }}"
+ download="csrCode.txt"
+ class="add-csr__text-download">
+ Download
+ </a>
+ </button>
+ </div>
+ </div>
\ No newline at end of file