Fix for tabs titles
This commit is contained in:
parent
0af956fe49
commit
5c0c62612e
10
public/dist/scripts/app-all.js
vendored
10
public/dist/scripts/app-all.js
vendored
|
@ -2702,11 +2702,11 @@ if(buttonSelector){let buttonElements=element.querySelectorAll(buttonSelector);b
|
|||
element.addEventListener('click',function(event){let targetA=findParent('a',event.target);let targetB=findParent('button',event.target);if(!targetA&&!targetB){return false;}
|
||||
if(targetA&&!targetA.href){return false;}
|
||||
if(targetB&&!targetB.classList.contains('link')){return false;}
|
||||
closeDelay();});element.insertBefore(button,element.firstChild);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ui-phases",controller:function(element,window,document,expression,router){var tabs=document.createElement("ul");var container=document.createElement("div");var titles=Array.prototype.slice.call(element.getElementsByTagName("h1"));var next=Array.prototype.slice.call(element.querySelectorAll("[data-next]"));var previous=Array.prototype.slice.call(element.querySelectorAll("[data-previous]"));var position=0;var init=false;if(titles.length===0){titles=Array.prototype.slice.call(element.getElementsByTagName("h2"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.getElementsByTagName("h3"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.getElementsByTagName("h4"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.getElementsByTagName("h5"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.getElementsByTagName("h6"));}
|
||||
closeDelay();});element.insertBefore(button,element.firstChild);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ui-phases",controller:function(element,window,document,expression,router){var tabs=document.createElement("ul");var container=document.createElement("div");var titles=Array.prototype.slice.call(element.querySelectorAll("li > h1"));var next=Array.prototype.slice.call(element.querySelectorAll("[data-next]"));var previous=Array.prototype.slice.call(element.querySelectorAll("[data-previous]"));var position=0;var init=false;if(titles.length===0){titles=Array.prototype.slice.call(element.querySelectorAll("li > h2"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.querySelectorAll("li > h3"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.querySelectorAll("li > h4"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.querySelectorAll("li > h5"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.querySelectorAll("li > h6"));}
|
||||
for(var i=0;i<element.children.length;i++){var tabState=expression.parse(element.children[i].dataset["state"]||"");if(tabState&&tabState===(window.location.pathname+window.location.search).substring(0,tabState.length)){position=i;}}
|
||||
var setTab=function(index){var tabState=expression.parse(element.children[index].dataset["state"]||"");var url="";if(tabState!==""&&tabState!==window.location.pathname+window.location.search){var parser=document.createElement("a");parser.href=tabState;url=!init?parser.pathname+window.location.search:tabState;if(position!=index){window.history.pushState({},"",url);router.reset();}}
|
||||
element.children[position].classList.remove("selected");element.children[index].classList.add("selected");tabs.children[position].classList.remove("selected");tabs.children[index].classList.add("selected");position=index;document.dispatchEvent(new CustomEvent("tab-changed"));init=true;};tabs.classList.add("tabs");container.classList.add("container");container.classList.add("close");container.dataset["lsUiOpen"]="";container.dataset["buttonClass"]="icon icon-down-dir";titles.map(function(obj,i){var title=document.createElement("li");title.innerHTML=obj.innerHTML;title.className=obj.className;title.tabIndex=0;tabs.appendChild(title);title.addEventListener("click",function(){setTab(i);});title.addEventListener("keyup",function(){if(event.which===13){setTab(i);}});});next.map(function(obj){obj.addEventListener("click",function(){setTab(position+1);});});previous.map(function(obj){obj.addEventListener("click",function(){setTab(position-1);});});setTab(position);container.appendChild(tabs);element.parentNode.insertBefore(container,element);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ls-ui-trigger",controller:function(element,document,expression){let trigger=expression.parse(element.dataset["lsUiTrigger"]||'').trim().split(',');let event=expression.parse(element.dataset["event"]||'click');let debug=element.getAttribute('data-debug')||false;for(let index=0;index<trigger.length;index++){let name=trigger[index];element.addEventListener(event,function(){if(debug){console.log('Debug: event triggered: '+name);}
|
||||
|
|
10
public/dist/scripts/app.js
vendored
10
public/dist/scripts/app.js
vendored
|
@ -388,11 +388,11 @@ if(buttonSelector){let buttonElements=element.querySelectorAll(buttonSelector);b
|
|||
element.addEventListener('click',function(event){let targetA=findParent('a',event.target);let targetB=findParent('button',event.target);if(!targetA&&!targetB){return false;}
|
||||
if(targetA&&!targetA.href){return false;}
|
||||
if(targetB&&!targetB.classList.contains('link')){return false;}
|
||||
closeDelay();});element.insertBefore(button,element.firstChild);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ui-phases",controller:function(element,window,document,expression,router){var tabs=document.createElement("ul");var container=document.createElement("div");var titles=Array.prototype.slice.call(element.getElementsByTagName("h1"));var next=Array.prototype.slice.call(element.querySelectorAll("[data-next]"));var previous=Array.prototype.slice.call(element.querySelectorAll("[data-previous]"));var position=0;var init=false;if(titles.length===0){titles=Array.prototype.slice.call(element.getElementsByTagName("h2"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.getElementsByTagName("h3"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.getElementsByTagName("h4"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.getElementsByTagName("h5"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.getElementsByTagName("h6"));}
|
||||
closeDelay();});element.insertBefore(button,element.firstChild);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ui-phases",controller:function(element,window,document,expression,router){var tabs=document.createElement("ul");var container=document.createElement("div");var titles=Array.prototype.slice.call(element.querySelectorAll("li > h1"));var next=Array.prototype.slice.call(element.querySelectorAll("[data-next]"));var previous=Array.prototype.slice.call(element.querySelectorAll("[data-previous]"));var position=0;var init=false;if(titles.length===0){titles=Array.prototype.slice.call(element.querySelectorAll("li > h2"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.querySelectorAll("li > h3"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.querySelectorAll("li > h4"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.querySelectorAll("li > h5"));}
|
||||
if(titles.length===0){titles=Array.prototype.slice.call(element.querySelectorAll("li > h6"));}
|
||||
for(var i=0;i<element.children.length;i++){var tabState=expression.parse(element.children[i].dataset["state"]||"");if(tabState&&tabState===(window.location.pathname+window.location.search).substring(0,tabState.length)){position=i;}}
|
||||
var setTab=function(index){var tabState=expression.parse(element.children[index].dataset["state"]||"");var url="";if(tabState!==""&&tabState!==window.location.pathname+window.location.search){var parser=document.createElement("a");parser.href=tabState;url=!init?parser.pathname+window.location.search:tabState;if(position!=index){window.history.pushState({},"",url);router.reset();}}
|
||||
element.children[position].classList.remove("selected");element.children[index].classList.add("selected");tabs.children[position].classList.remove("selected");tabs.children[index].classList.add("selected");position=index;document.dispatchEvent(new CustomEvent("tab-changed"));init=true;};tabs.classList.add("tabs");container.classList.add("container");container.classList.add("close");container.dataset["lsUiOpen"]="";container.dataset["buttonClass"]="icon icon-down-dir";titles.map(function(obj,i){var title=document.createElement("li");title.innerHTML=obj.innerHTML;title.className=obj.className;title.tabIndex=0;tabs.appendChild(title);title.addEventListener("click",function(){setTab(i);});title.addEventListener("keyup",function(){if(event.which===13){setTab(i);}});});next.map(function(obj){obj.addEventListener("click",function(){setTab(position+1);});});previous.map(function(obj){obj.addEventListener("click",function(){setTab(position-1);});});setTab(position);container.appendChild(tabs);element.parentNode.insertBefore(container,element);}});})(window);(function(window){window.ls.container.get("view").add({selector:"data-ls-ui-trigger",controller:function(element,document,expression){let trigger=expression.parse(element.dataset["lsUiTrigger"]||'').trim().split(',');let event=expression.parse(element.dataset["event"]||'click');let debug=element.getAttribute('data-debug')||false;for(let index=0;index<trigger.length;index++){let name=trigger[index];element.addEventListener(event,function(){if(debug){console.log('Debug: event triggered: '+name);}
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
var tabs = document.createElement("ul");
|
||||
var container = document.createElement("div");
|
||||
var titles = Array.prototype.slice.call(
|
||||
element.getElementsByTagName("h1")
|
||||
element.querySelectorAll("li > h1")
|
||||
);
|
||||
var next = Array.prototype.slice.call(
|
||||
element.querySelectorAll("[data-next]")
|
||||
|
@ -18,31 +18,31 @@
|
|||
|
||||
if(titles.length === 0) {
|
||||
titles = Array.prototype.slice.call(
|
||||
element.getElementsByTagName("h2")
|
||||
element.querySelectorAll("li > h2")
|
||||
);
|
||||
}
|
||||
|
||||
if(titles.length === 0) {
|
||||
titles = Array.prototype.slice.call(
|
||||
element.getElementsByTagName("h3")
|
||||
element.querySelectorAll("li > h3")
|
||||
);
|
||||
}
|
||||
|
||||
if(titles.length === 0) {
|
||||
titles = Array.prototype.slice.call(
|
||||
element.getElementsByTagName("h4")
|
||||
element.querySelectorAll("li > h4")
|
||||
);
|
||||
}
|
||||
|
||||
if(titles.length === 0) {
|
||||
titles = Array.prototype.slice.call(
|
||||
element.getElementsByTagName("h5")
|
||||
element.querySelectorAll("li > h5")
|
||||
);
|
||||
}
|
||||
|
||||
if(titles.length === 0) {
|
||||
titles = Array.prototype.slice.call(
|
||||
element.getElementsByTagName("h6")
|
||||
element.querySelectorAll("li > h6")
|
||||
);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue