').addClass('chapter-wrapper').append(json.node).appendTo(_$container);
- // $chapterwrapper.append(json.node);
-
- console.log('displayChapter :: json', json);
-
- console.log('displayChapter :: chapterwrapper', $chapterwrapper);
- }; //displayChapter
-
/*
* Chapter
*
*/
- function Chapter($e, angle){
+ function Chapter(i, $e, base_a){
+ $e.obj = this;
+ this.i = i;
this.$e = $e;
+ this.nid = $e.attr("id").match(/^node-(\d+)/)[1];
this.geom = {
- a:angle,
+ base_a:base_a,
+ a:0,
r:0
}
this.pos = {x:0,y:0};
this.translation = {x:0, y:0};
+ //parties
+ this.$parties = $('.field-name-field-partie', $e);
+ this.lines = new Array();
+ this.linesAnimeInterval = null;
+ this.linesAnimeCounter = 0;
+ this.linesAnimeTime = 5; // sec
+
// prototypes
if (typeof Chapter.initialized == "undefined") {
+ Chapter.prototype.init = function(){
+ // var _this = this;
+ // this.$parties.each(function(i, e){
+ // _this.partie.push({$partie:$(this)});
+ // });
+
+ this.setInitPos();
+ this.drawLines();
+ this.setEvents();
+ };
+
Chapter.prototype.setInitPos = function(){
+ // distribute elements arround the center
+ this.geom.a = (360/_chapitres_len*this.i+this.geom.base_a)*Math.PI/180;
+
// console.log("Chapter :: setInitPos", this.$e);
this.geom.c = Math.cos(this.geom.a);
this.geom.s = Math.sin(this.geom.a);
@@ -254,26 +191,154 @@ jQuery(document).ready(function($) {
});
};// setIniPos()
- Chapter.prototype.move = function(){
+ Chapter.prototype.setEvents = function(){
+ //http://technify.me/user-experience/javascript/jquery/trigger-custom-events-with-jquery/
+ // click to preview chapter
+ $('h2.node-title, .field-name-field-partie:first>.field-name-field-vignette', this.$e)
+ .on('click', this, function(e){
+ e.stopPropagation();
+ e.preventDefault();
+ e.data.preview(e);
+ return false;
+ });
+ $('.links a', this.$e)
+ .on('click', this, function(e){
+ e.stopPropagation();
+ e.preventDefault();
+ e.data.loadNode();
+ return false;
+ });
};
- Chapter.prototype.preview = function(){
+ Chapter.prototype.move = function(){
+ this.$e.css({ //.stop(true, false)
+ translate:[_nav_pos.x, _nav_pos.y]
+ });
+ // $(e).transition({translate:[_nav_pos.x, _nav_pos.y]}, 200, 'out');
+ };
+ Chapter.prototype.preview = function(e){
+ console.log('preview', this.i);
+
+ for (var i = _chapitres_len - 1; i >= 0; i--) {
+ if(i !== this.i)
+ _chapters[i].closePreview();
+ };
+
+ var px, py;
+ this.$parties.each(function(i, e) {
+ switch(i){
+ case 0:
+ px=randB(-40, 40); py=randB(40, 60);
+ break;
+ case 1:
+ px=randB(100, 200); py=randB(120,220);
+ break;
+ case 2:
+ px=randB(-200, -100); py=randB(250,320);
+ break;
+ }
+
+ setTimeout(
+ (function(e, px, py){
+ return function(){
+ $(e)
+ .css({
+ translate:[px, py],
+ // opacity:1
+ });
+ }
+ }(e, px, py)),
+ 10);
+
+ }); // each $parties
+
+ this.$e.addClass('previewed');
+ this.animeLines();
};
Chapter.prototype.closePreview = function(){
+ this.$e.removeClass('previewed')
+ .find('.field-name-field-partie')
+ .css({transform:"none"});
+ };
+
+ Chapter.prototype.drawLines = function(){
+ for (var i = 0; i < 2; i++) {
+ this.lines.push({
+ $line:$("
").addClass('line', 'line-'+i).prependTo(this.$parties[i])
+ });
+ };
+ };
+
+
+ Chapter.prototype.animeLines = function(){
+ this.linesAnimeCounter = 0;
+ this.linesAnimeInterval = setInterval(
+ (function(_this){
+ return function(){
+ // console.log("partie pos : ", _this.$parties.eq(2).position());
+
+ // get the lines length
+ var l, a, pos1, pos2;
+ for (var i = 0; i < _this.lines.length; i++) {
+ pos1 = _this.$parties.eq(i).position();
+ pos2 = _this.$parties.eq(i+1).position();
+
+ l = Math.sqrt(
+ Math.pow(
+ pos2.left - pos1.left
+ ,2
+ )
+ +
+ Math.pow(
+ pos2.top - pos1.top
+ ,2
+ )
+ );
+
+ // get the rotation
+ a = 180 / 3.14 * Math.acos((pos2.top - pos1.top) / l);
+ if(pos2.left > pos1.left)
+ a *= -1;
+
+ // console.log("a = "+a);
+ _this.lines[i].$line.css({
+ 'height':l,
+ rotate:a+"deg"
+ });
+
+ };
+
+
+ // limit the naimation time
+ _this.linesAnimeCounter ++;
+ if(_this.linesAnimeCounter > (1000/_fps)*_this.linesAnimeTime)
+ clearInterval(_this.linesAnimeInterval);
+ };
+ }(this)),
+ _fps);
};
- Chapter.prototype.open = function(){
+ Chapter.prototype.loadNode = function(e){
+ // console.log("Chapter :: open : nid", this.nid);
+ $.getJSON(
+ '/jee/chapter/'+this.nid,
+ {},
+ this.displayNode
+ );
+ };
+ Chapter.prototype.displayNode = function(json, textstatus){
+ console.log('Chapter :: displayNode : json', json);
};
Node.initialized = true;
}
- this.setInitPos();
+ this.init();
};//Chapter
@@ -286,4 +351,35 @@ jQuery(document).ready(function($) {
init();
-});
\ No newline at end of file
+});
+
+
+
+
+
+// Drupal.behaviors.init_theme = function (context) {
+// // Growl-style system messages
+// $('#messages-and-help > div.messages:not(.processed)')
+// .addClass('processed')
+// .each(function() {
+// // If a message meets these criteria, we don't autoclose
+// // - contains a link
+// // - is an error or warning
+// // - contains a lenghthy amount of text
+// if ($('a', this).size() || $(this).is('.error') || $(this).is('.warning') || $(this).text().length > 100) {
+// $(this).prepend("X");
+// $('span.close', this).click(function() {
+// $(this).parent().slideUp('fast');
+// });
+// }
+// else {
+// // This essentially adds a 3 second pause before hiding the message.
+// $(this).animate({opacity:1}, 5000, 'linear', function() {
+// $(this).slideUp('fast');
+// });
+// }
+// });
+// };
+
+
+
diff --git a/sites/all/themes/gui/jee/templates/html.tpl.php b/sites/all/themes/gui/jee/templates/html.tpl.php
index fe926a9..ff0d10e 100755
--- a/sites/all/themes/gui/jee/templates/html.tpl.php
+++ b/sites/all/themes/gui/jee/templates/html.tpl.php
@@ -58,8 +58,10 @@
-
-
+
+
+
+
<?php print $head_title; ?>