view.php 4.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!DOCTYPE html>
  2. <!--
  3. Copyright (C) 2021 Echedey López Romero <elr@disroot.org>
  4. This program is free software: you can redistribute it and/or modify
  5. it under the terms of the GNU General Public License as published by
  6. the Free Software Foundation, either version 3 of the License, or
  7. (at your option) any later version.
  8. This program is distributed in the hope that it will be useful,
  9. but WITHOUT ANY WARRANTY; without even the implied warranty of
  10. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  11. GNU General Public License for more details.
  12. You should have received a copy of the GNU General Public License
  13. along with this program. If not, see <http://www.gnu.org/licenses/>.
  14. -->
  15. <html lang="en">
  16. <head>
  17. <meta charset="UTF-8" />
  18. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  19. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  20. <meta name="author" content="Echedey López Romero" />
  21. <title>Horoscope</title>
  22. <link rel="stylesheet" href="./frameworks/bootstrap/css/bootstrap.min.css" />
  23. <script src="./frameworks/jquery/jquery-3.5.1.slim.min.js"></script>
  24. <script src="./frameworks/bootstrap/js/bootstrap.bundle.min.js"></script>
  25. <link rel="stylesheet" href="./css/common.css" />
  26. <script type="text/javascript" src="./js/common.js"></script>
  27. </head>
  28. <body class="container">
  29. <div class="row my-3">
  30. <div class="col"></div>
  31. <div class="col-lg-6 col-sm-8 col-12 border border-primary rounded p-3">
  32. <h1 class="text-center">Horoscope</h1>
  33. <form action="./index.php" method="POST">
  34. <div class="container mb-2">
  35. <div class="row">
  36. <div class="col-lg-6 col-12 p-0 pr-lg-1 mb-lg-0 mb-2">
  37. <div class="form-group">
  38. <label class="d-block t-large text-center" for="month">Month</label>
  39. <?php echo CreateSelect($Months, 'month', $Month); ?>
  40. <script>AddOnChangeMonth();</script>
  41. </div>
  42. </div>
  43. <div class="col-lg-6 col-12 p-0 pl-lg-1">
  44. <div class="form-group">
  45. <label class="d-block t-large text-center" for="day">Day</label>
  46. <?php echo CreateSelect($Days, 'day', $Day); ?>
  47. </div>
  48. </div>
  49. <script>LimitDays();</script>
  50. </div>
  51. </div>
  52. <div class="container">
  53. <div class="row mb-2">
  54. <div class="col-md-6 col-12 p-0 pr-md-1 m-md-0 mb-2">
  55. <button type="submit" name="operation" value="consult"
  56. class="btn btn-primary btn-lg btn-block">Consult</button>
  57. </div>
  58. <div class="col-md-6 col-12 p-0 pl-md-1 m-md-0">
  59. <button type="submit" name="operation" value="all"
  60. class="btn btn-secondary btn-lg btn-block">Show All</button>
  61. </div>
  62. </div>
  63. <div class="row">
  64. <div class="col-12 p-0">
  65. <button type="reset"
  66. class="btn btn-danger btn-lg btn-block"
  67. onclick="Restart()">Restart</button>
  68. </div>
  69. </div>
  70. </div>
  71. </form>
  72. </div>
  73. <div class="col"></div>
  74. </div>
  75. <div class="row mb-3">
  76. <div class="col-sm-1"></div>
  77. <div class="col-sm-10 col-12 border border-primary rounded p-2">
  78. <div class="container" id="result">
  79. <?php echo $Result; ?>
  80. </div>
  81. </div>
  82. <div class="col-sm-1"></div>
  83. </div>
  84. </body>
  85. </html>