summaryrefslogtreecommitdiff
path: root/scripts/view
diff options
context:
space:
mode:
authorLV-426 <lv-426@taproot.org.il>2014-11-13 17:41:57 +0200
committerLV-426 <lv-426@taproot.org.il>2014-11-13 17:41:57 +0200
commit76d1de512a58f023ae348ae8500100490fba9915 (patch)
tree87a3df058d3aaf1a3f2c408a784ffe63209cdaac /scripts/view
parent4a303d5a7a7e1f8327bb18a2ef3e3093a30a50b6 (diff)
rename scripts/ -> src/
Diffstat (limited to 'scripts/view')
-rw-r--r--scripts/view/edge_info.js36
-rw-r--r--scripts/view/helpers.js78
-rw-r--r--scripts/view/internal.js14
-rw-r--r--scripts/view/node_info.js63
-rw-r--r--scripts/view/tab.js57
-rw-r--r--scripts/view/timeline.js183
-rw-r--r--scripts/view/view.js12
7 files changed, 0 insertions, 443 deletions
diff --git a/scripts/view/edge_info.js b/scripts/view/edge_info.js
deleted file mode 100644
index 9652839c..00000000
--- a/scripts/view/edge_info.js
+++ /dev/null
@@ -1,36 +0,0 @@
-
-define(['view/internal'],
-function(internal) {
-
-var delete_button = internal.edit_tab.get('edge', '#deleteedge'),
- delete_callback = undefined;
-
-delete_button.on('click', function() {
- if (delete_callback) {
- delete_callback();
- }
-});
-
-function show(link)
-{
- internal.edit_tab.show('edge');
- internal.edit_tab.get('edge', '#edgetitle').html(link.name);
-}
-
-function hide()
-{
- internal.edit_tab.hide();
-}
-
-function on_delete(f)
-{
- delete_callback = f;
-}
-
-return {
- show: show,
- hide: hide,
- on_delete: on_delete,
-};
-});
-"use strict"
diff --git a/scripts/view/helpers.js b/scripts/view/helpers.js
deleted file mode 100644
index be0e289e..00000000
--- a/scripts/view/helpers.js
+++ /dev/null
@@ -1,78 +0,0 @@
-"use strict"
-
-define(function() {
-function customColor(type) {
- var color;
- switch (type) {
- case "person":
- color = '#FCB924';
- break;
- case "project":
- color = '#009DDC';
- break;
- case "skill":
- color = '#62BB47';
- break;
- case "deliverable":
- color = '#202020';
- break;
- case "objective":
- color = '#933E99';
- break;
- case "empty":
- color = "#080808";
- break;
- case "chainlink":
- color = "#fff";
- break;
- case "bubble":
- color = "rgba(0,0,0,0.2)";
- break;
- default:
- console.log('bug: unknown type ' + type);
- color = '#080808';
- break;
- }
- return color;
-}
-
-function customSize(type) {
- var size;
- switch (type) {
- case "person":
- size = 12;
- break;
- case "project":
- size = 12;
- break;
- case "skill":
- size = 12;
- break;
- case "deliverable":
- size = 12;
- break;
- case "objective":
- size = 12;
- break;
- case "empty":
- size = 9;
- break;
- case "chainlink":
- size = 8;
- break;
- case "bubble":
- size = 180;
- break;
- default:
- size = 9;
- break;
- }
- return size;
-}
-
-
-return {
- customSize: customSize,
- customColor: customColor,
-};
-});
diff --git a/scripts/view/internal.js b/scripts/view/internal.js
deleted file mode 100644
index bc18bd75..00000000
--- a/scripts/view/internal.js
+++ /dev/null
@@ -1,14 +0,0 @@
-define(['view/tab'],
-function(tab) {
-
-var EDGE_INFO_SELECTOR = '.edge_info',
- NODE_INFO_SELECTOR = '.info',
- edit_tab = new tab.Tab({edge: EDGE_INFO_SELECTOR, node: NODE_INFO_SELECTOR});
-
-return {
- EDGE_INFO_SELECTOR: EDGE_INFO_SELECTOR,
- NODE_INFO_SELECTOR: NODE_INFO_SELECTOR,
- edit_tab: edit_tab,
-};
-
-});
diff --git a/scripts/view/node_info.js b/scripts/view/node_info.js
deleted file mode 100644
index d455b366..00000000
--- a/scripts/view/node_info.js
+++ /dev/null
@@ -1,63 +0,0 @@
-define(['jquery', 'view/helpers', 'view/internal'],
-function($, view_helpers, internal) {
-
-function show(d) {
- internal.edit_tab.show('node');
-
- if (d.type === "deliverable") {
- $('.info').html('Name: ' + d.id + '<br/><form id="editbox"><label>Type:</label><select id="edittype"><option value="person">Person</option><option value="project">Project</option><option value="skill">Skill</option><option value="deliverable">Deliverable</option><option value="objective">Objective</option></select><br/><label>Status</label><select id="editstatus"><option value="waiting">Waiting</option><option value="current">Current</option><option value="done">Done</option></select><br/><label>Start date:</label><input id="editstartdate"/></br><label>End date:</label><input id="editenddate"/></br><button>Save</button><button id="deletenode">Delete</button></form>');
- } else if(d.type=== "chainlink"){
- $('.info').html('Name: ' + d.id + '<br/><form id="editbox"><button>Save</button><button id="deletenode">Delete</button></form>');
- }else{
- $('.info').html('Name: ' + d.id + '<br/><form id="editbox"><label>Type:</label><select id="edittype"><option value="person">Person</option><option value="project">Project</option><option value="skill">Skill</option><option value="deliverable">Deliverable</option><option value="objective">Objective</option></select><br/><label>URL:</label><input id="editurl"/><br/><button>Save</button><button id="deletenode">Delete</button></form>');
- }
-
- $('.info').css("border-color", view_helpers.customColor(d.type));
-
- $("#editenddate").datepicker({
- inline: true,
- showOtherMonths: true,
- dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
- });
-
- $("#editstartdate").datepicker({
- inline: true,
- showOtherMonths: true,
- dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
- });
-
- $('#editdescription').val(d.type);
-
- $('#edittype').val(d.type);
-
- $('#editurl').val(d.url);
-
- if (d.type === "deliverable") {
- $('#editstartdate').val(d.start);
- $('#editenddate').val(d.end);
- }
-}
-
-function hide()
-{
- internal.edit_tab.hide();
-}
-
-function on_submit(f)
-{
- internal.edit_tab.get('node', "#editbox").submit(f);
-}
-
-function on_delete(f)
-{
- internal.edit_tab.get('node', "#deletenode").click(f);
-}
-
-return {
- show: show,
- hide: hide,
- on_submit: on_submit,
- on_delete: on_delete,
-};
-
-});
diff --git a/scripts/view/tab.js b/scripts/view/tab.js
deleted file mode 100644
index 97ba1351..00000000
--- a/scripts/view/tab.js
+++ /dev/null
@@ -1,57 +0,0 @@
-"use strict"
-
-define(['jquery'],
-function($) {
-
-function Tab(dict) {
- var k,
- selector = {},
- name = [];
-
- for (k in dict) {
- if (dict.hasOwnProperty(k) == false) {
- continue;
- }
- selector[k] = dict[k];
- name.push(k);
- }
- this._selector = selector;
- this._name = name;
-}
-
-Tab.prototype.show = function(shown_name) {
- var i,
- name,
- element;
-
- for (i = 0 ; i < this._name.length ; ++i) {
- name = this._name[i];
- element = $(this._selector[name]);
- if (name === shown_name) {
- element.fadeIn(300);
- } else {
- element.hide();
- }
- }
-}
-
-Tab.prototype.hide = function() {
- var i;
-
- for (i = 0 ; i < this._name.length ; ++i) {
- $(this._selector[this._name[i]]).fadeOut(300);
- }
-}
-
-Tab.prototype.get = function(name, sel) {
- // selector concatenation
- var e = $(this._selector[name] + ' ' + sel);
-
- return e;
-}
-
-return {
- Tab: Tab
-};
-
-});
diff --git a/scripts/view/timeline.js b/scripts/view/timeline.js
deleted file mode 100644
index b7443551..00000000
--- a/scripts/view/timeline.js
+++ /dev/null
@@ -1,183 +0,0 @@
-"use strict"
-
-function checkSwitch(checkswitch) {
-
- if (checkswitch.checked) {
- vis.selectAll(".gantt").remove();
- $('.missingdates').fadeOut(300);
- scrollValue = $('body').scrollLeft();
-
- $('body').scrollLeft(0);
- graphstate = "GRAPH";
- graph.update();
-
- $('.status').fadeOut(600);
-
- //boxedin=false;
-
- } else {
- ganttTimer=0;
- $('.missingdates').fadeIn(300);
-
- graph.recenterZoom();
-
- $('body').scrollLeft(scrollValue);
-
- graphstate = "GANTT";
-
- graph.update();
-
- $('.status').fadeIn(600);
-
-
- initAxis();
-
- //boxedin=true;
- }
-
-}
-
-///For some reason JQuery's $('body').scroll never worked, so I found something else.
-$('body').bind('DOMMouseScroll', function(e){
- if(graphstate==="GANTT"){
- if(e.originalEvent.detail !== 0) {
- $('.overlay').hide();
- }else{
- $('.overlay').show();
- }
- }else{
- return false;
- }
- });
-
- //IE, Opera, Safari
- $('body').bind('mousewheel', function(e){
- if(graphstate==="GANTT"){
- if(e.originalEvent.wheelDelta !== 0) {
- $('.overlay').hide();
- }else{
- $('.overlay').show();
- var left = $('body').offset().left;
- $('.overlay').scrollLeft(left);
- }
- }else{
- return false;
- }
- });
-
-
-
-
-function initAxis() {
- var bar_height = 20;
- var row_height = bar_height + 10;
- var vertical_padding = 150
- var bar_start_offset = 40;
- var h = 15 * row_height + vertical_padding;
-
-
- var min = deliverables[0].startdate;
- var max = deliverables[0].enddate;
-
- for (var i = 0; i < deliverables.length; i++) {
- var deliv = deliverables[i];
- if (min > deliv.startdate) min = deliv.startdate;
- if (end < deliv.enddate) end = deliv.enddate;
- }
- min = new Date(min); ///with min
- max = new Date(max);
- console.log("min "+min+" max "+max);
-
- ///update interval
- var timeDiff = Math.abs(max.getTime() - min.getTime());
- var diffDays = timeDiff / (1000 * 3600 * 24);
- var w = Math.round(diffDays * 15 - 100);
- graphinterval = w / diffDays;
-
-
-
- var svg=vis;
- vis.attr("width",w);
-
- var paddingLeft = 150;
- var paddingTop = 120;
-
- var xScale = d3.time.scale()
- .domain([min, max]).nice()
- .range([paddingLeft, w]);
-
- var xAxis = d3.svg.axis()
- .scale(xScale)
- .orient("bottom");
-
- // Lines
- var line = svg.append("g")
- .selectAll("line")
- .data(xScale.ticks(40))
- .enter().append("line")
- .attr("x1", xScale)
- .attr("x2", xScale)
- .attr("y1", paddingTop + 30)
- .attr("y2", h - 50)
- .attr("class", "gantt")
- .style("stroke", "#ccc");
-
- var y = function (i) {
- return i * row_height + paddingTop + bar_start_offset;
- }
-
- var labelY = function (i) {
- return i * row_height + paddingTop + bar_start_offset + 13;
- }
-
- // Company bars
- var bar = svg.selectAll("rect")
- .data(function (d) {
- return Math.random() * 5;
- });
-
- bar.enter().append("rect")
- .attr("y", -100)
- .attr("x", -1000)
- .attr("width", 100)
- .attr("height", bar_height)
- .attr("class", "company-bar gantt")
- .on("mouseover", function (d) {
- d3.select(this).style("fill", "#F5AF00");
- getCompanyData(String(d.uid))
- })
- .on("mouseout", function () {
- d3.select(this).style("fill", "#fc0");
- });
-
-
-
- var label = svg.selectAll("text")
- .data(deliverables, function (key) {
- return key.id
- });;
-
- label.enter().append("text")
- .attr("class", "bar-label gantt")
- // .attr("text-anchor","end")
- .attr("x", paddingLeft - 10)
- .attr("y", function (d, i) {
- return labelY(i);
- })
- .text(function (d) {
- });
-
-
-
- // Bottom Axis
- var btmAxis = svg.append("g")
- .attr("transform", "translate(0," + (h - 25) + ")")
- .attr("class", "axis gantt")
- .call(xAxis);
-
- // Top Axis
- var topAxis = svg.append("g")
- .attr("transform", "translate(0," + paddingTop + ")")
- .attr("class", "axis gantt")
- .call(xAxis);
-}
diff --git a/scripts/view/view.js b/scripts/view/view.js
deleted file mode 100644
index 95bfc09b..00000000
--- a/scripts/view/view.js
+++ /dev/null
@@ -1,12 +0,0 @@
-"use strict"
-
-define(['view/node_info', 'view/edge_info', 'view/internal'],
-function(view_node_info, view_edge_info, view_internal) {
-return {
- 'node_info': view_node_info,
- 'edge_info': view_edge_info,
- 'hide': function() {
- view_internal.edit_tab.hide();
- },
-};
-});