import Ember from 'ember'; export default Ember.Route.extend({ setupController: function (controller, params) { let idpcOptions = this.controllerFor('metadata').get('idpcOptions'); if (params && params.user) { this.controllerFor('metadata').set('ownerInProgress', true); var ownershipUrl = '/api/v1/metadata/dashboard/ownership/' + params.user; $.get(ownershipUrl, data => { this.controllerFor('metadata').set('ownerInProgress', false); if (data && data.status == "ok") { this.controllerFor('metadata').set('ownershipMembers', data.members); if (data.members && data.members.length > 0) { this.controllerFor('metadata').set('userNoOwnershipMembers', false); } else { this.controllerFor('metadata').set('userNoOwnershipMembers', true); } this.controllerFor('metadata').set('currentOwnershipUser', data.currentUser); var breadcrumbs; if (data.currentUser.orgHierarchy) { breadcrumbs = genBreadcrumbs(data.currentUser.orgHierarchy); } else { var hierarchy = '/jweiner'; breadcrumbs = genBreadcrumbs(hierarchy); } this.controllerFor('metadata').set('breadcrumbs', breadcrumbs); var obj = $('#ownerShowOption'); if (obj) { this.refreshOwnerDatasets(params.user, obj.val(), 1, 10, true); } else { this.refreshOwnerDatasets(params.user, 1, 1, 10, true); } } }); this.controllerFor('metadata').set('cfInProgress', true); var confidentialUrl = '/api/v1/metadata/dashboard/confidential/' + params.user; $.get(confidentialUrl, data => { this.controllerFor('metadata').set('cfInProgress', false); if (data && data.status == "ok") { this.controllerFor('metadata').set('confidentialFieldsOwners', data.members); if (data.members && data.members.length > 0) { this.controllerFor('metadata').set('userNoCfMembers', false); } else { this.controllerFor('metadata').set('userNoCfMembers', true); } this.controllerFor('metadata').set('currentConfidentialFieldsUser', data.currentUser); var breadcrumbs; if (data.currentUser.orgHierarchy) { breadcrumbs = genBreadcrumbs(data.currentUser.orgHierarchy); } else { var hierarchy = '/jweiner'; breadcrumbs = genBreadcrumbs(hierarchy); } this.controllerFor('metadata').set('breadcrumbs', breadcrumbs); this.refreshCfDatasets(params.user, 1, 10); } }); this.controllerFor('metadata').set('descInProgress', true); var descriptionUrl = '/api/v1/metadata/dashboard/description/' + params.user; $.get(descriptionUrl, data => { this.controllerFor('metadata').set('descInProgress', false); if (data && data.status == "ok") { this.controllerFor('metadata').set('descriptionOwners', data.members); if (data.members && data.members.length > 0) { this.controllerFor('metadata').set('userNoDescMembers', false); } else { this.controllerFor('metadata').set('userNoDescMembers', true); } this.controllerFor('metadata').set('currentDescriptionUser', data.currentUser); var breadcrumbs; if (data.currentUser.orgHierarchy) { breadcrumbs = genBreadcrumbs(data.currentUser.orgHierarchy); } else { var hierarchy = '/jweiner'; breadcrumbs = genBreadcrumbs(hierarchy); } this.controllerFor('metadata').set('breadcrumbs', breadcrumbs); var obj = $('#descShowOption'); if (obj) { this.refreshDescDatasets(params.user, obj.val(), 1, 10, true); } else { this.refreshDescDatasets(params.user, 1, 1, 10, true); } } }); this.controllerFor('metadata').set('idpcInProgress', true); var complianceUrl = '/api/v1/metadata/dashboard/compliance/' + params.user; $.get(complianceUrl, data => { this.controllerFor('metadata').set('idpcInProgress', false); if (data && data.status == "ok") { this.controllerFor('metadata').set('complianceOwners', data.members); if (data.members && data.members.length > 0) { this.controllerFor('metadata').set('userNoIdpcMembers', false); } else { this.controllerFor('metadata').set('userNoIdpcMembers', true); } this.controllerFor('metadata').set('currentComplianceUser', data.currentUser); var breadcrumbs; if (data.currentUser.orgHierarchy) { breadcrumbs = genBreadcrumbs(data.currentUser.orgHierarchy); } else { var hierarchy = '/jweiner'; breadcrumbs = genBreadcrumbs(hierarchy); } this.controllerFor('metadata').set('breadcrumbs', breadcrumbs); var obj = $('#idpcShowOption'); if (obj) { this.refreshIdpcDatasets(params.user, obj.val(), 1, 10, true); } else { this.refreshIdpcDatasets(params.user, idpcOptions[0].value, 1, 10, true); } } }); } }, actions: { didTransition () { Ember.run.scheduleOnce('afterRender', null, () => { Ember.$('#dashboardtabs a:first').tab('show'); }); } }, refreshCfDatasets(user, page, size){ const metadataController = this.controllerFor('metadata'); 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, function (data) { if (data && data.status == "ok") { var currentPage = data.page; var totalPage = data.totalPages; if (currentPage == 1) { metadataController.set('cfFirst', true); } else { metadataController.set('cfFirst', false); } if (currentPage == totalPage) { metadataController.set('cfLast', true); } else { metadataController.set('cfLast', false); } metadataController.set('confidentialFieldsDatasets', data); metadataController.set('currentCfPage', data.page); if (data.datasets && data.datasets.length > 0) { metadataController.set('userNoConfidentialFields', false); } else { metadataController.set('userNoConfidentialFields', true); } } }); }, refreshOwnerDatasets(user, option, page, size, refresh) { const metadataController = this.controllerFor('metadata'); const ownershipOptions = metadataController.get('ownershipOptions'); if (!user) return; if (!page) page = 1; if (!size) size = 10; metadataController.set('ownerInProgress', true); var datasetsUrl = '/api/v1/metadata/dataset/ownership/' + user + '?page=' + page + '&size=' + size + '&option=' + option; $.get(datasetsUrl, data => { metadataController.set('ownerInProgress', false); if (data && data.status == "ok") { var currentPage = data.page; var totalPage = data.totalPages; if (currentPage == 1) { metadataController.set('ownerFirst', true); } else { metadataController.set('ownerFirst', false); } if (currentPage == totalPage) { metadataController.set('ownerLast', true); } else { metadataController.set('ownerLast', false); } metadataController.set('ownershipDatasets', data); if (data.datasets && data.datasets.length > 0) { if (refresh) { this.renderPie("ownerPie", ownershipOptions[option - 1].value, data.count); } metadataController.set('userNoOwnershipFields', false); } else { metadataController.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 metadataController = this.controllerFor('metadata'); const descriptionOptions = metadataController.get('descriptionOptions'); if (!user) return; if (!page) page = 1; if (!size) size = 10; metadataController.set('descInProgress', true); var datasetsUrl = '/api/v1/metadata/dataset/description/' + user + '?page=' + page + '&size=' + size + '&option=' + option; $.get(datasetsUrl, data => { metadataController.set('descInProgress', false); if (data && data.status == "ok") { var currentPage = data.page; var totalPage = data.totalPages; if (currentPage == 1) { metadataController.set('descFirst', true); } else { metadataController.set('descFirst', false); } if (currentPage == totalPage) { metadataController.set('descLast', true); } else { metadataController.set('descLast', false); } metadataController.set('descriptionDatasets', data); metadataController.set('currentDescPage', data.page); if (data.datasets && data.datasets.length > 0) { if (refresh) { this.renderPie("pie", descriptionOptions[option - 1].value, data.count); } metadataController.set('userNoDescriptionFields', false); } else { metadataController.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){ const metadataController = this.controllerFor('metadata'); if (!user) return; if (!page) page = 1; if (!size) size = 10; metadataController.set('idpcInProgress', true); var datasetsUrl = '/api/v1/metadata/dataset/compliance/' + user + '?page=' + page + '&size=' + size + '&option=' + option; Promise.resolve($.get(datasetsUrl, data => { metadataController.set('idpcInProgress', false); if (data && data.status == "ok") { var currentPage = data.page; var totalPage = data.totalPages; if (currentPage == 1) { metadataController.set('idpcFirst', true); } else { metadataController.set('idpcFirst', false); } if (currentPage == totalPage) { metadataController.set('idpcLast', true); } else { metadataController.set('idpcLast', false); } metadataController.set('complianceDatasets', data); metadataController.set('currentIdpcPage', data.page); if (data.datasets && data.datasets.length > 0) { /* if (refresh) { this.renderPie("pie", descriptionOptions[option-1].value, data.count); } */ metadataController.set('userNoComplianceFields', false); } else { metadataController.set('userNoComplianceFields', true); } } })).catch(() => metadataController.set('idpcInProgress', false)); /* 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.(('#barchart'), data.barData, option); } } }); } */ }, renderPie(obj, description, value) { let rendered = []; var currentUser = this.controllerFor('metadata').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); }); } });