launch Instabot on page-load

by Jimmy Ng

HTML

<p><a href="https://docs.roko.mobi/docs/web-basic-setup#section-1-get-your-instabot-api-key" target="_blank">API Key</a>
  <input data-bind="value: apiKey" />
</p>

<p>
  <textarea id="instabot" class="sdk-script" data-bind="text: instabotSnippet"></textarea>
</p>

<button class="btn" data-clipboard-target="#instabot">copy script to clipboard</button>

JavaScript

var generateInstabotJS = function(api) {
   this.apiKey = ko.observable(api);

   this.instabotSnippet = ko.computed(function() {

     string = '<scr' + 'ipt type="text/javascript" src="//portal.roko.mobi/jsapi/rokoInstabot.js"> \napiKey: "' + this.apiKey() + '\n</scr' + 'ipt>';
     return string;

   }, this);
 }

 // Activates knockout.js
 ko.applyBindings(new generateInstabotJS("FILL-ME-IN", "FILL-ME-IN"));


 $('button').tooltip({
   trigger: 'click',
   placement: 'bottom'
 });

 function setTooltip(message) {
   $('button').tooltip('hide')
     .attr('data-original-title', message)
     .tooltip('show');
 }
 function hideTooltip() {
   setTimeout(function() {
     $('button').tooltip('hide');
   }, 2000);
 }

 // clipboard copy button
 var clipboard = new Clipboard('.btn');

 clipboard.on('success', function(e) {
   setTooltip('Copied!');
   hideTooltip();
 });

 clipboard.on('error', function(e) {
   setTooltip('Failed!');
   hideTooltip();
 });