import Controller from '@ember/controller';
import $ from 'jquery';

export default Controller.extend({
  cfFirst: false,
  cfLast: false,
  descFirst: false,
  descLast: false,
  actions: {
    prevOwnerPage: function() {
      var cfInfo = this.get('ownershipDatasets');
      var user = this.get('currentOwnershipUser');
      if (cfInfo && user) {
        var currentPage = parseInt(cfInfo.page) - 1;
        if (currentPage > 0) {
          this.refreshOwnerDatasets(user.userName, $('#ownerShowOption').val(), currentPage, 10, false);
        }
      }
    },
    nextOwnerPage: function() {
      var cfInfo = this.get('ownershipDatasets');
      var user = this.get('currentOwnershipUser');
      if (cfInfo && user) {
        var currentPage = parseInt(cfInfo.page) + 1;
        var totalPages = cfInfo.totalPages;
        if (currentPage <= totalPages) {
          this.refreshOwnerDatasets(user.userName, $('#ownerShowOption').val(), currentPage, 10, false);
        }
      }
    },
    prevCfPage: function() {
      var cfInfo = this.get('confidentialFieldsDatasets');
      var user = this.get('currentConfidentialFieldsUser');
      if (cfInfo && user) {
        var currentPage = parseInt(cfInfo.page) - 1;
        if (currentPage > 0) {
          this.refreshCfDatasets(user.userName, currentPage, 10);
        }
      }
    },
    nextCfPage: function() {
      var cfInfo = this.get('confidentialFieldsDatasets');
      var user = this.get('currentConfidentialFieldsUser');
      if (cfInfo && user) {
        var currentPage = parseInt(cfInfo.page) + 1;
        var totalPages = cfInfo.totalPages;
        if (currentPage <= totalPages) {
          this.refreshCfDatasets(user.userName, currentPage, 10);
        }
      }
    },
    prevDescPage: function() {
      var descInfo = this.get('descriptionDatasets');
      var user = this.get('currentDescriptionUser');
      if (descInfo && user) {
        var currentPage = parseInt(descInfo.page) - 1;
        if (currentPage > 0) {
          this.refreshDescDatasets(user.userName, $('#descShowOption').val(), currentPage, 10, false);
        }
      }
    },
    nextDescPage: function() {
      var descInfo = this.get('descriptionDatasets');
      var user = this.get('currentDescriptionUser');
      if (descInfo && user) {
        var currentPage = parseInt(descInfo.page) + 1;
        var totalPages = descInfo.totalPages;
        if (currentPage <= totalPages) {
          this.refreshDescDatasets(user.userName, $('#descShowOption').val(), currentPage, 10, false);
        }
      }
    },
    prevIdpcPage: function() {
      var idpcInfo = this.get('complianceDatasets');
      var user = this.get('currentComplianceUser');
      if (idpcInfo && user) {
        var currentPage = parseInt(idpcInfo.page) - 1;
        if (currentPage > 0) {
          this.refreshIdpcDatasets(user.userName, $('#idpcShowOption').val(), currentPage, 10, false);
        }
      }
    },
    nextIdpcPage: function() {
      var idpcInfo = this.get('complianceDatasets');
      var user = this.get('currentComplianceUser');
      if (idpcInfo && user) {
        var currentPage = parseInt(idpcInfo.page) + 1;
        var totalPages = idpcInfo.totalPages;
        if (currentPage <= totalPages) {
          this.refreshIdpcDatasets(user.userName, $('#idpcShowOption').val(), currentPage, 10, false);
        }
      }
    },
    optionChanged: function() {
      var user = this.get('currentDescriptionUser');
      if (user) {
        this.refreshDescDatasets(user.userName, $('#descShowOption').val(), 1, 10, true);
      }
    },
    ownerOptionChanged: function() {
      var user = this.get('currentOwnershipUser');
      if (user) {
        this.refreshOwnerDatasets(user.userName, $('#ownerShowOption').val(), 1, 10, false);
      }
    },
    idpcOptionChanged: function() {
      var user = this.get('currentComplianceUser');
      if (user) {
        this.refreshIdpcDatasets(user.userName, $('#idpcShowOption').val(), 1, 10, true);
      }
    }
  },

  refreshCfDatasets(user, page, size) {
    if (!user) return;

    if (!page) page = 1;
    if (!size) size = 10;
    var datasetsUrl = '/api/v1/metadata/dataset/confidential/' + user + '?page=' + page + '&size=' + size;
    $.get(datasetsUrl, data => {
      if (data && data.status == 'ok') {
        var currentPage = data.page;
        var totalPage = data.totalPages;
        if (currentPage == 1) {
          this.set('cfFirst', true);
        } else {
          this.set('cfFirst', false);
        }
        if (currentPage == totalPage) {
          this.set('cfLast', true);
        } else {
          this.set('cfLast', false);
        }
        this.set('confidentialFieldsDatasets', data);
        this.set('currentCfPage', data.page);
        if (data.datasets && data.datasets.length > 0) {
          this.set('userNoConfidentialFields', false);
        } else {
          this.set('userNoConfidentialFields', true);
        }
      }
    });
  },

  refreshOwnerDatasets(user, option, page, size, refresh) {
    const ownershipOptions = this.get('ownershipOptions');

    if (!user) return;

    if (!page) page = 1;
    if (!size) size = 10;

    this.set('ownerInProgress', true);
    var datasetsUrl =
      '/api/v1/metadata/dataset/ownership/' + user + '?page=' + page + '&size=' + size + '&option=' + option;

    $.get(datasetsUrl, data => {
      this.set('ownerInProgress', false);
      if (data && data.status == 'ok') {
        var currentPage = data.page;
        var totalPage = data.totalPages;
        if (currentPage == 1) {
          this.set('ownerFirst', true);
        } else {
          this.set('ownerFirst', false);
        }
        if (currentPage == totalPage) {
          this.set('ownerLast', true);
        } else {
          this.set('ownerLast', false);
        }
        this.set('ownershipDatasets', data);
        if (data.datasets && data.datasets.length > 0) {
          if (refresh) {
            this.renderPie('ownerPie', ownershipOptions[option - 1].value, data.count);
          }
          this.set('userNoOwnershipFields', false);
        } else {
          this.set('userNoOwnershipFields', true);
        }
      }
    });

    if (refresh) {
      var barDataUrl = '/api/v1/metadata/barchart/ownership/' + user + '?option=' + option;
      $.get(barDataUrl, data => {
        if (data && data.status == 'ok') {
          if (data.barData && data.barData.length > 0) {
            this.renderBarChart('#ownerBarchart', data.barData, option);
          }
        }
      });
    }
  },

  refreshDescDatasets(user, option, page, size, refresh) {
    const descriptionOptions = this.get('descriptionOptions');

    if (!user) return;

    if (!page) page = 1;
    if (!size) size = 10;
    this.set('descInProgress', true);
    var datasetsUrl =
      '/api/v1/metadata/dataset/description/' + user + '?page=' + page + '&size=' + size + '&option=' + option;
    $.get(datasetsUrl, data => {
      this.set('descInProgress', false);
      if (data && data.status == 'ok') {
        var currentPage = data.page;
        var totalPage = data.totalPages;
        if (currentPage == 1) {
          this.set('descFirst', true);
        } else {
          this.set('descFirst', false);
        }
        if (currentPage == totalPage) {
          this.set('descLast', true);
        } else {
          this.set('descLast', false);
        }
        this.set('descriptionDatasets', data);
        this.set('currentDescPage', data.page);
        if (data.datasets && data.datasets.length > 0) {
          if (refresh) {
            this.renderPie('pie', descriptionOptions[option - 1].value, data.count);
          }
          this.set('userNoDescriptionFields', false);
        } else {
          this.set('userNoDescriptionFields', true);
        }
      }
    });
    /*
     if (refresh)
     {
     var barDataUrl = '/api/v1/metadata/barchart/description/' + user + '?option=' + option;
     $.get(barDataUrl, function(data) {
     if (data && data.status == "ok") {
     if (data.barData && data.barData.length > 0)
     {
     this.renderBarChart(('#barchart'), data.barData, option);
     }
     }
     });
     }
     */
  },

  refreshIdpcDatasets(user, option, page, size, refresh) {
    if (!user) return;

    if (!page) page = 1;
    if (!size) size = 10;

    this.set('idpcInProgress', true);
    var datasetsUrl =
      '/api/v1/metadata/dataset/compliance/' + user + '?page=' + page + '&size=' + size + '&option=' + option;
    $.get(datasetsUrl, data => {
      this.set('idpcInProgress', false);
      if (data && data.status == 'ok') {
        var currentPage = data.page;
        var totalPage = data.totalPages;
        if (currentPage == 1) {
          this.set('idpcFirst', true);
        } else {
          this.set('idpcFirst', false);
        }
        if (currentPage == totalPage) {
          this.set('idpcLast', true);
        } else {
          this.set('idpcLast', false);
        }
        this.set('complianceDatasets', data);
        this.set('currentIdpcPage', data.page);
        if (data.datasets && data.datasets.length > 0) {
          /*
           if (refresh)
           {
           this.renderPie("pie", descriptionOptions[option-1].value, data.count);
           }
           */
          this.set('userNoComplianceFields', false);
        } else {
          this.set('userNoComplianceFields', true);
        }
      }
    });
    /*
     if (refresh)
     {
     var barDataUrl = '/api/v1/metadata/barchart/description/' + user + '?option=' + option;
     $.get(barDataUrl, function(data) {
     if (data && data.status == "ok") {
     if (data.barData && data.barData.length > 0)
     {
     this.renderBarChart(('#barchart'), data.barData, option);
     }
     }
     });
     }
     */
  },

  renderPie(obj, description, value) {
    let rendered = [];
    var currentUser = this.get('currentDescriptionUser');
    var data = [{ label: description, value: value }, { label: 'Other', value: currentUser.potentialDatasets - value }];

    if (!rendered[obj]) {
      pie[obj] = new d3pie(obj, {
        size: {
          canvasHeight: 250,
          canvasWidth: 250,
          pieInnerRadius: 0,
          pieOuterRadius: null
        },
        labels: {
          inner: {
            format: 'none'
          }
        },
        data: {
          content: [
            { label: description, value: value },
            { label: 'Other', value: currentUser.potentialDatasets - value }
          ]
        },
        labels: {
          outer: {
            format: 'label',
            hideWhenLessThanPercentage: null,
            pieDistance: 20
          },
          inner: {
            format: 'percentage',
            hideWhenLessThanPercentage: null
          },
          mainLabel: {
            color: '#333333',
            font: 'arial',
            fontSize: 8
          },
          percentage: {
            color: '#dddddd',
            font: 'arial',
            fontSize: 8,
            decimalPlaces: 0
          },
          value: {
            color: '#cccc44',
            font: 'arial',
            fontSize: 8
          },
          lines: {
            enabled: true,
            style: 'curved',
            color: 'segment' // "segment" or a hex color
          }
        },
        tooltips: {
          enabled: true,
          type: 'placeholder',
          string: '{percentage}%',
          styles: {
            fadeInSpeed: 500,
            backgroundColor: '#00cc99',
            backgroundOpacity: 0.8,
            color: '#ffffcc',
            borderRadius: 4,
            font: 'verdana',
            fontSize: 18,
            padding: 18
          }
        }
      });
      rendered[obj] = true;
    } else {
      pie[obj].updateProp('data.content', data);
    }
  },

  renderBarChart(obj, data, option) {
    if (!$(obj)) return;

    $(obj).empty();
    var margin = { top: 20, right: 20, bottom: 30, left: 40 },
      width = 500 - margin.left - margin.right,
      height = 300 - margin.top - margin.bottom;

    var label = 'dataset';
    if (option > 1 && option < 5) {
      label = 'field';
    }

    var x = d3.scale.ordinal().rangeRoundBands([0, width], 0.1);

    var y = d3.scale.linear().range([height, 0]);

    var xAxis = d3.svg
      .axis()
      .scale(x)
      .orient('bottom');

    var yAxis = d3.svg
      .axis()
      .scale(y)
      .orient('left')
      .ticks(10, '');

    var svg = d3
      .select(obj)
      .append('svg')
      .attr('width', width + margin.left + margin.right)
      .attr('height', height + margin.top + margin.bottom)
      .append('g')
      .attr('transform', 'translate(' + margin.left + ',' + margin.top + ')');
    x.domain(
      data.map(function(d) {
        return d.label;
      })
    );
    y.domain([
      0,
      d3.max(data, function(d) {
        return d.value;
      })
    ]);

    svg
      .append('g')
      .attr('class', 'x axis')
      .attr('transform', 'translate(0,' + height + ')')
      .call(xAxis);

    svg
      .append('g')
      .attr('class', 'y axis')
      .call(yAxis)
      .append('text')
      .attr('y', 6)
      .attr('dy', '.71em')
      .style('text-anchor', 'end')
      .text(label);

    svg
      .selectAll('.bar')
      .data(data)
      .enter()
      .append('rect')
      .attr('class', 'bar')
      .attr('x', function(d) {
        return x(d.label);
      })
      .attr('width', x.rangeBand())
      .attr('y', function(d) {
        return y(d.value);
      })
      .attr('height', function(d) {
        return height - y(d.value);
      });
  }
});