index.php 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <html>
  2. <head>
  3. <title>Tocas UI 2.3.3 min.document</title>
  4. <link rel="stylesheet" href="dist/tocas.css">
  5. <script src="jquery-3.3.1.min.js"></script>
  6. <style>
  7. body{
  8. background-color:white;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <br><br>
  14. <div class="ts container">
  15. <h4 class="ts center aligned icon header">
  16. <i class="code icon"></i>ArOZ Online CSS Reference Document
  17. <div class="sub header">Powered by Tocas UI 2.3.3 by Yami Odymel<br>Mapped from Go to PHP by Toby Chui</div>
  18. </h4>
  19. <div class="ts segmented list">
  20. <?php
  21. $dir = ["collections","elements","modules","views"];
  22. $exclude = ["collections/grid.json","collections/menu.json","elements/flag.json","elements/icon.json","elements/placeholder.json","elements/text.json","elements/typography.json","modules/carousel.json","modules/comparison.json","modules/contextmenu.json","modules/modal.json","modules/rating.json","modules/search.json","modules/slider.json","modules/snackbar.json","modules/sortable.json","modules/transfer.json","modules/window.json"];
  23. foreach ($dir as $item){
  24. $files = glob($item . "/*.json");
  25. foreach ($files as $file){
  26. if (in_array($file,$exclude) == false){
  27. echo '<div class="item" style="cursor:pointer;" onClick="openThis(this);" filename="' . $file .'">'.$file.'</div>';
  28. }
  29. }
  30. }
  31. ?>
  32. </div>
  33. Document provided for ArOZ Online Developer. Licensed under <a href="https://creativecommons.org/licenses/by/4.0/deed.zh_TW">CC BY 4.0</a> (Following the original Tocas UI license)
  34. </div>
  35. <br><br>
  36. <script>
  37. function openThis(object){
  38. window.location.href = "load.php?docname=" + $(object).attr("filename");
  39. }
  40. $(function() {
  41. $('.item').hover( function(){
  42. $(this).addClass("selected");
  43. },
  44. function(){
  45. $(this).removeClass("selected");
  46. });
  47. });
  48. </script>
  49. </body>
  50. </html>