/**
 * Created by mdonnel on 22/03/2017.
 */

let FxModel = Backbone.Model.extend({
    initialize: function () {
            this.set('url', '/fx');
            this.set('fxdata', {});
            this.update();
        },
        update: function () {
            this.getFX();
            const now = new Date;
               const mod = 900000 - (now.getTime() % 900000);

               let fxUpdateFn = function() {
                 this.update();
               };
               setTimeout(fxUpdateFn.bind(this), mod + 10);
        },
        getFX: function() {
        let url = this.get('url');
            let self = this;
            $.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) {
                    let gpbex = (1 / data.rates.GBP);
                    let sekex = (gpbex * data.rates.SEK);
                    let fxdata = {
                      usd: 1,
                      gbp: data.rates.GBP,
                      sek: data.rates.SEK,
                      gpbe: gpbex,
                      sekex: sekex
                    };
                      self.set('fxdata', fxdata);
                  },
                  error: function(xhr, type) {
                    console.log('ajax error');
                    console.log(xhr);
                    console.log(type);
                  }
                });
        }
});


let FxView = Backbone.View.extend({
    tagName: 'div',
       initialize: function () {
           _.bindAll(this, 'render');
           this.model.bind('change', this.render);
           this.$fx = $('#fx');
       },
       render: function () {
           let fxdata = this.model.get('fxdata');
           this.$fx.html(`£1 = $${parseFloat(fxdata.gpbe.toFixed(2))} = ${ parseFloat(fxdata.sekex.toFixed(2))} SEK`);
       }
});