Mercurial > hg > MPIWGWeb

annotate js/mpiwg.js @ 175:7d85ebe92ecf

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
getMemberList gets arrivedWithin parameter.
author casties
date Tue, 11 Jun 2013 11:29:56 +0200
parents 2e0953694aef
children b0ed3974efbd
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
66
68b3d71eed27 formatting for preprint list. javascript for foldable divs.
casties
parents:
diff changeset
1 /*
68b3d71eed27 formatting for preprint list. javascript for foldable divs.
casties
parents:
diff changeset
2 * Javascript for MPIWG website
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
3 * (C) 2013 MPIWG Berlin
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
4 */
66
68b3d71eed27 formatting for preprint list. javascript for foldable divs.
casties
parents:
diff changeset
5
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
6 /*
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
7 * AjaxSlider plugin.
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
8 */
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
9 (function ($) {
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
10 $.fn.AjaxSlider = function (opts) {
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
11 var settings = $.extend({
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
12 dataUrl : null,
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
13 dataSel : '',
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
14 windowSel : 'div.slidewindow',
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
15 contentSel : 'div.row',
117
aaa2609ea97d added minHeight to AJAX slider.
casties
parents: 116
diff changeset
16 minHeight : 0,
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
17 buttonWidth : '20px',
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
18 scrollBy: '100px',
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
19 }, opts);
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
20 var url = settings.dataUrl + ' ' + settings.dataSel;
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
21 var $slider = this;
116
f2be4e850d0c AJAX slider takes height of loaded content.
casties
parents: 113
diff changeset
22 var winW = this.width() - 2 * settings.buttonWidth;
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
23 var sliderH = this.height();
144
529d397e04f6 change cursor over slidebutton.
casties
parents: 119
diff changeset
24 // load HTML from dataUrl into $slider
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
25 this.load(url, function () {
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
26 var $window = $slider.find(settings.windowSel);
116
f2be4e850d0c AJAX slider takes height of loaded content.
casties
parents: 113
diff changeset
27 var $content = $slider.find(settings.contentSel);
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
28 // fix window width and height and hide overflow
117
aaa2609ea97d added minHeight to AJAX slider.
casties
parents: 116
diff changeset
29 var winH = Math.max($content.height(), settings.minHeight);
116
f2be4e850d0c AJAX slider takes height of loaded content.
casties
parents: 113
diff changeset
30 $window.css({'width':winW, 'height':winH, 'margin':'0 '+settings.buttonWidth,
112
3b0955d8a87e more sliders.
casties
parents: 109
diff changeset
31 'overflow':'hidden', 'position':'relative'});
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
32 // content will be moved
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
33 $content.css({'position':'absolute', 'left':'0'});
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
34 $slider.find('.slidebutton.prev').show().on('click', function () {
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
35 $content.animate({'left':'+='+settings.scrollBy}, 'fast');
144
529d397e04f6 change cursor over slidebutton.
casties
parents: 119
diff changeset
36 }).css('cursor', 'pointer');
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
37 $slider.find('.slidebutton.next').show().on('click', function () {
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
38 $content.animate({'left':'-='+settings.scrollBy}, 'fast');
144
529d397e04f6 change cursor over slidebutton.
casties
parents: 119
diff changeset
39 }).css('cursor', 'pointer');
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
40 });
119
dwinter
parents: 117
diff changeset
41
dwinter
parents: 117
diff changeset
42
dwinter
parents: 117
diff changeset
43
113
bba951ea7479 micro fix.
casties
parents: 112
diff changeset
44 };
108
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
45 }(jQuery));
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
46
782477730916 CLOSED - # 57: Research/ Research Units: Karussell f?r die Projekte in einem Department
casties
parents: 103
diff changeset
47
119
dwinter
parents: 117
diff changeset
48 /* experimental function for adding swiping functionallities to the slider */
dwinter
parents: 117
diff changeset
49
dwinter
parents: 117
diff changeset
50 var startX;
dwinter
parents: 117
diff changeset
51 var startY;
dwinter
parents: 117
diff changeset
52 var endX
dwinter
parents: 117
diff changeset
53 var endY
dwinter
parents: 117
diff changeset
54
dwinter
parents: 117
diff changeset
55 function touchStart(event){
dwinter
parents: 117
diff changeset
56 startX = event.touches[0].pageX;
dwinter
parents: 117
diff changeset
57 startY = event.touches[0].pageY;
dwinter
parents: 117
diff changeset
58 };
dwinter
parents: 117
diff changeset
59
dwinter
parents: 117
diff changeset
60 function touchMove(event){
dwinter
parents: 117
diff changeset
61 endX = event.targetTouches[0].pageX;
dwinter
parents: 117
diff changeset
62 endY = event.targetTouches[0].pageY;
dwinter
parents: 117
diff changeset
63 };
dwinter
parents: 117
diff changeset
64 function touchEnd(event){
dwinter
parents: 117
diff changeset
65 var scrollBy='143px';
dwinter
parents: 117
diff changeset
66 var contentSel = 'div.row';
dwinter
parents: 117
diff changeset
67
dwinter
parents: 117
diff changeset
68 //slider = document.getElementById('newBooksSlider');
dwinter
parents: 117
diff changeset
69 slider=event.currentTarget;
dwinter
parents: 117
diff changeset
70
dwinter
parents: 117
diff changeset
71 content = $(slider).find(contentSel);
dwinter
parents: 117
diff changeset
72
dwinter
parents: 117
diff changeset
73 if((startX-endX) > 0){
dwinter
parents: 117
diff changeset
74
dwinter
parents: 117
diff changeset
75 content.animate({'left':'-='+scrollBy}, 'fast');
dwinter
parents: 117
diff changeset
76
dwinter
parents: 117
diff changeset
77 }
dwinter
parents: 117
diff changeset
78 if((startX-endX) < 0){
dwinter
parents: 117
diff changeset
79 content.animate({'left':'+='+scrollBy}, 'fast');
dwinter
parents: 117
diff changeset
80 }
dwinter
parents: 117
diff changeset
81 }
dwinter
parents: 117
diff changeset
82
dwinter
parents: 117
diff changeset
83 function initialize_swipe(selector){
dwinter
parents: 117
diff changeset
84
dwinter
parents: 117
diff changeset
85 $('.ajaxSlider').each(function(){
dwinter
parents: 117
diff changeset
86 this.addEventListener("touchstart",touchStart,false);
dwinter
parents: 117
diff changeset
87 this.addEventListener("touchend",touchEnd,false);
dwinter
parents: 117
diff changeset
88 this.addEventListener("touchmove",touchMove,false);
dwinter
parents: 117
diff changeset
89
dwinter
parents: 117
diff changeset
90 } );
dwinter
parents: 117
diff changeset
91 };
dwinter
parents: 117
diff changeset
92
66
68b3d71eed27 formatting for preprint list. javascript for foldable divs.
casties
parents:
diff changeset
93 $(document).ready(function() {
157
2e0953694aef page footer
casties
parents: 144
diff changeset
94 /*
2e0953694aef page footer
casties
parents: 144
diff changeset
95 * show javascriptonly
2e0953694aef page footer
casties
parents: 144
diff changeset
96 */
2e0953694aef page footer
casties
parents: 144
diff changeset
97 $('.javascriptonly').show();
2e0953694aef page footer
casties
parents: 144
diff changeset
98
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
99 /*
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
100 * autosubmit forms
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
101 */
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
102 $('form.autosubmit').find('.autosubmit').change(function() {
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
103 this.form.submit();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
104 });
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
105 // hide submit button
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
106 $('form.autosubmit input[type="submit"].autosubmit').hide();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
107
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
108 /*
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
109 * foldout divs
103
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
110 *
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
111 * foldable: .foldable is ancestor of .fold_head and .fold_body
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
112 * that are folded simultaneously.
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
113 *
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
114 * foldableById: .foldableById is ancestor of multiple .fold_head and .fold_body
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
115 * where each pair has a common unique .foldId_xxx.
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
116 *
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
117 * Clicking on .fold_head folds and unfolds .fold_body.
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
118 *
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
119 * If .foldable has .initially_open .fold_body is initially shown, else its
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
120 * initally hidden.
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
121 */
103
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
122 $('.foldable').each(function () {
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
123 var $this = $(this);
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
124 var $head = $this.find('.fold_head');
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
125 var $img = $head.find('img');
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
126 var $body = $this.find('.fold_body');
103
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
127 $head.on('click', function () {
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
128 $body.slideToggle('fast');
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
129 $img.toggle();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
130 }).css('cursor', 'pointer');
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
131 if (! $this.hasClass('initially_open')) {
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
132 // hide body initially
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
133 $body.hide();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
134 $img.toggle();
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
135 }
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
136 });
107
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
137 $('.foldable2').each(function () {
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
138 var $this = $(this);
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
139 var $head = $this.find('.fold_head2');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
140 var $img = $head.find('img');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
141 var $body = $this.find('.fold_body2');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
142 $head.on('click', function () {
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
143 $body.slideToggle('fast');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
144 $img.toggle();
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
145 }).css('cursor', 'pointer');
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
146 if (! $this.hasClass('initially_open')) {
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
147 // hide body initially
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
148 $body.hide();
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
149 $img.toggle();
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
150 }
bf3dc3a12147 needed second level foldable
dwinter
parents: 103
diff changeset
151 });
103
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
152 $('.foldableById').each(function () {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
153 var $container = $(this);
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
154 var io = $container.hasClass('initially_open');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
155 var $heads = $container.find('.fold_head');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
156 $heads.each(function () {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
157 var $this = $(this);
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
158 var $img = $this.find('img');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
159 var id = null;
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
160 // find id in class
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
161 var cls = $this.attr('class').split(' ');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
162 for (var i = 0; i < cls.length; ++i) {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
163 var c = cls[i];
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
164 if (c.startsWith('foldId_')) {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
165 id = c;
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
166 break;
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
167 }
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
168 }
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
169 if (id == null) return;
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
170 // get body using id
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
171 var $body = $container.find('.fold_body.'+id);
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
172 $this.on('click', function () {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
173 $body.slideToggle('fast');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
174 $img.toggle();
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
175 });
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
176 if (!io) {
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
177 // hide body initially
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
178 $body.hide();
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
179 $img.toggle();
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
180 }
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
181 }).css('cursor', 'pointer');
79a198e7b1b7 foldable table rows.
casties
parents: 88
diff changeset
182 });
88
04a26a5d3d1d .foldable.initially_open implementation.
casties
parents: 66
diff changeset
183 });