优化reader

app/reader/index.php

@@ -168,10 +168,11 @@ require_once "../pcdl/html_head.php";
 }
 
 .language-para {
-    padding: 2px 8px;
+    padding: 2px 2px;
     position: absolute;
-    margin-left: -6em;
+    margin-top: 7px;
     border-bottom: 3px solid var(--link-color);
+	left: 0;
 }
 
 .level_0{

app/reader/reader.js

@@ -1,8 +1,8 @@
-var _reader_view="sent";
-var _reader_book=-1;
+var _reader_view = "sent";
+var _reader_book = -1;
 var _reader_para = -1;
-var _reader_begin=-1;
-var _reader_end=-1;
+var _reader_begin = -1;
+var _reader_end = -1;
 var _channal = "";
 var _lang = "";
 var _author = "";
@@ -12,71 +12,71 @@ var _sent_data = new Array();
 
 palicanon_load_term();
 
-function reader_load(){
+function reader_load() {
     $.get(
         "../reader/get_para.php",
         {
-            view:_reader_view,
-            book:_reader_book,
-            para:_reader_para,
-            begin:_reader_begin,
-            end:_reader_end,
+            view: _reader_view,
+            book: _reader_book,
+            para: _reader_para,
+            begin: _reader_begin,
+            end: _reader_end,
         },
-        function(data){
+        function (data) {
             _sent_data = JSON.parse(data);
             let tpl = "";
-            let currPara=0;
+            let currPara = 0;
             $("#contents").html("");
-            if(_sent_data.sentences.length>0  ){
+            if (_sent_data.sentences.length > 0) {
                 for (const iterator of _sent_data.sentences) {
-                    if(currPara!=iterator.paragraph){
-                        tpl +="\n";
-                        currPara=iterator.paragraph;
+                    if (currPara != iterator.paragraph) {
+                        tpl += "\n";
+                        currPara = iterator.paragraph;
                         tpl += "```para\n";
-                        tpl += currPara+"\n";
+                        tpl += currPara + "\n";
                         tpl += "```\n";
-                    }                
-                    tpl += "{{"+iterator.book+"-"+iterator.paragraph+"-"+iterator.begin+"-"+iterator.end+"}}\n";
+                    }
+                    tpl += "{{" + iterator.book + "-" + iterator.paragraph + "-" + iterator.begin + "-" + iterator.end + "}}\n";
                 }
                 $("#contents").html(note_init(tpl));
-                note_refresh_new();      
+                note_refresh_new();
                 reader_draw_para_menu();
 
                 //右侧目录
-                let tocHtml="";
-                let tocNextMenu="";
-                if(_sent_data.toc.length>0){
+                let tocHtml = "";
+                let tocNextMenu = "";
+                if (_sent_data.toc.length > 0) {
                     let firstLevel = _sent_data.toc[0].level;
                     for (let index = 1; index < _sent_data.toc.length; index++) {
                         const element = _sent_data.toc[index];
-                        tocHtml+= "<div class='reader_right_toc level_"+(element.level-firstLevel)+"'><a href='#para_"+element.paragraph+"'>"+element.toc+"</a></div>";
-                        tocNextMenu +="<a href='../reader/?view=chapter&book="+_reader_book+"&para="+element.paragraph+"'>"+element.toc+"</a>";
-                    } 
+                        tocHtml += "<div class='reader_right_toc level_" + (element.level - firstLevel) + "'><a href='#para_" + element.paragraph + "'>" + element.toc + "</a></div>";
+                        tocNextMenu += "<a href='../reader/?view=chapter&book=" + _reader_book + "&para=" + element.paragraph + "'>" + element.toc + "</a>";
+                    }
                     $("#toc_content").html(tocHtml);
-                    if(tocNextMenu===""){
+                    if (tocNextMenu === "") {
                         $("#para_path_next_level").hide();
                     }
-                    else{
+                    else {
                         $("#toc_next_menu").html(tocNextMenu);
-                        $("#para_path_next_level").show();                       
+                        $("#para_path_next_level").show();
                     }
 
                 }
-                
+
             }
 
-            
-            if(_sent_data.head==1 || _sent_data.sentences.length==0){
+
+            if (_sent_data.head == 1 || _sent_data.sentences.length == 0) {
                 //渲染目录
                 tpl = "<h2>Table of Content</h2>";
-                if(_sent_data.toc.length>0){
+                if (_sent_data.toc.length > 0) {
                     let firstLevel = _sent_data.toc[0].level;
                     for (let index = 1; index < _sent_data.toc.length; index++) {
                         const element = _sent_data.toc[index];
-                        if(element.level<8){
-                            tpl+= "<div class='reader_main_toc level_"+(element.level-firstLevel)+"'><a href='../reader/?view=chapter&book="+_reader_book+"&para="+element.paragraph+"&display="+_display+"'>"+element.toc+"</a></div>";
+                        if (element.level < 8) {
+                            tpl += "<div class='reader_main_toc level_" + (element.level - firstLevel) + "'><a href='../reader/?view=chapter&book=" + _reader_book + "&para=" + element.paragraph + "&display=" + _display + "'>" + element.toc + "</a></div>";
                         }
-                    } 
+                    }
                 }
                 $("#contents_toc").html(tpl);
             }
@@ -86,57 +86,57 @@ function reader_load(){
     reader_get_path();
 }
 
-function reader_draw_para_menu(){
-    $(".language-para").each(function(){
-        let strPara =  $(this).text();
+function reader_draw_para_menu() {
+    $(".language-para").each(function () {
+        let strPara = $(this).text();
         $(this).addClass("case_dropdown");
-        let html="<a name='para_"+strPara+"'></a>";
-        html  +="<div class='case_dropdown-content para_menu'>";
-    if(typeof _reader_view !="undefined" &&  _reader_view != "para"){
-        html  +="<a onclick='junp_to('"+_reader_book+"','"+strPara+"')'>跳转至此段</a>";
-    }
-    html  +="<a onclick=\"copy_para_ref('"+_reader_book+"','"+strPara+"')\">复制引用</a>";
-    html  +="<a onclick='copy_text(this)'>复制文本</a>";
-    html  +="<a onclick='add_to_list()'>添加到选择列表</a>";
-    html  +="</div>";
-        $(this).append(html);        
+        let html = "<a name='para_" + strPara + "'></a>";
+        html += "<div class='case_dropdown-content para_menu'>";
+        if (typeof _reader_view != "undefined" && _reader_view != "para") {
+            html += "<a onclick='junp_to('" + _reader_book + "','" + strPara + "')'>跳转至此段</a>";
+        }
+        html += "<a onclick=\"copy_para_ref('" + _reader_book + "','" + strPara + "')\">" + gLocal.gui.copy_link + "</a>";
+        html += "<a onclick='copy_text(this)'>" + gLocal.gui.copy + "“" + gLocal.gui.pāli + "”</a>";
+        html += "<a onclick='add_to_list()'>" + gLocal.gui.add_to_edit_list + "</a>";
+        html += "</div>";
+        $(this).append(html);
     });
 
 }
-function copy_para_ref(book,para) {
+function copy_para_ref(book, para) {
     let output = "";
     let currPara = para;
     for (const iterator of _sent_data.sentences) {
-        if(iterator.book==book && iterator.paragraph==para){
-            output +="{{"+book+"-"+para+"-"+iterator.begin+"-"+iterator.end+"}}\n";
+        if (iterator.book == book && iterator.paragraph == para) {
+            output += "{{" + book + "-" + para + "-" + iterator.begin + "-" + iterator.end + "}}\n";
         }
     }
-    output +="\n";
+    output += "\n";
     copy_to_clipboard(output)
 }
-function reader_get_path(){
+function reader_get_path() {
     $.get(
         "../reader/get_path.php",
         {
-            book:_reader_book,
-            para:_reader_para,
+            book: _reader_book,
+            para: _reader_para,
         },
-        function(data){
+        function (data) {
             $("#para_path").html(data);
-            $("chapter").each(function(){
+            $("chapter").each(function () {
                 let title = $(this).text();
-                let strLocalTitle="";
-                if( strLocalTitle = term_lookup_my(title,_channal.split()[0],getCookie("userid"),getCookie("language"))){
+                let strLocalTitle = "";
+                if (strLocalTitle = term_lookup_my(title, _channal.split()[0], getCookie("userid"), getCookie("language"))) {
                     $(this).html(strLocalTitle.word);
                 }
-                else if( strLocalTitle = term_lookup_my_a(title,_channal.split()[0],getCookie("userid"),getCookie("language"))){
-                    let newLocal = title.replace(strLocalTitle.word,strLocalTitle.meaning);
+                else if (strLocalTitle = term_lookup_my_a(title, _channal.split()[0], getCookie("userid"), getCookie("language"))) {
+                    let newLocal = title.replace(strLocalTitle.word, strLocalTitle.meaning);
                     $(this).html(newLocal);
                 }
             });
             let suttaTitle = $("chapter").last().html();
             $("#article_title").html(suttaTitle);
-            if(_reader_view=="chapter"){
+            if (_reader_view == "chapter") {
                 //$("chapter").last().hide();
             }
         }
@@ -147,9 +147,9 @@ function palicanon_load_term() {
     $.get(
         "../term/term.php",
         {
-            op:"my"
+            op: "my"
         },
-        function(data){
+        function (data) {
             arrMyTerm = JSON.parse(data);
         }
     );
@@ -169,12 +169,12 @@ function set_channal(channalid) {
     }
     if (_reader_end != -1) {
         url += "&end=" + _reader_end;
-    }   
+    }
     if (channalid != "") {
-      url += "&channal=" + channalid;
+        url += "&channal=" + channalid;
     }
     if (_display != "") {
-      url += "&display=" + _display;
+        url += "&display=" + _display;
     }
     location.assign(url);
-  }
+}