train-signatures.js

/* Yolo */
var clarifai;
var nombre = 'example';

$(document).ready(function() {
  clarifai = new Clarifai({
    'clientId': 'AsQWyPg3pRWOeHwCWJWA82LWkFYFU2ASCgGY2OX-',
    'clientSecret': 'YjiIZNB0sgXsnSTqF-zIO41izXF2obMgi3iFRMgm'
  });
});

function nameSubmit() {
  nombre = $("#name").val();
}

function positive(imgurl) {
  clarifai.positive(imgurl, nombre, callback).then(
    promiseResolved,
    promiseRejected
  );
}

function negative(imgurl) {
  clarifai.negative(imgurl, nombre, callback).then(
    promiseResolved,
    promiseRejected
  );
}

function train() {
  clarifai.train(nombre, callback).then(
    promiseResolved,
    promiseRejected
  );
}

function posTrain(imgurl) {
  clarifai.positive(imgurl, nombre, callback)
  .then(function() {
    train();
  });
}

function predict(imgurl) {
  clarifai.predict(imgurl, nombre, callback)
  .then(function(obj) {
      if (obj.score < 0.6) {
        swal({
          title: 'Nope!',
          text: 'Something is not right with that signature.',
          imageUrl: obj.url
        });
      } else {
        swal({
          title: 'Sweet!',
          text: 'You are all set!',
          imageUrl: obj.url
        });
      }
    },
    promiseRejected
  );
}

function promiseResolved(obj){
  console.log('Promise resolved', obj);
}

function promiseRejected(obj){
  console.log('Promise rejected', obj);
}

function callback(obj){
  console.log('callback', obj);
}

function trainSignature() {
  var img;
  try {
    img = document.getElementById('canvas').toDataURL('image/jpeg', 0.9).split(',')[1];
  } catch(e) {
    img = document.getElementById('canvas').toDataURL().split(',')[1];
  }

  var imageURL = '';

  $.ajax({
    url: 'https://api.imgur.com/3/image',
    type: 'post',
    headers: {
        Authorization: 'Client-ID cbe0b464bdb9b8e'
    },
    data: {
        image: img
    },
    dataType: 'json',
    success: function(response) {
      if(response.success) {
        imageURL = response.data.link;
        posTrain(imageURL);
      }
    }
  });
}

function testSignature() {
  var img;
  try {
    img = document.getElementById('canvas').toDataURL('image/jpeg', 0.9).split(',')[1];
  } catch(e) {
    img = document.getElementById('canvas').toDataURL().split(',')[1];
  }

  var imageURL = '';

  $.ajax({
    url: 'https://api.imgur.com/3/image',
    type: 'post',
    headers: {
        Authorization: 'Client-ID cbe0b464bdb9b8e'
    },
    data: {
        image: img
    },
    dataType: 'json',
    success: function(response) {
      if(response.success) {
        imageURL = response.data.link;
        predict(imageURL);
      }
    }
  });
}