iapt-platform
/
mint
réplica de https://github.com/iapt-platform/mint.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268
							<?PHP
include "../pcdl/html_head.php";
?>
<body>

<?php
    require_once("../pcdl/head_bar.php");
?>

<style>
    #main_video_win iframe{
        width:100%;
        height:100%;
    }
</style>
<link href='../lib/main.css' rel='stylesheet' />
<script src='../lib/main.js'></script>
<script>

  document.addEventListener('DOMContentLoaded', function() {
    var initialTimeZone = 'local';
    var timeZoneSelectorEl = document.getElementById('time-zone-selector');
    var loadingEl = document.getElementById('loading');
    var calendarEl = document.getElementById('calendar');

    var calendar = new FullCalendar.Calendar(calendarEl, {
      timeZone: initialTimeZone,
      headerToolbar: {
        left: 'prev,next today',
        center: 'title',
        right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
      },
      initialDate: '2020-09-12',
      navLinks: true, // can click day/week names to navigate views
      editable: true,
      selectable: true,
      dayMaxEvents: true, // allow "more" link when too many events
      events: {
        url: 'php/get-events.php',
        failure: function() {
          document.getElementById('script-warning').style.display = 'inline'; // show
        }
      },
      loading: function(bool) {
        if (bool) {
          loadingEl.style.display = 'inline'; // show
        } else {
          loadingEl.style.display = 'none'; // hide
        }
      },

      eventTimeFormat: { hour: 'numeric', minute: '2-digit', timeZoneName: 'short' },

      dateClick: function(arg) {
        console.log('dateClick', calendar.formatIso(arg.date));
      },
      select: function(arg) {
        console.log('select', calendar.formatIso(arg.start), calendar.formatIso(arg.end));
      }
    });

    calendar.render();

    // load the list of available timezones, build the <select> options
    // it's HIGHLY recommended to use a different library for network requests, not this internal util func
    FullCalendar.requestJson('GET', 'php/get-time-zones.php', {}, function(timeZones) {

      timeZones.forEach(function(timeZone) {
        var optionEl;

        if (timeZone !== 'UTC') { // UTC is already in the list
          optionEl = document.createElement('option');
          optionEl.value = timeZone;
          optionEl.innerText = timeZone;
          timeZoneSelectorEl.appendChild(optionEl);
        }
      });
    }, function() {
      // TODO: handle error
    });

    // when the timezone selector changes, dynamically change the calendar option
    timeZoneSelectorEl.addEventListener('change', function() {
      calendar.setOption('timeZone', this.value);
    });
  });

</script>


<?php
//

require_once "../path.php";
require_once "../public/_pdo.php";
require_once '../ucenter/function.php';
require_once '../public/function.php';

global $PDO;
PDO_Connect("sqlite:"._FILE_DB_COURSE_);
$query = "select * from course where id = '{$_GET["id"]}'   limit 0,1";
$Fetch = PDO_FetchAll($query);
if(count($Fetch)==0)
{
    echo "无法找到此课程。可能该课程已经被拥有者删除。";
    exit;
}
$course_info = $Fetch[0];

echo "<div id='course_head_bar' style='background-color:var(--tool-bg-color1);padding:1em 10px 10px 10px;'>";
echo "<div class='index_inner '>";
echo "<div style='font-size:140%'>";
echo "<a href='../uhome/course.php?userid={$course_info["teacher"]}'>";
echo ucenter_getA($course_info["teacher"]);
echo "</a>";
echo " > ";
echo $course_info["title"];
echo "</div>";
echo '<div class="summary"  style="padding-bottom:5px;">'.$course_info["subtitle"].'</div>';
echo '<div class="summary"  style="">';
echo '<button>'.$_local->gui->watch.'</button>';
echo '<button>'.$_local->gui->sign_up.'</button>';
echo '<button>'.$_local->gui->share.'</button></div>';
echo "</div>";
echo '</div>';
echo "<div  class='index_inner'>";

echo '<div class="card" style="margin:1em;padding:10px;">';
    echo '<div class="title">';
    echo $_local->gui->introduction;
    echo '</div>';
    echo '<div id="course_summary" class="detail">';
    echo '</div>';
    echo '<div class="title">';
    echo $_local->gui->attachment;
    echo '</div>';    
    echo '<div id="course_attachment"  class="detail">';
    echo '</div>';   
echo '</div>';

echo "<div id='lesson_list'>";


echo "</div>";

?>
</div>
<script>
    $("#main_video_win").height($("#main_video_win").width()*9/16);
    $.get("../course/course_get.php",
  {
    id:"<?php echo $_GET["id"]; ?>"
  },
  function(data,status){
      let arrLesson = JSON.parse(data);
      if(arrLesson && arrLesson.length>0){
        let summary = "";
        try{
            summary = marked(arrLesson[0]["summary"]);
        }
        catch(e){

        }          
        $("#course_summary").html(summary);

        let attachment = "";
        try{
            attachment = marked(arrLesson[0]["attachment"]);
        }
        catch(e){

        }          
        $("#course_attachment").html(attachment);
      }
    });

$.get("../course/lesson_list.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;"><a href="../course/lesson.php?id='+lesson["id"]+'" style="color:var(--main-color);">'+lesson["title"]+'</a></div>';
        html += '<div style="overflow-y: scroll;max-height: 20em;">';
        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{

        }
        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 >'+gLocal.gui.date+'：'+strData +'</div>';
         html+= '<div >'+gLocal.gui.time+'：'+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 >"+gLocal.gui.duration+"："+sdt+"</div>";        
        let now = new Date(); 

        let lesson_time="";
        if(now<lesson["date"]){
            lesson_time = gLocal.gui.not_started;
        }
        else if(now>lesson["date"] && now<(lesson["date"]+dt*1000)){
            lesson_time = gLocal.gui.in_progress;
        }
        else{
            lesson_time = gLocal.gui.already_over;
        }
        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";
?>