From d21385b4556f72dfc1372167f567d75542725d19 Mon Sep 17 00:00:00 2001
From: Nathan Buckingham <nate1898@gmail.com>
Date: Wed, 27 May 2026 13:02:57 -0400
Subject: [PATCH] 141151: Adjust cc license section to expect i18n tags, cc
 license dropdown menu increase in size

---
 ...mission-section-cc-licenses.component.html | 34 ++++++++-----------
 ...mission-section-cc-licenses.component.scss |  7 ++--
 src/assets/i18n/en.json5                      | 24 +++++++++++++
 3 files changed, 44 insertions(+), 21 deletions(-)

diff --git a/src/app/submission/sections/cc-license/submission-section-cc-licenses.component.html b/src/app/submission/sections/cc-license/submission-section-cc-licenses.component.html
index 93251f5a2d1..490a4f5f8cc 100644
--- a/src/app/submission/sections/cc-license/submission-section-cc-licenses.component.html
+++ b/src/app/submission/sections/cc-license/submission-section-cc-licenses.component.html
@@ -37,11 +37,10 @@
 
 @if (getSelectedCcLicense()) {
   @for (field of getSelectedCcLicense().fields; track field) {
-    <div
-      class="mb-4">
+    <div class="mb-4">
       <div class="d-flex flex-row">
         <div class="fw-bold {{ field.id }}">
-          {{ field.label }}
+          {{ field.label | translate }}
         </div>
         <button
           class="btn btn-outline-info btn-sm ms-2"
@@ -51,12 +50,12 @@
       </div>
       <ng-template #infoModal>
         <div>
-          <div class="modal-header mb-4 ">
+          <div class="modal-header mb-4">
             <div>
               <h4>
-                {{ field.label }}
+                {{ field.label | translate }}
               </h4>
-              <div [innerHTML]="field.description"></div>
+              <div [innerHTML]="field.description | translate"></div>
             </div>
             <button type="button" class="btn-close"
               (click)="closeInfoModal()" aria-label="Close">
@@ -64,12 +63,11 @@ <h4>
           </div>
           <div class="modal-body">
             @for (value of field.enums; track value) {
-              <div
-                class="mb-4">
+              <div class="mb-4">
                 <h5>
-                  {{ value.label }}
+                  {{ value.label | translate }}
                 </h5>
-                <div [innerHTML]="value.description" class="fw-light"></div>
+                <div [innerHTML]="value.description | translate" class="fw-light"></div>
               </div>
             }
           </div>
@@ -80,7 +78,7 @@ <h5>
           <ng-container class="selection" *ngVar="getSelectedOption(getSelectedCcLicense(), field) as option">
             @if (option) {
               <span>
-                {{ option.label }}
+                {{ option.label | translate }}
               </span>
             }
             @if (!option) {
@@ -95,7 +93,7 @@ <h5>
                 <button
                   class="dropdown-item"
                   (click)="selectOption(getSelectedCcLicense(), field, option)">
-                  {{ option.label }}
+                  {{ option.label | translate }}
                 </button>
               }
             </div>
@@ -104,14 +102,13 @@ <h5>
       }
       @if (field.enums?.length <= 5) {
         @for (option of field.enums; track option) {
-          <div
-            class="d-flex flex-row m-1">
+          <div class="d-flex flex-row m-1">
             <div (click)="selectOption(getSelectedCcLicense(), field, option)">
               <input type="radio"
-                title="{{ option.label }}"
+                title="{{ option.label | translate }}"
                 class="me-1"
                 [checked]="isSelectedOption(getSelectedCcLicense(), field, option)">
-              <span>{{ option.label }}</span>
+              <span>{{ option.label | translate }}</span>
             </div>
           </div>
         }
@@ -123,8 +120,7 @@ <h5>
 @if (ccLicenseLink$) {
   @let licenseLink = (ccLicenseLink$ | async);
   @if (licenseLink) {
-    <div
-      class="mt-2 p-4 bg-light text-dark">
+    <div class="mt-2 p-4 bg-light text-dark">
       <div>
         {{ 'submission.sections.ccLicense.link' | translate }}
       </div>
@@ -144,4 +140,4 @@ <h5>
   } @else {
     <ds-loading></ds-loading>
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/submission/sections/cc-license/submission-section-cc-licenses.component.scss b/src/app/submission/sections/cc-license/submission-section-cc-licenses.component.scss
index 142cd82822a..108c5b78595 100644
--- a/src/app/submission/sections/cc-license/submission-section-cc-licenses.component.scss
+++ b/src/app/submission/sections/cc-license/submission-section-cc-licenses.component.scss
@@ -3,8 +3,11 @@
 }
 
 .ccLicense-select {
-  width: fit-content;
-}
+    width: 400px;
+    ngb-dropdown, .input-group, input.form-control {
+      width: 100%;
+    }
+  }
 
 .scrollable-menu {
   height: auto;
diff --git a/src/assets/i18n/en.json5 b/src/assets/i18n/en.json5
index 727a755a6db..cf7f7af6e46 100644
--- a/src/assets/i18n/en.json5
+++ b/src/assets/i18n/en.json5
@@ -7889,4 +7889,28 @@
   "bitstream.related.isReplacedBy": "Is replaced by",
 
   "bitstream.related.deleted": "deleted",
+
+  "cc-license.commercial.label": "Allow modifications of your work?",
+  "cc-license.commercial.hint": "Choose whether others may use your work for commercial purposes.",
+
+  "cc-license.commercial.option.yes.label": "Yes",
+  "cc-license.commercial.option.yes.hint": "Visitors may copy, distribute, display and perform your Submission for any purpose, including commercial purposes.",
+
+  "cc-license.commercial.option.no.label": "No",
+  "cc-license.commercial.option.no.hint": "Visitors may copy, distribute, display and perform your Submission, but only for non-commercial purposes.",
+
+  "cc-license.derivatives.label": "Allow modifications of your work?",
+  "cc-license.derivatives.hint": "Choose whether others may create derivative works based on your Submission.",
+
+  "cc-license.derivatives.option.yes.label": "Yes",
+  "cc-license.derivatives.option.yes.hint": "Visitors may copy, distribute, display, perform and modify your Submission in any way.",
+
+  "cc-license.derivatives.option.sharealike.label": "ShareAlike",
+  "cc-license.derivatives.option.sharealike.hint": "Visitors are permitted to copy, display, perform and modify your Submission, as long as they distribute the modified version on similar use terms.",
+
+  "cc-license.derivatives.option.no.label": "No",
+  "cc-license.derivatives.option.no.hint": "Visitors are only permitted to copy and distribute unaltered versions of your Submission.",
+
+  "cc-license.jurisdiction.label": "Jurisdiction",
+  "cc-license.jurisdiction.hint": "Select the legal jurisdiction for your Creative Commons license, or leave as the default international license.",
 }