JSFiddle - React, Tailwind, and code Playground

by nirmaljpatel

HTML

<script id="courseLiTmplt" type="text/template">
		<li id="activeCourseLi"  value="somevalue">
			<span class="\${imageSpan}"></span>
			<a>
				{{if (courseStartDate == courseEndDate)}}
					\${enddate_convert} \${courseStartTime} to \${courseEndTime} \${timeZone}
				{{else}}
					\${startdate_covert} to \${enddate_convert}
				{{/if}}
			</a>
			<h5>\${courseName}</h5>
		</li>
	</script>

JavaScript

//console.log("inside ActiveCourseList");
	var parent = document.getElementById("updateMyCoursesListUL");
	//Create a named template
	//$.template("UpdateMyCoursetemplate", getMarkUpActiveCourses());
		
	$("#courseLiTmplt").template("UpdateMyCoursetemplate");
	
	//Use the named template to generate markup
	//$.tmpl( "UpdateMyCoursetemplate",result).appendTo( parent );
	
	//Direct templating without creating a named template
	$("#courseLiTmplt").tmpl(result).appendTo(parent);
	
	$('#updateMyCoursesListUL').listview('refresh');