muhammad_nasif

imei_entry.html

Dec 9th, 2020
100
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.57 KB | None | 0 0
  1. <!DOCTYPE html>
  2. {% load static %}
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.  
  8.     <!-- Bootstrap CSS -->
  9.     <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  10.  
  11.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
  12.          integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  13.     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
  14.            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
  15.            crossorigin="anonymous"></script>
  16.     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
  17.            integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
  18.            crossorigin="anonymous"></script>
  19.     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
  20.            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
  21.            crossorigin="anonymous"></script>
  22.     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
  23.            integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
  24.            crossorigin="anonymous"></script>
  25.     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
  26.            integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s"
  27.            crossorigin="anonymous"></script>
  28.  
  29.  
  30.     <title>IMEI ENTRY</title>
  31. </head>
  32. <body>
  33.  
  34. <div class="container">
  35.     <div class="jumbotron">
  36.         <div class="card text-center">
  37.             <div class="card-header">
  38.                 <form method="POST" action="">
  39.                     {% csrf_token %}
  40.                     <input type="number" placeholder="Enter IMEI" name="imei_value">
  41.  
  42.                     {% if remaining == 0 %}
  43.                         <button type="button" class="btn btn-primary" disabled>Add</button>
  44.                     {% else %}
  45.                         <button type="submit" class="btn btn-primary" name="add_imei">Add</button>                    {% endif %}
  46.  
  47.                 </form>
  48.             </div>
  49.             <div class="card-body">
  50.                 {% if total_value != 0 %}
  51.                     <table class="table table-hover">
  52.                         <thead>
  53.                         <tr>
  54.                             <th scope="col">IMEI</th>
  55.                         </tr>
  56.                         </thead>
  57.                         <tbody>
  58.                         {% for data in table %}
  59.                             <tr>
  60.                                 <td>{{ data.imei }}</td>
  61.                             </tr>
  62.                         {% endfor %}
  63.                         </tbody>
  64.                     </table>
  65.                 {% else %}
  66.                     <p>No data to show...</p>
  67.                 {% endif %}
  68.  
  69.  
  70.             </div>
  71.             <div class="card-footer text-muted">
  72.                 Entry left: {{ remaining }}
  73.                 <br>
  74.                 {% if remaining == 0 %}
  75.                     <a class="btn btn-primary" href="submit_imei" role="button">Add to Database</a>
  76.                 {% else %}
  77.                     <button type="button" class="btn btn-lg btn-primary" disabled>Add to Database</button>
  78.                 {% endif %}
  79.             </div>
  80.  
  81.         </div>
  82.     </div>
  83. </div>
  84.  
  85. </body>
  86. </html>
Advertisement
Add Comment
Please, Sign In to add comment