added on/off switch to corpus-map, added loader svg for ajax (remains to animate it
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user