added on/off switch to corpus-map, added loader svg for ajax (remains to animate it

This commit is contained in:
Bachir Soussi Chiadmi
2018-02-28 17:19:29 +01:00
parent 65d4d3df85
commit de3d9edc03
11 changed files with 201 additions and 60 deletions
@@ -20,8 +20,9 @@
(function($) {
EdlpCorpus = function(){
var _activated = false;
var _$container = $('body');
var _$canvas = $('<canvas id="edlp-map">').appendTo(_$container);
var _$canvas = $('<canvas id="corpus-map">').appendTo(_$container);
var _canvas = _$canvas[0];
var _ctx = _canvas.getContext('2d');
var _canvas_props = {
@@ -31,7 +32,7 @@
'margin_left':0
};
var _physics = new Physics();
// var _stage = new createjs.Stage('edlp-map');
// var _stage = new createjs.Stage('corpus-map');
var _nodes = [];
// var _particules = [];
var _base_radius = 3; // nodes radius (real radius, not diametre)
@@ -60,7 +61,11 @@
console.log("EdlpCorpus initMap()");
// console.log('_physics',_physics);
initCanvas();
loadCorpus();
if(_activated){
loadCorpus();
}else{
_$canvas.addClass('de-activated');
}
};
// ______
@@ -1,7 +1,9 @@
canvas#edlp-map {
canvas#corpus-map {
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 0;
left: 0;
z-index: 0; }
canvas#corpus-map.de-activated {
background-color: #f4f4f4; }
@@ -20,8 +20,9 @@
(function($) {
EdlpCorpus = function(){
var _activated = false;
var _$container = $('body');
var _$canvas = $('<canvas id="edlp-map">').appendTo(_$container);
var _$canvas = $('<canvas id="corpus-map">').appendTo(_$container);
var _canvas = _$canvas[0];
var _ctx = _canvas.getContext('2d');
var _canvas_props = {
@@ -31,7 +32,7 @@
'margin_left':0
};
var _physics = new Physics();
// var _stage = new createjs.Stage('edlp-map');
// var _stage = new createjs.Stage('corpus-map');
var _nodes = [];
// var _particules = [];
var _base_radius = 3; // nodes radius (real radius, not diametre)
@@ -60,7 +61,11 @@
console.log("EdlpCorpus initMap()");
// console.log('_physics',_physics);
initCanvas();
loadCorpus();
if(_activated){
loadCorpus();
}else{
_$canvas.addClass('de-activated');
}
};
// ______
@@ -6,8 +6,10 @@
// @Last modified time: 20-12-2017
// @License: GPL-V3
canvas#edlp-map{
// background-color: grey;
canvas#corpus-map{
&.de-activated{
background-color: rgb(244, 244, 244);
}
position: absolute;
box-sizing: border-box;
top:0; left:0;