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
0850204a
Commit
0850204a
authored
Nov 25, 2021
by
salukbawa
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
skin disease report genaretor module
parent
38ad40f2
Changes
6
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
146 additions
and
0 deletions
+146
-0
ClientApp/src/app/skin-disease-report/skin-disease-report-routing.module.ts
...skin-disease-report/skin-disease-report-routing.module.ts
+17
-0
ClientApp/src/app/skin-disease-report/skin-disease-report.module.ts
...src/app/skin-disease-report/skin-disease-report.module.ts
+20
-0
ClientApp/src/app/skin-disease-report/skin-disease-report.page.html
...src/app/skin-disease-report/skin-disease-report.page.html
+37
-0
ClientApp/src/app/skin-disease-report/skin-disease-report.page.scss
...src/app/skin-disease-report/skin-disease-report.page.scss
+0
-0
ClientApp/src/app/skin-disease-report/skin-disease-report.page.spec.ts
.../app/skin-disease-report/skin-disease-report.page.spec.ts
+24
-0
ClientApp/src/app/skin-disease-report/skin-disease-report.page.ts
...p/src/app/skin-disease-report/skin-disease-report.page.ts
+48
-0
No files found.
ClientApp/src/app/skin-disease-report/skin-disease-report-routing.module.ts
0 → 100644
View file @
0850204a
import
{
NgModule
}
from
'
@angular/core
'
;
import
{
Routes
,
RouterModule
}
from
'
@angular/router
'
;
import
{
SkinDiseaseReportPage
}
from
'
./skin-disease-report.page
'
;
const
routes
:
Routes
=
[
{
path
:
''
,
component
:
SkinDiseaseReportPage
}
];
@
NgModule
({
imports
:
[
RouterModule
.
forChild
(
routes
)],
exports
:
[
RouterModule
],
})
export
class
SkinDiseaseReportPageRoutingModule
{}
ClientApp/src/app/skin-disease-report/skin-disease-report.module.ts
0 → 100644
View file @
0850204a
import
{
NgModule
}
from
'
@angular/core
'
;
import
{
CommonModule
}
from
'
@angular/common
'
;
import
{
FormsModule
}
from
'
@angular/forms
'
;
import
{
IonicModule
}
from
'
@ionic/angular
'
;
import
{
SkinDiseaseReportPageRoutingModule
}
from
'
./skin-disease-report-routing.module
'
;
import
{
SkinDiseaseReportPage
}
from
'
./skin-disease-report.page
'
;
@
NgModule
({
imports
:
[
CommonModule
,
FormsModule
,
IonicModule
,
SkinDiseaseReportPageRoutingModule
],
declarations
:
[
SkinDiseaseReportPage
]
})
export
class
SkinDiseaseReportPageModule
{}
ClientApp/src/app/skin-disease-report/skin-disease-report.page.html
0 → 100644
View file @
0850204a
<ion-header>
<ion-toolbar>
<ion-buttons
slot=
"start"
>
<ion-back-button></ion-back-button>
</ion-buttons>
<ion-title>
Identified Skin Disease Report
</ion-title>
</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"
>
<div
class=
"col"
>
<div
class=
"row"
>
<div
class=
"col border"
id=
"reportContent"
>
<h6
class=
"fw-bolder"
>
Owner: {{owner}}
</h6>
<h6
class=
"fw-bolder"
>
Dog's name: {{dog}}
</h6>
<h6
class=
"fw-bolder"
>
Dog's age: {{age}}
</h6>
<h4
class=
"fw-bolder"
>
Disease: {{disease}}
</h4>
<img
[src]=
"baseUrlSkinImageClassification+'/getImage'"
style=
"width: 100%;"
>
<h6
class=
"fw-bolder"
>
Symptoms: {{comment}}
</h6>
</div>
</div>
<input
type=
"text"
class=
"form-control"
id=
"exampleFormControlInput2"
placeholder=
"Symptoms"
[(ngModel)]=
"comment"
>
<div
class=
"d-grid gap-2 mt-2"
>
<button
class=
"btn btn-lg btn-secondary"
type=
"submit"
style=
"background-color: #5b628f"
[routerLink]=
"['/home']"
>
Home
</button>
<button
class=
"btn btn-lg btn-secondary"
type=
"submit"
style=
"background-color: #5b628f"
(click)=
"openPDF()"
>
Download
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</ion-content>
ClientApp/src/app/skin-disease-report/skin-disease-report.page.scss
0 → 100644
View file @
0850204a
ClientApp/src/app/skin-disease-report/skin-disease-report.page.spec.ts
0 → 100644
View file @
0850204a
import
{
ComponentFixture
,
TestBed
,
waitForAsync
}
from
'
@angular/core/testing
'
;
import
{
IonicModule
}
from
'
@ionic/angular
'
;
import
{
SkinDiseaseReportPage
}
from
'
./skin-disease-report.page
'
;
describe
(
'
SkinDiseaseReportPage
'
,
()
=>
{
let
component
:
SkinDiseaseReportPage
;
let
fixture
:
ComponentFixture
<
SkinDiseaseReportPage
>
;
beforeEach
(
waitForAsync
(()
=>
{
TestBed
.
configureTestingModule
({
declarations
:
[
SkinDiseaseReportPage
],
imports
:
[
IonicModule
.
forRoot
()]
}).
compileComponents
();
fixture
=
TestBed
.
createComponent
(
SkinDiseaseReportPage
);
component
=
fixture
.
componentInstance
;
fixture
.
detectChanges
();
}));
it
(
'
should create
'
,
()
=>
{
expect
(
component
).
toBeTruthy
();
});
});
ClientApp/src/app/skin-disease-report/skin-disease-report.page.ts
0 → 100644
View file @
0850204a
import
{
Component
,
ElementRef
,
OnInit
,
ViewChild
}
from
'
@angular/core
'
;
import
{
ActivatedRoute
}
from
'
@angular/router
'
;
import
{
PythonBackendService
}
from
'
../core/python-backend.service
'
;
import
{
environment
}
from
'
../../environments/environment
'
;
import
jsPDF
from
'
jspdf
'
;
import
html2canvas
from
'
html2canvas
'
;
@
Component
({
selector
:
'
app-skin-disease-report
'
,
templateUrl
:
'
./skin-disease-report.page.html
'
,
styleUrls
:
[
'
./skin-disease-report.page.scss
'
],
})
export
class
SkinDiseaseReportPage
implements
OnInit
{
@
ViewChild
(
'
reportContent
'
)
reportContent
:
ElementRef
;
disease
:
string
;
owner
:
string
;
dog
:
string
;
age
:
string
;
baseUrlSkinImageClassification
=
environment
.
baseUrlSkinImageClassification
;
comment
:
number
;
constructor
(
private
route
:
ActivatedRoute
,
private
pythonBackendService
:
PythonBackendService
)
{
}
ngOnInit
()
{
this
.
disease
=
this
.
route
.
snapshot
.
paramMap
.
get
(
'
disease
'
);
this
.
owner
=
localStorage
.
getItem
(
'
email
'
);
this
.
age
=
localStorage
.
getItem
(
'
age
'
);
this
.
dog
=
localStorage
.
getItem
(
'
name
'
);
}
public
openPDF
()
{
const
doc
=
new
jsPDF
();
doc
.
text
(
'
Disease:
'
+
this
.
disease
,
10
,
10
);
doc
.
text
(
'
Owner:
'
+
this
.
owner
,
10
,
20
);
doc
.
text
(
'
Dog
\'
s name:
'
+
this
.
dog
,
10
,
30
);
doc
.
text
(
'
Dog
\'
s age:
'
+
this
.
age
,
10
,
40
);
doc
.
text
(
'
Symptoms:
'
+
this
.
comment
,
10
,
50
);
var
img
=
new
Image
();
img
.
src
=
this
.
baseUrlSkinImageClassification
+
'
/getImage
'
;
doc
.
addImage
(
img
,
'
png
'
,
10
,
60
,
100
,
100
);
doc
.
save
(
'
report.pdf
'
);
}
}
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