fix: uX improvements regarding transition to Angular 15

CESNET · Mar 8, 2023 · fadc5fd · fadc5fd
1 parent 22586d4
commit fadc5fd
Show file tree

Hide file tree

Showing 11 changed files with 18 additions and 22 deletions.
diff --git a/apps/admin-gui/src/_styles.scss b/apps/admin-gui/src/_styles.scss
@@ -1628,7 +1628,7 @@ table .mdc-text-field {
   margin-top: 0 !important;
 }
 table .mat-mdc-form-field-infix {
-  height: 35px !important;
+  min-height: 35px !important;
   padding-top: 7px !important;
   padding-bottom: 0 !important;
 }

diff --git a/.../facilities/pages/facility-detail-page/facility-resources/facility-resources.component.ts b/.../facilities/pages/facility-detail-page/facility-resources/facility-resources.component.ts
@@ -58,6 +58,7 @@ export class FacilityResourcesComponent implements OnInit, AfterViewInit {
     this.setAuthRights();
     this.servicesManager.getAssignedServices(this.facility.id).subscribe((services) => {
       this.services = [this.emptyService].concat(services);
+      this.refreshTable();
     });
     this.loadResourcesForFacility();
   }

diff --git a/...components/dialogs/edit-member-sponsors-dialog/edit-member-sponsors-dialog.component.html b/...components/dialogs/edit-member-sponsors-dialog/edit-member-sponsors-dialog.component.html
@@ -22,7 +22,7 @@ <h1 mat-dialog-title>{{'DIALOGS.EDIT_MEMBER_SPONSORS.TITLE' | translate}}</h1>
           <th *matHeaderCellDef mat-header-cell>
             {{'DIALOGS.EDIT_MEMBER_SPONSORS.TABLE_EXPIRATION' | translate}}
           </th>
-          <td *matCellDef="let sponsor" mat-cell>
+          <td *matCellDef="let sponsor" class="align-elements" mat-cell>
             <span>{{parseDate(sponsor.validityTo)}}</span>
             <button
               *ngIf="isExpirationAuthorized(sponsor)"

diff --git a/...dmin-gui/src/app/shared/components/resources-tags-list/resources-tags-list.component.html b/...dmin-gui/src/app/shared/components/resources-tags-list/resources-tags-list.component.html
@@ -54,9 +54,11 @@
             {{tag.tagName}}
           </div>
           <div *ngIf="isChanging.isSelected(tag)">
-            <mat-form-field>
-              <mat-label>{{'VO_DETAIL.RESOURCES.TAGS.CHANGE_TAG_NAME' | translate}}</mat-label>
-              <input [(ngModel)]="tag.tagName" matInput />
+            <mat-form-field subscriptSizing="dynamic">
+              <input
+                [(ngModel)]="tag.tagName"
+                matInput
+                placeholder="{{'VO_DETAIL.RESOURCES.TAGS.CHANGE_TAG_NAME' | translate}}" />
             </mat-form-field>
           </div>
         </td>

diff --git a/apps/admin-gui/src/app/vos/components/expiration-settings/expiration-settings.component.html b/apps/admin-gui/src/app/vos/components/expiration-settings/expiration-settings.component.html
@@ -207,7 +207,7 @@
   </div>
 
   <div
-    class="ms-auto"
+    class="ms-auto mt-2"
     [matTooltipDisabled]="expirationAttribute.writable"
     [matTooltipPosition]="'above'"
     matTooltip="{{'VO_MANAGEMENT.SETTINGS.EXPIRATION.PERMISSION_DENIED_HINT' | translate}}">

diff --git a/.../admin-gui/src/app/vos/pages/group-detail-page/group-members/group-members.component.scss b/.../admin-gui/src/app/vos/pages/group-detail-page/group-members/group-members.component.scss
@@ -2,12 +2,6 @@
   width: 325px;
 }
 
-.align-elements {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-}
-
 .fix-select {
   margin-top: 8px;
 }
diff --git a/apps/admin-gui/src/app/vos/pages/vo-detail-page/vo-members/vo-members.component.scss b/apps/admin-gui/src/app/vos/pages/vo-detail-page/vo-members/vo-members.component.scss
@@ -2,12 +2,6 @@
   width: 325px;
 }
 
-.align-elements {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-}
-
 .fix-select {
   margin-top: 8px;
 }
diff --git a/apps/admin-gui/src/assets/i18n/en.json b/apps/admin-gui/src/assets/i18n/en.json
@@ -2084,8 +2084,8 @@
       "TITLE": "Edit sponsors of sponsored member",
       "EXPIRATION": "Sponsorship expiration",
       "TABLE_ID": "Id",
-      "TABLE_NAME": "name",
-      "TABLE_EXPIRATION": "expiration",
+      "TABLE_NAME": "Name",
+      "TABLE_EXPIRATION": "Expiration",
       "CANCEL": "Close",
       "SUBMIT": "Submit",
       "REMOVE_SPONSOR_DISABLED": "You are not authorized to remove sponsor",

diff --git a/.../attributes-list/attribute-value/attribute-value-list/attribute-value-list.component.scss b/.../attributes-list/attribute-value/attribute-value-list/attribute-value-list.component.scss
@@ -55,5 +55,4 @@
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 400px;
-  cursor: default;
 }
diff --git a/libs/perun/dialogs/src/lib/change-expiration-dialog/change-expiration-dialog.component.html b/libs/perun/dialogs/src/lib/change-expiration-dialog/change-expiration-dialog.component.html
@@ -42,7 +42,9 @@
         {{'DIALOGS.CHANGE_EXPIRATION.GROUP_RULES'|translate}}
       </mat-radio-button>
       <mat-radio-button value="never">
-        {{'DIALOGS.CHANGE_EXPIRATION.EXPIRATION_NEVER'|translate}}
+        <span class="cursor-pointer">
+          {{'DIALOGS.CHANGE_EXPIRATION.EXPIRATION_NEVER'|translate}}
+        </span>
       </mat-radio-button>
     </mat-radio-group>
     <perun-web-apps-alert

diff --git a/libs/perun/dialogs/src/lib/change-expiration-dialog/change-expiration-dialog.component.scss b/libs/perun/dialogs/src/lib/change-expiration-dialog/change-expiration-dialog.component.scss
@@ -6,3 +6,7 @@
 .bottom-padding {
   padding-bottom: 20px;
 }
+
+.cursor-pointer {
+  cursor: pointer;
+}