#78 fix lint suggestions

Author: enriquezrene

src/app/app.module.ts

@@ -40,7 +40,9 @@ import { environment } from '../environments/environment';
 import { CustomerComponent } from './modules/customer/pages/customer.component';
 import { CustomerTableListComponent } from './modules/customer/components/customer-table-list/customer-table-list.component';
 import { SearchComponent } from './modules/customer/components/search/search.component';
-import { ManagmentCustomerProjectsComponent } from './modules/customer/components/managment-customer-projects/managment-customer-projects.component';
+// tslint:disable-next-line:import-spacing
+import { ManagmentCustomerProjectsComponent }
+from './modules/customer/components/managment-customer-projects/managment-customer-projects.component';
 import { InputCustomerComponent } from './modules/customer/components/input-customer/input-customer';
 import { InputProjectComponent } from './modules/customer/components/input-project/input-project.component';
 import { ProjectTableListComponent } from './modules/customer/components/project-table-list/project-table-list.component';

src/app/modules/customer/components/customer-table-list/customer-table-list.component.html

@@ -8,14 +8,14 @@
   <tbody>
     <tr
       class="d-flex"
-      *ngFor="let customer of customers | paginate: { itemsPerPage: 3, currentPage: initPage1, id: 'first' }"
+      *ngFor="let customer of customers | paginate: { itemsPerPage: 5, currentPage: initPage1, id: 'first' }"
     >
       <td class="col-sm-9">{{ customer.name }}</td>
       <td class="col-sm-3 text-center">
-        <button (click)="activateCustomerForm()" type="button" class="btn btn-sm btn-edit">
+        <button (click)="activateCustomerForm()" type="button" class="btn btn-sm btn-secondary">
           <i class="fa fa-pencil fa-xs"></i>
         </button>
-        <button type="button" class="btn btn-sm btn-delete ml-2"><i class="fas fa-trash-alt fa-xs"></i></button>
+        <button type="button" class="btn btn-sm btn-danger ml-2"><i class="fas fa-trash-alt fa-xs"></i></button>
       </td>
     </tr>
   </tbody>

src/app/modules/customer/components/customer-table-list/customer-table-list.component.scss

@@ -5,15 +5,6 @@
   color: white;
 }
 
-.btn-edit {
-  background-color: $modal-button-secondary;
-  color: white;
-}
-
-.btn-delete {
-  background-color: $danger-color;
-  color: white;
-}
 
 .scroll {
   max-height: 165px;

src/app/modules/customer/components/customer-table-list/customer-table-list.component.ts

@@ -6,7 +6,7 @@ import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
   styleUrls: ['./customer-table-list.component.scss'],
 })
 export class CustomerTableListComponent implements OnInit {
-  initPage1: number = 1;
+  initPage1 = 1;
 
   customers = [
     {

src/app/modules/customer/components/input-customer/input-customer.html

@@ -8,8 +8,8 @@
         rows="3"
         placeholder="Customer description"
       ></textarea>
-      <button type="submit" class="btn btn-sm btn-save mb-2 mt-2">Save</button>
-      <button type="submit" class="btn btn-sm btn-cancel mb-2 ml-2 mt-2">Cancel</button>
+      <button type="submit" class="btn btn-sm btn-primary">Save</button>
+      <button type="submit" class="btn btn-sm btn-secondary mb-2 ml-2 mt-2">Cancel</button>
     </div>
   </form>
 </div>

src/app/modules/customer/components/input-customer/input-customer.scss

@@ -1,11 +0,0 @@
-@import '../../../../../styles/colors.scss';
-
-.btn-cancel {
-  background-color: $modal-button-secondary;
-  color: white;
-}
-
-.btn-save {
-  background-color: $danger-color;
-  color: white;
-}

src/app/modules/customer/components/input-project-type/input-project-type.component.html

@@ -8,8 +8,8 @@
         rows="3"
         placeholder="Description"
       ></textarea>
-      <button type="submit" class="btn btn-sm btn-save mb-2 mt-2">Save</button>
-      <button type="submit" class="btn btn-sm btn-cancel mb-2 ml-2 mt-2">Cancel</button>
+      <button type="submit" class="btn btn-sm btn-primary mb-2 mt-2">Save</button>
+      <button type="submit" class="btn btn-sm btn-secondary mb-2 ml-2 mt-2">Cancel</button>
     </div>
   </form>
   <hr />

src/app/modules/customer/components/input-project-type/input-project-type.component.scss

@@ -1,11 +0,0 @@
-@import '../../../../../styles/colors.scss';
-
-.btn-cancel {
-  background-color: $modal-button-secondary;
-  color: white;
-}
-
-.btn-save {
-  background-color: $danger-color;
-  color: white;
-}

src/app/modules/customer/components/input-project/input-project.component.html

@@ -13,8 +13,8 @@
         <option value="1">a..</option>
         <option value="2">b..</option>
       </select>
-      <button type="submit" class="btn btn-sm btn-save mb-2 mt-2">Save</button>
-      <button type="submit" class="btn btn-sm btn-cancel mb-2 ml-2 mt-2">Cancel</button>
+      <button type="submit" class="btn btn-sm btn-primary">Save</button>
+      <button type="submit" class="btn btn-sm btn-secondary mb-2 ml-2 mt-2">Cancel</button>
     </div>
   </form>
   <hr />

src/app/modules/customer/components/input-project/input-project.component.scss

@@ -1,11 +0,0 @@
-@import '../../../../../styles/colors.scss';
-
-.btn-cancel {
-  background-color: $modal-button-secondary;
-  color: white;
-}
-
-.btn-save {
-  background-color: $danger-color;
-  color: white;
-}