index1.php 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  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. .head_bar{
  26. display:flex;
  27. }
  28. .more_info{
  29. font-size:80%;
  30. color: var(--main-color1);
  31. }
  32. .more_info>.item{
  33. margin-right:1em;
  34. }
  35. .chapter_list ul li{
  36. display:flex;
  37. }
  38. .book_view ul li{
  39. display:block;
  40. }
  41. .book_view .level_1{
  42. background:unset;
  43. }
  44. .book_view ul li{
  45. border:unset;
  46. width: 30%;
  47. height:90px;
  48. }
  49. .chapter_list .list {
  50. width: 0;
  51. }
  52. .chapter_list .show {
  53. display: block;
  54. width: 100%;
  55. }
  56. .chapter_list .grid {
  57. width: 100%;
  58. }
  59. </style>
  60. <div style="display:flex;">
  61. <div id='left-bar' style="flex:2;">
  62. <div id='left-bar-inner'>
  63. <div style="width:100%">
  64. <select id="tag_category_index" onchange="TagCategoryIndexchange(this)">
  65. </select>
  66. </div>
  67. <div id='tag-category' >
  68. </div>
  69. </div>
  70. </div>
  71. <div id='course_head_bar' style='flex:6;background-color:var(--tool-bg-color1);padding:1em 10px 10px 10px;'>
  72. <div class='index_inner '>
  73. <div style='display:flex;justify-content: space-between;'>
  74. <div style=''>
  75. <a href='index1.php?view=community'>社区</a>
  76. <a href='index1.php?view=category'>分类</a>
  77. <a href='index1.php?view=my'>我的</a>
  78. </div>
  79. <div style=''>
  80. <select onchange='viewChanged(this)'>
  81. <option value='card'>卡片</option>
  82. <option value='list'>列表</option>
  83. </select>
  84. </div>
  85. </div>
  86. <div id="main_tag" style="display:none;">
  87. <span tag="sutta" title="sutta"></span>
  88. <span tag="vinaya" title="vinaya"></span>
  89. <span tag="abhidhamma" title="abhidhamma"></span>
  90. <span tag="mūla" title="mūla"></span>
  91. <span tag="aṭṭhakathā" title="aṭṭhakathā"></span>
  92. <span tag="ṭīkā" title="ṭīkā"></span>
  93. <span tag="añña" title="añña"></span>
  94. </div>
  95. <div id="select_bar" >
  96. <div id="tag_selected"></div>
  97. <div>
  98. <button onclick="tag_list_slide_toggle(this)">
  99. </button>
  100. </div>
  101. </div>
  102. <div>
  103. <div id="tag_list">
  104. <div level="0" class="tag_others"></div>
  105. <div level="1" class="tag_others"></div>
  106. <div level="2" class="tag_others"></div>
  107. <div level="3" class="tag_others"></div>
  108. <div level="4" class="tag_others"></div>
  109. <div level="5" class="tag_others"></div>
  110. <div level="100" class="tag_others"></div>
  111. <div level="8" class="tag_others"></div>
  112. </div>
  113. </div>
  114. <div id='bread-crumbs'></div>
  115. <div class='index_inner'>
  116. <div id="chapter_shell" class="chapter_list" >
  117. <div id="list_shell_1" class="show book_view" level="1">
  118. <ul id="list-1" class="grid" level="1" >
  119. </ul>
  120. </div>
  121. <div id="list_shell_2" level="2">
  122. <ul id="list-2" class="hidden" level="2" >
  123. </ul>
  124. </div>
  125. <div id="list_shell_3" level="3">
  126. <ul id="list-3" class="hidden" level="3" >
  127. </ul>
  128. </div>
  129. <div id="list_shell_4" level="4">
  130. <ul id="list-4" class="hidden" level="4" >
  131. </ul>
  132. </div>
  133. <div id="list_shell_5" level="5">
  134. <ul id="list-5" class="hidden" level="5" >
  135. </ul>
  136. </div>
  137. <div id="list_shell_6" level="6">
  138. <ul id="list-6" class="hidden" level="6" >
  139. </ul>
  140. </div>
  141. <div id="list_shell_7" level="7">
  142. <ul id="list-7" class="hidden" level="7" >
  143. </ul>
  144. </div>
  145. <div id="list_shell_8" level="8">
  146. <ul id="list-8" class="hidden" level="8" >
  147. </ul>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. <div style="flex:2;">
  154. right pannal
  155. </div>
  156. </div>
  157. <script>
  158. $(document).ready(function() {
  159. let indexFilename = localStorage.getItem('palicanon_tag_category');
  160. if(!indexFilename){
  161. indexFilename = "defualt";
  162. }
  163. loadTagCategory(indexFilename);
  164. loadTagCategoryIndex();
  165. <?php
  166. if(isset($_GET["view"])){
  167. $_view = $_GET["view"];
  168. }else{
  169. $_view = "category";
  170. }
  171. switch ($_view) {
  172. case 'category':
  173. echo "palicanon_onload();";
  174. break;
  175. default:
  176. # code...
  177. break;
  178. }
  179. ?>
  180. updateFirstListView();
  181. });
  182. </script>
  183. <?php
  184. include "../pcdl/html_foot.php";
  185. ?>