Switch to unified view

a b/Web/templates/cardiodetails.html
1
<!doctype html>
2
<html lang="en">
3
4
<head>
5
    <meta charset="utf-8">
6
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
    <meta http-equiv="Content-Language" content="en">
8
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
9
    <title>Diagnose</title>
10
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no" />
11
    <meta name="description" content="A revolutionary online cross-platform health application.">
12
    <meta name="msapplication-tap-highlight" content="no">
13
<link href="{{ url_for('static', filename='css/main.css') }}" rel="stylesheet">
14
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
15
16
</head>
17
<body>
18
    <div class="app-container app-theme-white body-tabs-shadow fixed-sidebar fixed-header">
19
        <div class="app-header header-shadow">
20
            <div class="app-header__logo">
21
                <div class="logo-src"><img src="{{ url_for('static', filename='img/dashlogo.png') }}"></div>
22
                <div class="header__pane ml-auto">
23
                    <div>
24
                        <button type="button" class="hamburger close-sidebar-btn hamburger--elastic" data-class="closed-sidebar">
25
                            <span class="hamburger-box">
26
                                <span class="hamburger-inner"></span>
27
                            </span>
28
                        </button>
29
                    </div>
30
                </div>
31
            </div>
32
            <div class="app-header__mobile-menu">
33
                <div>
34
                    <button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
35
                        <span class="hamburger-box">
36
                            <span class="hamburger-inner"></span>
37
                        </span>
38
                    </button>
39
                </div>
40
            </div>
41
            <div class="app-header__menu">
42
                <span>
43
                    <button type="button" class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
44
                        <span class="btn-icon-wrapper">
45
                            <i class="fa fa-ellipsis-v fa-w-6"></i>
46
                        </span>
47
                    </button>
48
                </span>
49
            </div>    <div class="app-header__content">
50
                
51
                <div class="app-header-left">
52
                    <div class="search-wrapper">
53
                        <div class="input-holder">
54
                            <input type="text" class="search-input" placeholder="Type to search">
55
                            <button class="search-icon"><span></span></button>
56
                        </div>
57
                        <button class="close"></button>
58
                    </div>
59
                    <ul class="header-menu nav">
60
                        <li class="nav-item">
61
                            <a href="javascript:void(0);" class="nav-link">
62
                                <i class="nav-link-icon fa fa-database"> </i>
63
                                API
64
                            </a>
65
                        </li>
66
                        
67
                        <li class="dropdown nav-item">
68
                            <a href="javascript:void(0);" class="nav-link">
69
                                <i class="nav-link-icon fa fa-cog"></i>
70
                                Settings
71
                            </a>
72
                        </li>
73
                    </ul>        </div>
74
                <div class="app-header-right">
75
                    <div class="header-btn-lg pr-0">
76
                        <div class="widget-content p-0">
77
                            <div class="widget-content-wrapper">
78
                                <div class="widget-content-left">
79
                                    <div class="btn-group">
80
                                        <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="p-0 btn">
81
                                            
82
                                            <i class="fa fa-angle-down ml-2 opacity-8"></i>
83
                                        </a>
84
                                        <div tabindex="-1" role="menu" aria-hidden="true" class="dropdown-menu dropdown-menu-right">
85
                                            <button type="button" tabindex="0" class="dropdown-item">My Account</button>
86
                                            <div tabindex="-1" class="dropdown-divider"></div>
87
                                            <a href="{{ url_for('logout') }}" tabindex="0" class="dropdown-item">Logout</a>
88
                                        </div>
89
                                    </div>
90
                                </div>
91
                                <div class="widget-content-left  ml-3 header-user-info">
92
                                    <div class="widget-heading">
93
                                       {{ account[1] }}
94
                                    </div>
95
                                    <div class="widget-subheading">
96
                                      {{ account[3] }}
97
                                    </div>
98
                                </div>
99
                                
100
                            </div>
101
                        </div>
102
                    </div>        </div>
103
            </div>
104
        </div>        <div class="ui-theme-settings">
105
            <button type="button" id="TooltipDemo" class="btn-open-options btn btn-warning">
106
                <i class="fa fa-cog fa-w-16 fa-spin fa-2x"></i>
107
            </button>
108
        
109
        </div>        <div class="app-main">
110
                <div class="app-sidebar sidebar-shadow">
111
                    <div class="app-header__logo">
112
                        <div class="logo-src"></div>
113
                        <div class="header__pane ml-auto">
114
                            <div>
115
                                <button type="button" class="hamburger close-sidebar-btn hamburger--elastic" data-class="closed-sidebar">
116
                                    <span class="hamburger-box">
117
                                        <span class="hamburger-inner"></span>
118
                                    </span>
119
                                </button>
120
                            </div>
121
                        </div>
122
                    </div>
123
                    <div class="app-header__mobile-menu">
124
                        <div>
125
                            <button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
126
                                <span class="hamburger-box">
127
                                    <span class="hamburger-inner"></span>
128
                                </span>
129
                            </button>
130
                        </div>
131
                    </div>
132
                    <div class="app-header__menu">
133
                        <span>
134
                            <button type="button" class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
135
                                <span class="btn-icon-wrapper">
136
                                    <i class="fa fa-ellipsis-v fa-w-6"></i>
137
                                </span>
138
                            </button>
139
                        </span>
140
                    </div>    <div class="scrollbar-sidebar">
141
                        <div class="app-sidebar__inner">
142
                            <ul class="vertical-nav-menu">
143
                                <li class="app-sidebar__heading">Dashboard</li>
144
                                <li>
145
                                    <a href="{{ url_for('home') }}">
146
                                        <i class="metismenu-icon fa fa-home"></i>
147
                                        Home
148
                                    </a>
149
                                </li>
150
                                
151
                                
152
                    
153
                                <li>
154
                                    <a href="{{ url_for('diagnosecardio') }}" >
155
                                        <i class="metismenu-icon fa fa-plus-circle">
156
                                        </i>Diagnose(Cardio)
157
                                    </a>
158
                                </li>
159
                                
160
                                
161
                            </ul>
162
                        </div>
163
                    </div>
164
                </div>    
165
                <div class="app-main__outer">
166
                    
167
                    
168
                    <div class="app-main__inner">
169
                        <div class="app-page-title">
170
                            <div class="page-title-wrapper">
171
                                <div class="page-title-heading">
172
                                    <div class="page-title-icon">
173
                                        <i class="fa fa-file-text icon-gradient bg-amy-crisp"> </i>
174
                                    </div>
175
                                    <div>Diagnose
176
                                        <div class="page-title-subheading">Diagnose your problems on the basis of textual symptoms accurately describing your problem.
177
                                        </div>
178
                                    </div>
179
                                </div>
180
                                </div>
181
                        </div>
182
                        
183
                        <div class="tab-content">
184
                            <div class="tab-pane tabs-animation fade show active" id="tab-content-0" role="tabpanel">
185
                                <div class="row">
186
                                    <div class="col-lg-8">
187
                                        
188
                                <div class="main-card mb-3 card">
189
                                            <div class="card-body"><h5 class="card-title">Enter Your details:</h5>
190
                                                
191
                                                <div class="tab-content">
192
                                                    <div class="tab-pane active" id="tab-eg11-0" role="tabpanel">
193
                                            
194
                                        
195
                                            
196
                                                     
197
                                        
198
                                            
199
                                                        <form class="" method="POST" action="{{ url_for('diagnosecardio') }}">
200
                                                            
201
                                                           
202
                                                           <div class="mb-2 mr-sm-2 mb-sm-0 position-relative form-group"><h6 for="exampleEmail22" class="mr-sm-2">Enter Age</h6><input id="exampleEmail22" name="age" placeholder="Age" type="number" class="form-control" step="any" min=0></div>  
203
                                                           <br>
204
205
                                                            <div class="mb-2 mr-sm-2 mb-sm-0 position-relative form-group"><h6 for="exampleEmail22" class="mr-sm-2">Weight</h6><input id="exampleEmail22" name="weight" placeholder="Weight" type="number" class="form-control" step="any" min=0></div>
206
<br>
207
<div class="mb-2 mr-sm-2 mb-sm-0 position-relative form-group"><h6 for="exampleEmail22" class="mr-sm-2">Height</h6><input id="exampleEmail22" name="height" placeholder="Height" type="number" class="form-control" step="any" min=0></div>
208
<br>
209
<h6 for="examplePassword22" class="mr-sm-2">Gender</h6>
210
<select class="mb-2 form-control" name="gen">
211
    <option value="0">Female</option>
212
    <option value="1">Male</option>
213
</select><br> 
214
    <br>               
215
                                                            <div class="mb-2 mr-sm-2 mb-sm-0 position-relative form-group"><h6 for="examplePassword22" class="mr-sm-2">Heart Rate </h6><input name="hr" id="examplePassword22" placeholder="Heart Rate" type="number" step="any" class="form-control" min="0"></div>
216
                   <br>
217
                                                            <div class="mb-2 mr-sm-2 mb-sm-0 position-relative form-group"><h6 for="examplePassword22" class="mr-sm-2">Oxygen Saturation </h6><input name="os" id="examplePassword22" placeholder="Oxygen Saturation" type="number" step="any" class="form-control" min="0"></div>
218
                                                            <br>
219
                                                            <div class="mb-2 mr-sm-2 mb-sm-0 position-relative form-group"><h6 for="examplePassword22" class="mr-sm-2">Respiratory Rate </h6><input name="rr" id="examplePassword22" placeholder="Respiratory Rate" type="number" step="any" class="form-control" min="0"></div>
220
                                                            <br>
221
                                                            <div class="mb-2 mr-sm-2 mb-sm-0 position-relative form-group"><h6 for="examplePassword22" class="mr-sm-2">Systolic Blood Pressure </h6><input name="Sys" id="examplePassword22" placeholder="Systolic Blood Pressure" type="number" step="any" class="form-control" min="0"></div>
222
                                                            <br>
223
                                                            <div class="mb-2 mr-sm-2 mb-sm-0 position-relative form-group"><h6 for="examplePassword22" class="mr-sm-2">Diastolic Blood Pressure </h6><input name="Dys" id="examplePassword22" placeholder="Diastolic Blood Pressure" type="number" step="any" class="form-control" min="0"></div>
224
                                                            <br>
225
                                                            
226
                                                            <div class="mb-2 mr-sm-2 mb-sm-0 position-relative form-group"><h6 for="examplePassword22" class="mr-sm-2">Mean Blood Pressure </h6><input name="mbp" id="examplePassword22" placeholder="Mean Blood Pressure" type="number" step="any" class="form-control" min="0"></div>
227
                                                            <br>
228
                                                            
229
230
                                                            
231
232
233
                                                            <button class="btn btn-primary">Proceed</button>
234
235
                                                        </form>
236
                                            
237
                                       
238
                                                
239
                                                       
240
                                        
241
                                                    </div>
242
                                                    
243
                                                </div>
244
                                            </div>
245
                                        </div>
246
                                        
247
                                    </div>
248
                                </div>
249
                            </div>
250
                        </div>
251
252
253
                                                            
254
                                                       
255
                            
256
                    </div>
257
                
258
              <div class="app-wrapper-footer">
259
                        <div class="app-footer">
260
                            <div class="app-footer__inner">
261
                                <div class="app-footer-left">
262
                                    <ul class="nav">
263
                                      
264
                                    </ul>
265
                                </div>
266
                                <div class="app-footer-right">
267
                                    <ul class="nav">
268
                                        <li class="nav-item">
269
                                            <a href="" class="nav-link">
270
                                                Home
271
                                            </a>
272
                                        </li>
273
                                    </ul>
274
                                </div>
275
                            </div>
276
                        </div>
277
                    </div>    
278
        </div>
279
                
280
        </div>
281
    </div>
282
<script type="text/javascript" src="{{ url_for('static', filename='assets/scripts/main.js') }}"></script></body>
283
</html>