libs/cbi: auto-hide apply messages and make title and description optional for Map...
[project/luci.git] / libs / cbi / luasrc / view / cbi / map.htm
1 <%#
2 LuCI - Lua Configuration Interface
3 Copyright 2008 Steven Barth <steven@midlink.org>
4 Copyright 2008 Jo-Philipp Wich <xm@leipzig.freifunk.net>
5
6 Licensed under the Apache License, Version 2.0 (the "License");
7 you may not use this file except in compliance with the License.
8 You may obtain a copy of the License at
9
10         http://www.apache.org/licenses/LICENSE-2.0
11
12 $Id$
13
14 -%>
15
16 <div class="cbi-map" id="cbi-<%=self.config%>">
17         <% if self.title and #self.title > 0 then %><h2><a id="content" name="content"><%=self.title%></a></h2><% end %>
18         <% if self.description and #self.description > 0 then %><div class="cbi-map-descr"><%=self.description%></div><% end %>
19         <%- if self._apply then -%>
20                 <fieldset class="cbi-section" id="cbi-apply-<%=self.config%>">
21                         <legend><%:Applying changes%></legend>
22                         <ul class="cbi-apply"><%-
23                                 local fp = self._apply()
24                                 self._apply = nil
25                                 local line = fp:read()
26                                 while line do
27                                         write("<li>" .. pcdata(line) .. "</li>\n")
28                                         line = fp:read()
29                                 end
30                                 fp:close()
31                         -%></ul>
32                 </fieldset>
33                 <script type="text/javascript">
34                         window.setTimeout(function() {
35                                 var e = document.getElementById('cbi-apply-<%=self.config%>');
36                                 if(e) e.style.display = 'none';
37                         }, 750);
38                 </script>
39         <%- end -%>
40         <%- self:render_children() %>
41         <br />
42 </div>