Log In Sign Up
Models:
Joseph Gordon
joseph-gordon/
Diabetic-Patients-Readmis
0
Downloads: 1
Diff of /templates/index.html [000000] .. [32c3b9]

Switch to unified view

a b/templates/index.html 

  1
  
<!DOCTYPE html>





  
  

  2
  
<html lang="en">





  
  

  3
  
  <head>





  
  

  4
  
    <meta charset="UTF-8" />





  
  

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





  
  

  6
  
    <title>Diabetes Patient's Readmission Prediction</title>





  
  

  7
  
    <link





  
  

  8
  
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"





  
  

  9
  
      rel="stylesheet"





  
  

  10
  
    />





  
  

  11
  
    <style>





  
  

  12
  
      .container {





  
  

  13
  
        max-width: 500px; /* Adjust the width as needed */





  
  

  14
  
        margin: auto;





  
  

  15
  
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Shadow effect */





  
  

  16
  
        padding: 20px;





  
  

  17
  
        background-color: white;





  
  

  18
  
        border-radius: 10px;





  
  

  19
  
      }





  
  

  20
  
      .disclaimer {





  
  

  21
  
        margin-top: 20px;





  
  

  22
  
        font-size: 0.85em;





  
  

  23
  
        text-align: center;





  
  

  24
  
      }





  
  

  25
  
    </style>





  
  

  26
  
  </head>





  
  

  27
  
  <body>





  
  

  28
  
    <div class="container">





  
  

  29
  
      <h2 class="my-4">Diabetes Patient's Readmission Prediction</h2>





  
  

  30
  





  
  

  31
  
      <!-- Check if prediction is available -->





  
  

  32
  
      {% if prediction is defined %}





  
  

  33
  
      <div class="alert alert-info">Prediction: {{ prediction }}</div>





  
  

  34
  
      {% endif %}





  
  

  35
  
      <!-- Display error message if present -->





  
  

  36
  
      {% if error is defined %}





  
  

  37
  
      <div class="alert alert-danger text-center">{{ error }}</div>





  
  

  38
  
      {% endif %}





  
  

  39
  





  
  

  40
  
      <form action="/predict" method="post">





  
  

  41
  
        <div class="form-group">





  
  

  42
  
          <label for="number_inpatient">Number of Times as Inpatient</label>





  
  

  43
  
          <input





  
  

  44
  
            type="number"





  
  

  45
  
            class="form-control"





  
  

  46
  
            id="number_inpatient"





  
  

  47
  
            name="number_inpatient"





  
  

  48
  
            value="0"





  
  

  49
  
            required





  
  

  50
  
          />





  
  

  51
  
        </div>





  
  

  52
  
        <div class="form-group">





  
  

  53
  
          <label for="number_emergency">Number Emergency Cases</label>





  
  

  54
  
          <input





  
  

  55
  
            type="number"





  
  

  56
  
            class="form-control"





  
  

  57
  
            id="number_emergency"





  
  

  58
  
            name="number_emergency"





  
  

  59
  
            value="0"





  
  

  60
  
            required





  
  

  61
  
          />





  
  

  62
  
        </div>





  
  

  63
  
        <div class="form-group">





  
  

  64
  
          <label for="number_emergency">Number of Diagnosis</label>





  
  

  65
  
          <input





  
  

  66
  
            type="number"





  
  

  67
  
            class="form-control"





  
  

  68
  
            id="number_diagnosis"





  
  

  69
  
            name="number_diagnosis"





  
  

  70
  
            value="0"





  
  

  71
  
            required





  
  

  72
  
          />





  
  

  73
  
        </div>





  
  

  74
  
        <div class="form-group">





  
  

  75
  
          <label for="number_emergency">Number of times as Outpatient</label>





  
  

  76
  
          <input





  
  

  77
  
            type="number"





  
  

  78
  
            class="form-control"





  
  

  79
  
            id="number_outpatient"





  
  

  80
  
            name="number_outpatient"





  
  

  81
  
            value="0"





  
  

  82
  
            required





  
  

  83
  
          />





  
  

  84
  
        </div>





  
  

  85
  
        <div class="form-group">





  
  

  86
  
          <label for="number_emergency">Number of Dig-1-428</label>





  
  

  87
  
          <input





  
  

  88
  
            type="number"





  
  

  89
  
            class="form-control"





  
  

  90
  
            id="nummer_dig_1_428"





  
  

  91
  
            name="number_dig_1_428"





  
  

  92
  
            value="0"





  
  

  93
  
            required





  
  

  94
  
          />





  
  

  95
  
        </div>





  
  

  96
  
        <div class="form-group">





  
  

  97
  
          <label for="number_emergency">Number of Diabetes Medication</label>





  
  

  98
  
          <input





  
  

  99
  
            type="number"





  
  

  100
  
            class="form-control"





  
  

  101
  
            id="number_diabetesMed_Yes"





  
  

  102
  
            name="number_diabetesMed_Yes"





  
  

  103
  
            value="0"





  
  

  104
  
            required





  
  

  105
  
          />





  
  

  106
  
        </div>





  
  

  107
  
        <div class="form-group">





  
  

  108
  
          <label for="number_emergency">Number of Medication</label>





  
  

  109
  
          <input





  
  

  110
  
            type="number"





  
  

  111
  
            class="form-control"





  
  

  112
  
            id="number_num_medications"





  
  

  113
  
            name="number_num_medications"





  
  

  114
  
            value="0"





  
  

  115
  
            required





  
  

  116
  
          />





  
  

  117
  
        </div>





  
  

  118
  
        <div class="form-group">





  
  

  119
  
          <label for="number_emergency">Number of Times in Hospital</label>





  
  

  120
  
          <input





  
  

  121
  
            type="number"





  
  

  122
  
            class="form-control"





  
  

  123
  
            id="number_time_in_hospital"





  
  

  124
  
            name="number_time_in_hospital"





  
  

  125
  
            value="0"





  
  

  126
  
            required





  
  

  127
  
          />





  
  

  128
  
        </div>





  
  

  129
  





  
  

  130
  
        <div class="text-center">





  
  

  131
  
          <button type="submit" class="btn-lg btn-primary">Predict</button>





  
  

  132
  
        </div>





  
  

  133
  
      </form>





  
  

  134
  
      <div class="disclaimer">





  
  

  135
  
        <p>





  
  

  136
  
          <strong class="text-danger">Please Note:</strong>This prediction is





  
  

  137
  
          not a medical diagnosis and should not be taken as such. Always





  
  

  138
  
          consult with a healthcare professional for medical advice.





  
  

  139
  
        </p>





  
  

  140
  
      </div>





  
  

  141
  
    </div>





  
  

  142
  





  
  

  143
  
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>





  
  

  144
  
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>





  
  

  145
  
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>





  
  

  146
  
  </body>





  
  

  147
  
</html>