EssentialTypeScriptBook icon indicating copy to clipboard operation
EssentialTypeScriptBook copied to clipboard

ECMAScript2015 sample code aesthetic bug (class="list-group-item")

Open MSoup opened this issue 3 years ago • 0 comments

There are 5 instances where class="list-group-item" has an extra "}", which TypeScript / Linting does not detect. The result is that bootstrap does not pick up on the list-group-item class and does not style the to-do list item correctly.

An example code snippet from within the book is

	var todo = {
	    id: 123,
	    name: "Pick up drycleaning",
	    completed: true
	}
	
	container.innerHTML = `
	    <div todo='${todo.id}' class="list-group-item}">
	        <i class="[[ If Todo is complete, then "hidden" ]] text-success glyphicon glyphicon-ok"></i>
	        <span class="name">${todo.name}</span>
	    </div>
	`

MSoup avatar Feb 27 '22 05:02 MSoup