Rinser/html/js/appv2.js

'use strict';
/**
 * Created by Martin on 24/02/2016.
 */

$.fn.pressEnter = function (fn) {

  return this.each(function () {
    $(this).bind('enterPress', fn);
    $(this).keyup(function (e) {
      if (e.keyCode === 13) {
        $(this).trigger('enterPress');
      }
    });
  });
};

var Keeper = (function () {

  var self = this;

  console.log('GO!');
  var $list = $('#listContainer');
  var displayList = function (obj) {
      var html = new EJS({url: '/partials/list.ejs'}).render(obj);
      console.log(html);
      $list.empty();
      $list.append(html);
      $('#listContainer').find('.entry').not('.emptyMessage').click(function () {
        console.log('Clicked list. ' + this.id);
        getRecipe(this.id);
      });
    }, displayPage = function (obj) {
      var $bodyContents = $('#bodyContents');

      if (obj.reduced.length > 0) {
        var vdata = {
          data: {
            _id: obj._id,
            _rev: obj._rev,
            title: obj.title,
            reduced: obj.reduced,
            url: obj.url
          }
        };

        var redoData = {
          _id: obj._id,
          _rev: obj._rev,
          url: obj.url
        };

        var html = new EJS({url: 'partials/view.ejs'}).render(vdata);

        $bodyContents.empty();
        $bodyContents.append(html);

        $('#redo').on('click', function () {
          self.trigger('redo', redoData);

        });

      }
    }, getRecipe = function (id) {
      console.log('get recipe');
      var url = '/entry/' + id;
      var data = '';
      $.ajax({
        type: 'GET',
        url: url,
        data: data,
        dataType: 'json',

        timeout: 10000,

        //contentType: ('application/json'),
        headers: {
          'Access-Control-Allow-Origin': '*',
          'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
          'Access-Control-Allow-Headers': 'Content-Type'

        },
        success: function (data) {
          //    console.log(data);
          displayPage(data);
        },
        error: function (xhr, type) {
          console.log('ajax error');
          console.log(xhr);
          console.log(type);
        }
      });
    },

    getList = function () {

      var url = '/list';

      $.ajax({
        type: 'GET',
        url: url,
        data: '',
        dataType: 'json',

        timeout: 10000,

        //contentType: ('application/json'),
        headers: {
          'Access-Control-Allow-Origin': '*',
          'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
          'Access-Control-Allow-Headers': 'Content-Type'

        },
        success: function (data) {
          // console.log(data);
          displayList(data);
        },
        error: function (xhr, type) {
          console.log('ajax error');
          console.log(xhr);
          console.log(type);
        }
      });
    }, addNew = function (newUrl) {
      var url = '/add';

      var data = {url: JSON.stringify(newUrl)};
      $.ajax({
        type: 'POST',
        url: url,
        data: data,
        dataType: 'json',

        timeout: 10000,

        //contentType: ('application/json'),
        headers: {
          'Access-Control-Allow-Origin': '*',
          'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
          'Access-Control-Allow-Headers': 'Content-Type'

        },
        success: function () {
          //  console.log(data);
          // displayList(data);
        },
        error: function (xhr, type) {
          console.log('ajax error');
          console.log(xhr);
          console.log(type);
        }
      });
    },
    redo = function (d) {
      console.log('redooing');
      var url = '/redo';

      $.ajax({
        type: 'POST',
        url: url,
        data: d,
        dataType: 'json',

        timeout: 10000,

        //contentType: ('application/json'),
        headers: {
          'Access-Control-Allow-Origin': '*',
          'Access-Control-Allow-Methods': 'PUT, GET, POST, DELETE, OPTIONS',
          'Access-Control-Allow-Headers': 'Content-Type'

        },
        success: function () {
          //  console.log(data);
          // displayList(data);
        },
        error: function (xhr, type) {
          console.log('ajax error');
          console.log(xhr);
          console.log(type);
        }
      });
    },
    start = function () {

      getList();
    };

  $('#newurl').pressEnter(function () {
    var url = $(this).val();
    if (url !== null) {
      console.log('Adding: ' + url);
      addNew(url);
      $('#addstatus').fadeIn(400).delay(1500).fadeOut(400);
      $(this).val('');
      /* setTimeout(function () {
       getList();
       }, 5000);*/
    }
  });

  $('#fnRefresh').on('click', function () {
    getList();
  });

  this.bind('redo', function (data) {
    redo(data);
  });
  start();
});

MicroEvent.mixin(Keeper);

var keeper = new Keeper();