AOS template,JSON given to Mustache

by navindian

HTML

<script src="https://github.com/janl/mustache.js/raw/master/mustache.js"></script>
<div id="AOSUSStore"></div>

CSS

div {
    font:14px Arial;
    margin:50px 20px;
}

JavaScript

$(function () {

    var template = '\
        \
            \
       \
        {{#products}}\
            <table>\
                \
               <td><img src={{{imageURL}}}</img></td>\
               <td><h3>{{name}}</h3>\
                {{{description}}}<br>\
<input type="radio"  checked> {{radio1}}<br>\<input type="radio" name="colors" id="myRadio" > {{radio2}}<br></td>\
            </table>\
        {{/products}}<br />\
       ';

    var json = {

        "products": [{
            "name": "Processor",
                "description": "Enjoy incredible performance from fourth-generation Intel Core processors. Choose the speed and processor you want.",
                "imageURL": "http://store.storeimages.cdn-apple.com/4025/as-images.apple.com/is/image/AppleInc/aos/published/images/c/to/cto/i5/cto-i5-2013?wid=100&hei=100&align=0,-1&fmt=png-alpha&qlt=95&.v=1400745573270",
            "radio1":"1.4GHz Dual-Core Intel Core i5, Turbo Boost up to 2.7GHz",
            "radio2":"1.7GHz Dual-Core Intel Core i7, Turbo Boost up to 3.3GHz",


    
        }, {
            "name": "Memory",
                "description": "More memory (RAM) increases overall performance and enables your computer to run more applications at the same time",
                "imageURL": "http://store.storeimages.cdn-apple.com/4025/as-images.apple.com/is/image/AppleInc/aos/published/images/c/to/cto/mbp2012/cto-mbp2012-ram-icon?wid=100&hei=100&align=0,-1&fmt=png-alpha&qlt=95&.v=1400646272548",
  "radio1":"4GB 1600MHz LPDDR3 SDRAM",
            "radio2":"8GB 1600MHz LPDDR3 SDRAM",



        }, {
            "name": "Apple USB SuperDrive",
                "description": "Compact and convenient.",
                "imageURL": "http://store.storeimages.cdn-apple.com/4025/as-images.apple.com/is/image/AppleInc/aos/published/images/M/C6/MC684/MC684?wid=100&hei=100&align=0,-1&fmt=png-alpha&qlt=95&.v=1400970338346",
 "radio1":"None",
            "radio2":"Apple USB SuperDrive",



        }, {
       ...