Merge pull request #379 from spderosso/theming

Theming
deja-vu-platform · Nov 4, 2019 · e32c879 · e32c879
2 parents d43f6ce + 4a55184
commit e32c879
Show file tree

Hide file tree

Showing 82 changed files with 697 additions and 398 deletions.
diff --git a/...es/catalog/allocator/src/app/allocator/create-allocation/create-allocation.component.html b/...es/catalog/allocator/src/app/allocator/create-allocation/create-allocation.component.html
@@ -1,6 +1,8 @@
 <form (ngSubmit)="onSubmit()" class="form-horizontal">
   <!-- TODO add the other fields -->
   <div class="form-group">
-    <button mat-button type="submit">{{buttonLabel}}</button>
+    <div class="dv-mat-button">
+      <button mat-button type="submit">{{buttonLabel}}</button>
+    </div>
   </div>
 </form>
diff --git a/packages/catalog/allocator/src/app/allocator/delete-resource/delete-resource.component.html b/packages/catalog/allocator/src/app/allocator/delete-resource/delete-resource.component.html
@@ -1,5 +1,7 @@
 <div class="form-group">
-  <button mat-button (click)="deleteResource()">
-    <i class="material-icons">delete</i>
-  </button>
+  <div class="dv-mat-button">
+    <button mat-button (click)="deleteResource()">
+      <i class="material-icons">delete</i>
+    </button>
+  </div>
 </div>
diff --git a/packages/catalog/allocator/src/app/allocator/edit-consumer/edit-consumer.component.html b/packages/catalog/allocator/src/app/allocator/edit-consumer/edit-consumer.component.html
@@ -18,8 +18,10 @@
     </mat-form-field>
   </div>
   <div class="form-group">
-    <button mat-button [disabled]="!editConsumerForm.valid" type="submit">
-      {{buttonLabel}}
-    </button>
+    <div class="dv-mat-button">
+      <button mat-button [disabled]="!editConsumerForm.valid" type="submit">
+        {{buttonLabel}}
+      </button>
+    </div>
   </div>
 </form>
diff --git a/...alog/authentication/src/app/authentication/change-password/change-password.component.html b/...alog/authentication/src/app/authentication/change-password/change-password.component.html
@@ -1,4 +1,4 @@
-<form (ngSubmit)="onSubmit()" [formGroup]="changePasswordForm" 
+<form (ngSubmit)="onSubmit()" [formGroup]="changePasswordForm"
   class="form-horizontal">
   <div class="form-group">
     <div *ngIf="newPasswordSaved">
@@ -14,7 +14,7 @@
   <div class="form-group">
     <mat-form-field>
       <mat-label>{{oldPasswordLabel}}</mat-label>
-      <input matInput required type="password" 
+      <input matInput required type="password"
       formControlName="oldPasswordControl">
     </mat-form-field>
     <div *ngIf="oldPasswordControl.invalid && oldPasswordControl.touched">
@@ -27,7 +27,7 @@
   <div class="form-group">
     <mat-form-field>
       <mat-label>{{passwordLabel}}</mat-label>
-      <input matInput required type="password" 
+      <input matInput required type="password"
       formControlName="passwordControl">
     </mat-form-field>
     <div *ngIf="passwordControl.invalid && passwordControl.touched">
@@ -41,7 +41,7 @@
         </strong>.
       </mat-error>
       <mat-error *ngIf="passwordControl.hasError('incorrectPattern')">
-        Passwords must contain 
+        Passwords must contain
         <strong>
           {{passwordControl.errors.incorrectPattern}}
         </strong>.
@@ -51,7 +51,7 @@
   <div class="form-group">
     <mat-form-field>
       <mat-label>{{retypePasswordLabel}}</mat-label>
-      <input matInput required type="password" 
+      <input matInput required type="password"
       formControlName="retypePasswordControl">
     </mat-form-field>
     <div *ngIf="retypePasswordControl.invalid && retypePasswordControl.touched">
@@ -65,8 +65,10 @@
   </div>
 
   <div class="form-group">
-    <button mat-button type="submit" [disabled]="!changePasswordForm.valid">
-      {{buttonLabel}}
-    </button>
+    <div class="dv-mat-button">
+      <button mat-button type="submit" [disabled]="!changePasswordForm.valid">
+        {{buttonLabel}}
+      </button>
+    </div>
   </div>
-</form>
+</form>
diff --git a/.../catalog/authentication/src/app/authentication/register-user/register-user.component.html b/.../catalog/authentication/src/app/authentication/register-user/register-user.component.html
@@ -77,8 +77,10 @@
   </div>
 
   <div *ngIf="showOptionToSubmit" class="form-group">
-    <button mat-button type="submit" [disabled]="!registerForm.valid">
-      {{buttonLabel}}
-    </button>
+    <div class="dv-mat-button">
+      <button mat-button type="submit" [disabled]="!registerForm.valid">
+        {{buttonLabel}}
+      </button>
+    </div>
   </div>
 </form>
diff --git a/packages/catalog/authentication/src/app/authentication/sign-in/sign-in.component.html b/packages/catalog/authentication/src/app/authentication/sign-in/sign-in.component.html
@@ -40,8 +40,10 @@
   </div>
 
   <div class="form-group">
-    <button mat-button type="submit" [disabled]="!signInForm.valid">
-      {{buttonLabel}}
-    </button>
+    <div class="dv-mat-button">
+      <button mat-button type="submit" [disabled]="!signInForm.valid">
+        {{buttonLabel}}
+      </button>
+    </div>
   </div>
 </form>
diff --git a/packages/catalog/authentication/src/app/authentication/sign-out/sign-out.component.html b/packages/catalog/authentication/src/app/authentication/sign-out/sign-out.component.html
@@ -1 +1,3 @@
-<button mat-button (click)="signOut()">{{buttonLabel}}</button>
+<div class="dv-mat-button">
+  <button mat-button (click)="signOut()">{{buttonLabel}}</button>
+</div>
diff --git a/...og/authorization/src/app/authorization/add-remove-viewer/add-remove-viewer.component.html b/...og/authorization/src/app/authorization/add-remove-viewer/add-remove-viewer.component.html
@@ -1,4 +1,6 @@
 <div *ngIf="resource || resourceId">
-  <button mat-button *ngIf="!canViewResource" (click)="addViewer()">Add Viewer</button>
-  <button mat-button *ngIf="canViewResource" (click)="removeViewer()">Remove Viewer</button>
+  <div class="dv-mat-button">
+    <button mat-button *ngIf="!canViewResource" (click)="addViewer()">Add Viewer</button>
+    <button mat-button *ngIf="canViewResource" (click)="removeViewer()">Remove Viewer</button>
+  </div>
 </div>
diff --git a/packages/catalog/authorization/src/app/authorization/add-viewer/add-viewer.component.html b/packages/catalog/authorization/src/app/authorization/add-viewer/add-viewer.component.html
@@ -22,6 +22,8 @@
     </mat-form-field>
   </div>
   <div class="form-group add-viewer-form-group">
-    <button mat-button type="submit">{{buttonLabel}}</button>
+    <div class="dv-mat-button">
+      <button mat-button type="submit">{{buttonLabel}}</button>
+    </div>
   </div>
 </form>
diff --git a/...atalog/authorization/src/app/authorization/create-resource/create-resource.component.html b/...atalog/authorization/src/app/authorization/create-resource/create-resource.component.html
@@ -28,6 +28,8 @@
     </mat-form-field>
   </div>
   <div class="form-group create-resource-form-group">
-    <button mat-button type="submit">{{buttonLabel}}</button>
+    <div class="dv-mat-button">
+      <button mat-button type="submit">{{buttonLabel}}</button>
+    </div>
   </div>
-</form>
+</form>
diff --git a/...atalog/authorization/src/app/authorization/delete-resource/delete-resource.component.html b/...atalog/authorization/src/app/authorization/delete-resource/delete-resource.component.html
@@ -1,3 +1,5 @@
-<button mat-button (click)="deleteResource()">
-  <i class="material-icons">delete</i>
-</button>
+<div class="dv-mat-button">
+  <button mat-button (click)="deleteResource()">
+    <i class="material-icons">delete</i>
+  </button>
+</div>
diff --git a/...es/catalog/authorization/src/app/authorization/remove-viewer/remove-viewer.component.html b/...es/catalog/authorization/src/app/authorization/remove-viewer/remove-viewer.component.html
@@ -22,6 +22,8 @@
     </mat-form-field>
   </div>
   <div class="form-group remove-viewer-form-group">
-    <button mat-button type="submit">{{buttonLabel}}</button>
+    <div class="dv-mat-button">
+      <button mat-button type="submit">{{buttonLabel}}</button>
+    </div>
   </div>
 </form>
diff --git a/packages/catalog/chat/src/app/chat/create-message/create-message.component.html b/packages/catalog/chat/src/app/chat/create-message/create-message.component.html
@@ -24,8 +24,10 @@
     </div>
   </div>
   <div *ngIf="showOptionToSubmit" class="form-group">
-    <button mat-button type="submit" [disabled]="!createMessageForm.valid">
-      {{buttonLabel}}
-    </button>
+    <div class="dv-mat-button">
+      <button mat-button type="submit" [disabled]="!createMessageForm.valid">
+        {{buttonLabel}}
+      </button>
+    </div>
   </div>
 </form>
diff --git a/packages/catalog/chat/src/app/chat/delete-message/delete-message.component.html b/packages/catalog/chat/src/app/chat/delete-message/delete-message.component.html
@@ -1,3 +1,5 @@
-<button mat-button (click)="deleteMessage()">
-  <i class="material-icons">delete</i>
-</button>
+<div class="dv-mat-button">
+  <button mat-button (click)="deleteMessage()">
+    <i class="material-icons">delete</i>
+  </button>
+</div>
diff --git a/packages/catalog/comment/src/app/comment/create-comment/create-comment.component.html b/packages/catalog/comment/src/app/comment/create-comment/create-comment.component.html
@@ -23,8 +23,10 @@
     </div>
   </div>
   <div *ngIf="showOptionToSubmit" class="form-group">
-    <button mat-button type="submit" [disabled]="!createCommentForm.valid">
-      {{buttonLabel}}
-    </button>
+    <div class="dv-mat-button">
+      <button mat-button type="submit" [disabled]="!createCommentForm.valid">
+        {{buttonLabel}}
+      </button>
+    </div>
   </div>
 </form>
diff --git a/packages/catalog/comment/src/app/comment/delete-comment/delete-comment.component.html b/packages/catalog/comment/src/app/comment/delete-comment/delete-comment.component.html
@@ -1,3 +1,5 @@
-<button mat-button (click)="deleteComment()">
-  <i class="material-icons">delete</i>
-</button>
+<div class="dv-mat-button">
+  <button mat-button (click)="deleteComment()">
+    <i class="material-icons">delete</i>
+  </button>
+</div>
diff --git a/packages/catalog/comment/src/app/comment/edit-comment/edit-comment.component.html b/packages/catalog/comment/src/app/comment/edit-comment/edit-comment.component.html
@@ -1,40 +1,46 @@
 <div class="container">
+  <div class="dv-mat-button">
     <button mat-button (click)="startEditing()" type="submit" *ngIf="!isEditing&&collapsible">
       {{startEditButtonLabel}}
     </button>
-    <form (ngSubmit)="onSubmit()" [formGroup]="editCommentForm"
-    class="form-horizontal" *ngIf="isEditing||!collapsible">
-      <div class="form-group">
-        <div *ngIf="editCommentSaved" class="edit-comment-success">
-          <i class="material-icons">done</i>
-          {{editCommentSavedText}}
-        </div>
-        <mat-error *ngIf="editCommentError">
-          <i class="material-icons">report_problem</i>
-          {{editCommentError}}
-        </mat-error>
+  </div>
+  <form (ngSubmit)="onSubmit()" [formGroup]="editCommentForm"
+  class="form-horizontal" *ngIf="isEditing||!collapsible">
+    <div class="form-group">
+      <div *ngIf="editCommentSaved" class="edit-comment-success">
+        <i class="material-icons">done</i>
+        {{editCommentSavedText}}
       </div>
-      <div class="form-group">
-        <mat-form-field>
-          <mat-label>{{inputLabel}}</mat-label>
-          <textarea matInput required formControlName="contentControl">
-          </textarea>
-        </mat-form-field>
-        <div *ngIf="contentControl.invalid && contentControl.touched">
-          <mat-error *ngIf="contentControl.hasError('required')">
-            This field is <strong>required</strong>.
-          </mat-error>
-        </div>
+      <mat-error *ngIf="editCommentError">
+        <i class="material-icons">report_problem</i>
+        {{editCommentError}}
+      </mat-error>
+    </div>
+    <div class="form-group">
+      <mat-form-field>
+        <mat-label>{{inputLabel}}</mat-label>
+        <textarea matInput required formControlName="contentControl">
+        </textarea>
+      </mat-form-field>
+      <div *ngIf="contentControl.invalid && contentControl.touched">
+        <mat-error *ngIf="contentControl.hasError('required')">
+          This field is <strong>required</strong>.
+        </mat-error>
       </div>
-      <div class="form-group">
+    </div>
+    <div class="form-group">
+      <div class="dv-mat-button">
         <button mat-button type="submit" [disabled]="!editCommentForm.valid">
           {{buttonLabel}}
         </button>
       </div>
-      <div *ngIf="collapsible" class="form-group">
+    </div>
+    <div *ngIf="collapsible" class="form-group">
+      <div class="dv-mat-button">
         <button mat-button (click)="stopEditing()" type="button">
           {{stopEditButtonLabel}}
         </button>
       </div>
-    </form>
+    </div>
+  </form>
 </div>
diff --git a/packages/catalog/event/src/app/event/create-event/create-event.component.html b/packages/catalog/event/src/app/event/create-event/create-event.component.html
@@ -60,9 +60,10 @@
     </mat-form-field>
   </div>
   <div *ngIf="showOptionToSubmit" class="form-group">
-    <button mat-button type="submit"
-      [disabled]="!createEventForm.valid">
+    <div class="dv-mat-button">
+      <button mat-button type="submit" [disabled]="!createEventForm.valid">
         {{buttonLabel}}
-    </button>
+      </button>
+    </div>
   </div>
 </form>
diff --git a/...ages/catalog/event/src/app/event/create-weekly-series/create-weekly-series.component.html b/...ages/catalog/event/src/app/event/create-weekly-series/create-weekly-series.component.html
@@ -61,9 +61,11 @@
     </mat-form-field>
   </div>
   <div *ngIf="showOptionToSubmit" class="form-group">
-    <button mat-button type="submit"
-      [disabled]="!createWeeklySeriesForm.valid">
-        {{buttonLabel}}
-    </button>
+    <div class="dv-mat-button">
+      <button mat-button type="submit"
+        [disabled]="!createWeeklySeriesForm.valid">
+          {{buttonLabel}}
+      </button>
+    </div>
   </div>
 </form>
diff --git a/packages/catalog/event/src/app/event/delete-event/delete-event.component.html b/packages/catalog/event/src/app/event/delete-event/delete-event.component.html
@@ -1,3 +1,5 @@
-<button mat-button (click)="deleteEvent()">
-  <i class="material-icons">delete</i>
-</button>
+<div class="dv-mat-button">
+  <button mat-button (click)="deleteEvent()">
+    <i class="material-icons">delete</i>
+  </button>
+</div>
diff --git a/packages/catalog/follow/src/app/follow/create-message/create-message.component.html b/packages/catalog/follow/src/app/follow/create-message/create-message.component.html
@@ -23,8 +23,10 @@
     </div>
   </div>
   <div *ngIf="showOptionToSubmit" class="form-group">
-    <button mat-button type="submit" [disabled]="!createMessageForm.valid">
-      {{buttonLabel}}
-    </button>
+    <div class="dv-mat-button">
+      <button mat-button type="submit" [disabled]="!createMessageForm.valid">
+        {{buttonLabel}}
+      </button>
+    </div>
   </div>
 </form>
diff --git a/packages/catalog/follow/src/app/follow/create-publisher/create-publisher.component.html b/packages/catalog/follow/src/app/follow/create-publisher/create-publisher.component.html
@@ -15,7 +15,9 @@
       <input matInput [(ngModel)]="id" name="id">
     </mat-form-field>
   </div>
-  <div *ngIf="showOptionToSubmit" class="form-group">
-    <button mat-button type="submit">{{buttonLabel}}</button>
+  <div class="dv-mat-button">
+    <div *ngIf="showOptionToSubmit" class="form-group">
+      <button mat-button type="submit">{{buttonLabel}}</button>
+    </div>
   </div>
-</form>
+</form>
diff --git a/packages/catalog/follow/src/app/follow/edit-message/edit-message.component.html b/packages/catalog/follow/src/app/follow/edit-message/edit-message.component.html
@@ -2,7 +2,7 @@
   <button mat-button (click)="startEditing()" type="submit" *ngIf="!isEditing">
     {{startEditButtonLabel}}
   </button>
-  <form (ngSubmit)="onSubmit()" [formGroup]="editMessageForm" 
+  <form (ngSubmit)="onSubmit()" [formGroup]="editMessageForm"
     class="form-horizontal" *ngIf="isEditing">
     <div class="form-group">
       <div *ngIf="editMessageSaved" class="edit-message-success">
@@ -33,9 +33,11 @@
       </button>
     </div>
     <div class="form-group">
-      <button mat-button (click)="stopEditing()" type="button">
-        {{stopEditButtonLabel}}
-      </button>
+      <div class="dv-mat-button">
+        <button mat-button (click)="stopEditing()" type="button">
+          {{stopEditButtonLabel}}
+        </button>
+      </div>
     </div>
   </form>
-</div>
+</div>