index1.php 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
  1. <?PHP
  2. require_once "../pcdl/html_head.php";
  3. ?>
  4. <body>
  5. <script src="../palicanon/palicanon.js"></script>
  6. <script src="../term/term.js"></script>
  7. <?php
  8. require_once "../pcdl/head_bar.php";
  9. ?>
  10. <link type="text/css" rel="stylesheet" href="../palicanon/style.css" />
  11. <link type="text/css" rel="stylesheet" href="../palicanon/style_mobile.css" media="screen and (max-width:800px)">
  12. <script>
  13. var tag_level = <?php echo file_get_contents("../public/book_tag/tag_list.json"); ?>;
  14. </script>
  15. <?php
  16. //
  17. require_once "../config.php";
  18. require_once "../public/_pdo.php";
  19. require_once '../media/function.php';
  20. require_once '../public/function.php';
  21. ?>
  22. <link href="../../node_modules/jquery.fancytree/dist/skin-win7/ui.fancytree.css" rel="stylesheet" type="text/css" class="skinswitcher">
  23. <script src="../tree/jquery.fancytree.js" type="text/javascript"></script>
  24. <style>
  25. .chapter_list ul {
  26. margin-left: 0;
  27. }
  28. .head_bar{
  29. display:flex;
  30. max-width: 30vh;
  31. }
  32. .more_info{
  33. font-size:80%;
  34. color: var(--main-color1);
  35. }
  36. .more_info>.item{
  37. margin-right:1em;
  38. }
  39. .chapter_list ul li{
  40. display:flex;
  41. }
  42. .book_view ul li{
  43. display:block;
  44. }
  45. .book_view .level_1{
  46. background:unset;
  47. }
  48. .book_view ul li{
  49. border:unset;
  50. width: 30%;
  51. height:90px;
  52. }
  53. .chapter_list .list {
  54. display: none;
  55. }
  56. .chapter_list .show {
  57. display: block;
  58. width: 100%;
  59. }
  60. .chapter_list .grid {
  61. width: 100%;
  62. }
  63. .chapter_list > div {
  64. max-height: unset;
  65. overflow-y: unset;
  66. }
  67. </style>
  68. <div style="display:flex;">
  69. <div id='left-bar' style="flex:2;">
  70. <div id='left-bar-inner'>
  71. <div style="width:100%">
  72. <select id="tag_category_index" onchange="TagCategoryIndexchange(this)">
  73. </select>
  74. </div>
  75. <div id='tag-category' >
  76. </div>
  77. </div>
  78. </div>
  79. <div id='course_head_bar' style='flex:6;background-color:var(--tool-bg-color1);padding:1em 10px 10px 10px;'>
  80. <div class='index_inner '>
  81. <div style='display:flex;justify-content: space-between;'>
  82. <div style=''>
  83. <a href='index1.php?view=community'>社区</a>
  84. <a href='index1.php?view=category'>分类</a>
  85. <a href='index1.php?view=my'>我的</a>
  86. </div>
  87. <div style=''>
  88. <select onchange='viewChanged(this)'>
  89. <option value='card'>卡片</option>
  90. <option value='list'>列表</option>
  91. </select>
  92. </div>
  93. </div>
  94. <div id="main_tag" style="display:none;">
  95. <span tag="sutta" title="sutta"></span>
  96. <span tag="vinaya" title="vinaya"></span>
  97. <span tag="abhidhamma" title="abhidhamma"></span>
  98. <span tag="mūla" title="mūla"></span>
  99. <span tag="aṭṭhakathā" title="aṭṭhakathā"></span>
  100. <span tag="ṭīkā" title="ṭīkā"></span>
  101. <span tag="añña" title="añña"></span>
  102. </div>
  103. <div id="select_bar" >
  104. <div id="tag_selected"></div>
  105. <div>
  106. <button onclick="tag_list_slide_toggle(this)">
  107. </button>
  108. </div>
  109. </div>
  110. <div>
  111. <div id="tag_list">
  112. <div level="0" class="tag_others"></div>
  113. <div level="1" class="tag_others"></div>
  114. <div level="2" class="tag_others"></div>
  115. <div level="3" class="tag_others"></div>
  116. <div level="4" class="tag_others"></div>
  117. <div level="5" class="tag_others"></div>
  118. <div level="100" class="tag_others"></div>
  119. <div level="8" class="tag_others"></div>
  120. </div>
  121. </div>
  122. <div id='bread-crumbs'></div>
  123. <div class='index_inner'>
  124. <div id="chapter_shell" class="chapter_list" >
  125. <div id="list_shell_1" class="show book_view" level="1">
  126. <ul id="list-1" class="grid" level="1" >
  127. </ul>
  128. <button>More</button>
  129. </div>
  130. <div id="list_shell_2" level="2">
  131. <ul id="list-2" class="hidden" level="2" >
  132. </ul>
  133. </div>
  134. <div id="list_shell_3" level="3">
  135. <ul id="list-3" class="hidden" level="3" >
  136. </ul>
  137. </div>
  138. <div id="list_shell_4" level="4">
  139. <ul id="list-4" class="hidden" level="4" >
  140. </ul>
  141. </div>
  142. <div id="list_shell_5" level="5">
  143. <ul id="list-5" class="hidden" level="5" >
  144. </ul>
  145. </div>
  146. <div id="list_shell_6" level="6">
  147. <ul id="list-6" class="hidden" level="6" >
  148. </ul>
  149. </div>
  150. <div id="list_shell_7" level="7">
  151. <ul id="list-7" class="hidden" level="7" >
  152. </ul>
  153. </div>
  154. <div id="list_shell_8" level="8">
  155. <ul id="list-8" class="hidden" level="8" >
  156. </ul>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. <div style="flex:2;">
  163. <div class='bangdan'>
  164. <div class='title'>最新</div>
  165. <div class='list'>
  166. <ul>
  167. <li>zuixin-1</li>
  168. </ul>
  169. </div>
  170. </div>
  171. <div class='bangdan'>
  172. <div class='title'>新手区</div>
  173. <div class='list'>
  174. <ul>
  175. <li>zuixin-1</li>
  176. </ul>
  177. </div>
  178. </div>
  179. <div class='bangdan'>
  180. <div class='title'>周推荐</div>
  181. <div class='list'>
  182. <ul>
  183. <li>zuixin-1</li>
  184. </ul>
  185. </div>
  186. </div>
  187. <div class='bangdan'>
  188. <div class='title'>白金作者</div>
  189. <div class='list'>
  190. <ul>
  191. <li>zuixin-1</li>
  192. </ul>
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. <script>
  198. $(document).ready(function() {
  199. let indexFilename = localStorage.getItem('palicanon_tag_category');
  200. if(!indexFilename){
  201. indexFilename = "defualt";
  202. }
  203. loadTagCategory(indexFilename);
  204. loadTagCategoryIndex();
  205. <?php
  206. if(isset($_GET["view"])){
  207. $_view = $_GET["view"];
  208. }else{
  209. $_view = "category";
  210. }
  211. switch ($_view) {
  212. case 'community':
  213. echo "community_onload();";
  214. break;
  215. case 'category':
  216. echo "palicanon_onload();";
  217. break;
  218. case 'my';
  219. default:
  220. # code...
  221. break;
  222. }
  223. ?>
  224. updateFirstListView();
  225. });
  226. </script>
  227. <?php
  228. include "../pcdl/html_foot.php";
  229. ?>