123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241 |
- (function ($) {
-
- if (!Drupal.CTools) {
- Drupal.CTools = {};
- }
-
- Drupal.CTools.Collapsible = {
- state: {},
- stateLoaded: false,
- stateChanged: false,
- cookieString: 'ctools-collapsible-state=',
-
- getState: function (id) {
- if (!this.stateLoaded) {
- this.loadCookie();
- }
- return this.state[id];
- },
-
- setState: function (id, state) {
- if (!this.stateLoaded) {
- this.loadCookie();
- }
- this.state[id] = state;
- if (!this.stateChanged) {
- this.stateChanged = true;
- $(window).unload(this.unload);
- }
- },
-
- loadCookie: function () {
-
- if (document.cookie.length > 0) {
-
-
- offset = document.cookie.indexOf(this.cookieString);
-
- if (offset != -1) {
- offset += this.cookieString.length;
- var end = document.cookie.indexOf(';', offset);
- if (end == -1) {
- end = document.cookie.length;
- }
-
- var cookie = unescape(document.cookie.substring(offset, end));
- if (cookie != '') {
- var cookieList = cookie.split(',');
- for (var i = 0; i < cookieList.length; i++) {
- var info = cookieList[i].split(':');
- this.state[info[0]] = info[1];
- }
- }
- }
- }
- this.stateLoaded = true;
- },
-
- storeCookie: function () {
- var cookie = '';
-
- for (i in this.state) {
- if (cookie != '') {
- cookie += ',';
- }
- cookie += i + ':' + this.state[i];
- }
-
- document.cookie = this.cookieString + escape(cookie) + ';path=/';
- },
-
- unload: function() {
- Drupal.CTools.Collapsible.storeCookie();
- }
- };
-
- Drupal.CTools.CollapsibleCallbacks = [];
- Drupal.CTools.CollapsibleCallbacksAfterToggle = [];
-
- Drupal.CTools.bindCollapsible = function () {
- var $container = $(this);
-
-
- if ($container.hasClass('ctools-no-container') && $container.attr('id')) {
-
-
- var handle = $container;
- var content = $('#' + $container.attr('id') + '-content');
- }
- else {
- var handle = $container.children('.ctools-collapsible-handle');
- var content = $container.children('div.ctools-collapsible-content');
- }
- if (content.length) {
-
- var toggle = $('<span class="ctools-toggle"></span>');
- handle.before(toggle);
-
-
- if ($container.hasClass('ctools-collapsible-remember') && $container.attr('id')) {
- var state = Drupal.CTools.Collapsible.getState($container.attr('id'));
- if (state == 1) {
- $container.removeClass('ctools-collapsed');
- }
- else if (state == -1) {
- $container.addClass('ctools-collapsed');
- }
- }
-
- if ($container.hasClass('ctools-collapsed')) {
- toggle.toggleClass('ctools-toggle-collapsed');
- content.hide();
- }
- var afterToggle = function () {
- if (Drupal.CTools.CollapsibleCallbacksAfterToggle) {
- for (i in Drupal.CTools.CollapsibleCallbacksAfterToggle) {
- Drupal.CTools.CollapsibleCallbacksAfterToggle[i]($container, handle, content, toggle);
- }
- }
- }
- var clickMe = function () {
- if (Drupal.CTools.CollapsibleCallbacks) {
- for (i in Drupal.CTools.CollapsibleCallbacks) {
- Drupal.CTools.CollapsibleCallbacks[i]($container, handle, content, toggle);
- }
- }
-
-
- if ($container.is('table')) {
- content.toggle(0, afterToggle);
- }
- else {
- content.slideToggle(100, afterToggle);
- }
- $container.toggleClass('ctools-collapsed');
- toggle.toggleClass('ctools-toggle-collapsed');
-
- if ($container.hasClass('ctools-collapsible-remember') && $container.attr('id')) {
- var state = toggle.hasClass('ctools-toggle-collapsed') ? -1 : 1;
- Drupal.CTools.Collapsible.setState($container.attr('id'), state);
- }
- return false;
- }
-
- toggle.click(clickMe);
- handle.click(clickMe);
- }
- };
-
- Drupal.behaviors.CToolsCollapsible = {
- attach: function(context) {
- $('.ctools-collapsible-container', context).once('ctools-collapsible', Drupal.CTools.bindCollapsible);
- }
- }
- })(jQuery);
|