wcrisman/PetitTetonMeteor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added custom scroll bars and separated the table header from the tables for Sales and the Graphs tables.

Browse Source
This commit is contained in:
Wynne Crisman
2017-10-08 08:56:15 -07:00
parent 210517a5c2
commit b5ac9fd249
44 changed files with 4939 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
imports/ui/Graphs.js
View File

@@ -28,6 +28,13 @@ Template.Graphs.onCreated(function() {
});
});
Template.Graphs.onRendered(function() {
$(".salesTable").mCustomScrollbar({
scrollButtons:{enable:true},
theme:"light-thick",
scrollbarPosition:"outside"
});
//Reset the pull downs to their former states.
Template.instance().$('select[name="time"]').val(time);
Template.instance().$('select[name="options"]').val(options);
@@ -35,12 +42,12 @@ Template.Graphs.onRendered(function() {
//Build the SVG Graphs
let margin = {top: 10, right: 0, bottom: 30, left: 40};
let width = 960 - margin.left - margin.right;
let height = 500 - margin.top - margin.bottom;
let height = 200 - margin.top - margin.bottom;
let x0Scale = d3.scaleBand().range([0, width]).padding(0.05);
let x1Scale = d3.scaleBand().padding(0.05);
let yScale = d3.scaleLinear().range([height, 0]);
let svg = d3.select('svg.salesGraph')
.attr("viewBox", "0 0 960 500")
.attr("viewBox", "0 0 960 200")
.attr("perserveAspectRatio", "xMidYMid meet")
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");