index.php 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
  1. <?php
  2. require_once "../public/load_lang.php";
  3. require_once "../path.php";
  4. require_once "../pcdl/html_head.php";
  5. ?>
  6. <body style="margin: 0;padding: 0;" class="reader_body" >
  7. <script src="./article.js"></script>
  8. <script src="../widget/click_dropdown.js"></script>
  9. <link type="text/css" rel="stylesheet" href="../widget/click_dropdown.css"/>
  10. <script>
  11. <?php
  12. $_id = "";
  13. $_display = "";
  14. $_channal = "";
  15. $_collect = "";
  16. if(isset($_GET["id"])){
  17. echo "_articel_id='".$_GET["id"]."';";
  18. }
  19. if(isset($_GET["collect"])){
  20. echo "_collect_id='".$_GET["collect"]."';";
  21. }
  22. if(isset($_GET["collection"])){
  23. echo "_collection_id='".$_GET["collection"]."';";
  24. }
  25. if(isset($_GET["channal"])){
  26. echo "_channal='".$_GET["channal"]."';";
  27. }
  28. if(isset($_GET["lang"])){
  29. echo "_lang='".$_GET["lang"]."';";
  30. }
  31. if(isset($_GET["author"])){
  32. echo "_author='".$_GET["author"]."';";
  33. }
  34. if(isset($_GET["mode"]) && $_GET["mode"]=="edit"){
  35. $_mode = "edit";
  36. echo "_mode='edit';";
  37. }
  38. else{
  39. $_mode = "read";
  40. echo "_mode='read';";
  41. }
  42. if(isset($_GET["display"])){
  43. if($_mode == "edit"){
  44. $_display = "sent";
  45. echo "_display='sent';";
  46. }
  47. else{
  48. $_display = $_GET["display"];
  49. echo "_display='".$_GET["display"]."';";
  50. }
  51. }
  52. else{
  53. if($_mode=="read"){
  54. $_display = "para";
  55. echo "_display='para';";
  56. }
  57. else{
  58. $_display = "sent";
  59. echo "_display='sent';";
  60. }
  61. }
  62. if(isset($_GET["direction"])){
  63. $_direction = $_GET["direction"];
  64. echo "_direction='".$_GET["direction"]."';";
  65. }
  66. else{
  67. if($_mode=="read"){
  68. $_direction = "row";
  69. echo "_direction='row';";
  70. }
  71. else{
  72. $_direction = "col";
  73. echo "_direction='col';";
  74. }
  75. }
  76. $contentClass= "";
  77. if($_direction=="row"){
  78. $contentClass .= ' horizontal ';
  79. }
  80. else{
  81. $contentClass .= ' vertical ';
  82. }
  83. if($_display=="para"){
  84. $contentClass .= ' para_mode ';
  85. }
  86. else{
  87. $contentClass .= ' sent_mode ';
  88. }
  89. ?>
  90. </script>
  91. <link type="text/css" rel="stylesheet" href="style.css" />
  92. <link type="text/css" rel="stylesheet" href="mobile.css" media="screen and (max-width:800px)" />
  93. <link type="text/css" rel="stylesheet" href="print.css" media="print" />
  94. <?php
  95. require_once("../pcdl/head_bar.php");
  96. ?>
  97. <div id="head_bar" >
  98. <div id="pali_pedia" style="display:flex;">
  99. <span><?php echo $_local->gui->anthology; ?></span>
  100. </div>
  101. <div style="margin: auto 0;">
  102. <span id="head_span">
  103. <?php
  104. if(isset($_GET["id"])){
  105. echo "<button class='icon_btn' title='{$_local->gui->modify} {$_local->gui->composition_structure}'>";
  106. echo "<a href='../article/my_article_edit.php?id=".$_GET["id"];
  107. echo "' target='_blank'>{$_local->gui->modify}</a></button>";
  108. echo "<button class='icon_btn' title='{$_local->gui->add}{$_local->gui->subfield}'>";
  109. echo "<a href='../article/frame.php?id=".$_GET["id"];
  110. echo "'>{$_local->gui->add}{$_local->gui->subfield}</a></button>";
  111. }
  112. ?>
  113. <span>
  114. <?php include "../reader/right_tool_bar.php";?>
  115. </span>
  116. </span>
  117. </div>
  118. </div>
  119. <div id="main_view" class="main_view">
  120. <div id="article_head" style="border-bottom: 1px solid gray;">
  121. <div id="article_title" class="term_word_head_pali"><?php echo $_local->gui->title; ?></div>
  122. <div id="article_subtitle"><?php echo $_local->gui->sub_title; ?></div>
  123. <div id="article_author"><?php echo $_local->gui->author; ?></div>
  124. </div>
  125. <div id="contents_view">
  126. <div id="contents_div">
  127. <div id="contents" class="<?php echo $contentClass;?>">
  128. <?php echo $_local->gui->loading; ?>...
  129. </div>
  130. <div id="contents_foot">
  131. <div id="contents_nav" style="display:flex;justify-content: space-between;">
  132. <div id="contents_nav_left"></div>
  133. <div id="contents_nav_right"></div>
  134. </div>
  135. <div id="contents_dicuse">
  136. </div>
  137. </div>
  138. </div>
  139. <div id="right_pannal">
  140. <div class="fun_frame">
  141. <div id = "collect_title" class="title"><?php echo $_local->gui->contents; ?></div>
  142. <div id = "toc_content" class="content" style="max-height:25vw;">
  143. </div>
  144. </div>
  145. <div class="fun_frame">
  146. <div style="display:flex;justify-content: space-between;">
  147. <div class="title"><?php echo $_local->gui->contributor; ?></div>
  148. <div class="click_dropdown_div">
  149. <div class="channel_select_button" onclick="onChannelMultiSelectStart()"><?php echo $_local->gui->select; ?></div>
  150. </div>
  151. </div>
  152. <div class='channel_select'>
  153. <button onclick='onChannelChange()'><?php echo $_local->gui->confirm; ?></button>
  154. <button onclick='onChannelMultiSelectCancel()'><?php echo $_local->gui->cancel; ?></button>
  155. </div>
  156. <div id="channal_list" class="content" style="max-height:25vw;">
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. <script>
  163. $(document).ready(function(){
  164. ntf_init();
  165. click_dropdown_init();
  166. note_create();
  167. historay_init();
  168. if(_collect_id==""){
  169. articel_load(_articel_id,_collection_id);
  170. articel_load_collect(_articel_id);
  171. }
  172. else{
  173. collect_load(_collect_id);
  174. }
  175. });
  176. window.addEventListener('scroll',winScroll);
  177. function winScroll(e){
  178. if(GetPageScroll().y>220){
  179. }
  180. else{
  181. }
  182. }
  183. //滚动条位置
  184. function GetPageScroll()
  185. {
  186. var pos=new Object();
  187. var x, y;
  188. if(window.pageYOffset)
  189. { // all except IE
  190. y = window.pageYOffset;
  191. x = window.pageXOffset;
  192. } else if(document.documentElement && document.documentElement.scrollTop)
  193. { // IE 6 Strict
  194. y = document.documentElement.scrollTop;
  195. x = document.documentElement.scrollLeft;
  196. } else if(document.body) { // all other IE
  197. y = document.body.scrollTop;
  198. x = document.body.scrollLeft;
  199. }
  200. pos.x=x;
  201. pos.y=y;
  202. return(pos);
  203. }
  204. </script>
  205. <div class="modal_win_bg">
  206. </div>
  207. <div id="model_win" class="model_win_container"></div>
  208. </body>
  209. </html>