gistfile1.js

// KnockoutModels
var viewModel = {
    self: this,

    userSelection: ko.observableArray([]
    ),

    categories: ko.observableArray(
    [
        { col_off_hover: "#BAD9CD", col_on: "#1A805A", col_on_hover: "#156648", id: 1, name: "Alimentation", ico: "A" },
        { col_off_hover: "#FBC3D2", col_on: "#F2386B", col_on_hover: "#D9325E", id: 2, name: "Animaux de compagnie", ico: "B" },
        { col_off_hover: "#CDE0E5", col_on: "#5899A9", col_on_hover: "#377D8E", id: 3, name: "Auto moto", ico: "C" },
        //col_off_hover: "#", col_on: "#", col_on_hover: "#",   { id: 4, name: "Business", ico: "" },
        { col_off_hover: "#D1D1D1", col_on: "#666666", col_on_hover: "#5A5252", id: 5, name: "Culture et loisirs", ico: "E" },
        // { col_off_hover: "#", col_on: "#", col_on_hover: "#",  id: 6, name: "Distribution", ico: "", items: []},
        // { col_off_hover: "#", col_on: "#", col_on_hover: "#",  id: 7, name: "Electroménager", ico: "", items: []},
        { col_off_hover: "#D5CAE4", col_on: "#734FA5", col_on_hover: "#603898", id: 8, name: "Emploi et formation", ico: "G" },
        { col_off_hover: "#BBEBE1", col_on: "#1FBD9A", col_on_hover: "#00AC86", id: 9, name: "Enfants", ico: "F" },
        { col_off_hover: "#FFD7BA", col_on: "#FF7C1C", col_on_hover: "#EC6401", id: 10, name: "Entretien de la maison", ico: "O" },
        { col_off_hover: "#BBEBE1", col_on: "#1FBD9A", col_on_hover: "#00AC86", id: 11, name: "Finance", ico: "H" },
        { col_off_hover: "#FCD2CF", col_on: "#F46B5F", col_on_hover: "#E05145", id: 12, name: "Hifi", ico: "I" },
        { col_off_hover: "#FBD3E5", col_on: "#F16CA9", col_on_hover: "#DE4D90", id: 13, name: "Hygiène - beauté", ico: "D" },
        { col_off_hover: "#D5CAE4", col_on: "#734FA5", col_on_hover: "#603898", id: 14, name: "Immobilier", ico: "J" },
        { col_off_hover: "#C3DFF4", col_on: "#3796D9", col_on_hover: "#197DC3", id: 15, name: "Informatique", ico: "K" },
        { col_off_hover: "#DAECC4", col_on: "#85C13C", col_on_hover: "#6CA922", id: 16, name: "Jardinage et bricolage", ico: "L" },
        { col_off_hover: "#FFD7BA", col_on: "#FF7C1C", col_on_hover: "#EC6401", id: 17, name: "Jeux de hasard", ico: "M" },
        { col_off_hover: "#D1D1D1", col_on: "#666666", col_on_hover: "#5A5252", id: 18, name: "Luxe", ico: "N" },
        { col_off_hover: "#FBC3D2", col_on: "#F2386B", col_on_hover: "#D9325E", id: 19, name: "Mode et accessoires ", ico: "P" },
        { col_off_hover: "#E0C6D7", col_on: "#99417B", col_on_hover: "#892E6A", id: 20, name: "Photo, caméscope", ico: "Q" },
        { col_off_hover: "#BAD9CD", col_on: "#1A805A", col_on_hover: "#156648", id: 21, name: "Produit  Bio et éco-citoyen", ico: "R" },
        { col_off_hover: "#E0C6D7", col_on: "#99417B", col_on_hover: "#892E6A", id: 22, name: "Santé", ico: "S" },
        { col_off_hover: "#DAECC4", col_on: "#85C13C", col_on_hover: "#6CA922", id: 23, name: "Sport", ico: "T" },
        { col_off_hover: "#FCD2CF", col_on: "#F46B5F", col_on_hover: "#E05145", id: 24, name: "Téléphonie", ico: "U" },
        //{ col_off_hover: "#FFD7BA", col_on: "#FF7C1C", col_on_hover: "#EC6401", id: 25, name: "Univers de la maison", ico: "O", items: []},
        { col_off_hover: "#C3DFF4", col_on: "#3796D9", col_on_hover: "#197DC3", id: 26, name: "Voyage", ico: "V" }

    ]), 

    subCategories: ko.observableArray([
        {id: 1, categoryId: 1, name: "Recettes et émissions de cuisine", selected: false },
        {id: 2, categoryId: 1, name: "Café, thé, chocolat à boire", selected: false },
        {id: 3, categoryId: 1, name: "Petit déjeuner (biscotte, céréales…)", selected: false },
        {id: 4, categoryId: 1, name: "Produits laitiers", selected: false },
        {id: 5, categoryId: 1, name: "Gâteaux salés et sucrés", selected: false },
        {id: 6, categoryId: 1, name: "Fruits et Légumes", selected: false },
        {id: 7, categoryId: 1, name: "Produits surgelés", selected: false },
        {id: 8, categoryId: 1, name: "Viandes, volailles, charcuteries", selected: false },
        {id: 9, categoryId: 1, name: "Conserves", selected: false },
        {id: 10, categoryId: 1, name: "Produits allégés", selected: false },
        {id: 11, categoryId: 1, name: "Cidres, vin et champagnes", selected: false },
        {id: 12, categoryId: 1, name: "Eaux", selected: false },

        // Animaux de compagnie
        {id: 21, categoryId: 2, name: "Chien", selectec: false },
        {id: 22, categoryId: 2, name: "Chat", selectec: false },
        {id: 23, categoryId: 2, name: "Poission", selectec: false },
        {id: 24, categoryId: 2, name: "Oiseau", selectec: false },
        {id: 25, categoryId: 2, name: "Rongeur", selectec: false },
        {id: 26, categoryId: 2, name: "NAC", selectec: false },

        // Auto moto
        {id: 31, categoryId: 2, name: "Voiture neuve", selected: false },
        {id: 32, categoryId: 2, name: "Voiture d'occasion", selected: false },
        {id: 33, categoryId: 2, name: "Moto neuve", selected: false },
        {id: 34, categoryId: 2, name: "Moto d'occasion", selected: false }
    ]),

    choices: ko.observableArray([]),

    
    selectedCategory: ko.observable(null),
    selectedSubCategory: ko.observable(self.subCategories),

    searches: ko.observableArray(["Santé", "Amour", "Bonheur"]),

    addSearch: function(event, data) {
        var newSearch = data.currentTarget.value;
        console.log("addSearch" + newSearch);
        self.searches.push();
    },

    editCategory: function(event, data){
        /*console.log("editCategory" + event + " " + data);
        selectedCategory = categorie;
        var str ='';
        for (var prop in categorie) str += prop + " => " + this[prop] + "\n";
        console.log(str);*/
        self.selectedCategory = _.findWhere(self.categories, { id: event.id});
        var toto = '';
    },

    setHoverColor: function() { 
        console.log("over");
        //alert(str);
    }, 
    setNormalColor: function() {
    }
};