Highlights.html

// ================== Highlights.html


<span class="TableContainer">
    <span class="HighlightsSummary"></span>
    <input class="HighlightsInput"></input>
    <span class="HighlightsColors">
        <% (6).times(function(i) { %>
        <span class="GenericHighlightsColor HighlightsColor<%= i+1 %>"></span>
        <% }); %>
    </span>
    <span class="HighlightsClose"></span>
</span>

// ================== create DOM from template


this.element = this.template("space").toElement();


// ================== attrs.json


{
  "name": "Highlights",
  "authors": ["avital", "mushon", "dnolen"],
  "icon": "Highlights.png",
  "description": "Highlight text on a webpage.",
  "tooltip": "Highlight text on a webpage.",
  "tagline": "markup text on the page",
  "version": "0.1",
  "ui" : {"space": {"html": "Highlights.html", // will create a template called space
                    "css": "Highlights.css"}}
}