Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
  6. <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
  7. <meta http-equiv="Content-Security-Policy" content="">
  8. <title>SIBS 2024</title>
  9. <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
  10. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  11. <link rel="stylesheet" href="./css/app.css">
  12. <script>
  13. // window.addEventListener('load', (event) => {
  14. // document.querySelector(".hello").textContent = "Hello from Electron with bulma css!";
  15. // });
  16. </script>
  17. </head>
  18. <body>
  19. <section class="section " style="max-height: 120vh;">
  20. <div
  21. style="background-image: url(Mask_Group_2.png); min-height: 175px; display: flex; flex-direction: column; justify-content: center; padding-left: 100px;padding-right: 100px;">
  22. <img class="pb-2" src="Group_49433x.png" style="height: auto;width: 8%" alt="">
  23. <h6 style="color: white; margin-bottom: 2px;">Pelan Kawasan Tanah Milik Perbadanan</h6>
  24. <h6 style="color: white; margin-bottom: 10px;font-weight: 400;">Setiausaha Kerajaan (PSK) Pahang Tanpa Skala
  25. </h6>
  26. <form id="fileForm" style="display: flex; align-items: center;">
  27. <input id="fileNumber" type="text" class="p-1"
  28. style="border-radius: 21px; border: none; padding-left: 20px !important; flex: 1;"
  29. placeholder="Search Here">
  30. <button class="btn btn-primary" type="submit" style="margin-left: 10px;">Search</button>
  31. </form>
  32. </div>
  33. <div class="text-center pt-1"
  34. style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
  35. <div class="pt-4" style="width: 600px;height: 100px;">
  36. <h3> <a href="./index.html" class="btn btn-primary" type="submit" style="margin-left: 10px;">Home</a></h3>
  37. </div>
  38. </div>
  39. <div class="text-left pt-1 container">
  40. <div class="pt-4 mb-0 pb-0">
  41. <h4>Senarai Hakmilik <b>Pertanian</b></h4>
  42. </div>
  43. </div>
  44. <div class="text-left pt-1 container">
  45. <div class="pt-4 text-nowrap flex-wrap">
  46. <h6>Raub</h6>
  47. <a href="./details/detail_hsd11991.html" class="button-23 mb-2 mr-2"
  48. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 11991</a>
  49. </div>
  50. </div>
  51. </section>
  52. <script>
  53. document.getElementById('fileForm').addEventListener('submit', function (event) {
  54. event.preventDefault(); // Prevent the form from submitting the traditional way
  55. var fileInput = document.getElementById('fileNumber').value;
  56. var numberRegex = /\d/; // Regular expression to check for any digit
  57. var matchedFile;
  58. var keywordMapping = {
  59. 'industri': 'industri.html',
  60. 'pembangunan': 'pembangunan.html',
  61. 'penternakan': 'penternakan.html',
  62. 'pertanian': 'pertanian.html'
  63. };
  64. if (keywordMapping[fileInput]) {
  65. // If the input matches one of the keywords, redirect to the corresponding file
  66. window.location.href = keywordMapping[fileInput];
  67. return;
  68. }
  69. if (numberRegex.test(fileInput)) {
  70. // Hardcoded list of files containing numbers
  71. var numberFiles = [
  72. 'details_search/detail_hsd2384.html',
  73. 'details_search/detail_hsd4638.html',
  74. 'details_search/detail_hsd5621.html',
  75. 'details_search/detail_hsd5625.html',
  76. 'details_search/detail_hsd5627.html',
  77. 'details_search/detail_hsd5714.html',
  78. 'details_search/detail_hsd5715.html',
  79. 'details_search/detail_hsd5734.html',
  80. 'details_search/detail_hsd5738.html',
  81. 'details_search/detail_hsd5745.html',
  82. 'details_search/detail_hsd5749.html',
  83. 'details_search/detail_hsd5761.html',
  84. 'details_search/detail_hsd5762.html',
  85. 'details_search/detail_hsd5763.html',
  86. 'details_search/detail_hsd5764.html',
  87. 'details_search/detail_hsd10006.html',
  88. 'details_search/detail_hsd11863.html',
  89. 'details_search/detail_hsd11991.html',
  90. 'details_search/detail_hsd19372.html',
  91. 'details_search/detail_hsd35309.html',
  92. 'details_search/detail_hsd41862.html',
  93. 'details_search/detail_hsd54735.html',
  94. 'details_search/detail_hsd54736.html',
  95. 'details_search/detail_hsd54737.html',
  96. 'details_search/detail_hsd62437.html',
  97. 'details_search/detail_hsd62438.html',
  98. 'details_search/detail_hsd62441.html',
  99. 'details_search/detail_hsd62442.html',
  100. 'details_search/detail_hsd62443.html',
  101. 'details_search/detail_hsd62495.html',
  102. 'details_search/detail_hsd62497.html',
  103. 'details_search/detail_hsd62503.html',
  104. 'details_search/detail_hsd62504.html',
  105. 'details_search/detail_hsd62510.html',
  106. 'details_search/detail_hsd62520.html',
  107. 'details_search/detail_hsm1225.html',
  108. 'details_search/detail_hsm1909.html',
  109. 'details_search/detail_hsm90298.html',
  110. 'details_search/detail_pm32006.html',
  111. 'details_search/detail_pn16507.html',
  112. 'details_search/detail_pn17421_hsd1950.html',
  113. 'details_search/detail_pn17427_hsd1949.html',
  114. 'details_search/detail_pn28612.html'
  115. ];
  116. var regex = new RegExp(fileInput);
  117. matchedFile = numberFiles.find(file => regex.test(file));
  118. } else {
  119. // Hardcoded list of files containing names
  120. var nameFiles = [
  121. 'lists/bentong.html',
  122. 'lists/bera.html',
  123. 'lists/kuantan.html',
  124. 'lists/lipis.html',
  125. 'lists/maran.html',
  126. 'lists/pekan.html',
  127. 'lists/raub.html',
  128. 'lists/rompin.html',
  129. 'lists/temerloh.html'
  130. ];
  131. var nameRegex = new RegExp(fileInput, 'i'); // Case-insensitive search
  132. matchedFile = nameFiles.find(file => nameRegex.test(file));
  133. }
  134. if (matchedFile) {
  135. // File found, redirect to it
  136. window.location.href = matchedFile;
  137. } else {
  138. // alert('No file containing the input ' + fileInput + ' was found.');
  139. }
  140. });
  141. </script>
  142. <script>
  143. let maran = document.querySelector("#maran");
  144. let cameronHighland = document.querySelector("#cameron-highland");
  145. let bentong = document.querySelector("#bentong");
  146. let lipis = document.querySelector("#lipis");
  147. let raub = document.querySelector("#raub");
  148. let jerantut = document.querySelector("#jerantut");
  149. let kuantan = document.querySelector("#kuantan");
  150. let temerloh = document.querySelector("#temerloh");
  151. let rompin = document.querySelector("#rompin");
  152. let bera = document.querySelector("#bera");
  153. let pekan = document.querySelector("#pekan");
  154. addLabelText(maran, "Maran");
  155. addLabelText(cameronHighland, "Cameron");
  156. addLabelText(cameronHighland, "Highland");
  157. addLabelText(bentong, "Bentong");
  158. addLabelText(lipis, "Lipis");
  159. addLabelText(raub, "Raub");
  160. addLabelText(jerantut, "Jerantut");
  161. addLabelText(kuantan, "Kuantan");
  162. addLabelText(temerloh, "Temerloh");
  163. addLabelText(rompin, "Rompin");
  164. addLabelText(bera, "Bera");
  165. addLabelText(pekan, "Pekan");
  166. function addLabelText(bgPath, labelText) {
  167. let bbox = bgPath.getBBox();
  168. let x = bbox.x + bbox.width / 2;
  169. let y = bbox.y + bbox.height / 2;
  170. // Create a <text> element
  171. let textElem = document.createElementNS(bgPath.namespaceURI, "text");
  172. // X axis
  173. if (labelText == "Bentong") {
  174. textElem.setAttribute("x", 286);
  175. } else if (labelText == "Pekan") {
  176. textElem.setAttribute("x", 870);
  177. } else if (labelText == "Cameron") {
  178. textElem.setAttribute("x", 75);
  179. } else {
  180. textElem.setAttribute("x", x);
  181. }
  182. // Y axis
  183. if (labelText == "Rompin") {
  184. textElem.setAttribute("y", 935);
  185. } else if (labelText == "Pekan") {
  186. textElem.setAttribute("y", 650);
  187. } else if (labelText == "Kuantan") {
  188. textElem.setAttribute("y", 440);
  189. } else if (labelText == "Cameron") {
  190. textElem.setAttribute("y", 130);
  191. } else if (labelText == "Highland") {
  192. textElem.setAttribute("y", 155);
  193. } else {
  194. textElem.setAttribute("y", y);
  195. }
  196. // Centre text horizontally at x,y
  197. textElem.setAttribute("text-anchor", "middle");
  198. // Give it a class that will determine the text size, colour, etc
  199. if (labelText == "Cameron" || labelText == "Highland") {
  200. textElem.classList.add("label-text-cameron");
  201. } else {
  202. textElem.classList.add("label-text");
  203. }
  204. // Set the text
  205. textElem.textContent = labelText;
  206. // Add this text element directly after the label background path
  207. bgPath.after(textElem);
  208. }
  209. </script>
  210. </body>
  211. </html>