Synnefo

        createTag: function(data, model) {

            var tag = this.store.createRecord('tag', data);

            tag.save();

            // model can be any model class instance which 

            // shares the tags interface used below.

            if (model) {

              model.get('tags').addObject(tag);

            }

        }

    },

});

var _defaultNewTagColor = 'cornflowerblue';

App.AddTagController = App.TagController.extend({

  newTagName: '',

  newTagColor: _defaultNewTagColor,

  closed: false,

  actions: {

    handleSubmit: function() {

      // resolve form params

      var tagDetails = {

        name: this.get('newTagName'),

        color: this.get('newTagColor')

      };

      // validate ???

      // failed validation messages ???

      // do create tag

      this.send('createTag', tagDetails, this.get('model'));

      // hide form (view should use this attr)

      this.set('closed', true);

      // reset the newTagXXX shit

      this.set('newTagName', '');

      this.set('newTagColor', _defaultNewTagColor);

  }

App.VmInfoController = App.VmController.extend({

});

  var buffer = '', helper, options, helperMissing=helpers.helperMissing, escapeExpression=this.escapeExpression;

  data.buffer.push("<div class=\"buttons\">\n    <a href=\"\" class=\"btn1 show-add-tag wrap-a\" id=\"show-add-tag\"><span>add new tag</span></a>\n</div>\n\n<div class=\"snf-color-picker\">\n    <h3>Select color:</h3>\n    <form action=\"#\" method=\"post\">\n        <div id=\"picker-2\">\n            <div class=\"farbtastic\">\n                <div class=\"color\" style=\"background-color: rgb(255, 0, 21);\"></div>\n                <div class=\"wheel\"></div>\n                <div class=\"overlay\"></div>\n                <div class=\"h-marker marker\" style=\"left: 90px; top: 13px;\"></div>\n                <div class=\"sl-marker marker\" style=\"left: 87px; top: 114px;\"></div>\n            </div>\n        </div>\n        \n        <div class=\"form-item\">\n            <input type=\"text\" id=\"color-2\" class=\"color-preview \"name=\"color\" value=\"#16C1E9\" disabled>\n            <span class=\"input\">\n                ");

  data.buffer.push(escapeExpression((helper = helpers.input || (depth0 && depth0.input),options={hash:{

    'value': ("newTagName"),

    'class': ("tag_name"),

    'type': ("text"),

    'placeholder': ("My Tag")

  },hashTypes:{'value': "ID",'class': "STRING",'type': "STRING",'placeholder': "STRING"},hashContexts:{'value': depth0,'class': depth0,'type': depth0,'placeholder': depth0},contexts:[],types:[],data:data},helper ? helper.call(depth0, options) : helperMissing.call(depth0, "input", options))));

  data.buffer.push("\n            </span>\n        </div>\n    </form>    \n    <div class=\"btns\">\n        <a class=\"btn1 wrap-a\" href=\"\" ");

  data.buffer.push(escapeExpression(helpers.action.call(depth0, "handleSubmit", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["STRING"],data:data})));

Ember.TEMPLATES["components/resource-tags"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) {

this.compilerInfo = [4,'>= 1.0.0'];

helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {};

  var buffer = '', stack1, escapeExpression=this.escapeExpression, self=this;

function program1(depth0,data) {

  var buffer = '', stack1;

  data.buffer.push("\n<");

  data.buffer.push(escapeExpression(helpers.unbound.call(depth0, "entryTag", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["ID"],data:data})));

  data.buffer.push(">\n<a href=\"#\" ");

  data.buffer.push(escapeExpression(helpers['bind-attr'].call(depth0, {hash:{

    'title': ("tag.name"),

    'style': ("style")

  },hashTypes:{'title': "ID",'style': "ID"},hashContexts:{'title': depth0,'style': depth0},contexts:[],types:[],data:data})));

  data.buffer.push(" class=\"has-tip tag\">&nbsp;</a>\n<span>");

  stack1 = helpers._triageMustache.call(depth0, "tag.name", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["ID"],data:data});

  if(stack1 || stack1 === 0) { data.buffer.push(stack1); }

  data.buffer.push("</span>\n<a class=\"delete\" ");

  data.buffer.push(escapeExpression(helpers.action.call(depth0, "deleteTag", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["STRING"],data:data})));

  data.buffer.push(" title=\"remove this tag from this vm\"><span class=\"snf-trash-outline\"></span></a>\n</");

  data.buffer.push(escapeExpression(helpers.unbound.call(depth0, "entryTag", {hash:{},hashTypes:{},hashContexts:{},contexts:[depth0],types:["ID"],data:data})));

  data.buffer.push(">\n");

  return buffer;

  }

  stack1 = helpers.each.call(depth0, "tag", "in", "tags", {hash:{},hashTypes:{},hashContexts:{},inverse:self.noop,fn:self.program(1, program1, data),contexts:[depth0,depth0,depth0],types:["ID","ID","ID"],data:data});

  if(stack1 || stack1 === 0) { data.buffer.push(stack1); }

  data.buffer.push("\n");

  return buffer;

});

  var buffer = '', stack1, helper, options, escapeExpression=this.escapeExpression, helperMissing=helpers.helperMissing, self=this;

  data.buffer.push("\n        \n		");

  data.buffer.push(escapeExpression((helper = helpers.render || (depth0 && depth0.render),options={hash:{},hashTypes:{},hashContexts:{},contexts:[depth0,depth0],types:["STRING","ID"],data:data},helper ? helper.call(depth0, "add-tag", "model", options) : helperMissing.call(depth0, "render", "add-tag", "model", options))));

  data.buffer.push("\n");

  return buffer;

            <span class="input">

                {{ input value=newTagName class="tag_name" type="text" placeholder="My Tag" }}

            </span>

        <a class="btn1 wrap-a" href="" {{action 'handleSubmit'}}><span>OK</span></a>

{{#each tag in tags }}

<{{ unbound entryTag}}>

<a href="#" {{bind-attr title=tag.name style=style}} class="has-tip tag">&nbsp;</a>

<span>{{tag.name}}</span>

<a class="delete" {{action 'deleteTag'}} title="remove this tag from this vm"><span class="snf-trash-outline"></span></a>

</{{ unbound entryTag}}>

{{/each}}

        {{! notice that we pass the current controller model (vm/network etc.) as model to the AddTagController }}

		{{render "add-tag" model }}

{{/details-content}}