Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

penternakan.html 17KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374
  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>Penternakan</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>Lipis</h6>
  47. <a href="./details/penternakan_pn_17421_hsd_1950.html" class="button-23 mb-2 mr-2"
  48. style="background-color: #1F9027; color: white; border: none;" role="button">PN 17421 (HSD 1950)</a>
  49. <a href="./details/penternakan_pn_17427_hsd_1949.html" class="button-23 mb-2 mr-2"
  50. style="background-color: #1F9027; color: white; border: none;" role="button">PN 17427 (HSD 1949)</a>
  51. </div>
  52. </div>
  53. <div class="text-left pt-1 container">
  54. <div class="pt-4 text-nowrap flex-wrap">
  55. <h6>Kuantan</h6>
  56. <a href="./details/detail_hsd35309.html" class="button-23 mb-2 mr-2"
  57. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 35309</a>
  58. <a href="./details/detail_hsd4162.html" class="button-23 mb-2 mr-2"
  59. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 41862</a>
  60. <a href="./details/detail_hsd54735.html" class="button-23 mb-2 mr-2"
  61. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 54735</a>
  62. <a href="./details/detail_hsd54736.html" class="button-23 mb-2 mr-2"
  63. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 54736</a>
  64. <a href="./details/detail_hsd54737.html" class="button-23 mb-2 mr-2"
  65. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 54737</a>
  66. </div>
  67. </div>
  68. <div class="text-left pt-1 container">
  69. <div class="pt-4 text-nowrap flex-wrap">
  70. <h6>Maran</h6>
  71. <a href="./details/detail_hsd2384.html" style="" class="button-23 mb-2" role="button">HSD 2384</a>
  72. </div>
  73. </div>
  74. <div class="text-left pt-1 container">
  75. <div class="pt-4 text-nowrap flex-wrap">
  76. <h6>Bentong</h6>
  77. <a href="./details/penternakan_hsd_19372.html" class="button-23 mb-2 mr-2"
  78. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 19372</a>
  79. </div>
  80. </div>
  81. <div class="text-left pt-1 container">
  82. <div class="pt-4 text-nowrap flex-wrap">
  83. <h6>Bera</h6>
  84. <a href="./details/penternakan_hsd_10006.html" class="button-23 mb-2 mr-2"
  85. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 10006</a>
  86. </div>
  87. </div>
  88. <div class="text-left pt-1 container">
  89. <div class="pt-4 text-nowrap flex-wrap">
  90. <h6>Pekan</h6>
  91. <a href="./details/detail_hsd5621.html" class="button-23 mb-2 mr-2"
  92. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5621</a>
  93. <a href="./details/detail_hsd5627.html" class="button-23 mb-2 mr-2"
  94. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5627</a>
  95. <a href="./details/detail_hsd5625.html" class="button-23 mb-2 mr-2"
  96. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5625</a>
  97. </div>
  98. </div>
  99. <!-- <div class="text-left pt-1 pb-5 container text-nowrap flex-wrap" style="display: flex;">
  100. <div class="pt-4 text-nowrap flex-wrap" style="gap: 10px;">
  101. <h6>Rompin</h6>
  102. <a href="./details/detail_hsd4638.html" class="button-23 mb-2 mr-2"
  103. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 4638</a>
  104. <a href="./details/detail_hsd5714.html" class="button-23 mb-2 mr-2"
  105. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5714</a>
  106. <a href="./details/detail_hsd5745.html" class="button-23 mb-2 mr-2"
  107. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5745</a>
  108. <a href="./details/detail_hsd5749.html" class="button-23 mb-2 mr-2"
  109. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5749</a>
  110. <a href="./details/detail_hsd5761.html" class="button-23 mb-2 mr-2"
  111. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5761</a>
  112. <a href="./details/detail_hsd5762.html" class="button-23 mb-2 mr-2"
  113. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5762</a>
  114. <a href="./details/detail_hsd5763.html" class="button-23 mb-2 mr-2"
  115. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5763</a>
  116. <a href="./details/detail_hsd5764.html" class="button-23 mb-2 mr-2"
  117. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5764</a>
  118. <a href="./details/detail_pn28612.html" class="button-23 mb-2"
  119. style="background-color: #1F9027; color: white; border: none;" role="button">PN 28612</a>
  120. </div>
  121. </div> -->
  122. <div class="text-left pt-1 container text-nowrap flex-wrap pb-5" style="display: flex;">
  123. <div class="pt-4 flex-wrap" style="display: flex; flex-wrap: wrap;gap: 10px;">
  124. <h6 style="width: 100%;">Rompin</h6>
  125. <a href="./details/detail_hsd4638.html" class="button-23 mb-2 mr-2"
  126. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 4638</a>
  127. <a href="./details/detail_hsd5714.html" class="button-23 mb-2 mr-2"
  128. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5714</a>
  129. <a href="./details/detail_hsd5745.html" class="button-23 mb-2 mr-2"
  130. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5745</a>
  131. <a href="./details/detail_hsd5749.html" class="button-23 mb-2 mr-2"
  132. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5749</a>
  133. <a href="./details/detail_hsd5761.html" class="button-23 mb-2 mr-2"
  134. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5761</a>
  135. <a href="./details/detail_hsd5762.html" class="button-23 mb-2 mr-2"
  136. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5762</a>
  137. <a href="./details/detail_hsd5763.html" class="button-23 mb-2 mr-2"
  138. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5763</a>
  139. <a href="./details/detail_hsd5764.html" class="button-23 mb-2 mr-2"
  140. style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5764</a>
  141. <a href="./details/detail_pn28612.html" class="button-23 mb-2"
  142. style="background-color: #1F9027; color: white; border: none;" role="button">PN 28612</a></div>
  143. </div>
  144. </section>
  145. <script>
  146. document.getElementById('fileForm').addEventListener('submit', function (event) {
  147. event.preventDefault(); // Prevent the form from submitting the traditional way
  148. var fileInput = document.getElementById('fileNumber').value;
  149. var numberRegex = /\d/; // Regular expression to check for any digit
  150. var matchedFile;
  151. var keywordMapping = {
  152. 'industri': 'industri.html',
  153. 'pembangunan': 'pembangunan.html',
  154. 'penternakan': 'penternakan.html',
  155. 'pertanian': 'pertanian.html'
  156. };
  157. if (keywordMapping[fileInput]) {
  158. // If the input matches one of the keywords, redirect to the corresponding file
  159. window.location.href = keywordMapping[fileInput];
  160. return;
  161. }
  162. if (numberRegex.test(fileInput)) {
  163. // Hardcoded list of files containing numbers
  164. var numberFiles = [
  165. 'details_search/detail_hsd2384.html',
  166. 'details_search/detail_hsd4638.html',
  167. 'details_search/detail_hsd5621.html',
  168. 'details_search/detail_hsd5625.html',
  169. 'details_search/detail_hsd5627.html',
  170. 'details_search/detail_hsd5714.html',
  171. 'details_search/detail_hsd5715.html',
  172. 'details_search/detail_hsd5734.html',
  173. 'details_search/detail_hsd5738.html',
  174. 'details_search/detail_hsd5745.html',
  175. 'details_search/detail_hsd5749.html',
  176. 'details_search/detail_hsd5761.html',
  177. 'details_search/detail_hsd5762.html',
  178. 'details_search/detail_hsd5763.html',
  179. 'details_search/detail_hsd5764.html',
  180. 'details_search/detail_hsd10006.html',
  181. 'details_search/detail_hsd11863.html',
  182. 'details_search/detail_hsd11991.html',
  183. 'details_search/detail_hsd19372.html',
  184. 'details_search/detail_hsd35309.html',
  185. 'details_search/detail_hsd41862.html',
  186. 'details_search/detail_hsd54735.html',
  187. 'details_search/detail_hsd54736.html',
  188. 'details_search/detail_hsd54737.html',
  189. 'details_search/detail_hsd62437.html',
  190. 'details_search/detail_hsd62438.html',
  191. 'details_search/detail_hsd62441.html',
  192. 'details_search/detail_hsd62442.html',
  193. 'details_search/detail_hsd62443.html',
  194. 'details_search/detail_hsd62495.html',
  195. 'details_search/detail_hsd62497.html',
  196. 'details_search/detail_hsd62503.html',
  197. 'details_search/detail_hsd62504.html',
  198. 'details_search/detail_hsd62510.html',
  199. 'details_search/detail_hsd62520.html',
  200. 'details_search/detail_hsm1225.html',
  201. 'details_search/detail_hsm1909.html',
  202. 'details_search/detail_hsm90298.html',
  203. 'details_search/detail_pm32006.html',
  204. 'details_search/detail_pn16507.html',
  205. 'details_search/detail_pn17421_hsd1950.html',
  206. 'details_search/detail_pn17427_hsd1949.html',
  207. 'details_search/detail_pn28612.html'
  208. ];
  209. var regex = new RegExp(fileInput);
  210. matchedFile = numberFiles.find(file => regex.test(file));
  211. } else {
  212. // Hardcoded list of files containing names
  213. var nameFiles = [
  214. 'lists/bentong.html',
  215. 'lists/bera.html',
  216. 'lists/kuantan.html',
  217. 'lists/lipis.html',
  218. 'lists/maran.html',
  219. 'lists/pekan.html',
  220. 'lists/raub.html',
  221. 'lists/rompin.html',
  222. 'lists/temerloh.html'
  223. ];
  224. var nameRegex = new RegExp(fileInput, 'i'); // Case-insensitive search
  225. matchedFile = nameFiles.find(file => nameRegex.test(file));
  226. }
  227. if (matchedFile) {
  228. // File found, redirect to it
  229. window.location.href = matchedFile;
  230. } else {
  231. // alert('No file containing the input ' + fileInput + ' was found.');
  232. }
  233. });
  234. </script>
  235. <script>
  236. let maran = document.querySelector("#maran");
  237. let cameronHighland = document.querySelector("#cameron-highland");
  238. let bentong = document.querySelector("#bentong");
  239. let lipis = document.querySelector("#lipis");
  240. let raub = document.querySelector("#raub");
  241. let jerantut = document.querySelector("#jerantut");
  242. let kuantan = document.querySelector("#kuantan");
  243. let temerloh = document.querySelector("#temerloh");
  244. let rompin = document.querySelector("#rompin");
  245. let bera = document.querySelector("#bera");
  246. let pekan = document.querySelector("#pekan");
  247. addLabelText(maran, "Maran");
  248. addLabelText(cameronHighland, "Cameron");
  249. addLabelText(cameronHighland, "Highland");
  250. addLabelText(bentong, "Bentong");
  251. addLabelText(lipis, "Lipis");
  252. addLabelText(raub, "Raub");
  253. addLabelText(jerantut, "Jerantut");
  254. addLabelText(kuantan, "Kuantan");
  255. addLabelText(temerloh, "Temerloh");
  256. addLabelText(rompin, "Rompin");
  257. addLabelText(bera, "Bera");
  258. addLabelText(pekan, "Pekan");
  259. function addLabelText(bgPath, labelText) {
  260. let bbox = bgPath.getBBox();
  261. let x = bbox.x + bbox.width / 2;
  262. let y = bbox.y + bbox.height / 2;
  263. // Create a <text> element
  264. let textElem = document.createElementNS(bgPath.namespaceURI, "text");
  265. // X axis
  266. if (labelText == "Bentong") {
  267. textElem.setAttribute("x", 286);
  268. } else if (labelText == "Pekan") {
  269. textElem.setAttribute("x", 870);
  270. } else if (labelText == "Cameron") {
  271. textElem.setAttribute("x", 75);
  272. } else {
  273. textElem.setAttribute("x", x);
  274. }
  275. // Y axis
  276. if (labelText == "Rompin") {
  277. textElem.setAttribute("y", 935);
  278. } else if (labelText == "Pekan") {
  279. textElem.setAttribute("y", 650);
  280. } else if (labelText == "Kuantan") {
  281. textElem.setAttribute("y", 440);
  282. } else if (labelText == "Cameron") {
  283. textElem.setAttribute("y", 130);
  284. } else if (labelText == "Highland") {
  285. textElem.setAttribute("y", 155);
  286. } else {
  287. textElem.setAttribute("y", y);
  288. }
  289. // Centre text horizontally at x,y
  290. textElem.setAttribute("text-anchor", "middle");
  291. // Give it a class that will determine the text size, colour, etc
  292. if (labelText == "Cameron" || labelText == "Highland") {
  293. textElem.classList.add("label-text-cameron");
  294. } else {
  295. textElem.classList.add("label-text");
  296. }
  297. // Set the text
  298. textElem.textContent = labelText;
  299. // Add this text element directly after the label background path
  300. bgPath.after(textElem);
  301. }
  302. </script>
  303. </body>
  304. </html>