style(Preview Button): Change mat-icon value to preview (#1491)

WISE-Community · Oct 26, 2023 · 1335466 · 1335466
1 parent 8ce19f4
commit 1335466
Show file tree

Hide file tree

Showing 12 changed files with 45 additions and 70 deletions.
diff --git a/src/app/authoring-tool/import-step/choose-import-step/choose-import-step.component.html b/src/app/authoring-tool/import-step/choose-import-step/choose-import-step.component.html
@@ -9,7 +9,7 @@ <h5 i18n>Choose the step(s) that you want to import, then select Next.</h5>
     i18n-matTooltip
     matTooltipPosition="above"
   >
-    <mat-icon>visibility</mat-icon>
+    <mat-icon>preview</mat-icon>
   </button>
 </p>
 <div
@@ -37,7 +37,7 @@ <h6 *ngIf="item.order != 0 && item.node.type == 'group'">
       i18n-matTooltip
       matTooltipPosition="above"
     >
-      <mat-icon>visibility</mat-icon>
+      <mat-icon>preview</mat-icon>
     </button>
   </div>
 </div>

diff --git a/src/app/modules/library/library-project-details/library-project-details.component.html b/src/app/modules/library/library-project-details/library-project-details.component.html
@@ -140,6 +140,6 @@
     >
   </button>
   <button mat-flat-button color="primary" (click)="previewProject()">
-    <mat-icon>visibility</mat-icon>&nbsp;<ng-container i18n>Preview</ng-container>
+    <mat-icon>preview</mat-icon>&nbsp;<ng-container i18n>Preview</ng-container>
   </button>
 </div>
diff --git a/src/app/student/student-run-list-item/student-run-list-item.component.html b/src/app/student/student-run-list-item/student-run-list-item.component.html
@@ -64,7 +64,7 @@
       <mat-icon>play_circle_filled</mat-icon>&nbsp;<ng-container i18n>Launch</ng-container>
     </button>
     <button mat-flat-button *ngIf="isRunCompleted(run)" (click)="reviewRun()" color="primary">
-      <mat-icon>visibility</mat-icon>&nbsp;<ng-container i18n>Review Work</ng-container>
+      <mat-icon>preview</mat-icon>&nbsp;<ng-container i18n>Review Work</ng-container>
     </button>
   </mat-card-actions>
 </mat-card>
diff --git a/src/app/teacher/run-menu/run-menu.component.html b/src/app/teacher/run-menu/run-menu.component.html
@@ -10,7 +10,7 @@
       <span i18n>Edit Settings</span>
     </a>
     <a mat-menu-item href="{{ run.project.uri }}" target="_blank">
-      <mat-icon>tv</mat-icon>
+      <mat-icon>preview</mat-icon>
       <span i18n>Preview</span>
     </a>
     <a mat-menu-item (click)="showUnitDetails()">

diff --git a/...horingTool/addNode/choose-automated-assessment/choose-automated-assessment.component.html b/...horingTool/addNode/choose-automated-assessment/choose-automated-assessment.component.html
@@ -23,13 +23,11 @@ <h6 i18n>Choose an assessment item:</h6>
         mat-raised-button
         color="primary"
         (click)="previewNode(item.node)"
-        aria-label="Preview Step"
-        i18n-aria-label
         matTooltip="Preview Step"
         matTooltipPosition="above"
         i18n-matTooltip
       >
-        <mat-icon>visibility</mat-icon>
+        <mat-icon>preview</mat-icon>
       </button>
     </div>
   </div>

diff --git a/...authoringTool/components/preview-component-button/preview-component-button.component.html b/...authoringTool/components/preview-component-button/preview-component-button.component.html
@@ -6,5 +6,5 @@
   i18n-matTooltip
   (click)="popUpComponentPreview($event)"
 >
-  <mat-icon>visibility</mat-icon>
+  <mat-icon>preview</mat-icon>
 </button>
diff --git a/src/assets/wise5/authoringTool/components/top-bar/top-bar.component.html b/src/assets/wise5/authoringTool/components/top-bar/top-bar.component.html
@@ -18,9 +18,6 @@ <h3 fxLayout="row" fxLayoutAlign="start center" class="title-header">
       >
         <mat-icon>info</mat-icon>
       </button>
-      <button mat-icon-button matTooltip="Preview Unit" i18n-matTooltip (click)="previewProject()">
-        <mat-icon>visibility</mat-icon>
-      </button>
       <button
         mat-icon-button
         *ngIf="runId"
@@ -31,6 +28,9 @@ <h3 fxLayout="row" fxLayoutAlign="start center" class="title-header">
       >
         <mat-icon mat-menu-origin>assignment_turned_in</mat-icon>
       </button>
+      <button mat-icon-button matTooltip="Preview Unit" i18n-matTooltip (click)="previewProject()">
+        <mat-icon>preview</mat-icon>
+      </button>
     </span>
   </h3>
   <span fxFlex></span>

diff --git a/...horingTool/importComponent/choose-import-component/choose-import-component.component.html b/...horingTool/importComponent/choose-import-component/choose-import-component.component.html
@@ -63,7 +63,7 @@ <h4>{{ importProject.metadata.title }}</h4>
       matTooltipPosition="above"
       i18n-matTooltip
     >
-      <mat-icon>visibility</mat-icon>
+      <mat-icon>preview</mat-icon>
     </button>
   </div>
   <div
@@ -82,13 +82,11 @@ <h6 *ngIf="importItem.order !== 0">
         color="primary"
         *ngIf="importItem.node.type !== 'group'"
         (click)="previewImportNode(importItem.node)"
-        aria-label="Preview Step"
-        i18n-aria-label
         matTooltip="Preview Step"
         matTooltipPosition="above"
         i18n-matTooltip
       >
-        <mat-icon>visibility</mat-icon>
+        <mat-icon>preview</mat-icon>
       </button>
     </div>
     <div
@@ -107,13 +105,11 @@ <h6 *ngIf="importItem.order !== 0">
             color="primary"
             *ngIf="importItem.node.type !== 'group'"
             (click)="previewImportNode(importItem.node)"
-            aria-label="Preview Component"
-            i18n-aria-label
             matTooltip="Preview Component"
             matTooltipPosition="above"
             i18n-matTooltip
           >
-            <mat-icon>visibility</mat-icon>
+            <mat-icon>preview</mat-icon>
           </button>
         </div>
       </div>

diff --git a/src/assets/wise5/authoringTool/node/node-authoring/node-authoring.component.html b/src/assets/wise5/authoringTool/node/node-authoring/node-authoring.component.html
@@ -28,14 +28,13 @@
         *ngIf="!isGroupNode"
         mat-raised-button
         color="primary"
-        class="top-button"
         (click)="previewStepInNewWindow()"
         [disabled]="showEditTransitions"
         matTooltip="Preview Step"
         matTooltipPosition="above"
         i18n-matTooltip
       >
-        <mat-icon>visibility</mat-icon>
+        <mat-icon>preview</mat-icon>
       </button>
     </div>
     <span fxFlex></span>

diff --git a/src/assets/wise5/authoringTool/project-list/project-list.component.html b/src/assets/wise5/authoringTool/project-list/project-list.component.html
@@ -34,7 +34,7 @@
             matTooltipPosition="left"
             i18n-matTooltip
           >
-            <mat-icon>pageview</mat-icon>
+            <mat-icon>preview</mat-icon>
           </span>
           <span
             (click)="copyProject(project.id)"

diff --git a/...s/wise5/classroomMonitor/classroomMonitorComponents/shared/top-bar/top-bar.component.html b/...s/wise5/classroomMonitor/classroomMonitorComponents/shared/top-bar/top-bar.component.html
@@ -33,13 +33,11 @@ <h3 fxLayout="row" fxLayoutAlign="start center" class="title-header">
     <button
       mat-icon-button
       fxHide.xs
-      aria-label="Preview Unit"
-      i18n-aria-label
       (click)="previewProject()"
       matTooltip="Preview Unit"
       i18n-matTooltip
     >
-      <mat-icon mat-menu-origin>visibility</mat-icon>
+      <mat-icon mat-menu-origin>preview</mat-icon>
     </button>
   </h3>
   <span fxFlex></span>