daily pastebin goal
0%
SHARE
TWEET

Untitled

a guest Mar 26th, 2019 82 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="main-content" style="width: 800px">
  2.     <div class="container-fluid">
  3.         <div class="row">
  4.             <div class="col-md-12">
  5.                 <div class="card ">
  6.  
  7.                     <ng-template [ngIf]="crudType === 'edit' || crudType === 'new'">
  8.                         <!-- Modal Create or Edit -->
  9.                         <div class="card-header card-header-rose card-header-icon">
  10.                             <div class="card-icon">
  11.                                 <i class="material-icons">{{modalIcon}}</i>
  12.                             </div>
  13.                             <h4 class="card-title">{{modalTitle}} <label class="col-md-4 col-form-id">{{idText}}</label>
  14.                             </h4>
  15.  
  16.                         </div>
  17.                         <div class="card-body mb-3">
  18.                             <mat-dialog-content [formGroup]="form">
  19.  
  20.                                 <div class="card-body mb-3">
  21.  
  22.                                     <div class="row">
  23.                                         <div class="col-md-3">
  24.                                             <div class="row">
  25.                                                 <label class="col-md-4 col-form-label">Customer</label>
  26.                                                 <div class="col-md-8">
  27.                                                   <mat-form-field class="col-md-12">                      
  28.                                                     <mat-select formControlName="customer">
  29.                                                         <mat-option *ngFor="let customer of airlines" [value]="customer.value">
  30.                                                             {{ customer.label }}
  31.                                                         </mat-option>
  32.                                                   </mat-select>
  33.                                                   </mat-form-field>
  34.                                                 </div>
  35.                                             </div>
  36.                                            
  37.                                         </div>
  38.        
  39.                                         <div class="col-md-4">
  40.                                            
  41.                                         </div>
  42.                                         <div class="col-md-5">
  43.                                            
  44.                                         </div>
  45.                                     </div>
  46.                                     <mat-divider class="mt-3"></mat-divider>
  47.                                     <div class="row">
  48.                                         <div class="col-md-3">
  49.                                            
  50.                                         </div>
  51.        
  52.                                         <div class="col-md-4">
  53.                                            
  54.                                         </div>
  55.                                         <div class="col-md-5">
  56.                                            
  57.                                         </div>
  58.                                     </div>
  59.        
  60.                                    
  61.                                 </div>
  62.                             </mat-dialog-content>
  63.  
  64.                             <mat-divider class="mt-3"></mat-divider>
  65.  
  66.                             <mat-dialog-actions>
  67.                                 <button mat-raised-button type="submit" class="btn btn-success btn-fill"
  68.                                    (click)="save()">Save</button>
  69.                                 <button class="btn btn-next btn-fill btn-rose btn-wd ml-auto"
  70.                                    mat-dialog-close>Close</button>
  71.                             </mat-dialog-actions>
  72.                         </div>
  73.                         <!-- End Edit -->
  74.                     </ng-template>
  75.  
  76.                     <ng-template [ngIf]="crudType === 'view'">
  77.                         <!-- Modal View -->
  78.  
  79.                         <div class="card-header card-header-rose card-header-icon">
  80.                             <div class="card-icon">
  81.                                 <i class="material-icons">{{modalIcon}}</i>
  82.                             </div>
  83.                             <h4 class="card-title">{{modalTitle}} <label class="col-md-4 col-form-id">{{idText}}</label>
  84.                             </h4>
  85.                         </div>
  86.                         <div class="card-body mb-3">
  87.  
  88.                             <div class="row">
  89.                                 <div class="col-md-3">
  90.                                     <label class="">JobNo <b>{{params.data.job_no}}</b></label>
  91.                                     <label class="">Customer (id{{params.data.customer.id}})
  92.                                         <b>{{params.data.customer.name}}</b></label>
  93.                                     <label class="">Address <b>{{params.data.customer.address}}</b></label>
  94.                                     <label class="">Email <b>{{params.data.customer.email}}</b></label>
  95.                                 </div>
  96.  
  97.                                 <div class="col-md-4">
  98.                                     <label class="">Quay
  99.                                         (id{{params.data.quay.id}})<b>{{params.data.quay.name}}</b></label><br />
  100.                                     <label class="">Length <b>{{params.data.quay.length}}</b></label>
  101.                                 </div>
  102.                                 <div class="col-md-5">
  103.                                     <label class="">Vessel
  104.                                         (id{{params.data.vessel_name.id}})<b>{{params.data.vessel_name.name}}</b></label><br />
  105.                                     <label class="">Vessel <b>{{params.data.vessel_name.reference}}</b></label>
  106.                                 </div>
  107.                             </div>
  108.                             <mat-divider class="mt-3"></mat-divider>
  109.                             <div class="row">
  110.                                 <div class="col-md-3">
  111.                                     <label class="">Shore Tank <b>{{params.data.shore_tank_no}}</b></label>
  112.                                     <label class="">Quantity <b>{{params.data.quantity}}</b></label>
  113.                                     <label class="">Delivery <b>{{params.data.delivery_method}}</b></label>
  114.                                 </div>
  115.  
  116.                                 <div class="col-md-4">
  117.                                     <label class="">Connection <b>{{params.data.connection_type}}</b></label>
  118.                                     <label class="">ETA <b>{{params.data.eta}}</b></label>
  119.                                     <label class="">Trolley <b>{{params.data.trolley_no}}</b></label>
  120.                                 </div>
  121.                                 <div class="col-md-5">
  122.                                     <label class="">Average Flow Rate
  123.                                         <b>{{params.data.average_flow_rate}}</b></label><br />
  124.                                     <label class="">Meter Start <b>{{params.data.meter_start}}</b></label><br />
  125.                                     <label class="">Meter End <b>{{params.data.meter_end}}</b></label>
  126.                                 </div>
  127.                             </div>
  128.  
  129.                             <mat-dialog-actions>
  130.                                 <button class="btn btn-next btn-fill btn-rose btn-wd ml-auto"
  131.                                    mat-dialog-close>Close</button>
  132.                             </mat-dialog-actions>
  133.                         </div>
  134.                         <!-- End View -->
  135.                     </ng-template>
  136.  
  137.                 </div>
  138.             </div>
  139.         </div>
  140.     </div>
  141. </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top