मीडियाविकि:Gadget-Twinkle.js: रिवीजन सभ के बीचा में अंतर

Content deleted Content added
re-created afresh
 
Update vector classes (vectorMenu -> vector-menu) for the Twinkle menu; and some more changes
लाइन 212:
*
* Available navigation areas depend on the skin used.
* Available navigation areas depend on the skin used.
* Vector:
* For each option, the outer div class contains "vector-menu", the inner div class is "vector-menu-content", and the ul is "vector-menu-content-list"
* "mw-panel", outer div class contains "vector-menu-portal", inner div class "body". Existing portlets/elements: "p-logo", "p-navigation", "p-interaction", "p-tb", "p-coll-print_export"
* "left-navigation", outer div class "vectorTabs" or "vectorMenu", inner div classcontains "vector-menu-tabs" or "vector-menu-dropdown". Existing portlets: "p-namespaces", "p-variants" (menu)
* "right-navigation", outer div class "vectorTabs" or "vectorMenu", inner div classcontains "vector-menu-tabs" or "vector-menu-dropdown". Existing portlets: "p-views", "p-cactions" (menu), "p-search"
* Special layout of p-personal portlet (part of "head") through specialized styles.
* Monobook:
* "column-one", outer div class "portlet", inner div class "pBody". Existing portlets: "p-cactions", "p-personal", "p-logo", "p-navigation", "p-search", "p-interaction", "p-tb", "p-coll-print_export"
* Special layout of p-cactions and p-personal through specialized styles.
* Vector:
* "mw-panel", outer div class "portal", inner div class "body". Existing portlets/elements: "p-logo", "p-navigation", "p-interaction", "p-tb", "p-coll-print_export"
* "left-navigation", outer div class "vectorTabs" or "vectorMenu", inner div class "" or "menu". Existing portlets: "p-namespaces", "p-variants" (menu)
* "right-navigation", outer div class "vectorTabs" or "vectorMenu", inner div class "" or "menu". Existing portlets: "p-views", "p-cactions" (menu), "p-search"
* Special layout of p-personal portlet (part of "head") through specialized styles.
* Modern:
* "mw_contentwrapper" (top nav), outer div class "portlet", inner div class "pBody". Existing portlets or elements: "p-cactions", "mw_content"
Line 264 ⟶ 266:
navigation = 'mw-panel';
}
outerDivClass = 'vector-menu vector-menu-' + (navigation === 'mw-panel' ? 'portal' : type === 'menu' ? 'vectorMenudropdown' : 'vectorTabstabs');
innerDivClass = 'vector-menu-content';
break;
case 'modern':
Line 283 ⟶ 286:
 
// Build the DOM elements.
var outerDiv = document.createElement('divnav');
outerDiv.setAttribute('role', 'navigation');
outerDiv.setAttribute('aria-labelledby', id + '-label');
// Vector getting vector-menu-empty FIXME TODO
outerDiv.className = outerDivClass + ' emptyPortlet';
outerDiv.id = id;
Line 294 ⟶ 297:
}
 
var h5h3 = document.createElement('h3');
h5h3.id = id + '-label';
var ul = document.createElement('ul');
 
if (outerDivClassskin === 'vectorMenuvector') {
 
// add invisible checkbox to keep menu open when clicked
// similar to the p-cactions ("More") menu
if (outerDivClass.indexOf('vector-menu-dropdown') !== -1) {
var chkbox = document.createElement('input');
chkbox.className = 'vectorMenuCheckbox';
chkbox.className = 'vectorMenuCheckbox vector-menu-checkbox'; // remove vectorMenuCheckbox after 1.35-wmf.37 goes live
chkbox.setAttribute('type', 'checkbox');
chkbox.setAttribute('aria-labelledbytype', id + '-labelcheckbox');
chkbox.setAttribute('typearia-labelledby', id + 'checkbox-label');
outerDiv.appendChild(chkbox);
 
var span = document.createElement('span');
span.appendChild(document.createTextNode(text));
h5 h3.appendChild(span);
 
var a = document.createElement('a');
a.href = '#';
 
$(a).click(function(e) {
e.preventDefault();
});
 
h5 h3.appendChild(a);
}
outerDiv.appendChild(h5);
 
ul.className = 'menu';
outerDiv.appendChild(ul);
 
outerDiv.appendChild(h5h3);
ul.className = 'menu vector-menu-content-list'; // remove menu after 1.35-wmf.37 goes live
} else {
h5h3.appendChild(document.createTextNode(text));
outerDiv.appendChild(ulh3);
}
 
if (innerDivClass) {
h5.appendChild(document.createTextNode(text));
var innerDiv = document.createElement('div');
outerDiv.appendChild(h5);
ulinnerDiv.className = 'menu'innerDivClass;
if (innerDivClass) {
var innerDiv = document.createElementappendChild('div'ul);
outerDiv.appendChild(h5innerDiv);
innerDiv.className = innerDivClass;
} else {
innerDiv.appendChild(ul);
outerDiv.appendChild(innerDivul);
} else {
outerDiv.appendChild(ul);
}
 
}
 
 
return outerDiv;