satilan_biletler.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <!doctype html>
  2. <html lang="tr">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="Tessera">
  7. <meta name="author" content="Özcan Oğuz">
  8. <link rel="icon" href="img/favicon.ico">
  9. <title>Tessera- BÜFK Biletleyici</title>
  10. <link href="css/bootstrap.min.css" rel="stylesheet">
  11. <link href="css/sticky-footer-navbar.css" rel="stylesheet">
  12. </head>
  13. <body>
  14. <header>
  15. <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
  16. <a class="navbar-brand" href="index.html">Tessera<span class="sr-only">
  17. </span></a>
  18. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  19. <span class="navbar-toggler-icon"></span>
  20. </button>
  21. <div class="collapse navbar-collapse" id="navbarCollapse">
  22. <ul class="navbar-nav ml-auto nav-pills">
  23. <li class="nav-item ">
  24. <a class="nav-link" href=".">Bilet kes</a>
  25. </li>
  26. <li class="nav-item" hidden>
  27. <a class="nav-link" href="gosteriler.html">Gösteriler</a>
  28. </li>
  29. <li class="nav-item">
  30. <a class="nav-link" href="salon.html">Salon planı</a>
  31. </li>
  32. <li class="nav-item active">
  33. <a class="nav-link" href="satilan_biletler.html">Satılan biletler<span class="sr-only"> (şu anda buradasınız)</span></a>
  34. </li>
  35. </ul>
  36. </div>
  37. </nav>
  38. </header>
  39. <main role="main" class="container">
  40. <div class="container">
  41. <form class="was-validated" id="form">
  42. <div class="form-group form-group-lg">
  43. <select id="gosteriler" class="custom-select form-control form-control-lg" required>
  44. <option value="">Gösteri</option>
  45. </select>
  46. </div> <div id="hidden" hidden>
  47. <div class="form-row">
  48. <div class="col">
  49. <label class="col-form-label">Koltuğu rastgele ata veya seç: </label>
  50. </div>
  51. <div class="col-auto my-1">
  52. <label class="mr-sm-2 sr-only" for="sira" >Sıra</label>
  53. <select class="custom-select mr-sm-2" id="sira" onchange="numaraYukle(this)">
  54. <option selected>Sıra</option>
  55. </select>
  56. </div>
  57. <div class="col-auto my-1">
  58. <label class="mr-sm-2 sr-only" for="numara">Numara</label>
  59. <select class="custom-select mr-sm-2" id="numara">
  60. <option selected>Numara</option>
  61. </select>
  62. </div>
  63. </div>
  64. <div class="form-row">
  65. <div class="col">
  66. <label class="col-form-label">Ücret kategorisi: </label>
  67. </div>
  68. <div class="col-auto my-1">
  69. <label class="mr-sm-2 sr-only" for="kategori">Kategori</label>
  70. <select class="custom-select mr-sm-2" id="kategori">
  71. <option value="tam" selected>Tam</option>
  72. <option value="ogr">Öğrenci</option>
  73. </select>
  74. </div>
  75. </div>
  76. <div class="form-group">
  77. <input type="text" class="form-control" id="isim" placeholder="İsim" required>
  78. <input type="text" class="form-control" id="eposta" placeholder="E-posta (opsiyonel)">
  79. <input type="text" class="form-control" id="telefon" placeholder="Telefon (opsiyonel)">
  80. </div> </div>
  81. <a class="btn btn-success" href="#" onclick="satilanlar()">Satılanlar</a>
  82. <a class="btn btn-primary" href="#" onclick="rezervasyonlar()">Rezervasyonlar</a>
  83. </form>
  84. <p class="lead" id="uyari"></p>
  85. </div>
  86. <div class="container">
  87. <div id="showData"> </div>
  88. </div>
  89. </main>
  90. <footer class="footer">
  91. <div class="container">
  92. <span class="text-muted">© 2019 <a href="https://www.antandros.com.tr">Antandros Teknoloji.</a> | Tessera, <a href ="lisans.html" target="_blank">GNU AGPL v3</a> ile lisanslanmış bir özgür yazılımdır. | <a href="javascript.html" rel="jslicense">JavaScript license information</a></span> | <a href="https://notabug.org/ooguz/tessera">Kaynak kodu</a>
  93. </div>
  94. </footer>
  95. <script src="js/jquery-3.2.1.slim.min.js"></script>
  96. <script src="js/popper.min.js"></script>
  97. <script src="js/bootstrap.min.js"></script>
  98. <script src="js/tessera.js"></script>
  99. </body>
  100. </html>