Difference between revisions of "MediaWiki:Common.js"

Jump to: navigation, search

Difference between revisions of "MediaWiki:Common.js"

Line 23: Line 23:
 
       }
 
       }
 
     });
 
     });
 +
    if($(window).scrollTop()>150)
 +
    {
 +
      $('.toc').removeClass('affix-top toc-top');
 +
      $('.toc').addClass('affix toc-scrolling');
 +
    } else {
 +
      $('.toc').removeClass('affix toc-scrolling');
 +
      $('.toc').addClass('affix-top toc-top');
 +
    }
 
}
 
}
  
 +
//--------------------Variables for the auto highlighter---------------//
 
var monthNames = ["January", "February", "March", "April", "May", "June",
 
var monthNames = ["January", "February", "March", "April", "May", "June",
 
   "July", "August", "September", "October", "November", "December"
 
   "July", "August", "September", "October", "November", "December"
Line 34: Line 43:
 
var y = ' || ' + x.getFullYear() + '-' + monthNames[x.getMonth()] + '-' + x.getDate() + ' }}';
 
var y = ' || ' + x.getFullYear() + '-' + monthNames[x.getMonth()] + '-' + x.getDate() + ' }}';
  
 +
//--------------------Visible and Invisible options for the defined text (red,green,blue)---------------//
 
jQuery.fn.visible = function() {
 
jQuery.fn.visible = function() {
 
     return this.css('visibility', 'visible');
 
     return this.css('visibility', 'visible');
Line 48: Line 58:
 
};
 
};
  
 +
//--------------------Editing Toolbar Buttons---------------//
 
$.ajax({
 
$.ajax({
url: 'https://meta.wikimedia.org/w/index.php?title=User:Krinkle/Scripts/InsertWikiEditorButton.js&action=raw&ctype=text/javascript',
+
  url: 'https://meta.wikimedia.org/w/index.php?title=User:Krinkle/Scripts/InsertWikiEditorButton.js&action=raw&ctype=text/javascript',
dataType: 'script',
+
  dataType: 'script',
cache: true
+
  cache: true
 
}).done(function () {
 
}).done(function () {
  
krInsertWikiEditorButton({
+
  krInsertWikiEditorButton({
id: "mw-customeditbutton-policiesDiv",
+
    id: "mw-customeditbutton-policiesDiv",
icon: "//rpm3.rcabc.org/resources/assets/policiesDiv.png",
+
    icon: "//rpm3.rcabc.org/resources/assets/policiesDiv.png",
label: 'Guiding Principles Div',
+
    label: 'Guiding Principles Div',
insertBefore: '<div class="principles">',
+
    insertBefore: '<div class="principles">',
insertAfter: '</div>',
+
    insertAfter: '</div>',
sampleText: 'Guiding Principles Div'
+
    sampleText: 'Guiding Principles Div'
});
+
  });
  
 
         krInsertWikiEditorButton({
 
         krInsertWikiEditorButton({
id: "mw-customeditbutton-policiesSpan",
+
    id: "mw-customeditbutton-policiesSpan",
icon: "//rpm3.rcabc.org/resources/assets/policiesSpan.png",
+
    icon: "//rpm3.rcabc.org/resources/assets/policiesSpan.png",
label: 'Guiding Principles Span',
+
    label: 'Guiding Principles Span',
insertBefore: '<span class="principles">',
+
    insertBefore: '<span class="principles">',
insertAfter: '</span>',
+
    insertAfter: '</span>',
sampleText: 'Guiding Principles Span'
+
    sampleText: 'Guiding Principles Span'
});
+
  });
  
 
         krInsertWikiEditorButton({
 
         krInsertWikiEditorButton({
id: "mw-customeditbutton-policiesP",
+
    id: "mw-customeditbutton-policiesP",
icon: "//rpm3.rcabc.org/resources/assets/policiesP.png",
+
    icon: "//rpm3.rcabc.org/resources/assets/policiesP.png",
label: 'Guiding Principles Paragraph',
+
    label: 'Guiding Principles Paragraph',
insertBefore: '<p class="principles">',
+
    insertBefore: '<p class="principles">',
insertAfter: '</p>',
+
    insertAfter: '</p>',
sampleText: 'Guiding Principles Paragraph'
+
    sampleText: 'Guiding Principles Paragraph'
});
+
  });
  
krInsertWikiEditorButton({
+
  krInsertWikiEditorButton({
id: 'mw-customeditbutton-recommendedDiv',
+
    id: 'mw-customeditbutton-recommendedDiv',
icon: '//rpm3.rcabc.org/resources/assets/recommendationsDiv.png',
+
    icon: '//rpm3.rcabc.org/resources/assets/recommendationsDiv.png',
label: 'Recommended',
+
    label: 'Recommended',
insertBefore: '<div class="recommended">',
+
    insertBefore: '<div class="recommended">',
insertAfter: '</div>',
+
    insertAfter: '</div>',
sampleText: 'Recommended'
+
    sampleText: 'Recommended'
});
+
  });
  
 
       krInsertWikiEditorButton({
 
       krInsertWikiEditorButton({
id: 'mw-customeditbutton-recommendedSpan',
+
    id: 'mw-customeditbutton-recommendedSpan',
icon: '//rpm3.rcabc.org/resources/assets/recommendationsSpan.png',
+
    icon: '//rpm3.rcabc.org/resources/assets/recommendationsSpan.png',
label: 'Recommended Span',
+
    label: 'Recommended Span',
insertBefore: '<span class="recommended">',
+
    insertBefore: '<span class="recommended">',
insertAfter: '</span>',
+
    insertAfter: '</span>',
sampleText: 'Recommended Span'
+
    sampleText: 'Recommended Span'
});
+
  });
  
krInsertWikiEditorButton({
+
  krInsertWikiEditorButton({
id: 'mw-customeditbutton-recommendedP',
+
    id: 'mw-customeditbutton-recommendedP',
icon: '//rpm3.rcabc.org/resources/assets/recommendationsP.png',
+
    icon: '//rpm3.rcabc.org/resources/assets/recommendationsP.png',
label: 'Recommended Paragraph',
+
    label: 'Recommended Paragraph',
insertBefore: '<p class="recommended">',
+
    insertBefore: '<p class="recommended">',
insertAfter: '</p>',
+
    insertAfter: '</p>',
sampleText: 'Recommended Paragraph'
+
    sampleText: 'Recommended Paragraph'
});
+
  });
  
+
 
  
 
         krInsertWikiEditorButton({
 
         krInsertWikiEditorButton({
id: 'mw-customeditbutton-referenceDiv',
+
    id: 'mw-customeditbutton-referenceDiv',
icon: '//rpm3.rcabc.org/resources/assets/referenceDiv.png',
+
    icon: '//rpm3.rcabc.org/resources/assets/referenceDiv.png',
label: 'Reference Div',
+
    label: 'Reference Div',
insertBefore: '<div class="reference">',
+
    insertBefore: '<div class="reference">',
insertAfter: '</div>',
+
    insertAfter: '</div>',
sampleText: 'Reference Div'
+
    sampleText: 'Reference Div'
});
+
  });
  
 
         krInsertWikiEditorButton({
 
         krInsertWikiEditorButton({
id: 'mw-customeditbutton-referenceSpan',
+
    id: 'mw-customeditbutton-referenceSpan',
icon: '//rpm3.rcabc.org/resources/assets/referenceSpan.png',
+
    icon: '//rpm3.rcabc.org/resources/assets/referenceSpan.png',
label: 'Reference Span',
+
    label: 'Reference Span',
insertBefore: '<span class="reference">',
+
    insertBefore: '<span class="reference">',
insertAfter: '</span>',
+
    insertAfter: '</span>',
sampleText: 'Reference Span'
+
    sampleText: 'Reference Span'
});
+
  });
  
 
         krInsertWikiEditorButton({
 
         krInsertWikiEditorButton({
id: 'mw-customeditbutton-referenceP',
+
    id: 'mw-customeditbutton-referenceP',
icon: '//rpm3.rcabc.org/resources/assets/referenceP.png',
+
    icon: '//rpm3.rcabc.org/resources/assets/referenceP.png',
label: 'Reference Paragraph',
+
    label: 'Reference Paragraph',
insertBefore: '<p class="reference">',
+
    insertBefore: '<p class="reference">',
insertAfter: '</p>',
+
    insertAfter: '</p>',
sampleText: 'Reference Paragraph'
+
    sampleText: 'Reference Paragraph'
});
+
  });
 
          
 
          
 
         krInsertWikiEditorButton({
 
         krInsertWikiEditorButton({
id: 'mw-customeditbutton-tabgroup',
+
    id: 'mw-customeditbutton-tabgroup',
icon: '//rpm3.rcabc.org/resources/assets/tabstart.png',
+
    icon: '//rpm3.rcabc.org/resources/assets/tabstart.png',
label: 'Create Tab Group',
+
    label: 'Create Tab Group',
insertBefore: '<tabs>',
+
    insertBefore: '<tabs>',
insertAfter: '</tabs>'
+
    insertAfter: '</tabs>'
});
+
  });
 
         krInsertWikiEditorButton({
 
         krInsertWikiEditorButton({
id: 'mw-customeditbutton-tab',
+
    id: 'mw-customeditbutton-tab',
icon: '//rpm3.rcabc.org/resources/assets/tab.png',
+
    icon: '//rpm3.rcabc.org/resources/assets/tab.png',
label: 'Create Tab',
+
    label: 'Create Tab',
insertBefore: '<tab name="CHANGE ME">',
+
    insertBefore: '<tab name="CHANGE ME">',
insertAfter: '</tab>'
+
    insertAfter: '</tab>'
});
+
  });
 
         krInsertWikiEditorButton({
 
         krInsertWikiEditorButton({
id: "mw-customeditbutton-hilite",
+
    id: "mw-customeditbutton-hilite",
icon: "//upload.wikimedia.org/wikipedia/commons/3/3f/Button_attendre.png",
+
    icon: "//upload.wikimedia.org/wikipedia/commons/3/3f/Button_attendre.png",
label: 'Highlight with Date',
+
    label: 'Highlight with Date',
insertBefore: '{{hilite | ',
+
    insertBefore: '{{hilite | ',
insertAfter: y,
+
    insertAfter: y,
sampleText: 'Highlight this'
+
    sampleText: 'Highlight this'
});
+
  });
 
         krInsertWikiEditorButton({
 
         krInsertWikiEditorButton({
id: "mw-customeditbutton-hilite",
+
    id: "mw-customeditbutton-hilite",
icon: "//upload.wikimedia.org/wikipedia/commons/0/08/VisualEditor_-_Icon_-_Strikethrough-a.svg",
+
    icon: "//upload.wikimedia.org/wikipedia/commons/0/08/VisualEditor_-_Icon_-_Strikethrough-a.svg",
label: 'Strike with Date',
+
    label: 'Strike with Date',
insertBefore: '{{strike| ',
+
    insertBefore: '{{strike| ',
insertAfter: y,
+
    insertAfter: y,
sampleText: 'Strike this'
+
    sampleText: 'Strike this'
});
+
  });
 
});
 
});

Revision as of 00:51, 29 September 2016

$( document ).ready()
{
    //Activate windows scroller to highlight links
    $('body').scrollspyv2();
    //Hide TOC from mobile
    $('.toc').addClass('hidden-sm');
    //The following is the old function.
    /* - COMMENTED OUT FOR EXAMPLE
    $(window).scroll(function(){
      $("#toc").css({"margin-top": ($(window).scrollTop()-150) + "px", "margin-left":($(window).scrollLeft()) + "px"});
    });
    */
    //The following is an updated function
    /* - UNCOMMENTED OUT FOR EXAMPLE */
    $(window).scroll(function(){
      if($(window).scrollTop()>150)
      {
         $('.toc').removeClass('affix-top toc-top');
         $('.toc').addClass('affix toc-scrolling');
      } else {
         $('.toc').removeClass('affix toc-scrolling');
         $('.toc').addClass('affix-top toc-top');
      }
    });
    if($(window).scrollTop()>150)
    {
       $('.toc').removeClass('affix-top toc-top');
       $('.toc').addClass('affix toc-scrolling');
    } else {
       $('.toc').removeClass('affix toc-scrolling');
       $('.toc').addClass('affix-top toc-top');
    }
}

//--------------------Variables for the auto highlighter---------------//
var monthNames = ["January", "February", "March", "April", "May", "June",
  "July", "August", "September", "October", "November", "December"
];

var x = new Date();
x.setMonth(x.getMonth() + 3);

var y = ' || ' + x.getFullYear() + '-' + monthNames[x.getMonth()] + '-' + x.getDate() + ' }}';

//--------------------Visible and Invisible options for the defined text (red,green,blue)---------------//
jQuery.fn.visible = function() {
    return this.css('visibility', 'visible');
};

jQuery.fn.invisible = function() {
    return this.css('visibility', 'hidden');
};

jQuery.fn.visibilityToggle = function() {
    return this.css('visibility', function(i, visibility) {
        return (visibility == 'visible') ? 'hidden' : 'visible';
    });
};

//--------------------Editing Toolbar Buttons---------------//
$.ajax({
  url: 'https://meta.wikimedia.org/w/index.php?title=User:Krinkle/Scripts/InsertWikiEditorButton.js&action=raw&ctype=text/javascript',
  dataType: 'script',
  cache: true
}).done(function () {

  krInsertWikiEditorButton({
    id: "mw-customeditbutton-policiesDiv",
    icon: "//rpm3.rcabc.org/resources/assets/policiesDiv.png",
    label: 'Guiding Principles Div',
    insertBefore: '<div class="principles">',
    insertAfter: '</div>',
    sampleText: 'Guiding Principles Div'
  });

        krInsertWikiEditorButton({
    id: "mw-customeditbutton-policiesSpan",
    icon: "//rpm3.rcabc.org/resources/assets/policiesSpan.png",
    label: 'Guiding Principles Span',
    insertBefore: '<span class="principles">',
    insertAfter: '</span>',
    sampleText: 'Guiding Principles Span'
  });

         krInsertWikiEditorButton({
    id: "mw-customeditbutton-policiesP",
    icon: "//rpm3.rcabc.org/resources/assets/policiesP.png",
    label: 'Guiding Principles Paragraph',
    insertBefore: '<p class="principles">',
    insertAfter: '</p>',
    sampleText: 'Guiding Principles Paragraph'
  });

  krInsertWikiEditorButton({
    id: 'mw-customeditbutton-recommendedDiv',
    icon: '//rpm3.rcabc.org/resources/assets/recommendationsDiv.png',
    label: 'Recommended',
    insertBefore: '<div class="recommended">',
    insertAfter: '</div>',
    sampleText: 'Recommended'
  });

       krInsertWikiEditorButton({
    id: 'mw-customeditbutton-recommendedSpan',
    icon: '//rpm3.rcabc.org/resources/assets/recommendationsSpan.png',
    label: 'Recommended Span',
    insertBefore: '<span class="recommended">',
    insertAfter: '</span>',
    sampleText: 'Recommended Span'
  });

  krInsertWikiEditorButton({
    id: 'mw-customeditbutton-recommendedP',
    icon: '//rpm3.rcabc.org/resources/assets/recommendationsP.png',
    label: 'Recommended Paragraph',
    insertBefore: '<p class="recommended">',
    insertAfter: '</p>',
    sampleText: 'Recommended Paragraph'
  });

  

        krInsertWikiEditorButton({
    id: 'mw-customeditbutton-referenceDiv',
    icon: '//rpm3.rcabc.org/resources/assets/referenceDiv.png',
    label: 'Reference Div',
    insertBefore: '<div class="reference">',
    insertAfter: '</div>',
    sampleText: 'Reference Div'
  });

        krInsertWikiEditorButton({
    id: 'mw-customeditbutton-referenceSpan',
    icon: '//rpm3.rcabc.org/resources/assets/referenceSpan.png',
    label: 'Reference Span',
    insertBefore: '<span class="reference">',
    insertAfter: '</span>',
    sampleText: 'Reference Span'
  });

        krInsertWikiEditorButton({
    id: 'mw-customeditbutton-referenceP',
    icon: '//rpm3.rcabc.org/resources/assets/referenceP.png',
    label: 'Reference Paragraph',
    insertBefore: '<p class="reference">',
    insertAfter: '</p>',
    sampleText: 'Reference Paragraph'
  });
        
        krInsertWikiEditorButton({
    id: 'mw-customeditbutton-tabgroup',
    icon: '//rpm3.rcabc.org/resources/assets/tabstart.png',
    label: 'Create Tab Group',
    insertBefore: '<tabs>',
    insertAfter: '</tabs>'
  });
        krInsertWikiEditorButton({
    id: 'mw-customeditbutton-tab',
    icon: '//rpm3.rcabc.org/resources/assets/tab.png',
    label: 'Create Tab',
    insertBefore: '<tab name="CHANGE ME">',
    insertAfter: '</tab>'
  });
        krInsertWikiEditorButton({
    id: "mw-customeditbutton-hilite",
    icon: "//upload.wikimedia.org/wikipedia/commons/3/3f/Button_attendre.png",
    label: 'Highlight with Date',
    insertBefore: '{{hilite | ',
    insertAfter: y,
    sampleText: 'Highlight this'
  });
        krInsertWikiEditorButton({
    id: "mw-customeditbutton-hilite",
    icon: "//upload.wikimedia.org/wikipedia/commons/0/08/VisualEditor_-_Icon_-_Strikethrough-a.svg",
    label: 'Strike with Date',
    insertBefore: '{{strike| ',
    insertAfter: y,
    sampleText: 'Strike this'
  });
});