paliword.php 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. <?PHP
  2. include "../pcdl/html_head.php";
  3. ?>
  4. <body>
  5. <link type="text/css" rel="stylesheet" href="../search/search.css"/>
  6. <?php
  7. require_once("../pcdl/head_bar.php");
  8. require_once("../search/toobar.php");
  9. ?>
  10. <style>
  11. #dt_pali , #dt_pali_1{
  12. border-bottom: 2px solid var(--link-hover-color);
  13. }
  14. #index_list{
  15. display:flex;
  16. }
  17. .main_view{
  18. padding: 0 1em;
  19. max-width: 1280px;
  20. margin-left: auto;
  21. margin-right: auto;
  22. }
  23. .fun_frame {
  24. border-bottom: 1px solid gray;
  25. margin-right: 10px;
  26. margin-bottom: 10px;
  27. }
  28. .fun_frame .title{
  29. padding:6px;
  30. font-weight: 700;
  31. }
  32. .fun_frame>.content{
  33. padding:6px;
  34. overflow-y: scroll;
  35. }
  36. .fixed{
  37. position:fixed;
  38. right: 0;
  39. top: 0;
  40. }
  41. .when_right_fixed{
  42. padding-right:20em;
  43. }
  44. #contents_view{
  45. display:flex;
  46. }
  47. #contents_div{
  48. flex:7;
  49. }
  50. #contents{
  51. }
  52. #contents li{
  53. white-space: normal;
  54. }
  55. #right_pannal{
  56. flex:3;
  57. max-width:20em;
  58. }
  59. #head_bar{
  60. height:unset;
  61. }
  62. #contents_foot{
  63. margin-bottom: 70vh;
  64. }
  65. #pre_search_word_content{
  66. display:block;
  67. }
  68. @-webkit-keyframes spin {
  69. from {
  70. -webkit-transform: rotate(0deg);
  71. }
  72. to {
  73. -webkit-transform: rotate(360deg);
  74. }
  75. }
  76. @keyframes spin {
  77. from {
  78. transform: rotate(0deg);
  79. }
  80. to {
  81. transform: rotate(360deg);
  82. }
  83. }
  84. .icon_spin {
  85. -webkit-animation: spin 2.5s linear infinite;
  86. animation: spin 2.5s linear infinite;
  87. }
  88. </style>
  89. <style media="screen and (max-width:800px)">
  90. #index_list{
  91. display:block;
  92. }
  93. #contents_view{
  94. display:block;
  95. }
  96. #dict_ref_search_result{
  97. display:none;
  98. }
  99. #footer_nav{
  100. display: none;
  101. }
  102. #contents_foot {
  103. margin-bottom: 70vh;
  104. position: absolute;
  105. left: 0;
  106. width: 100vw;
  107. margin-bottom: 10vh;
  108. }
  109. #contents_nav{
  110. overflow-x: scroll;
  111. }
  112. .page_nav{
  113. display:flex;
  114. }
  115. .foot_div{
  116. margin-top:10vh;
  117. }
  118. </style>
  119. <script language="javascript" src="paliword.js"></script>
  120. <script>
  121. <?php
  122. if(isset($_GET["key"])){
  123. echo " _key_word = '{$_GET["key"]}';";
  124. }
  125. ?>
  126. </script>
  127. <div id="main_view" class="main_view">
  128. <div id="contents_view">
  129. <div id="contents_div" style="padding: 0 1em 0 30px;">
  130. <div id="contents" >
  131. <div style="text-align: center;">
  132. <svg class='icon_spin' style='fill: saddlebrown; '>
  133. <use xlink='http://www.w3.org/1999/xlink' href='../studio/svg/icon.svg#dhammacakkha'></use>
  134. </svg>
  135. </div>
  136. </div>
  137. <div id="contents_foot">
  138. <div id="contents_nav" style="">
  139. </div>
  140. </div>
  141. </div>
  142. <div id="right_pannal">
  143. <div class="fun_frame">
  144. <div style="display:flex;justify-content: space-between;">
  145. <div class="title"><?php echo $_local->gui->real_declension; ?></div>
  146. <div id="case_tools" style="display:flex;">
  147. <div class="select_button" style="margin:auto 0" onclick="onWordFilterStart()"><?php echo $_local->gui->select; ?></div>
  148. <div class="filter" >
  149. <button onclick='word_search_filter()'><?php echo $_local->gui->filter; ?></button>
  150. <button onclick='filter_cancel()'><?php echo $_local->gui->cancel; ?></button>
  151. </div>
  152. </div>
  153. </div>
  154. <div id = "case_content" class="content" style="max-height:20em;">
  155. </div>
  156. </div>
  157. <div class="fun_frame">
  158. <div style="display:flex;justify-content: space-between;">
  159. <div class="title"><?php echo $_local->gui->book_name.$_local->gui->list; ?></div>
  160. <div id="book_tools" style="display:flex;">
  161. <div class="select_button" style="margin:auto 0" onclick="onBookFilterStart()"><?php echo $_local->gui->select; ?></div>
  162. <div class="filter">
  163. <button onclick='book_search_filter()'><?php echo $_local->gui->filter; ?></button>
  164. <button onclick='book_filter_cancel()'><?php echo $_local->gui->cancel; ?></button>
  165. </div>
  166. </div>
  167. </div>
  168. <div id="book_list" class="content" >
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. <div id="dict_ref_search_result" style="background-color:white;color:black;">
  175. </div>
  176. <div id="index_list">
  177. <div style="flex:3;margin:12px;">
  178. <div class="card" style="padding:10px;">
  179. <div><?php echo $_local->gui->search.$_local->gui->history; ?></div>
  180. <div id="search_histray"></div>
  181. </div>
  182. </div>
  183. <div style="flex:3;margin:12px;">
  184. <div class="card" style="padding:10px;">
  185. <div><?php echo $_local->gui->top_search; ?></div>
  186. <div id="title_hot"></div>
  187. </div>
  188. </div>
  189. <div style="flex:3;margin:12px;">
  190. <div class="card" style="padding:10px;">
  191. <div id="guide_pali_search_index"></div>
  192. </div>
  193. </div>
  194. </div>
  195. <script>
  196. search_show_history();
  197. guide_get("pali_search_index");
  198. </script>
  199. <?php
  200. if(!empty($_GET["key"])){
  201. echo "<script>";
  202. echo "dict_pre_word_click(\"{$_GET["key"]}\")";
  203. echo "</script>";
  204. }
  205. ?>
  206. <?php
  207. include "../pcdl/html_foot.php";
  208. ?>