palitext1.php 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399
  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="../channal/channal.js"></script>
  8. <script src="./reader.js"></script>
  9. <script>
  10. <?php
  11. $_view = "";
  12. $_display = "";
  13. $_channal = "";
  14. $_collect = "";
  15. if(isset($_GET["view"])){
  16. echo "_reader_view='".$_GET["view"]."';";
  17. }
  18. if(isset($_GET["book"])){
  19. echo "_reader_book='".$_GET["book"]."';";
  20. }
  21. if(isset($_GET["para"])){
  22. echo "_reader_para='".$_GET["para"]."';";
  23. }
  24. if(isset($_GET["begin"])){
  25. echo "_reader_begin='".$_GET["begin"]."';";
  26. }
  27. if(isset($_GET["end"])){
  28. echo "_reader_end='".$_GET["end"]."';";
  29. }
  30. if(isset($_GET["display"])){
  31. echo "_display='".$_GET["display"]."';";
  32. }
  33. if(isset($_GET["channal"])){
  34. echo "_channal='".$_GET["channal"]."';";
  35. }
  36. if(isset($_GET["lang"])){
  37. echo "_lang='".$_GET["lang"]."';";
  38. }
  39. if(isset($_GET["author"])){
  40. echo "_author='".$_GET["author"]."';";
  41. }
  42. ?>
  43. </script>
  44. <style>
  45. #search_result{
  46. position: absolute;
  47. background: wheat;
  48. max-width: 95%;
  49. width: 24em;
  50. }
  51. .icon{
  52. width: 15px;
  53. height: 15px;
  54. }
  55. .submenu_title{
  56. font-size: 120%;
  57. font-weight: 700;
  58. }
  59. #head_bar{
  60. display: flex;
  61. justify-content: space-between;
  62. /*height: 5em;*/
  63. background-color: var(--tool-bg-color1);
  64. border-bottom: 1px solid var(--tool-line-color);
  65. padding:10px;
  66. margin-top: 50px;
  67. }
  68. .main_view{
  69. padding: 0 1em;
  70. max-width: 1280px;
  71. margin-left: auto;
  72. margin-right: auto;
  73. }
  74. .fun_frame {
  75. border-bottom: 1px solid gray;
  76. margin-right: 10px;
  77. margin-bottom: 10px;
  78. }
  79. .fun_frame .title{
  80. padding:6px;
  81. font-weight: 700;
  82. }
  83. .fun_frame>.content{
  84. padding:6px;
  85. max-height:6em;
  86. overflow-y: scroll;
  87. }
  88. .fixed{
  89. position:fixed;
  90. right: 0;
  91. top: 0;
  92. }
  93. .when_right_fixed{
  94. padding-right:20em;
  95. }
  96. #contents_view{
  97. display:flex;
  98. }
  99. #contents_div{
  100. flex:7;
  101. }
  102. #contents{
  103. }
  104. #contents li{
  105. white-space: normal;
  106. }
  107. #right_pannal{
  108. flex:3;
  109. max-width:20em;
  110. }
  111. #head_bar{
  112. height:unset;
  113. }
  114. #contents_foot{
  115. margin-bottom: 70vh;
  116. }
  117. #toc_content .level_2{
  118. padding-left:0.5em;
  119. }
  120. #toc_content .level_3{
  121. padding-left:1em;
  122. }
  123. #toc_content .level_4{
  124. padding-left:1.5em;
  125. }
  126. #toc_content .level_5{
  127. padding-left:2em;
  128. }
  129. .ui-dialog-titlebar{
  130. display: flex;
  131. justify-content: space-between;
  132. background-color: var(--btn-bg-color);
  133. padding: 5px;
  134. }
  135. .ui-widget-content{
  136. background-color: var(--bg-color);
  137. }
  138. .ui-dialog{
  139. box-shadow: 8px 8px 20px var(--border-shadow);
  140. }
  141. .active{
  142. background-color: var(--btn-hover-bg-color);
  143. }
  144. .icon_btn a {
  145. color: var(--main-color);
  146. }
  147. .icon_btn:hover a {
  148. color: var(--btn-hover-color);
  149. }
  150. chapter{
  151. display:inline-block;
  152. }
  153. .language-para {
  154. padding: 2px 2px;
  155. position: absolute;
  156. margin-top: 7px;
  157. border-bottom: 3px solid var(--link-color);
  158. margin-left: -60px;
  159. font-family: 'Noto Sans', 'Noto Sans SC', 'Noto Sans TC','Padauk', Arial, Verdana;
  160. }
  161. .level_0{
  162. margin-left:0;
  163. }
  164. .level_1{
  165. margin-left:1em;
  166. }
  167. .level_2{
  168. margin-left:2em;
  169. }
  170. .level_3{
  171. margin-left:3em;
  172. }
  173. .level_4{
  174. margin-left:4em;
  175. }
  176. .level_5{
  177. margin-left:5em;
  178. }
  179. .level_6{
  180. margin-left:6em;
  181. }
  182. .channal_list{
  183. white-space: nowrap;
  184. overflow-x: hidden;
  185. }
  186. .userinfo_channal{
  187. display:none;
  188. }
  189. .userinfo_channal:hover{
  190. display:block;
  191. }
  192. #para_path chapter{
  193. color: var(--link-color);
  194. font-size: 120%;
  195. }
  196. </style>
  197. <style media="screen and (max-width:800px)">
  198. #right_pannal{
  199. display:none;
  200. }
  201. .when_right_fixed{
  202. padding-right:0;
  203. }
  204. .index_toolbar{
  205. position:unset;
  206. }
  207. #pali_pedia{
  208. font-size: 200%;
  209. margin-top: auto;
  210. margin-bottom: auto;
  211. padding-left: 0.5em;
  212. }
  213. </style>
  214. <?php
  215. require_once("../pcdl/head_bar.php");
  216. ?>
  217. <div id="head_bar" >
  218. <div id="pali_pedia" style="display:flex;">
  219. <span><?php echo $_local->gui->anthology; ?></span>
  220. </div>
  221. <div>
  222. <span>
  223. <?php
  224. echo "<button class='icon_btn' title='{$_local->gui->modify} {$_local->gui->composition_structure}'>";
  225. echo "<a href='";
  226. echo "'>{$_local->gui->edit}</a></button>";
  227. if(isset($_GET["display"]) && $_GET["display"]=="para"){
  228. echo "<button class='icon_btn active' title='{$_local->gui->show} {$_local->gui->each_paragraph}'>";
  229. echo $_local->gui->each_paragraph;
  230. echo "</button>";
  231. }
  232. else{
  233. echo "<button class='icon_btn'>";
  234. echo "<a href='../reader/?view=".$_GET["view"];
  235. if(isset($_GET["book"])){
  236. echo "&book=".$_GET["book"];
  237. }
  238. if(isset($_GET["para"])){
  239. echo "&para=".$_GET["para"];
  240. }
  241. if(isset($_GET["begin"])){
  242. echo "&begin=".$_GET["begin"];
  243. }
  244. if(isset($_GET["end"])){
  245. echo "&end=".$_GET["end"];
  246. }
  247. if(isset($_GET["channal"])){
  248. echo "&channal=".$_GET["channal"];
  249. }
  250. if(isset($_GET["lang"])){
  251. echo "&lang=".$_GET["lang"];
  252. }
  253. echo "&display=para' title='{$_local->gui->show} {$_local->gui->each_paragraph}'>";
  254. echo $_local->gui->each_paragraph;
  255. echo "</a>";
  256. echo "</button>";
  257. }
  258. if(isset($_GET["display"]) && $_GET["display"]=="sent"){
  259. echo "<button class='icon_btn active' title='{$_local->gui->show} {$_local->gui->each_sentence}'>";
  260. echo $_local->gui->each_sentence;
  261. echo "</button>";
  262. }
  263. else{
  264. echo "<button class='icon_btn'>";
  265. echo "<a href='../reader/?view=".$_GET["view"];
  266. if(isset($_GET["book"])){
  267. echo "&book=".$_GET["book"];
  268. }
  269. if(isset($_GET["para"])){
  270. echo "&para=".$_GET["para"];
  271. }
  272. if(isset($_GET["begin"])){
  273. echo "&begin=".$_GET["begin"];
  274. }
  275. if(isset($_GET["end"])){
  276. echo "&end=".$_GET["end"];
  277. }
  278. if(isset($_GET["channal"])){
  279. echo "&channal=".$_GET["channal"];
  280. }
  281. if(isset($_GET["lang"])){
  282. echo "&lang=".$_GET["lang"];
  283. }
  284. echo "&display=sent";
  285. echo "' title='{$_local->gui->show} {$_local->gui->each_sentence}'>{$_local->gui->each_sentence}</a></button>";
  286. }
  287. ?>
  288. <button class='icon_btn'><a href="#"><?php echo $_local->gui->help; ?></a></button>
  289. </span>
  290. </div>
  291. </div>
  292. <div id="main_view" class="main_view">
  293. <div id="contents_view">
  294. <div id="contents_div" style="padding: 0 1em 0 30px;">
  295. <div id="contents">
  296. <?php echo $_local->gui->loading; ?>...
  297. </div>
  298. <div id="contents_foot">
  299. <div id="contents_nav" style="">
  300. </div>
  301. </div>
  302. </div>
  303. <div id="right_pannal">
  304. <div class="fun_frame">
  305. <div id = "collect_title" class="title">Declation</div>
  306. <div id = "case_content" class="content" style="max-height:20em;">
  307. </div>
  308. </div>
  309. <div class="fun_frame">
  310. <div style="display:flex;justify-content: space-between;">
  311. <div class="title"><?php echo "Books"; ?></div>
  312. <div class="channel_select_button" onclick="onChannelMultiSelectStart()"><?php echo "Multi-Select"; ?></div>
  313. </div>
  314. <div id="channal_list" class="content" style="max-height:20em;">
  315. </div>
  316. </div>
  317. </div>
  318. </div>
  319. </div>
  320. <script>
  321. $(document).ready(function(){
  322. ntf_init();
  323. click_dropdown_init();
  324. note_create();
  325. reader_load();
  326. });
  327. window.addEventListener('scroll',winScroll);
  328. function winScroll(e){
  329. if(GetPageScroll().y>220){
  330. }
  331. else{
  332. }
  333. }
  334. //滚动条位置
  335. function GetPageScroll()
  336. {
  337. var pos=new Object();
  338. var x, y;
  339. if(window.pageYOffset)
  340. { // all except IE
  341. y = window.pageYOffset;
  342. x = window.pageXOffset;
  343. } else if(document.documentElement && document.documentElement.scrollTop)
  344. { // IE 6 Strict
  345. y = document.documentElement.scrollTop;
  346. x = document.documentElement.scrollLeft;
  347. } else if(document.body) { // all other IE
  348. y = document.body.scrollTop;
  349. x = document.body.scrollLeft;
  350. }
  351. pos.x=x;
  352. pos.y=y;
  353. return(pos);
  354. }
  355. </script>
  356. </body>
  357. </html>