User:Locke/common.js: Difference between revisions

Revision as of 03:40, November 13, 2014

/*
Three different behaviors desired:

1. all content on one page
-all content is initially visible for no-js. js hides all except "default"

2. content is on subpages, transcluded
-"no-js" content is initially visible, the rest hidden. js hides "no-js" and shows "default"

3. ajax
-"no-js" content is initially visible. js removes "no-js" and calls for "default"
*/

$(function() {
var tabstate = {};
$('.tabset').each( function() {
  var target = $(this).data( 'tabTarget' );
  var selector = $(this).data( 'tabSelector' );
  tabstate[target] = {};
  console.log( this );
  console.log( $(this).data( 'tabTarget' ) );
  console.log( tabstate );
  $(this).find( '.tab' ).each( function() {
    var selection = $(this).data( 'tabSelection' );
    //TODO defaults, no-js, ajax
    $(this).on( 'click', function() {
      $('#'+target+' div').hide();
      tabstate[target][selector] = selection;
      console.log( target );
      console.log( tabstate );
      console.log( tabstate[target] );
      var content = []
      for( var key in tabstate[target] ) {
        if( tabstate[target].hasOwnProperty( key ) ) {
          content.push( tabstate[target][key] );
        }
      }
      content = content.join( ' ' );
      $('#'+target+' div[data-tab-content="'+content+'"]').show();
    });
  });
});
});

function DataLoader( basepage, target ) {
    this.loadData = function( subpage ) {
        mw.loader.using( 'mediawiki.api', function () {
            (new mw.Api()).ajax( {
                action: 'parse',
                format: 'json',
                prop: 'text',
                page: basepage + '/' + subpage
            } ).done ( function ( data ) {
                $('#' + target).empty();
                $('#' + target).append( data['parse']['text']['*'] );
            } );
        } );
    };
}

var loader = new DataLoader( 'User:Locke/Sandbox', 'dl-target' );
loader.loadData( 'Template' );