Hugging Face's logo

Spaces:
arithescientist
/
NoShowPrediction
Sleeping

App Files Community
arithescientist commited on
Commit
766195f
·
verified ·
1 Parent(s): 8100032

Upload 4 files

Browse files
Files changed (4) hide show
  1. templates/code.html +0 -0
  2. templates/home.html +8 -0
  3. templates/index.html +194 -0
  4. templates/report.html +0 -0
templates/code.html ADDED
The diff for this file is too large to render. See raw diff
 
templates/home.html ADDED
@@ -0,0 +1,8 @@
 
 
 
 
 
 
 
 
 
1
+ <html>
2
+ <head><title>Home</title></head>
3
+ <body>
4
+ <h3>Welcome</h3>
5
+ <br><br>
6
+ <a href="{{ url_for('login') }}">Click here to Login</a>
7
+ </body>
8
+ </html>
templates/index.html ADDED
@@ -0,0 +1,194 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
7
+ <title>No Show Prediction</title>
8
+ <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico"/>
9
+
10
+
11
+ <!-- BEGIN GLOBAL MANDATORY STYLES -->
12
+
13
+
14
+ <style>
15
+ html {
16
+ font-size: 14px;
17
+ }
18
+
19
+ .container {
20
+ max-width: 500px;
21
+ }
22
+
23
+ .pricing-header {
24
+ max-width: 700px;
25
+ }
26
+
27
+ .card-deck .card {
28
+ min-width: 150px;
29
+ }
30
+
31
+ .bd-placeholder-img {
32
+ font-size: 1.125rem;
33
+ text-anchor: middle;
34
+ -webkit-user-select: none;
35
+ -moz-user-select: none;
36
+ -ms-user-select: none;
37
+ user-select: none;
38
+ }
39
+
40
+ @media (min-width: 768px) {
41
+ html {
42
+ font-size: 16px;
43
+ }
44
+
45
+ .bd-placeholder-img-lg {
46
+ font-size: 3.5rem;
47
+ }
48
+ }
49
+ </style>
50
+ <style type="text/css">
51
+ *{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Poppins-Regular,sans-serif}a{font-family:Poppins-Regular;font-size:14px;line-height:1.7;color:#665;margin:0;transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s}a:focus{outline:0!important}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0}input{outline:0;border:none}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}input::-webkit-input-placeholder{color:#adadad}input:-moz-placeholder{color:#adadad}input::-moz-placeholder{color:#adadad}input:-ms-input-placeholder{color:#adadad}button{outline:0!important;border:none;background:0 0}button:hover{cursor:pointer}.container{max-width:1200px}.container-contact100{width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background:#19012e;background:-webkit-linear-gradient(45deg,#19012e,#19012e);background:-o-linear-gradient(45deg,#19012e,#19012e);background:-moz-linear-gradient(45deg,#19012e,#19012e);background:linear-gradient(45deg,#19012e,#19012e)}.wrap-contact100{width:500px;background:#fff;border-radius:10px;overflow:hidden;padding:42px 55px 45px 55px}.contact100-form{width:100%}.contact100-form-title{display:block;font-family:Poppins-Bold;font-size:39px;color:#333;line-height:1.2;text-align:center;padding-bottom:10px}.wrap-input100{width:100%;position:relative;border-bottom:2px solid #d9d9d9;padding-bottom:10px;margin-bottom:15px}.input100{display:block;width:100%;background:0 0;font-family:Poppins-Medium;font-size:18px;color:#333;line-height:1.2;padding:0 5px}.focus-input100{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}.focus-input100::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;background:#7f7f7f}input.input100{height:40px}.input100:focus+.focus-input100::before{width:100%}.has-val.input100+.focus-input100::before{width:100%}.container-contact100-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;padding-top:13px}.wrap-contact100-form-btn{width:100%;display:block;position:relative;z-index:1;border-radius:25px;overflow:hidden;margin:0 auto}.contact100-form-bgbtn{position:absolute;z-index:-1;width:300%;height:100%;background:#19012e;background:-webkit-linear-gradient(left,#19012e,#19012e,#19012e,#19012e);background:-o-linear-gradient(left,#00dbde,#fc00ff,#00dbde,#fc00ff);background:-moz-linear-gradient(left,#00dbde,#fc00ff,#00dbde,#fc00ff);background:linear-gradient(left,#00dbde,#fc00ff,#00dbde,#fc00ff);top:0;left:-100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.contact100-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 20px;width:100%;height:50px;font-family:Poppins-Medium;font-size:16px;color:#fff;line-height:1.2}.wrap-contact100-form-btn:hover .contact100-form-bgbtn{left:0}.contact100-form-btn i{-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.contact100-form-btn:hover i{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}@media (max-width:576px){.wrap-contact100{padding:72px 15px 65px 15px}}.wrap-contact100{width:800px;background:#fff;border-radius:10px;overflow:hidden;padding:42px 55px 45px 55px}.contact100-form-title{font-size:26px}
52
+ #pdf-viewer {
53
+ width: 100%;
54
+ height: 350px;
55
+ background: rgba(0, 0, 0, 0.1);
56
+ overflow: auto;
57
+ }
58
+
59
+ .pdf-page-canvas {
60
+ display: block;
61
+ margin: 5px auto;
62
+ border: 1px solid rgba(0, 0, 0, 0.2);
63
+ }
64
+
65
+ </style>
66
+ <style type="text/css">
67
+ #pdf-viewer {
68
+ width: 100%;
69
+ height: 450px;
70
+ background: rgba(0, 0, 0, 0.1);
71
+ overflow: auto;
72
+ }
73
+
74
+ .pdf-page-canvas {
75
+ display: block;
76
+ margin: 5px auto;
77
+ border: 1px solid rgba(0, 0, 0, 0.2);
78
+ }
79
+ </style>
80
+
81
+ </head>
82
+ <body>
83
+
84
+ <div id="content" class="main-content">
85
+
86
+ <div class="layout-px-spacing">
87
+ <div class="row layout-top-spacing">
88
+ <div class="container-contact100">
89
+
90
+ <br>
91
+ <div class="wrap-contact100">
92
+
93
+ <form class="contact100-form validate-form" action="/predictnoshow" method="GET">
94
+ <span class="contact100-form-title" style="font-size:32px">Patient's No-Show Probability</span>
95
+ <div>
96
+ <span class="contact100-form-title" style="color: #ff0000;" > {{ predictions }} </span>
97
+
98
+ </div>
99
+ <br>
100
+
101
+ <div>
102
+ <embed type="text/html" src={{ url_for('report') }} width="100%" height="500">
103
+ </div>
104
+ <br>
105
+
106
+
107
+ <div class="wrap-input100 " >
108
+ <span class="label-input100">Age</span>
109
+ <input class="input100" type="text" id="Age" name="Age" placeholder="Age ex: 24" required>
110
+ <span class="focus-input100"></span>
111
+ </div>
112
+
113
+ <div class="wrap-input100" style="border-bottom: 0px;" >
114
+ <span class="label-input100">Missed An Appointment Before?</span>
115
+ <select class="input100" id="MissedPrior" name="MissedPrior" style="padding: 10px 5px;margin-top: 15px;border: 2px solid #d9d9d9;" required>
116
+ <option value=""> Missed An Appointment Before?</option>
117
+ <option value=1>Yes</option>
118
+ <option value=0>No</option>
119
+
120
+ </select>
121
+ <span class="focus-input100"></span>
122
+ </div>
123
+
124
+ <div class="wrap-input100" style="border-bottom: 0px;" >
125
+ <span class="label-input100">Does Patient Have Hypertension?</span>
126
+ <select class="input100" id="Hypertension" name="Hypertension" style="padding: 10px 5px;margin-top: 15px;border: 2px solid #d9d9d9;" required>
127
+ <option value=""> Missed An Appointment Before?</option>
128
+ <option value=1>Yes</option>
129
+ <option value=0>No</option>
130
+
131
+ </select>
132
+ <span class="focus-input100"></span>
133
+ </div>
134
+
135
+ <div class="wrap-input100" style="border-bottom: 0px;" >
136
+ <span class="label-input100">Does Patient Have Diabetes?</span>
137
+ <select class="input100" id="Diabetes" name="Diabetes" style="padding: 10px 5px;margin-top: 15px;border: 2px solid #d9d9d9;" required>
138
+ <option value=""> Does Patient Have Diabetes?</option>
139
+ <option value=1>Yes</option>
140
+ <option value=0>No</option>
141
+
142
+ </select>
143
+ <span class="focus-input100"></span>
144
+ </div>
145
+ <div class="wrap-input100" style="border-bottom: 0px;" >
146
+ <span class="label-input100"> Was Patient Reminded?</span>
147
+ <select class="input100" id="Reminded" name="Reminded" style="padding: 10px 5px;margin-top: 15px;border: 2px solid #d9d9d9;" required>
148
+ <option value=""> Was Patient Reminded?</option>
149
+ <option value=1>Yes</option>
150
+ <option value=0>No</option>
151
+
152
+ </select>
153
+ <span class="focus-input100"></span>
154
+ </div>
155
+
156
+ <div class="wrap-input100 " >
157
+ <span class="label-input100">Total Missed Appointment</span>
158
+ <input class="input100" type="text" id="TotalMissed" name="TotalMissed" placeholder="Total Missed ex: 3" required>
159
+ <span class="focus-input100"></span>
160
+ </div>
161
+
162
+ <span class="contact100-form-title" style="color: #ff0000;" > {{ predictions }} </span>
163
+
164
+ <div class="container-contact100-form-btn">
165
+
166
+ <div class="wrap-contact100-form-btn">
167
+
168
+ <div class="contact100-form-bgbtn"></div>
169
+ <button class="contact100-form-btn" id='submit' type="submit" value="Upload" method="GET">Submit</button>
170
+
171
+ </div>
172
+ </div>
173
+ <br>
174
+ <embed type="text/html" src={{ url_for('code') }} width="100%" height="500">
175
+ <br>
176
+ <br>
177
+
178
+ </form>
179
+ <center>
180
+ <a href="{{ url_for('static', filename='code.ipynb') }}" download>
181
+ <button>Download Notebook</button>
182
+ </a>
183
+
184
+ </div>
185
+ </center>
186
+
187
+ </div>
188
+ </div>
189
+ </div>
190
+
191
+ </div>
192
+ <!-- END MAIN CONTAINER -->
193
+
194
+ </html>
templates/report.html ADDED
The diff for this file is too large to render. See raw diff