traitifyjs-2.md

Traitify JS 2 Outline

    /*
     * Initialize
     */
    traitify = Traitify.ui.init();
    traitify.publicKey = "publick key";
    traitify.assessmentId = "assessment id";
    
    /*
     * Create Custom Widget
     */
    traitify.widgets.widget("personalityTypeHeads", function(){
      this.data = this.personalityTypes;
      this.template = "{{#personality_types}}
        <div class='type-head'>
          <div class='image'>{{personality_type.badge.image_large}}</div>
          <div class='name'>{{personality_type.name}}</div>
        </div>
      {{/personality_types}}"
    })
    
    /*
     * Replace Current Widget
     */
    traitify.widgets.widget("personalityTypes", function(){
      this.data = this.personalityTypes;
      this.template = "{{#personality_types}}
        <div class='type-head'>
          <div class='image'>{{personality_type.badge.image_large}}</div>
          <div class='name'>{{personality_type.name}}</div>
        </div>
      {{/personality_types}}"
    })
    
    /*
     * Edit Current Widget
     */
    slideDeckWidget = traitify.widgets.widget("slideDeck")
    slideDeckWidget.template = slideDeckWidget.template.replace(/me/g, "Da")
    
    /*
     * Render Widget Set
     */
    traitify.render();
    
    /* 
     * Button Names
     */
    traitify.slideDeck.nodes.get(".me").innerHTML = "Ochen Da";
    traitify.slideDeck.nodes.get(".not-me").innerHTML = "Nyet";
    
    /*
     * On Event Response
     */
    traitify.slideDeck.on("finished", function(me){
      console.log(this)
      console.log(me)
    })