Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!doctype html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.  
  8.     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
  9.        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  10.  
  11.     <title>Form Pendataan Vaksinasi</title>
  12.     <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  13.     <script src="main.js"></script>
  14. </head>
  15.  
  16. <body onload="document.getElementById('form-vaksinasi').reset();">
  17.     <nav class="navbar navbar-dark" style="background-color: #013880;">
  18.         <div class="container-fluid">
  19.             <a class="navbar-brand" href="">
  20.                 <img src="https://www.its.ac.id/wp-content/uploads/2017/10/logo-its-1.png" alt="" width="100"
  21.                    class="d-inline-block align-text-middle">
  22.                 Form Pendataan Vaksinasi
  23.             </a>
  24.             <a class="navbar-brand" href="https://farfnd.github.io">
  25.                 <img src="https://farfnd.github.io/assets/images/FAnewgrey.png" alt="" width="50"
  26.                    class="d-inline-block align-text-middle">
  27.             </a>
  28.         </div>
  29.     </nav>
  30.     <div class="container align-items-center justify-content-center">
  31.         <div class="card my-5 p-5">
  32.             <form id="form-vaksinasi" onsubmit="event.preventDefault(); validateForm();">
  33.                 <div class="mb-3">
  34.                     <label for="nama_lengkap" class="form-label"><strong>Nama Lengkap</strong></label>
  35.                     <input type="text" class="form-control" id="nama_lengkap" name="nama_lengkap" required>
  36.                 </div>
  37.                 <div class="mb-3">
  38.                     <label for="nrp" class="form-label"><strong>NRP</strong></label>
  39.                     <input type="number" class="form-control" id="nrp" name="nrp" required>
  40.                 </div>
  41.                 <div class="mb-3">
  42.                     <label for="email" class="form-label"><strong>Alamat email</strong></label>
  43.                     <input type="email" class="form-control" id="email" name="email" required>
  44.                 </div>
  45.                 <div class="mb-3">
  46.                     <label for="fakultas" class="form-label"><strong>Fakultas</strong></label>
  47.                     <select class="form-select" id="fakultas" name="fakultas" aria-label="Fakultas" onchange="showDepartemen(this)">
  48.                         <option value="0" selected disabled hidden>Pilih fakultas</option>
  49.                         <option value="scientics">Fakultas Sains dan Analitika Data (SCIENTICS)</option>
  50.                         <option value="indsys">Fakultas Teknologi Industri dan Rekayasa Sistem (INDSYS)</option>
  51.                         <option value="civplan">Fakultas Teknik Sipil Perencanaan dan Kebumian (CIVPLAN)</option>
  52.                         <option value="martech">Fakultas Teknologi Kelautan (MARTECH)</option>
  53.                         <option value="electics">Fakultas Teknologi Elektro dan Informatika Cerdas (ELECTICS)</option>
  54.                         <option value="creabiz">Fakultas Desain Kreatif dan Bisnis Digital (CREABIZ)</option>
  55.                         <option value="vocation">Fakultas Vokasi (VOCATION)</option>
  56.                     </select>
  57.                 </div>
  58.                 <div class="mb-3">
  59.                     <label for="departemen" class="form-label"><strong>Departemen</strong></label>
  60.                     <select class="form-select" aria-label="departemen" id="dropdown-departemen">
  61.                         <option selected disabled hidden>Pilih fakultas terlebih dahulu</option>
  62.                     </select>
  63.                 </div>
  64.                 <div class="mb-3">
  65.                     <label for="departemen" class="form-label"><strong>Status Vaksinasi</strong></label>
  66.                     <div class="form-check">
  67.                         <input class="form-check-input" type="radio" name="status" id="dosis_1" onchange="showJenisVaksin(this)">
  68.                         <label class="form-check-label" for="dosis_1">
  69.                             Dosis 1
  70.                         </label>
  71.                     </div>
  72.                     <div class="form-check">
  73.                         <input class="form-check-input" type="radio" name="status" id="dosis_2" onchange="showJenisVaksin(this)">
  74.                         <label class="form-check-label" for="dosis_2">
  75.                             Dosis 2
  76.                         </label>
  77.                     </div>
  78.                     <div class="form-check">
  79.                         <input class="form-check-input" type="radio" name="status" id="belum_vaksin" onchange="showAlasan(this)">
  80.                         <label class="form-check-label" for="belum_vaksin">
  81.                             Belum vaksin
  82.                         </label>
  83.                     </div>
  84.                 </div>
  85.                 <div class="mb-3" id="dropdown-jenis-vaksin" style="display: none;">
  86.                     <label for="jenis_vaksin" class="form-label"><strong>Jenis Vaksin</strong></label>
  87.                     <select class="form-select" aria-label="jenis_vaksin" id="jenis_vaksin" name="jenis_vaksin">
  88.                         <option value="0" selected disabled hidden>Pilih jenis vaksin</option>
  89.                         <option value="sinovac">CoronaVac (Sinovac)</option>
  90.                         <option value="astrazeneca">AstraZeneca</option>
  91.                         <option value="moderna">Moderna</option>
  92.                         <option value="pfizer">Pfizer</option>
  93.                         <option value="sinopharm">Sinopharm</option>
  94.                         <option value="novavax">Novavax</option>
  95.                     </select>
  96.                 </div>
  97.                 <div class="mb-3" id="dropdown-alasan" style="display: none;">
  98.                     <label for="alasan" class="form-label"><strong>Alasan</strong></label>
  99.                     <select class="form-select" aria-label="alasan" id="alasan" name="alasan">
  100.                         <option value="0" selected disabled hidden>Pilih jenis vaksin</option>
  101.                         <option value="1">Mengalami alergi berat, asma, atau lupus dalam waktu kurang dari 3 bulan</option>
  102.                         <option value="2">Sedang menjalani pengobatan untuk gangguan pembekuan darah, kelainan darah, dan defisiensi imun</option>
  103.                         <option value="3">Sedang menjalani pengobatan immunosupressan seperti kortikosteroid, kemoterapi, dan penerima produk darah/tranfusi</option>
  104.                         <option value="4">Berstatus sebagai penyintas COVID-19 dalam waktu kurang dari 3 bulan sebelum masa ETS semester gasal 2021/2022</option>
  105.                         <option value="5">Belum ada program vaksinasi COVID-19 di wilayah tempat tinggal</option>
  106.                         <option value="6">Lain-lain</option>
  107.                     </select>
  108.                 </div>
  109.                 <button type="submit" class="btn btn-primary">Submit</button>
  110.             </form>
  111.         </div>
  112.     </div>
  113.  
  114.     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
  115.        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
  116.        crossorigin="anonymous"></script>
  117.    
  118. </body>
  119.  
  120. </html>