luci-app-radicale: fix markup which is not valid XHTML
[project/luci.git] / applications / luci-app-radicale / luasrc / view / radicale / tabmap_nsections.htm
index 2b526a31d7e93d2725b76ef2b23b35b2baf8f4c4..1ad8f0061ea88b8793408718c46671f49e47ce56 100644 (file)
@@ -3,8 +3,12 @@
 <%- end end -%>
 
 <div class="cbi-map" id="cbi-<%=self.config%>">
-       <% if self.title and #self.title > 0 then %><h2 name="content"><%=self.title%></h2><% end %>
-       <% if self.description and #self.description > 0 then %><div class="cbi-map-descr"><%=self.description%></div><% end %>
+       <% if self.title and #self.title > 0 then %>
+               <h2 name="content"><%=self.title%></h2>
+       <% end %>
+       <% if self.description and #self.description > 0 then %>
+               <div class="cbi-map-descr"><%=self.description%></div>
+       <% end %>
        <%- if firstmap and (applymap or confirmmap) then -%>
                <%+cbi/apply_widget%>
                <% cbi_apply_widget() %>
        <%- end -%>
 
        <% if self.tabbed then %>
-               <ul class="cbi-tabmenu map">
-                       <%- self.selected_tab = luci.http.formvalue("tab.m-" .. self.config) %>
-                       <% for i, section in ipairs(self.children) do %>
-                               <%- if not self.selected_tab then self.selected_tab = section.sectiontype end %>
-                               <li id="tab.m-<%=self.config%>.<%=section.section or section.sectiontype%>" class="cbi-tab<%=(section.sectiontype == self.selected_tab) and '' or '-disabled'%>">
-                                       <a onclick="this.blur(); return cbi_t_switch('m-<%=self.config%>', '<%=section.section or section.sectiontype%>')" href="<%=REQUEST_URI%>?tab.m-<%=self.config%>=<%=section.section or section.sectiontype%>"><%=section.title or section.section or section.sectiontype %></a>
-                                       <% if section.sectiontype == self.selected_tab then %><input type="hidden" id="tab.m-<%=self.config%>" name="tab.m-<%=self.config%>" value="<%=section.section or section.sectiontype%>" /><% end %>
-                               </li>
+               <div>
+                       <% for i, section in ipairs(self.children) do
+                              tab = section.section or section.sectiontype %>
+                               <div class="cbi-tabcontainer"<%=
+                                       attr("id", "container.m-%s.%s" %{ self.config, tab }) ..
+                                       attr("data-tab", tab) ..
+                                       attr("data-tab-title", section.title or tab)
+                               %>>
+                                       <% section:render() %>
+                               </div>
                        <% end %>
-               </ul>
-               <br />
-               <% for i, section in ipairs(self.children) do %>
-                       <div class="cbi-tabcontainer" id="container.m-<%=self.config%>.<%=section.section or section.sectiontype%>"<% if section.sectiontype ~= self.selected_tab then %> style="display:none"<% end %>>
-                               <% section:render() %>
-                       </div>
-                       <script type="text/javascript">cbi_t_add('m-<%=self.config%>', '<%=section.section or section.sectiontype%>')</script>
-               <% end %>
+               </div>
 
        <% else %>
                <%- self:render_children() %>
@@ -48,7 +47,7 @@
                        <% for _, section in ipairs(self.children) do %>
                                <% if section.error and section.error[section.section] then -%>
                                        <ul><li>
-                                               <%:One or more missing/invalid fields on tab%>:&nbsp;<%=section.title or section.section or section.sectiontype%>
+                                               <%:One or more missing/invalid fields on tab%>:&#160;<%=section.title or section.section or section.sectiontype%>
                                        </li></ul>
                                <%- end %>
                        <% end %>