Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
2021-210
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
2021-210
2021-210
Commits
89140e5c
Commit
89140e5c
authored
Nov 26, 2021
by
isurugunarathna
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
adding diet plan UI
parent
bdb40bfe
Changes
6
Show whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
130 additions
and
0 deletions
+130
-0
ClientApp/src/app/diet-plan/diet-plan-routing.module.ts
ClientApp/src/app/diet-plan/diet-plan-routing.module.ts
+17
-0
ClientApp/src/app/diet-plan/diet-plan.module.ts
ClientApp/src/app/diet-plan/diet-plan.module.ts
+20
-0
ClientApp/src/app/diet-plan/diet-plan.page.html
ClientApp/src/app/diet-plan/diet-plan.page.html
+51
-0
ClientApp/src/app/diet-plan/diet-plan.page.scss
ClientApp/src/app/diet-plan/diet-plan.page.scss
+0
-0
ClientApp/src/app/diet-plan/diet-plan.page.spec.ts
ClientApp/src/app/diet-plan/diet-plan.page.spec.ts
+24
-0
ClientApp/src/app/diet-plan/diet-plan.page.ts
ClientApp/src/app/diet-plan/diet-plan.page.ts
+18
-0
No files found.
ClientApp/src/app/diet-plan/diet-plan-routing.module.ts
0 → 100644
View file @
89140e5c
import
{
NgModule
}
from
'
@angular/core
'
;
import
{
Routes
,
RouterModule
}
from
'
@angular/router
'
;
import
{
DietPlanPage
}
from
'
./diet-plan.page
'
;
const
routes
:
Routes
=
[
{
path
:
''
,
component
:
DietPlanPage
}
];
@
NgModule
({
imports
:
[
RouterModule
.
forChild
(
routes
)],
exports
:
[
RouterModule
],
})
export
class
DietPlanPageRoutingModule
{}
ClientApp/src/app/diet-plan/diet-plan.module.ts
0 → 100644
View file @
89140e5c
import
{
NgModule
}
from
'
@angular/core
'
;
import
{
CommonModule
}
from
'
@angular/common
'
;
import
{
FormsModule
}
from
'
@angular/forms
'
;
import
{
IonicModule
}
from
'
@ionic/angular
'
;
import
{
DietPlanPageRoutingModule
}
from
'
./diet-plan-routing.module
'
;
import
{
DietPlanPage
}
from
'
./diet-plan.page
'
;
@
NgModule
({
imports
:
[
CommonModule
,
FormsModule
,
IonicModule
,
DietPlanPageRoutingModule
],
declarations
:
[
DietPlanPage
]
})
export
class
DietPlanPageModule
{}
ClientApp/src/app/diet-plan/diet-plan.page.html
0 → 100644
View file @
89140e5c
<ion-header>
<ion-toolbar>
<ion-buttons
slot=
"start"
>
<ion-back-button></ion-back-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content>
<div
class=
"container-fluid"
style=
"background-color: #E9F0FB"
>
<div
class=
"row ion-justify-content-center ion-align-items-center"
style=
"height: 100vh"
>
<div
class=
"col-11"
>
<div
class=
"row ion-justify-content-center"
>
<div
class=
"col"
>
<h1
class=
"fw-bolder"
>
Diet plans and exercise
</h1>
</div>
</div>
<div
class=
"row mt-4"
>
<div
class=
"col"
>
<div
class=
"form-floating mb-2 shadow-lg"
>
<input
type=
"number"
class=
"form-control"
id=
"floatingInput"
[(ngModel)]=
"height"
>
<label
for=
"floatingInput"
>
Pet's Height
</label>
</div>
<div
class=
"form-floating mb-2 shadow-lg"
>
<input
type=
"number"
class=
"form-control"
id=
"floatingPassword"
[(ngModel)]=
"weight"
>
<label
for=
"floatingPassword"
>
Pet's Weight
</label>
</div>
<div
class=
"form-floating mb-2 shadow-lg"
>
<select
class=
"form-select"
aria-label=
"Default select example"
[(ngModel)]=
"breed"
>
<option
value=
"0"
>
Boxer
</option>
<option
value=
"1"
>
Doberman
</option>
<option
value=
"2"
>
German splitz
</option>
<option
value=
"3"
>
Great dane
</option>
<option
value=
"4"
>
Labrador
</option>
<option
value=
"5"
>
Pomenarian
</option>
</select>
</div>
<div
class=
"d-grid gap-2 mt-2"
>
<button
class=
"btn btn-lg btn-secondary"
type=
"button"
style=
"background-color: #5b628f"
[routerLink]=
"['/generated-food-plan/'+weight+'/'+height+'/'+breed]"
>
Generate food plan
</button>
<button
class=
"btn btn-lg btn-secondary"
type=
"button"
style=
"background-color: #5b628f"
[routerLink]=
"['/generate-exercise-plan/'+weight+'/'+height+'/'+breed]"
>
Generate exercise plan
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</ion-content>
ClientApp/src/app/diet-plan/diet-plan.page.scss
0 → 100644
View file @
89140e5c
ClientApp/src/app/diet-plan/diet-plan.page.spec.ts
0 → 100644
View file @
89140e5c
import
{
ComponentFixture
,
TestBed
,
waitForAsync
}
from
'
@angular/core/testing
'
;
import
{
IonicModule
}
from
'
@ionic/angular
'
;
import
{
DietPlanPage
}
from
'
./diet-plan.page
'
;
describe
(
'
DietPlanPage
'
,
()
=>
{
let
component
:
DietPlanPage
;
let
fixture
:
ComponentFixture
<
DietPlanPage
>
;
beforeEach
(
waitForAsync
(()
=>
{
TestBed
.
configureTestingModule
({
declarations
:
[
DietPlanPage
],
imports
:
[
IonicModule
.
forRoot
()]
}).
compileComponents
();
fixture
=
TestBed
.
createComponent
(
DietPlanPage
);
component
=
fixture
.
componentInstance
;
fixture
.
detectChanges
();
}));
it
(
'
should create
'
,
()
=>
{
expect
(
component
).
toBeTruthy
();
});
});
ClientApp/src/app/diet-plan/diet-plan.page.ts
0 → 100644
View file @
89140e5c
import
{
Component
,
OnInit
}
from
'
@angular/core
'
;
@
Component
({
selector
:
'
app-diet-plan
'
,
templateUrl
:
'
./diet-plan.page.html
'
,
styleUrls
:
[
'
./diet-plan.page.scss
'
],
})
export
class
DietPlanPage
implements
OnInit
{
breed
=
0
;
height
=
0
;
weight
=
0
;
constructor
()
{
}
ngOnInit
()
{
}
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment