From 8c2a15f0ef5629c6bba5abff7842eab51154a992 Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Sat, 6 Jan 2024 07:29:18 -0500 Subject: [PATCH] card parts --- REMEBER.txt | 5 ++ .../choose-activity.component.html | 58 ++++++++++++++++++ .../choose-activity.component.scss | 37 +++++++++++ .../choose-activity.component.spec.ts | 24 ++++++++ .../choose-activity.component.ts | 14 +++++ src/app/pages/dash/dash.module.ts | 3 +- src/app/pages/dash/dash.page.html | 61 +------------------ src/app/pages/dash/dash.page.scss | 13 +++- 8 files changed, 153 insertions(+), 62 deletions(-) create mode 100644 src/app/components/choose-activity/choose-activity.component.html create mode 100644 src/app/components/choose-activity/choose-activity.component.scss create mode 100644 src/app/components/choose-activity/choose-activity.component.spec.ts create mode 100644 src/app/components/choose-activity/choose-activity.component.ts diff --git a/REMEBER.txt b/REMEBER.txt index 4fad7c4..edb105b 100644 --- a/REMEBER.txt +++ b/REMEBER.txt @@ -16,8 +16,13 @@ npx capacitor-assets generate ionic capacitor build ionic generate page myfit +ionic generate component choose-activity ionic generate page blogdetail ionic generate page marketdetail ionic generate page activetask ionic generate page mytask + + +ionic generate component taskactivities +ionic generate component suggestedlist diff --git a/src/app/components/choose-activity/choose-activity.component.html b/src/app/components/choose-activity/choose-activity.component.html new file mode 100644 index 0000000..38ea0fc --- /dev/null +++ b/src/app/components/choose-activity/choose-activity.component.html @@ -0,0 +1,58 @@ + + + +
Choose Activity
+ + + + + + + Card Title + + + + Here's a small text description for the card content. Nothing more, nothing less. + + + + + + + Card Title + + + + Here's a small text description for the card content. Nothing more, nothing less. + + + + + + + + + Card Title + + + + Here's a small text description for the card content. Nothing more, nothing less. + + + + + + + Card Title + + + + Here's a small text description for the card content. Nothing more, nothing less. + + + + + + 1 + + diff --git a/src/app/components/choose-activity/choose-activity.component.scss b/src/app/components/choose-activity/choose-activity.component.scss new file mode 100644 index 0000000..fe6e269 --- /dev/null +++ b/src/app/components/choose-activity/choose-activity.component.scss @@ -0,0 +1,37 @@ +.grid-act{ + font-weight: bolder; + font-size: 20px; + padding: 0px 0px 0px 20px; +} +.card-block{ + margin: 0px; + //background-color: yellow; + .card-row{ + margin: 0px; + padding: 0px; + .card-col{ + // background-color: red; + padding: 0px; + .card-part{ + padding: 0px; + margin: 10px; + } + } + } +} +.card1{ + background-color: #2d7ef1; + color:white; +} +.card2{ + background-color: #c91d3d; + color:white; +} +.card3{ + background-color: #ff8264; + color:white; +} +.card4{ + background-color: #a351dc; + color:white; +} diff --git a/src/app/components/choose-activity/choose-activity.component.spec.ts b/src/app/components/choose-activity/choose-activity.component.spec.ts new file mode 100644 index 0000000..f9c4d73 --- /dev/null +++ b/src/app/components/choose-activity/choose-activity.component.spec.ts @@ -0,0 +1,24 @@ +import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; +import { IonicModule } from '@ionic/angular'; + +import { ChooseActivityComponent } from './choose-activity.component'; + +describe('ChooseActivityComponent', () => { + let component: ChooseActivityComponent; + let fixture: ComponentFixture; + + beforeEach(waitForAsync(() => { + TestBed.configureTestingModule({ + declarations: [ ChooseActivityComponent ], + imports: [IonicModule.forRoot()] + }).compileComponents(); + + fixture = TestBed.createComponent(ChooseActivityComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + })); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/components/choose-activity/choose-activity.component.ts b/src/app/components/choose-activity/choose-activity.component.ts new file mode 100644 index 0000000..05bb65b --- /dev/null +++ b/src/app/components/choose-activity/choose-activity.component.ts @@ -0,0 +1,14 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-choose-activity', + templateUrl: './choose-activity.component.html', + styleUrls: ['./choose-activity.component.scss'], +}) +export class ChooseActivityComponent implements OnInit { + + constructor() { } + + ngOnInit() {} + +} diff --git a/src/app/pages/dash/dash.module.ts b/src/app/pages/dash/dash.module.ts index 6c97d71..d735a40 100644 --- a/src/app/pages/dash/dash.module.ts +++ b/src/app/pages/dash/dash.module.ts @@ -7,6 +7,7 @@ import { IonicModule } from '@ionic/angular'; import { DashPageRoutingModule } from './dash-routing.module'; import { DashPage } from './dash.page'; +import {ChooseActivityComponent} from "../../components/choose-activity/choose-activity.component"; @NgModule({ imports: [ @@ -15,6 +16,6 @@ import { DashPage } from './dash.page'; IonicModule, DashPageRoutingModule ], - declarations: [DashPage] + declarations: [DashPage,ChooseActivityComponent] }) export class DashPageModule {} diff --git a/src/app/pages/dash/dash.page.html b/src/app/pages/dash/dash.page.html index aa628a2..013b0c9 100644 --- a/src/app/pages/dash/dash.page.html +++ b/src/app/pages/dash/dash.page.html @@ -16,67 +16,10 @@
Firstname Lastname
-
Last Login : 848484494 494949
+
- - - - - - - Card Title - Card Subtitle - - - - Here's a small text description for the card content. Nothing more, nothing less. - - - - - - - Card Title - Card Subtitle - - - - Here's a small text description for the card content. Nothing more, nothing less. - - - - - - - - - Card Title - Card Subtitle - - - - Here's a small text description for the card content. Nothing more, nothing less. - - - - - - - Card Title - Card Subtitle - - - - Here's a small text description for the card content. Nothing more, nothing less. - - - - - - 1 - - + diff --git a/src/app/pages/dash/dash.page.scss b/src/app/pages/dash/dash.page.scss index 6b8f8c1..e4abad8 100644 --- a/src/app/pages/dash/dash.page.scss +++ b/src/app/pages/dash/dash.page.scss @@ -3,11 +3,20 @@ display: flex; .acc-name{ font-weight: bolder; - font-size: 22px; + font-size: 20px; padding: 10px 0px 0px 10px; } + .last-login{ + font-size: 12px; + color: #a29c9c; + padding: 0px 0px 0px 10px; + } +} +.grid-act{ + font-weight: bolder; + font-size: 20px; + padding: 0px 0px 0px 20px; } - .card-block{ margin: 0px; //background-color: yellow;