Selaa lähdekoodia

memaid 支持

visuddhinanda 5 vuotta sitten
vanhempi
sitoutus
8bba33af0b
4 muutettua tiedostoa jossa 105 lisäystä ja 91 poistoa
  1. 101 0
      app/course/lesson.js
  2. 3 90
      app/course/lesson.php
  3. 1 1
      app/pcdl/html_head.php
  4. 0 0
      app/public/js/mermaid.min.js

+ 101 - 0
app/course/lesson.js

@@ -0,0 +1,101 @@
+var renderer = new marked.Renderer();
+renderer.code = function (code, language) {
+  if (language == "mermaid") return '<pre class="mermaid">' + code + "</pre>";
+  else return "<pre><code>" + code + "</code></pre>";
+};
+
+function lesson_show(id) {
+  $.get(
+    "../course/lesson_get.php",
+    {
+      id: id,
+    },
+    function (data, status) {
+      let arrLesson = JSON.parse(data);
+      let html = "";
+      for (const lesson of arrLesson) {
+        html +=
+          '<div class="card" style="display:flex;margin:1em;padding:10px;">';
+
+        html += '<div style="flex:7;">';
+        html += '<div class="pd-10">';
+        html +=
+          '<div class="title" style="padding-bottom:5px;font-size:200%;font-weight:600;">' +
+          lesson["title"] +
+          "</div>";
+        html += '<div style="">';
+        let summary = "";
+        try {
+          summary = marked(lesson["summary"]);
+        } catch {}
+        html +=
+          '<div class="summary"  style="padding-bottom:5px;">' +
+          summary +
+          "</div>";
+        let live = "";
+        try {
+          live = marked(lesson["live"], { renderer: renderer });
+        } catch {}
+        html +=
+          '<div class="summary"  style="padding-bottom:5px;">' +
+          live +
+          "</div>";
+        let replay = "";
+        try {
+          replay = marked(lesson["replay"]);
+        } catch {}
+        html +=
+          '<div class="summary"  style="padding-bottom:5px;">' +
+          replay +
+          "</div>";
+        let attachment = "";
+        try {
+          attachment = marked(lesson["attachment"], { renderer: renderer });
+        } catch {}
+        html +=
+          '<div class="summary"  style="padding-bottom:5px;">' +
+          attachment +
+          "</div>";
+        html += "</div>";
+        html += "</div>";
+        html += "</div>";
+
+        html += '<div style="flex:3;max-width:15em;">';
+        let d = new Date();
+        d.setTime(lesson["date"]);
+        let strData = d.toLocaleDateString();
+        let strTime = d.toLocaleTimeString();
+        html += "<div >开始日期:" + strData + "</div>";
+        html += "<div >开始时间:" + strTime + "</div>";
+        let dt = lesson["duration"] / 60;
+        let sdt = "";
+        if (dt > 59) {
+          sdt += Math.floor(dt / 60) + "小时";
+        }
+        let m = dt % 60;
+        if (m > 0) {
+          sdt += (dt % 60) + "分钟";
+        }
+        html += "<div >持续时间:" + sdt + "</div>";
+        let now = new Date();
+
+        let lesson_time = "";
+        if (now < lesson["date"]) {
+          lesson_time = "尚未开始";
+        } else if (now > lesson["date"] && now < lesson["date"] + dt * 1000) {
+          lesson_time = "正在进行";
+        } else {
+          lesson_time = "已经结束";
+        }
+        html +=
+          '<div ><span class="lesson_status">' + lesson_time + "</span></div>";
+
+        html += "</div>";
+
+        html += "</div>";
+      }
+      $("#lesson_list").html(html);
+      mermaid.initialize();
+    }
+  );
+}

+ 3 - 90
app/course/lesson.php

@@ -2,7 +2,7 @@
 include "../pcdl/html_head.php";
 ?>
 <body>
-
+<script src="../course/lesson.js"></script>
 <?php
     require_once("../pcdl/head_bar.php");
 ?>
@@ -67,98 +67,11 @@ echo "</div>";
 
 ?>
 </div>
-<script src="../public/js/marked.js"></script>
 <script>
-    $("#main_video_win").height($("#main_video_win").width()*9/16);
-
-    $.get("../course/lesson_get.php",
-  {
-    id:"<?php echo $_GET["id"]; ?>"
-  },
-  function(data,status){
-      let arrLesson = JSON.parse(data);
-      let html="";
-    for(const lesson of  arrLesson){
-        html+= '<div class="card" style="display:flex;margin:1em;padding:10px;">';
-
-        html+= '<div style="flex:7;">';
-        html+= '<div class="pd-10">';
-        html+= '<div class="title" style="padding-bottom:5px;font-size:200%;font-weight:600;">'+lesson["title"]+'</div>';
-        html += '<div style="">';
-        let summary = "";
-        try{
-            summary = marked(lesson["summary"]);
-        }
-        catch{
-
-        }
-        html+= '<div class="summary"  style="padding-bottom:5px;">'+summary+'</div>';
-        let live = "";
-        try{
-            live = marked(lesson["live"]);
-        }
-        catch{
-
-        }
-        html+= '<div class="summary"  style="padding-bottom:5px;">'+live+'</div>';
-        let replay = "";
-        try{
-            replay = marked(lesson["replay"]);
-        }
-        catch{
 
-        }
-        html+= '<div class="summary"  style="padding-bottom:5px;">'+replay+'</div>';
-        let attachment = "";
-        try{
-            attachment = marked(lesson["attachment"]);
-        }
-        catch{
+$("#main_video_win").height($("#main_video_win").width()*9/16);
+lesson_show("<?php echo $_GET["id"]; ?>");
 
-        }
-        html+= '<div class="summary"  style="padding-bottom:5px;">'+attachment+'</div>';
-        html+= '</div>'; 
-        html+= '</div>'; 
-        html+= '</div>';
-
-        html+= '<div style="flex:3;max-width:15em;">';
-        let d = new Date();
-        d.setTime(lesson["date"]);
-        let strData = d.toLocaleDateString();
-        let strTime = d.toLocaleTimeString();
-         html+= '<div >开始日期:'+strData +'</div>';
-         html+= '<div >开始时间:'+strTime +'</div>';
-        let dt = lesson["duration"]/60;
-        let sdt = "";
-        if(dt>59){
-            sdt += Math.floor(dt/60)+"小时";
-        }
-        let m = (dt % 60);
-        if(m>0){
-            sdt +=(dt % 60)+"分钟";
-        }
-        html+= "<div >持续时间:"+sdt+"</div>";        
-        let now = new Date(); 
-
-        let lesson_time="";
-        if(now<lesson["date"]){
-            lesson_time = "尚未开始";
-        }
-        else if(now>lesson["date"] && now<(lesson["date"]+dt*1000)){
-            lesson_time = "正在进行";
-        }
-        else{
-            lesson_time = "已经结束";
-        }
-        html+= '<div ><span class="lesson_status">'+lesson_time+'</span></div>';
-      
-        html+= '</div>';
-
-        html+= '</div>';
-
-    }
-    $("#lesson_list").html(html);
-  });
 </script>
 <?php
 include "../pcdl/html_foot.php";

+ 1 - 1
app/pcdl/html_head.php

@@ -39,7 +39,7 @@ else{
 	<link type="text/css" rel="stylesheet" href="../guide/guide.css"/>
 
 	<script src="../public/js/marked.js"></script>
-
+	<script src="../public/js/mermaid.min.js"></script>
 	
 	<script >
 	<?php require_once '../public/load_lang_js.php';?>

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
app/public/js/mermaid.min.js


Kaikkia tiedostoja ei voida näyttää, sillä liian monta tiedostoa muuttui tässä diffissä