import Ember from 'ember'; export default Ember.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], .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); }); } });