interest process

REMEMBER.txt

@@ -26,6 +26,9 @@ ionic generate component fastreward
 
 ionic generate component familypending
 
+ionic generate component InterestCard
+
+
 ionic generate page logout
 
 

src/app/components/interest-card/interest-card.component.html

@@ -0,0 +1,50 @@
+<ion-grid class="jobIntGrid">
+  <ion-row>
+    <ion-col>
+      <ion-list>
+        <ion-item>
+          <ion-icon aria-hidden="true" name="people" slot="start"></ion-icon>
+          <ion-label>Airplane Mode</ion-label>
+        </ion-item>
+        <ion-item>
+          <ion-icon aria-hidden="true" name="time" slot="start"></ion-icon>
+          <ion-label>Wi-Fi</ion-label>
+        </ion-item>
+      </ion-list>
+    </ion-col>
+  </ion-row>
+  <ion-row>
+    <ion-col>
+      <ion-list lines="none">
+        <ion-item>
+          <ion-label>Jobs</ion-label>
+        </ion-item>
+        <ion-item>
+          <ion-label>Completed</ion-label>
+        </ion-item>
+        <ion-item>
+          <ion-label>Active :</ion-label>
+        </ion-item>
+        <ion-item>
+          <ion-label>Uncompleted : </ion-label>
+        </ion-item>
+      </ion-list>
+    </ion-col>
+    <ion-col>
+      <ion-card style="margin: 0px">
+<!--        <ion-card-header>-->
+<!--&lt;!&ndash;          <ion-card-title>Card Title</ion-card-title>&ndash;&gt;-->
+<!--          <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
+<!--        </ion-card-header>-->
+
+        <ion-card-content>
+          <ion-button>Approve Start</ion-button>
+
+          <ion-button color="danger">Reject</ion-button>
+
+        </ion-card-content>
+      </ion-card>
+
+    </ion-col>
+  </ion-row>
+</ion-grid>

src/app/components/interest-card/interest-card.component.scss

@@ -0,0 +1,17 @@
+.jobIntGrid{
+  background: aliceblue;
+  border-radius: 10px;
+  font-size: 10px;
+  ion-col{
+    margin: 0px;
+    ion-list{
+      ion-item{
+        padding: 0px;
+        margin: 0px;
+        font-size: 12px;
+        color:red;
+      }
+
+    }
+  }
+}

src/app/components/interest-card/interest-card.component.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { InterestCardComponent } from './interest-card.component';
+
+describe('InterestCardComponent', () => {
+  let component: InterestCardComponent;
+  let fixture: ComponentFixture<InterestCardComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ InterestCardComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(InterestCardComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/interest-card/interest-card.component.ts

@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-interest-card',
+  templateUrl: './interest-card.component.html',
+  styleUrls: ['./interest-card.component.scss'],
+})
+export class InterestCardComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}

src/app/pages/jobintprocess/jobintprocess.module.ts

@@ -5,6 +5,7 @@ import { FormsModule } from '@angular/forms';
 import { IonicModule } from '@ionic/angular';
 
 import { JobintprocessPageRoutingModule } from './jobintprocess-routing.module';
+import { InterestCardComponent } from '../../components/interest-card/interest-card.component';
 
 import { JobintprocessPage } from './jobintprocess.page';
 
@@ -15,6 +16,6 @@ import { JobintprocessPage } from './jobintprocess.page';
     IonicModule,
     JobintprocessPageRoutingModule
   ],
-  declarations: [JobintprocessPage]
+  declarations: [JobintprocessPage,InterestCardComponent]
 })
 export class JobintprocessPageModule {}

src/app/pages/jobintprocess/jobintprocess.page.html

@@ -47,7 +47,9 @@
           <ion-item slot="header" color="light">
             <ion-label>{{item.client_name}}</ion-label>
           </ion-item>
-          <div class="ion-padding" slot="content">First Content</div>
+          <div class="ion-padding" slot="content">
+            <app-interest-card></app-interest-card>
+          </div>
         </ion-accordion>
 <!--        <ion-accordion value="second">-->
 <!--          <ion-item slot="header" color="light">-->