https://github.com/traitify/traitify-widgets
THIS LIBRARY HAS BEEN DEPRECATED, PLEASE USETraitify.js
This package does not require jQuery, as it is a standalone encapsulated library. It does however require a browser with the ability to make cors requests (currently only supports ie10 and up, chrome, safari, and firefox).
Assessment id and public key required!
For instructions on obtaining an assessment id and a public key visit: https://developer.traitify.com
Using The Latest and Greatest(Edge)!
For directions on using the latest traitify js scroll to the bottom
Using Traitify JS UI:
Include the Traitify.js library:
<script src="https://s3.amazonaws.com/traitify-cdn/lib/v1.js"></script>
You can initialize using an id or a class on any div tag:
<div class="traitify-widget"></div> <!-- Example Target Div for the widget -->
The following javascript will initialize with the above html:
<script>
Traitify.setPublicKey("8asdf8sda-f98as-df8ads-fadsf"); // Example Public Key
Traitify.setHost("api-sandbox.traitify.com"); // Example host url (Defaults to api.traitify.com)
Traitify.setVersion("v1"); // Example Version
var assessmentId = "34aeraw23-3a43a32-234a34as42"; // Example Assessment id
traitify = Traitify.ui.load(assessmentId, ".traitify-widget"); // Example selector for widget target
</script>
When you initialize the widget we return our widget builder to you (This is the same builder we use to construct the widget).
<script>
traitify = Traitify.ui.load(assessmentId, ".traitify-widget")
// This callback gives you the ability to trigger an event when
// the widget has finished loading
traitify.onInitialize(function(){
console.log(traitify.data);
console.log("Initialized");
})
// This callback gives you the ability to trigger an event when
// the user has finished playing the slide deck
traitify.onFinished(function(){
console.log(traitify.data);
console.log("Finished!");
})
</script>
===============
Using Traitify JS API CLIENT:
<script src="https://s3.amazonaws.com/traitify-cdn/lib/v1.js"></script>
Get Decks
Traitify.getDecks("assessment id", function(data){
console.log(data)
})
Get Slides
Traitify.getSlides("assessment id", function(data){
console.log(data)
})
Get Personality Traits
Traitify.addSlide("assessment id", function(data){
console.log(data)
})
Get Personality Traits
Traitify.getPersonalityTraits("assessment id", function(data){
console.log(data)
})
Get Careers
Traitify.getCareers("assessment id", function(data){
console.log(data)
})
Using Edge
Warning, things may break if you use edge, it is not stable, and is not intended to be. If you're looking for a stable deployment then use the v1 bundle from the above cdn.
<script src="https://cdn.traitify.com/lib/edge.js"></script>
<script>
Traitify.setPublicKey("8asdf8sda-f98as-df8ads-fadsf"); // Example Public Key
Traitify.setHost("api-sandbox.traitify.com"); // Example host url (Defaults to api.traitify.com)
Traitify.setVersion("v1"); // Example Version
var assessmentId = "34aeraw23-3a43a32-234a34as42"; // Example Assessment id
traitify = Traitify.ui.load(assessmentId, ".traitify-widget"); // Example selector for widget target
</script>
Contributing
Building, Testing and Bundling:
$ cake watch
$ cake build
$ cake bundle
$ cake test