chore(): rename md-input-container to md-form-field and its classes

Teradata · Aug 31, 2017 · ce77bfd · ce77bfd
1 parent 5780da4
commit ce77bfd
Show file tree

Hide file tree

Showing 21 changed files with 122 additions and 122 deletions.
diff --git a/src/app/components/components/directives/directives.component.html b/src/app/components/components/directives/directives.component.html
@@ -36,16 +36,16 @@ <h3>Setup:</h3>
     <p class="md-body-1">Use <code>tdAutoTrim</code> on an input to automatically trim the characters.</p>
     <p>Try entering white spaces before or after a word this input:</p>
     <div layout="row">
-      <md-input-container flex>
+      <md-form-field flex>
         <input mdInput tdAutoTrim [(ngModel)]="trim" placeholder="This will be autotrimmed"/>
-      </md-input-container>
+      </md-form-field>
     </div>
     <p>Usage:</p>
     <td-highlight lang="html">
         <![CDATA[
-          <md-input-container>
+          <md-form-field>
             <input mdInput tdAutoTrim [(ngModel)]="trim" placeholder="This will be autotrimmed"/>
-          </md-input-container>
+          </md-form-field>
         ]]>
     </td-highlight>
   </md-card-content>

diff --git a/src/app/components/components/dynamic-forms/dynamic-forms.component.html b/src/app/components/components/dynamic-forms/dynamic-forms.component.html
@@ -69,37 +69,37 @@ <h4>Form elements</h4>
           <md-divider></md-divider>
           <div class="pad" layout="column">
             <div layout="row">
-              <md-input-container class="pad-right-xs" flex>
+              <md-form-field class="pad-right-xs" flex>
                 <input mdInput
                       placeholder="Label"
                       [(ngModel)]="model.label"
                       name="label">
-              </md-input-container>
-              <md-input-container flex="30">
+              </md-form-field>
+              <md-form-field flex="30">
                 <input mdInput
                       type="number"
                       min="0"
                       max="100"
                       placeholder="Flex (width in %)"
                       [(ngModel)]="model.flex"
                       name="flex">
-              </md-input-container>
+              </md-form-field>
             </div>
             <div *ngIf="isMinMaxSupported(model.type)" layout="row">
-              <md-input-container class="pad-right-xs" flex>
+              <md-form-field class="pad-right-xs" flex>
                 <input mdInput
                       type="number"
                       placeholder="Min"
                       [(ngModel)]="model.min"
                       name="min">
-              </md-input-container>
-              <md-input-container flex="50">
+              </md-form-field>
+              <md-form-field flex="50">
                 <input mdInput
                       type="number"
                       placeholder="Max"
                       [(ngModel)]="model.max"
                       name="max">
-              </md-input-container>
+              </md-form-field>
             </div>
             <div layout="row">
               <md-slide-toggle [(ngModel)]="model.required" name="required">Required</md-slide-toggle>

diff --git a/src/app/components/components/expansion-panel/expansion-panel.component.html b/src/app/components/components/expansion-panel/expansion-panel.component.html
@@ -155,14 +155,14 @@ <h4 mdLine>Headquarters</h4>
         </td-expansion-summary>
         <form class="md-padding">
           <div layout="row">
-            <md-input-container flex>
+            <md-form-field flex>
               <input mdInput placeholder="Company (disabled)" disabled value="Google"/>
-            </md-input-container>
+            </md-form-field>
           </div>
           <div layout="row">
-            <md-input-container flex>
+            <md-form-field flex>
               <textarea mdInput placeholder="Description" rows="4"></textarea>
-            </md-input-container>
+            </md-form-field>
           </div>
         </form>
         <md-divider></md-divider>
@@ -200,14 +200,14 @@ <h4 mdLine>Headquarters</h4>
               </td-expansion-summary>
               <form class="md-padding">
                 <div layout="row">
-                  <md-input-container flex>
+                  <md-form-field flex>
                     <input mdInput placeholder="Company (disabled)" disabled value="Google"/>
-                  </md-input-container>
+                  </md-form-field>
                 </div>
                 <div layout="row">
-                  <md-input-container flex>
+                  <md-form-field flex>
                     <textarea mdInput placeholder="Description" rows="4"></textarea>
-                  </md-input-container>
+                  </md-form-field>
                 </div>
               </form>
               <md-divider></md-divider>

diff --git a/src/app/components/components/file-input/file-input.component.html b/src/app/components/components/file-input/file-input.component.html
@@ -7,7 +7,7 @@
       <ng-template mdTabLabel>Demo</ng-template>
       <md-card-content>
         <div layout="row">
-          <md-input-container tdFileDrop
+          <md-form-field tdFileDrop
                               [disabled]="disabled"
                               (fileDrop)="files = $event"
                               (click)="fileInput.inputElement.click()"
@@ -20,7 +20,7 @@
                    [value]="files?.length ? (files?.length + ' files') : files?.name"
                    [disabled]="disabled"
                    readonly/>
-          </md-input-container>
+          </md-form-field>
           <button md-icon-button *ngIf="files" (click)="fileInput.clear()" (keyup.enter)="fileInput.clear()">
             <md-icon>cancel</md-icon>
           </button>
@@ -45,7 +45,7 @@
         <td-highlight lang="html">
           <![CDATA[
             <div layout="row">
-              <md-input-container tdFileDrop
+              <md-form-field tdFileDrop
                                   [disabled]="disabled"
                                   (fileDrop)="files = $event"
                                   (click)="fileInput.inputElement.click()"
@@ -58,7 +58,7 @@
                       [value]="files?.length ? (files?.length + ' files') : files?.name"
                       [disabled]="disabled"
                       readonly/>
-              </md-input-container>
+              </md-form-field>
               <button md-icon-button *ngIf="files" (click)="fileInput.clear()" (keyup.enter)="fileInput.clear()">
                 <md-icon>cancel</md-icon>
               </button>

diff --git a/src/app/components/components/loading/loading.component.html b/src/app/components/components/loading/loading.component.html
@@ -10,14 +10,14 @@ <h4 class="md-subhead">with indetederminate [tdLoadingMode], circular [tdLoading
         <ng-template mdTabLabel>Demo</ng-template>
         <div *tdLoading="'overlayStarSyntax'; mode:'indeterminate'; type:'circle'; strategy:'overlay'; color:'accent'">
           <div layout="row">
-            <md-input-container flex>
+            <md-form-field flex>
               <input mdInput [(ngModel)]="overlayDemo.name" placeholder="Name"/>
-            </md-input-container>
+            </md-form-field>
           </div>
           <div layout="row">
-            <md-input-container flex>
+            <md-form-field flex>
               <textarea mdInput [(ngModel)]="overlayDemo.description" placeholder="Description" rows="4"></textarea>
-            </md-input-container>
+            </md-form-field>
           </div>
         </div>
         <div layout="row">
@@ -31,14 +31,14 @@ <h4 class="md-subhead">with indetederminate [tdLoadingMode], circular [tdLoading
           <![CDATA[
             <div *tdLoading="'overlayStarSyntax'; mode:'indeterminate'; type:'circle'; strategy:'overlay'; color:'accent'">
               <div layout="row">
-                <md-input-container flex>
+                <md-form-field flex>
                   <input mdInput [(ngModel)]="overlayDemo.name" placeholder="Name"/>
-                </md-input-container>
+                </md-form-field>
               </div>
               <div layout="row">
-                <md-input-container flex>
+                <md-form-field flex>
                   <textarea mdInput [(ngModel)]="overlayDemo.description" placeholder="Description" rows="4"></textarea>
-                </md-input-container>
+                </md-form-field>
               </div>
             </div>
             <div layout="row">
@@ -89,14 +89,14 @@ <h4 class="md-subhead">with determinate [tdLoadingMode], linear [tdLoadingType],
         <ng-template mdTabLabel>Demo</ng-template>
         <ng-template tdLoading="replaceTemplateSyntax" tdLoadingMode="determinate" tdLoadingType="linear" tdLoadingStrategy="replace" tdLoadingColor="warn">
           <div layout="row">
-            <md-input-container flex>
+            <md-form-field flex>
               <input mdInput [(ngModel)]="replaceDemo.name" placeholder="Name"/>
-            </md-input-container>
+            </md-form-field>
           </div>
           <div layout="row">
-            <md-input-container flex>
+            <md-form-field flex>
               <textarea mdInput [(ngModel)]="replaceDemo.description" placeholder="Description" rows="4"></textarea>
-            </md-input-container>
+            </md-form-field>
           </div>
         </ng-template>
         <div layout="row">
@@ -110,14 +110,14 @@ <h4 class="md-subhead">with determinate [tdLoadingMode], linear [tdLoadingType],
           <![CDATA[
             <ng-template tdLoading="replaceTemplateSyntax" tdLoadingMode="determinate" tdLoadingType="linear" tdLoadingStrategy="replace" tdLoadingColor="warn">
               <div layout="row">
-                <md-input-container flex>
+                <md-form-field flex>
                   <input mdInput [(ngModel)]="replaceDemo.name" placeholder="Name"/>
-                </md-input-container>
+                </md-form-field>
               </div>
               <div layout="row">
-                <md-input-container flex>
+                <md-form-field flex>
                   <textarea mdInput [(ngModel)]="replaceDemo.description" placeholder="Description" rows="4"></textarea>
-                </md-input-container>
+                </md-form-field>
               </div>
             </ng-template>
             <div layout="row">
@@ -237,14 +237,14 @@ <h4 class="md-subhead">with overlay [tdLoadingStrategy]</h4>
         <ng-template mdTabLabel>Demo</ng-template>
         <ng-template tdLoading [tdLoadingUntil]="!loading" tdLoadingStrategy="overlay">
           <div layout="row">
-            <md-input-container flex>
+            <md-form-field flex>
               <input mdInput [(ngModel)]="untilOverlayDemo.name" placeholder="Name"/>
-            </md-input-container>
+            </md-form-field>
           </div>
           <div layout="row">
-            <md-input-container flex>
+            <md-form-field flex>
               <textarea mdInput [(ngModel)]="untilOverlayDemo.description" placeholder="Description" rows="4"></textarea>
-            </md-input-container>
+            </md-form-field>
           </div>
         </ng-template>
         <div class="pad-sm">
@@ -258,14 +258,14 @@ <h4 class="md-subhead">with overlay [tdLoadingStrategy]</h4>
           <![CDATA[
             <ng-template tdLoading [tdLoadingUntil]="!loading" tdLoadingStrategy="overlay">
               <div layout="row">
-                <md-input-container flex>
+                <md-form-field flex>
                   <input mdInput [(ngModel)]="untilOverlayDemo.name" placeholder="Name"/>
-                </md-input-container>
+                </md-form-field>
               </div>
               <div layout="row">
-                <md-input-container flex>
+                <md-form-field flex>
                   <textarea mdInput [(ngModel)]="untilOverlayDemo.description" placeholder="Description" rows="4"></textarea>
-                </md-input-container>
+                </md-form-field>
               </div>
             </ng-template>
             <div class="pad-sm">

diff --git a/src/app/components/components/paging/paging.component.html b/src/app/components/components/paging/paging.component.html
@@ -194,7 +194,7 @@
       <md-divider></md-divider>
       <td-paging-bar #pagingBarInput pageLinkCount="5" [firstLast]="false" [pageSize]="100" [total]="1345" (change)="changeInput($event)">
         <p hide-xs>Go to:</p>
-        <md-input-container>
+        <md-form-field>
           <input #goToInput
                   mdInput
                   type="number"
@@ -203,7 +203,7 @@
                   [value]="pagingBarInput.page"
                   (blur)="goToInput.value = pagingBarInput.page"
                   (keyup.enter)="pagingBarInput.navigateToPage(goToInput.value); goToInput.value = pagingBarInput.page"/>
-        </md-input-container>
+        </md-form-field>
         <span hide-xs>{{pagingBarInput.range}} of {{pagingBarInput.total}}</span>
       </td-paging-bar>
     </md-tab>
@@ -215,7 +215,7 @@
           <![CDATA[
             <td-paging-bar #pagingBarInput pageLinkCount="5" [firstLast]="false" [pageSize]="100" [total]="1345" (change)="changeInput($event)">
               <p hide-xs>Go to:</p>
-              <md-input-container>
+              <md-form-field>
                 <input #goToInput
                         mdInput
                         type="number"
@@ -224,7 +224,7 @@
                         [value]="pagingBarInput.page"
                         (blur)="goToInput.value = pagingBarInput.page"
                         (keyup.enter)="pagingBarInput.navigateToPage(goToInput.value); goToInput.value = pagingBarInput.page"/>
-              </md-input-container>
+              </md-form-field>
               <span hide-xs>{ {pagingBarInput.range} } of { {pagingBarInput.total} }</span>
             </td-paging-bar>
           ]]>
@@ -278,7 +278,7 @@
             </md-option>
           </md-select>
           <p hide-xs hide-sm hide-md>Go to:</p>
-          <md-input-container *ngIf="media.registerQuery('gt-sm') | async">
+          <md-form-field *ngIf="media.registerQuery('gt-sm') | async">
             <input #goToResponsive
                     mdInput
                     type="number"
@@ -287,7 +287,7 @@
                     [value]="pagingBarResponsive.page"
                     (blur)="goToResponsive.value = pagingBarResponsive.page"
                     (keyup.enter)="pagingBarResponsive.navigateToPage(goToResponsive.value); goToResponsive.value = pagingBarResponsive.page"/>
-          </md-input-container>
+          </md-form-field>
           <span>{{pagingBarResponsive.range}} <span hide-xs hide-sm hide-md>of {{pagingBarResponsive.total}}</span></span>
         </td-paging-bar>
     </md-tab>
@@ -310,7 +310,7 @@
                 </md-option>
               </md-select>
               <p hide-xs hide-sm hide-md>Go to:</p>
-              <md-input-container *ngIf="media.registerQuery('gt-sm') | async">
+              <md-form-field *ngIf="media.registerQuery('gt-sm') | async">
                 <input #goToResponsive
                         mdInput
                         type="number"
@@ -319,7 +319,7 @@
                         [value]="pagingBarResponsive.page"
                         (blur)="goToResponsive.value = pagingBarResponsive.page"
                         (keyup.enter)="pagingBarResponsive.navigateToPage(goToResponsive.value); goToResponsive.value = pagingBarResponsive.page"/>
-              </md-input-container>
+              </md-form-field>
               <span>{ {pagingBarResponsive.range} } <span hide-xs hide-sm hide-md>of { {pagingBarResponsive.total} }</span></span>
             </td-paging-bar>
           ]]>