index1.php 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274
  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. .chapter_list .more_info {
  68. display: block;
  69. }
  70. </style>
  71. <div style="display:flex;">
  72. <div id='left-bar' style="flex:2;">
  73. <div id='left-bar-inner'>
  74. <div class="filter">
  75. <div class="title">分类标签</div>
  76. <div style="width:100%">
  77. <span>风格</span>
  78. <select id="tag_category_index" onchange="TagCategoryIndexchange(this)">
  79. </select>
  80. </div>
  81. <div id='tag-category' >
  82. </div>
  83. </div>
  84. <div class="filter">
  85. <div class="title">作者</div>
  86. <div id='filter-author' >
  87. </div>
  88. </div>
  89. <div class="filter">
  90. <div class="title">语言</div>
  91. <div id='filter-lang' >
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. <div id='course_head_bar' style='flex:6;background-color:var(--tool-bg-color1);padding:1em 10px 10px 10px;'>
  97. <div class='index_inner '>
  98. <div style='display:flex;justify-content: space-between;'>
  99. <div style=''>
  100. <a href='index1.php?view=community'>社区</a>
  101. <a href='index1.php?view=category'>分类</a>
  102. <a href='index1.php?view=my'>我的</a>
  103. </div>
  104. <div style=''>
  105. <select onchange='viewChanged(this)'>
  106. <option value='card'>卡片</option>
  107. <option value='list'>列表</option>
  108. </select>
  109. </div>
  110. </div>
  111. <div id="main_tag" style="display:none;">
  112. <span tag="sutta" title="sutta"></span>
  113. <span tag="vinaya" title="vinaya"></span>
  114. <span tag="abhidhamma" title="abhidhamma"></span>
  115. <span tag="mūla" title="mūla"></span>
  116. <span tag="aṭṭhakathā" title="aṭṭhakathā"></span>
  117. <span tag="ṭīkā" title="ṭīkā"></span>
  118. <span tag="añña" title="añña"></span>
  119. </div>
  120. <div id="select_bar" >
  121. <div id="tag_selected"></div>
  122. <div>
  123. <button onclick="tag_list_slide_toggle(this)">
  124. </button>
  125. </div>
  126. </div>
  127. <div>
  128. <div id="tag_list">
  129. <div level="0" class="tag_others"></div>
  130. <div level="1" class="tag_others"></div>
  131. <div level="2" class="tag_others"></div>
  132. <div level="3" class="tag_others"></div>
  133. <div level="4" class="tag_others"></div>
  134. <div level="5" class="tag_others"></div>
  135. <div level="100" class="tag_others"></div>
  136. <div level="8" class="tag_others"></div>
  137. </div>
  138. </div>
  139. <div id='bread-crumbs'></div>
  140. <div class='index_inner'>
  141. <div id="chapter_shell" class="chapter_list" >
  142. <div id="list_shell_1" class="show book_view" level="1">
  143. <ul id="list-1" class="grid" level="1" >
  144. </ul>
  145. <button>More</button>
  146. </div>
  147. <div id="list_shell_2" level="2">
  148. <ul id="list-2" class="hidden" level="2" >
  149. </ul>
  150. </div>
  151. <div id="list_shell_3" level="3">
  152. <ul id="list-3" class="hidden" level="3" >
  153. </ul>
  154. </div>
  155. <div id="list_shell_4" level="4">
  156. <ul id="list-4" class="hidden" level="4" >
  157. </ul>
  158. </div>
  159. <div id="list_shell_5" level="5">
  160. <ul id="list-5" class="hidden" level="5" >
  161. </ul>
  162. </div>
  163. <div id="list_shell_6" level="6">
  164. <ul id="list-6" class="hidden" level="6" >
  165. </ul>
  166. </div>
  167. <div id="list_shell_7" level="7">
  168. <ul id="list-7" class="hidden" level="7" >
  169. </ul>
  170. </div>
  171. <div id="list_shell_8" level="8">
  172. <ul id="list-8" class="hidden" level="8" >
  173. </ul>
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. <div style="flex:2;">
  180. <div class='bangdan'>
  181. <div class='title'>最新</div>
  182. <div class='list'>
  183. <ul>
  184. <li>zuixin-1</li>
  185. </ul>
  186. </div>
  187. </div>
  188. <div class='bangdan'>
  189. <div class='title'>新手区</div>
  190. <div class='list'>
  191. <ul>
  192. <li>zuixin-1</li>
  193. </ul>
  194. </div>
  195. </div>
  196. <div class='bangdan'>
  197. <div class='title'>周推荐</div>
  198. <div class='list'>
  199. <ul>
  200. <li>zuixin-1</li>
  201. </ul>
  202. </div>
  203. </div>
  204. <div class='bangdan'>
  205. <div class='title'>白金作者</div>
  206. <div class='list'>
  207. <ul>
  208. <li>zuixin-1</li>
  209. </ul>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. <script>
  215. $(document).ready(function() {
  216. let indexFilename = localStorage.getItem('palicanon_tag_category');
  217. if(!indexFilename){
  218. indexFilename = "defualt";
  219. }
  220. loadTagCategory(indexFilename);
  221. loadTagCategoryIndex();
  222. <?php
  223. if(isset($_GET["view"])){
  224. $_view = $_GET["view"];
  225. echo "_view = '{$_GET["view"]}';";
  226. }else{
  227. $_view = "category";
  228. }
  229. switch ($_view) {
  230. case 'community':
  231. echo "community_onload();";
  232. break;
  233. case 'category':
  234. echo "palicanon_onload();";
  235. break;
  236. case 'my';
  237. default:
  238. # code...
  239. break;
  240. }
  241. ?>
  242. updateFirstListView();
  243. });
  244. </script>
  245. <?php
  246. include "../pcdl/html_foot.php";
  247. ?>