Proposed SC.TemplateView Approach

proposed_template_approach.js

MyApp.MyView = SC.EasySimpleTemplateView.extend({

  template: [
    "<div class='background' style='position: absolute; top: 0px; left: 0px; width: {{layout.width}}px; height: {{layout.height}}px'></div>",
    "<div style='position: absolute; top: 0px; left: 0px; width: {{layout.width}}px; height: {{layout.height}}px'>",
    "  <div class='title'>{{title}}</div>",
    "  <img class='icon' src='{{icon}}' />",
    "  <div class='description'>{{description}}</div>",
    "</div>",
    (p.new_count > 0 ? "<div class='badge' style='position: absolute; top: 5px; right: 5px;'>{{new_count}}</div>"
  ].join("\n")
  
  // OR, we could point to a template URL that has this
  
  templateUrl: "/templates/my_awesome_view.html"
  
});