Log In Sign Up
Models:
Richard Zick
RichardZick/
Lung-Cancer-Project
0
Downloads: 1
Diff of /templates/lung_cancer.html [000000] .. [450719]

Switch to unified view

a b/templates/lung_cancer.html 

  1
  
<!DOCTYPE html>





  
  

  2
  
<html lang="en">





  
  

  3
  
<head>





  
  

  4
  
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>





  
  

  5
  
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>





  
  

  6
  
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>





  
  

  7
  
  <title>Starter Template - Materialize</title>





  
  

  8
  
    <link rel="shortcut icon" href="/static/favito.png">





  
  

  9
  





  
  

  10
  
  <!-- CSS  -->





  
  

  11
  
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">





  
  

  12
  
  <link href="../static/css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>





  
  

  13
  
  <link href="../static/css2/style.css " type="text/css" rel="stylesheet" media="screen,projection"/>





  
  

  14
  
</head>





  
  

  15
  





  
  

  16
  
<body>





  
  

  17
  
  <nav class="light-blue lighten-1" role="navigation">





  
  

  18
  
    <div class="nav-wrapper container"> <a id="logo-container" href="#" class="brand-logo">





  
  

  19
  
    Cancer Analyzation





  
  

  20
  
    </a>





  
  

  21
  





  
  

  22
  
      <ul id="nav-mobile" class="sidenav">





  
  

  23
  
        <li><a href="#">Navbar Link</a></li>





  
  

  24
  
      </ul>





  
  

  25
  
      <a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>





  
  

  26
  
    </div>





  
  

  27
  
  </nav>





  
  

  28
  





  
  

  29
  





  
  

  30
  
  <div class="section no-pad-bot" id="index-banner">





  
  

  31
  
    <div class="container">





  
  

  32
  
      <br><br>





  
  

  33
  
      <h1 class="header center orange-text">Lung Cancer Analyzation</h1>





  
  

  34
  
      <div class="row center">





  
  

  35
  
        <h5 class="header col s12 light">Predict Person Lung Cancer Status





  
  

  36
  
        <br>





  
  

  37
  
        </h5>





  
  

  38
  
      </div>





  
  

  39
  





  
  

  40
  
         <div class="row center">





  
  

  41
  
             <h5 class="header col s12 light">Input Your Level Status





  
  

  42
  
        <br>





  
  

  43
  
        </h5>





  
  

  44
  
        <h6 class="header col s12 light">0= Low , 1 = Average , 2 = Critical





  
  

  45
  
        <br>





  
  

  46
  
        </h6>





  
  

  47
  
      </div>





  
  

  48
  





  
  

  49
  
<div class="row">





  
  

  50
  
{#         1) Input Patient's Gender#}





  
  

  51
  
<form action='/predict' method="POST" class="col s12">





  
  

  52
  
        <div class="input-field col s4">





  
  

  53
  





  
  

  54
  
   <label for="gender">Gender (Male=0/Female=1) </label>





  
  

  55
  
            <br><br>





  
  

  56
  
  <select id="gender" name="GENDER" required="required">





  
  

  57
  
    <option value="" disabled selected>Gender</option>





  
  

  58
  
    <option value="0">0</option>





  
  

  59
  
    <option value="1">1</option>





  
  

  60
  
  </select>





  
  

  61
  
{#          <label for="gender"><b>Gender (Male=0/Female=1) </b></label>#}





  
  

  62
  
{#            <br>#}





  
  

  63
  
{#          <input id="gender" name="GENDER" placeholder="Input Gender 0/1"  type="text" class="validate" required="required">#}





  
  

  64
  
        </div>





  
  

  65
  





  
  

  66
  
        {#      2)  Input Patient's Age#}





  
  

  67
  





  
  

  68
  





  
  

  69
  
        <div class="input-field col s4">





  
  

  70
  
            <label for="age"><b>Age</b></label>





  
  

  71
  
            <br>





  
  

  72
  
          <input placeholder="Your Age" name="AGE" id="age" type="text" class="validate" required="required">





  
  

  73
  
        </div>





  
  

  74
  





  
  

  75
  
          {#        3)Input Level of Smoking #}





  
  

  76
  
<div class="input-field col s4">





  
  

  77
  
   <label>Smoking Level</label>





  
  

  78
  
            <br><br>





  
  

  79
  
  <select id="smoke" name="SMOKING" required="required">





  
  

  80
  
    <option value="" disabled selected> Smoking Level</option>





  
  

  81
  
    <option value="0">0</option>





  
  

  82
  
    <option value="1">1</option>





  
  

  83
  
    <option value="2">2</option>





  
  

  84
  
  </select>





  
  

  85
  
{#           <label for="smoke"><b>Smoking Level</b></label>#}





  
  

  86
  
{#    <br>#}





  
  

  87
  
{#  <input id="smoke" name="SMOKING"  placeholder="Input 0/1/2" type="text" class="validate" required="required">#}





  
  

  88
  
  </div>





  
  

  89
  





  
  

  90
  
          {#  4) Input Yellow Finger Status#}





  
  

  91
  
<div class="input-field col s3">





  
  

  92
  
   <label>Yellow Finger Level</label>





  
  

  93
  
            <br><br>





  
  

  94
  
  <select id="yelfinger" name="YELLOW_FINGERS" required="required">





  
  

  95
  
    <option value="" disabled selected>Yellow Finger</option>





  
  

  96
  
    <option value="0">0</option>





  
  

  97
  
    <option value="1">1</option>





  
  

  98
  
    <option value="2">2</option>





  
  

  99
  
  </select>





  
  

  100
  
{#           <label for="yelfinger"><b>Yellow Finger Level</b></label>#}





  
  

  101
  
{#    <br>#}





  
  

  102
  
{#  <input id="yelfinger" name="YELLOW_FINGERS" placeholder="Input 0/1/2" type="text" class="validate" required="required">#}





  
  

  103
  
  </div>





  
  

  104
  





  
  

  105
  
{#      5 )   Input Anxiety Level#}





  
  

  106
  
        <div class="input-field col s3">





  
  

  107
  
               <label>Anxiety Level</label>





  
  

  108
  
            <br><br>





  
  

  109
  
  <select id="anxiety" name="Anxiety" required="required">





  
  

  110
  
    <option value="" disabled selected>Anxiety Level</option>





  
  

  111
  
    <option value="0">0</option>





  
  

  112
  
    <option value="1">1</option>





  
  

  113
  
    <option value="2">2</option>





  
  

  114
  
  </select>





  
  

  115
  
{#            <label for="anxiety"><b>Anxiety Level</b></label>#}





  
  

  116
  
{#            <br>#}





  
  

  117
  
{#          <input id="anxiety" name="Anxiety" placeholder="Input 0/1/2" type="text" class="validate" required="required">#}





  
  

  118
  





  
  

  119
  
        </div>





  
  

  120
  





  
  

  121
  
          {#        6)Input Peer-Pressure  #}





  
  

  122
  
        <div class="input-field col s3">





  
  

  123
  
   <label>Peer-Pressure Level</label>





  
  

  124
  
            <br><br>





  
  

  125
  
  <select id="peer" name="PEER_PRESSURE" required="required">





  
  

  126
  
    <option value="" disabled selected>Peer-Pressure Level</option>





  
  

  127
  
    <option value="0">0</option>





  
  

  128
  
    <option value="1">1</option>





  
  

  129
  
    <option value="2">2</option>





  
  

  130
  
  </select>





  
  

  131
  
{#            <label for="peer"><b>Input Peer-Pressure</b></label>#}





  
  

  132
  
{#    <br>#}





  
  

  133
  
{#  <input id="peer" name="PEER_PRESSURE" placeholder="Input 0/1/2" type="text" class="validate" required="required">#}





  
  

  134
  
</div>





  
  

  135
  





  
  

  136
  
          {#  7) Input Chronic Disease#}





  
  

  137
  
        <div class="input-field col s3">





  
  

  138
  
   <label>Chronic Disease Level</label>





  
  

  139
  
            <br><br>





  
  

  140
  
  <select id="chronic" name="CHRONIC DISEASE" required="required">





  
  

  141
  
    <option value="" disabled selected>Chronic Disease Level</option>





  
  

  142
  
    <option value="0">0</option>





  
  

  143
  
    <option value="1">1</option>





  
  

  144
  
    <option value="2">2</option>





  
  

  145
  
  </select>





  
  

  146
  
{#            <label for="chronic"><b>Input Chronic Disease</b></label>#}





  
  

  147
  
{#    <br>#}





  
  

  148
  
{#  <input id="chronic" name="CHRONIC DISEASE" placeholder="Input 0/1/2" type="text" class="validate" required="required">#}





  
  

  149
  





  
  

  150
  
  </div>





  
  

  151
  





  
  

  152
  





  
  

  153
  





  
  

  154
  
{#      8) Input Fatigue Level #}





  
  

  155
  
  <div class="input-field col s3">





  
  

  156
  
   <label>Fatigue Level</label>





  
  

  157
  
            <br><br>





  
  

  158
  
  <select id="fatigue" name="FATIGUE" required="required">





  
  

  159
  
    <option value="" disabled selected>Fatigue Level</option>





  
  

  160
  
    <option value="0">0</option>





  
  

  161
  
    <option value="1">1</option>





  
  

  162
  
    <option value="2">2</option>





  
  

  163
  
  </select>





  
  

  164
  
{#       <label for="fatigue"><b>Fatigue Level</b></label>#}





  
  

  165
  
{#    <br>#}





  
  

  166
  
{#  <input id="fatigue" name="FATIGUE" placeholder="Input 0/1/2" type="text" class="validate" required="required">#}





  
  

  167
  
</div>





  
  

  168
  





  
  

  169
  
                  {#  9)  Input Allergy Level#}





  
  

  170
  
 <div class="input-field col s3">





  
  

  171
  
   <label>Allergy Level</label>





  
  

  172
  
            <br><br>





  
  

  173
  
  <select id="allergy" name="ALLERGY" required="required">





  
  

  174
  
    <option value="" disabled selected>Allergy Level</option>





  
  

  175
  
    <option value="0">0</option>





  
  

  176
  
    <option value="1">1</option>





  
  

  177
  
    <option value="2">2</option>





  
  

  178
  
  </select>





  
  

  179
  
{#      <label for="allergy"><b>Allergy Level</b></label>#}





  
  

  180
  
{#    <br>#}





  
  

  181
  
{#  <input id="allergy" name="ALLERGY" placeholder="Input 0/1/2" type="text" class="validate" required="required">#}





  
  

  182
  
</div>





  
  

  183
  





  
  

  184
  





  
  

  185
  
{#  10)Input Wheezing Status#}





  
  

  186
  
       <div class="input-field col s3">





  
  

  187
  
   <label>Wheezing Level</label>





  
  

  188
  
            <br><br>





  
  

  189
  
  <select id="wheeze" name="WHEEZING" required="required">





  
  

  190
  
    <option value="" disabled selected>Wheezing Level</option>





  
  

  191
  
    <option value="0">0</option>





  
  

  192
  
    <option value="1">1</option>





  
  

  193
  
    <option value="2">2</option>





  
  

  194
  
  </select>





  
  

  195
  
{#           <label for="wheeze"><b>Wheezing Level</b></label>#}





  
  

  196
  
{#    <br>#}





  
  

  197
  
{#  <input id="wheeze" name="WHEEZING"  placeholder="Input 0/1/2" type="text" class="validate" required="required">#}





  
  

  198
  
</div>





  
  

  199
  





  
  

  200
  
          {#    11)  Input Alcohol Consuming  #}





  
  

  201
  
  <div class="input-field col s3">





  
  

  202
  
   <label>Alcohol Level</label>





  
  

  203
  
            <br><br>





  
  

  204
  
  <select id="alcohol" name="ALCOHOL CONSUMING" required="required">





  
  

  205
  
    <option value="" disabled selected>Alcohol Level</option>





  
  

  206
  
    <option value="0">0</option>





  
  

  207
  
    <option value="1">1</option>





  
  

  208
  
    <option value="2">2</option>





  
  

  209
  
  </select>





  
  

  210
  
{#         <label for="alcohol"><b>Alcohol Level</b></label>#}





  
  

  211
  
{#    <br>#}





  
  

  212
  
{#  <input id="alcohol" name="ALCOHOL CONSUMING" placeholder="Input 0/1/2" type="text" class="validate" required="required">#}





  
  

  213
  
</div>





  
  

  214
  





  
  

  215
  





  
  

  216
  
        {#       12)  Input Coughing #}





  
  

  217
  
        <div class="input-field col s3">





  
  

  218
  





  
  

  219
  
               <label>Cough Level</label>





  
  

  220
  
            <br><br>





  
  

  221
  
  <select id="cough" name="COUGHING" required="required">





  
  

  222
  
    <option value="" disabled selected>Cough Level</option>





  
  

  223
  
    <option value="0">0</option>





  
  

  224
  
    <option value="1">1</option>





  
  

  225
  
    <option value="2">2</option>





  
  

  226
  
  </select>





  
  

  227
  





  
  

  228
  
{#     <label for="cough"><b>Cough Level</b></label>#}





  
  

  229
  
{#    <br>#}





  
  

  230
  
{#  <input id="cough" name="COUGHING"  placeholder="Input 0/1/2" type="text" class="validate" required="required">#}





  
  

  231
  





  
  

  232
  
  </div>





  
  

  233
  





  
  

  234
  





  
  

  235
  





  
  

  236
  
{#     13) Input Shortness Breath#}





  
  

  237
  
 <div class="input-field col s3">





  
  

  238
  
   <label>Shortness of Breathing</label>





  
  

  239
  
            <br><br>





  
  

  240
  
  <select id="breathing" name="SHORTNESS OF BREATH" required="required">





  
  

  241
  
    <option value="" disabled selected>Shortness of Breathing</option>





  
  

  242
  
    <option value="0">0</option>





  
  

  243
  
    <option value="1">1</option>





  
  

  244
  
    <option value="2">2</option>





  
  

  245
  
  </select>





  
  

  246
  
{#     <label for="breathing"><b>Shortness of Breathing</b></label>#}





  
  

  247
  
{#    <br>#}





  
  

  248
  
{#  <input id="breathing" name="SHORTNESS OF BREATH" placeholder="Input 0/1/2" type="text" class="validate" required="required">#}





  
  

  249
  
</div>





  
  

  250
  





  
  

  251
  





  
  

  252
  





  
  

  253
  
{#     14)  Input Swallowing Difficulity #}





  
  

  254
  
  <div class="input-field col s3">





  
  

  255
  
   <label>Swallowing Level</label>





  
  

  256
  
            <br><br>





  
  

  257
  
  <select id="swallowing" name="SWALLOWING DIFFICULTY" required="required">





  
  

  258
  
    <option value="" disabled selected>Swallowing Level</option>





  
  

  259
  
    <option value="0">0</option>





  
  

  260
  
    <option value="1">1</option>





  
  

  261
  
    <option value="2">2</option>





  
  

  262
  
  </select>





  
  

  263
  
{#      <label for="swallowing"><b>Swallowing Level</b></label>#}





  
  

  264
  
{#    <br>#}





  
  

  265
  
{#  <input id="swallowing" name="SWALLOWING DIFFICULTY" placeholder="Input 0/1/2" type="text" class="validate" required="required">#}





  
  

  266
  
</div>





  
  

  267
  





  
  

  268
  
{#     15)  Chest Pain #}





  
  

  269
  
  <div class="input-field col s3">





  
  

  270
  
   <label>Chest Pain</label>





  
  

  271
  
            <br><br>





  
  

  272
  
  <select id="chest" name="CHEST PAIN" required="required">





  
  

  273
  
    <option value="" disabled selected>Chest Pain</option>





  
  

  274
  
    <option value="0">0</option>





  
  

  275
  
    <option value="1">1</option>





  
  

  276
  
    <option value="2">2</option>





  
  

  277
  
  </select>





  
  

  278
  
{#       <label for="chest"><b>Chest Pain</b></label>#}





  
  

  279
  
{#    <br>#}





  
  

  280
  
{#  <input id="chest" name="CHEST PAIN"  placeholder="Input 0/1/2" type="text" class="validate" required="required">#}





  
  

  281
  
</div>





  
  

  282
  
<br><br><br>





  
  

  283
  
      </div>





  
  

  284
  





  
  

  285
  





  
  

  286
  
      <div class="row center">





  
  

  287
  





  
  

  288
  
          <button type="submit" class="btn-large waves-effect waves-light orange">Predict Patience Lung Cancer Status</button>





  
  

  289
  
      </div>





  
  

  290
  





  
  

  291
  
    </form>





  
  

  292
  





  
  

  293
  
      </div>





  
  

  294
  





  
  

  295
  
      <br>





  
  

  296
  
  <div class="row center">





  
  

  297
  
      <ul class="collapsible expandable" data-collapsoble="expandable">





  
  

  298
  
    <li>





  
  

  299
  
      <div class="collapsible-header"><i class="material-icons">filter_drama</i>Lung Cancer Prediction</div>





  
  

  300
  
      <div class="collapsible-body"><span> {{pred}}</span></div>





  
  

  301
  
    </li>





  
  

  302
  
      </ul>





  
  

  303
  
  </div>





  
  

  304
  





  
  

  305
  
    </div>





  
  

  306
  





  
  

  307
  
    <br><br>





  
  

  308
  
  </div>





  
  

  309
  





  
  

  310
  





  
  

  311
  
  <footer class="page-footer orange">





  
  

  312
  
    <div class="container">





  
  

  313
  
      <div class="row">





  
  

  314
  
        <div class="col l6 s12">





  
  

  315
  
          <h5 class="white-text">Company Bio</h5>





  
  

  316
  
          <p class="grey-text text-lighten-4">We are a team of college students working on this project like it's our full time job. Any amount would help support and continue development on this project and is greatly appreciated.</p>





  
  

  317
  





  
  

  318
  





  
  

  319
  
        </div>





  
  

  320
  
        <div class="col l3 s12">





  
  

  321
  
          <h5 class="white-text">Settings</h5>





  
  

  322
  
          <ul>





  
  

  323
  
            <li><a class="white-text" href="#!">Link 1</a></li>





  
  

  324
  
            <li><a class="white-text" href="#!">Link 2</a></li>





  
  

  325
  
          </ul>





  
  

  326
  
        </div>





  
  

  327
  
        <div class="col l3 s12">





  
  

  328
  
          <h5 class="white-text">Connect</h5>





  
  

  329
  
          <ul>





  
  

  330
  
            <li><a class="white-text" href="#!">Link 1</a></li>





  
  

  331
  
            <li><a class="white-text" href="#!">Link 2</a></li>





  
  

  332
  
          </ul>





  
  

  333
  
        </div>





  
  

  334
  
      </div>





  
  

  335
  
    </div>





  
  

  336
  
    <div class="footer-copyright">





  
  

  337
  
      <div class="container">





  
  

  338
  
      Made by <a class="orange-text text-lighten-3" href="http://materializecss.com">Materialize</a>





  
  

  339
  
      </div>





  
  

  340
  
    </div>





  
  

  341
  
  </footer>





  
  

  342
  





  
  

  343
  





  
  

  344
  
  <!--  Scripts-->





  
  

  345
  
  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>





  
  

  346
  
  <script src="../static/js/materialize.js"></script>





  
  

  347
  
  <script src="../static/js/init.js"></script>





  
  

  348
  
  <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>





  
  

  349
  
  </body>





  
  

  350
  
</html>





  
  

  351