|
@@ -6,7 +6,7 @@ import {CommandBus, CMD_TYPE} from './CommandBus';
|
|
|
class Course {
|
|
|
constructor() {}
|
|
|
|
|
|
- static renderList(data) {
|
|
|
+ static renderList(data, auth) {
|
|
|
let main = document.querySelector('#course-main');
|
|
|
main.innerHTML = '';
|
|
|
//先获取各课的下载状态
|
|
@@ -26,7 +26,7 @@ class Course {
|
|
|
}
|
|
|
|
|
|
// 现在只按文字模板进行渲染
|
|
|
- main.innerHTML = this.textList(data, lessonDownloadStatus);
|
|
|
+ main.innerHTML = this.textList(data, lessonDownloadStatus, auth);
|
|
|
}
|
|
|
|
|
|
//废弃
|
|
@@ -67,20 +67,26 @@ class Course {
|
|
|
</div>`;
|
|
|
}
|
|
|
|
|
|
- static textList(data, lessonDownloadStatus) {
|
|
|
+ static textList(data, lessonDownloadStatus, auth) {
|
|
|
let content = '';
|
|
|
- function listItem(data, seq, downloadStatus) {
|
|
|
+ function listItem(data, seq, downloadStatus, isFree) {
|
|
|
let btnClass = 'download-btn-lesson-list-ready';
|
|
|
if (downloadStatus == Consts.DOWNLOAD_STATUS_ONGOING){
|
|
|
- btnClass = 'download-btn-lesson-list-ongoing';
|
|
|
+ btnClass = 'download-btn-lesson-list-ongoing';
|
|
|
}
|
|
|
else if (downloadStatus == Consts.DOWNLOAD_STATUS_SUCCESS) {
|
|
|
- btnClass = 'download-btn-lesson-list-success';
|
|
|
+ btnClass = 'download-btn-lesson-list-success';
|
|
|
}
|
|
|
- return `<div data-seq="${seq}">
|
|
|
- <div id="lesson-btn-${seq}" data-id="${data.id}" data-name="${data.title}" data-seq="${seq}" fe-role="Widget" class="text-wrapper">${Utils.fixOverflowStr(data.title, 32, '...')}</div>
|
|
|
- <div id="download-btn-${data.id}" fe-role="Widget" class="${btnClass}" data-id="${data.id}" data-name="${data.title}" data-seq="${seq}" ></div>
|
|
|
- </div>`;
|
|
|
+ return `
|
|
|
+ <div data-seq="${seq}">
|
|
|
+ <div id="lesson-btn-${seq}" data-id="${data.id}" data-name="${data.title}" data-seq="${seq}" fe-role="Widget" class="text-wrapper">
|
|
|
+ ${Utils.fixOverflowStr(data.title, 32, '...')}
|
|
|
+ <div class="free-flag" style="display: ${isFree ? "block" : "none"}"></div>
|
|
|
+ </div>
|
|
|
+ <div id="download-btn-${data.id}" fe-role="Widget" class="${btnClass}" data-id="${data.id}" data-name="${data.title}" data-seq="${seq}">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ `;
|
|
|
}
|
|
|
for (let i in data) {
|
|
|
let downloadStatus = Consts.DOWNLOAD_STATUS_UNDOWNLOAD;
|
|
@@ -88,8 +94,12 @@ class Course {
|
|
|
if (lessonDownloadStatus[lessonId]){
|
|
|
downloadStatus = lessonDownloadStatus[lessonId];
|
|
|
}
|
|
|
-
|
|
|
- content += listItem(data[i], i, downloadStatus);
|
|
|
+ // 课程未购买的第一课加入free标记
|
|
|
+ if (i == 0 && !auth) {
|
|
|
+ content += listItem(data[i], i, downloadStatus, true);
|
|
|
+ } else {
|
|
|
+ content += listItem(data[i], i, downloadStatus, false);
|
|
|
+ }
|
|
|
}
|
|
|
return `<div id="list-text-container" class="list-text-container" fe-role="Scroll" fe-cfg="scroll_dir:v,scroll_center:con,scroll_duration:0.2,scroll_easing:linear"><div class="scroll-list clearfix" id="course-main-list">${content}</div></div> `;
|
|
|
}
|