Home Explore Help
Register Sign In
iapt-platform
/
mint
mirror of https://github.com/iapt-platform/mint.git
2
0
Fork 0
Files Issues 0 Wiki
Tree: 01d01e77f6
Branches Tags
mint
/
app
/
course
/
index.php

index.php 2.4 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114 
  1. <?PHP
    2. 

  2. include "../pcdl/html_head.php";
    3. 

  3. ?>
    4. 

  4. <body>
    5. 

  5. 

  6. <?php
    7. 

  7.     require_once("../pcdl/head_bar.php");
    8. 

  8. ?>
    9. 

  9. <style>
    10. 

  10. 	.content_block{
    11. 

  11. 		flex: 0 0 auto;
    12. 

  12. 		width: 25%;
    13. 

  13. 		padding: 10px;
    14. 

  14. 	}
    15. 

  15. 

  16. 	.index_inner{
    17. 

  17. 		width: 960px;
    18. 

  18. 		margin-left: auto;
    19. 

  19. 		margin-right: auto;
    20. 

  20. 	}
    21. 

  21. 	.content_inner{
    22. 

  22. 		display:flex;
    23. 

  23. 	}
    24. 

  24. 	.h3{
    25. 

  25. 		font-size: 16px;
    26. 

  26. 	}
    27. 

  27. 	.index_list_categories{
    28. 

  28. 		margin: 2em 0;
    29. 

  29. 	}
    30. 

  30. 	
    31. 

  31. 	.index_list_categories a:hover{
    32. 

  32. 		color: var(--tool-link-hover-color);
    33. 

  33. 	}
    34. 

  34. 	/*.index_list_categories a,a:link{
    35. 

  35. 		color: var(--main-color);
    36. 

  36. 	}*/
    37. 

  37. 	.index_list_categories button{
    38. 

  38. 		border: none;
    39. 

  39. 	}
    40. 

  40. 	
    41. 

  41. 	.pd-10{
    42. 

  42. 		padding:10px;
    43. 

  43. 	}
    44. 

  44. 	.card li{
    45. 

  45. 		white-space: unset;
    46. 

  46. 	}
    47. 

  47. 	.card code{
    48. 

  48. 		white-space: unset;
    49. 

  49. 	}
    50. 

  50. 	</style>
    51. 

  51. <div class="index_inner" >
    52. 

  52.     
    53. 

  53. 	<div class="index_list_categories">
    54. 

  54. 		<div class="title_bar">
    55. 

  55. 			<span class="title h3"><?php echo $_local->gui->speaker ?></span>	
    56. 

  56. 			<span class="title_more"><a href="../course"><?php echo $_local->gui->more ?></a></span>
    57. 

  57. 		</div>
    58. 

  58. 		<div class="content">
    59. 

  59. 			<div id="course_list_new" class="content_inner">
    60. 

  60. 

  61. 

  62. 

  63. 			</div>
    64. 

  64. 		</div>
    65. 

  65. 	</div>
    66. 

  66. 	<script>
    67. 

  67. 	$.get("../course/teacher_list.php",function(data,status){
    68. 

  68. 		let xDiv = document.getElementById("course_list_new");
    69. 

  69. 		if(xDiv){
    70. 

  70. 			xDiv.innerHTML=data;
    71. 

  71. 		}
    72. 

  72. 	});
    73. 

  73. 	</script>	
    74. 

  74.     <div class="card" style="margin:1em;">
    75. 

  75.     过滤
    76. 

  76.     </div>
    77. 

  77.     <div id="course_list">
    78. 

  78.     </div >
    79. 

  79.     <script>
    80. 

  80. 	$.get("../course/course_list.php",function(data,status){
    81. 

  81.         let arrData = JSON.parse(data);
    82. 

  82.         let html="";
    83. 

  83.         for (const iterator of arrData) {
    84. 

  84.             html += '<div class="card" style="display:flex;margin:1em;padding:10px;">';
    85. 

  85. 

  86.             html += '<div style="flex:7;">';
    87. 

  87.             html +=  '<div class="title" style="padding-bottom:5px;font-size:110%;font-weight:600;"><a href="../course/course.php?id='+iterator.id+'">'+iterator.title+'</a></div>';
    88. 

  88. 			html += '<div class="summary"  style="padding-bottom:5px;">'+iterator.subtitle+'</div>';
    89. 

  89. 			let summary = "";
    90. 

  90.         try{
    91. 

  91.             summary = marked(iterator.summary);
    92. 

  92.         }
    93. 

  93.         catch(e){
    94. 

  94. 

  95.         }      
    96. 

  96.             html += '<div class="summary"  style="padding-bottom:5px;">'+summary+'</div>';
    97. 

  97. 

  98.             html += '</div>';
    99. 

  99. 

  100.             html += '<div style="flex:3;max-width:15em;">';
    101. 

  101. 

  102.             html += '</div>';
    103. 

  103. 

  104.             html += '</div>';
    105. 

  105.             $("#course_list").html(html);
    106. 

  106.         }
    107. 

  107. 	});
    108. 

  108. 	</script>	
    109. 

  109. 

  110.     </div>
    111. 

  111. 

  112. <?php
    113. 

  113. include "../pcdl/html_foot.php";
    114. 

  114. ?>
    115.