</div>
</div>
-<script type="text/javascript" src="<%=resource%>/bmx7/js/polling.js"></script>
-<script type="text/javascript">//<![CDATA[
+<script src="<%=resource%>/bmx7/js/polling.js"></script>
+<script>
new TablePooler(10,"/cgi-bin/bmx7-info", {'originators':''}, "nodes_div", function(st){
var originators = st.originators;
var res = Array();
});
return res;
});
-//]]></script>
+</script>
-%>
<%+header%>
-<script type="text/javascript" src="<%=resource%>/cbi.js"></script>
-<script type="text/javascript" src="<%=resource%>/bmx7/js/polling.js"></script>
+<script src="<%=resource%>/cbi.js"></script>
+<script src="<%=resource%>/bmx7/js/polling.js"></script>
<style>
</div>
-<script type="text/javascript">//<![CDATA[
+<script>
var displayExtraInfo = function ( id ) {
document.getElementById('extra-info').innerHTML = document.getElementById(id).innerHTML;
}
});
return res;
});
-//]]></script>
+</script>
<%+footer%>
<%+header%>
-<script type="text/javascript" src="<%=resource%>/cbi.js"></script>
-<script type="text/javascript" src="<%=resource%>/bmx7/js/polling.js"></script>
+<script src="<%=resource%>/cbi.js"></script>
+<script src="<%=resource%>/bmx7/js/polling.js"></script>
<div class="cbi-map">
<center>
</div>
-<script type="text/javascript">//<![CDATA[
+<script>
new TablePooler(10,"/cgi-bin/bmx7-info", {'info':''}, "config_div", function(st){
var res = Array();
var sta = st.info[0].status;
return res;
});
-//]]></script>
+</script>
<%+footer%>
<%+header%>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.12/d3.min.js" integrity="sha512-uy3foVtL4u0+5430l7zZt4PHjVtICfrbu3mtzdanR425sKD7kS5264djeZAzNIV0l4vc1QkFpW2+G5i5KoJIFQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<script type="text/javascript" src="<%=resource%>/bmx7/js/netjsongraph.js"></script>
+<script src="<%=resource%>/bmx7/js/netjsongraph.js"></script>
<link href="<%=resource%>/bmx7/css/netjsongraph.css" rel="stylesheet">
- <style type="text/css">
+<style>
body {
font-family: Arial, sans-serif;
font-size: 13px;
<%+header%>
-<script type="text/javascript" src="<%=resource%>/cbi.js"></script>
-<script type="text/javascript" src="<%=resource%>/bmx7/js/polling.js"></script>
+<script src="<%=resource%>/cbi.js"></script>
+<script src="<%=resource%>/bmx7/js/polling.js"></script>
<div class="cbi-map">
<h2>Gateway announcements</h2>
</div>
-<script type="text/javascript">//<![CDATA[
+<script>
new TablePooler(5,"/cgi-bin/bmx7-info", {'tunnels':''}, "tunnels_div", function(st){
var tunicon = "<%=resource%>/icons/tunnel.png";
var tunicon_dis = "<%=resource%>/icons/tunnel_disabled.png";
}
return res;
});
-//]]></script>
+</script>
<%+footer%>
` });
-%}
-<script type="text/javascript">//<![CDATA[
+<script>
function command_run(ev, id)
{
var field = document.getElementById(id);
ev.preventDefault();
}
-//]]></script>
+</script>
{%
const commands = [];
<hr/>
-<script type="text/javascript">//<![CDATA[
+<script>
var capture_running = 0;
var pid_file = 0;
check_status();
link_list_update();
-//]]></script>
+</script>
-<style type="text/css">
+<style>
#docker_apply_overlay {
position: absolute;
top: 0;
}
</style>
-<script type="text/javascript">//<![CDATA[
+<script>
var xhr = new XHR(),
uci_apply_rollback = <%=math.max(luci.config and luci.config.apply and luci.config.apply.rollback or 90, 90)%>,
uci_apply_holdoff = <%=math.max(luci.config and luci.config.apply and luci.config.apply.holdoff or 4, 1)%>,
});
}
-//]]></script>
+</script>
<li id="cbi-tab-container_logs"><a id="a-cbi-tab-container_logs" href=""><%:Logs%></a></li>
</ul>
-<script type="text/javascript">
+<script>
let re = /\/admin\/docker\/container\//
let p = window.location.href
let path = p.split(re)
<div class="cbi-map">
<iframe id="terminal" style="width: 100%; min-height: 500px; border: none; border-radius: 3px;"></iframe>
</div>
-<script type="text/javascript">
+<script>
document.getElementById("terminal").src = "http://" + window.location.hostname + ":7682";
</script>
</div>
</div>
-<script type="text/javascript">
+<script>
let btnUpload = document.getElementById('upload')
btnUpload.onclick = function (e) {
let uploadArchive = document.getElementById('upload_archive')
-<script type="text/javascript">//<![CDATA[
+<script>
let last_bw_tx
let last_bw_rx
let interval = 3
}
});
-//]]></script>
+</script>
<input type="file" id="file_import" style="visibility:hidden; position: absolute;top: 0px; left: 0px;" />
</div>
-<script type="text/javascript">
+<script>
let btnImport = document.getElementById('btnimport')
let valISrc = document.getElementById('isrc')
let valITag = document.getElementById('itag')
<input type="button"" class="btn cbi-button cbi-button-add" id="btnload" name="load" value="<%:Load%>" />
<input type="file" id="file_load" style="visibility:hidden; position: absolute;top: 0px; left: 0px;" accept="application/x-tar" />
</div>
-<script type="text/javascript">
+<script>
let btnLoad = document.getElementById('btnload')
btnLoad.onclick = function (e) {
document.getElementById("file_load").click()
-<style type="text/css">
+<style>
#dialog_reslov {
position: absolute;
top: 0;
}
</style>
-<script type="text/javascript">
+<script>
function close_reslov_dialog() {
document.body.classList.remove('dialog-reslov-active')
document.documentElement.style.overflowY = 'scroll'
-<script type="text/javascript">//<![CDATA[
+<script>
XHR.poll(-1, '<%=url('admin/telephony/status')%>', null,
function(x, st)
{
}
}
);
-//]]></script>
+</script>
<fieldset class="cbi-section">
<legend><%:Current Telephony State%></legend>
<hr />
-<script type="text/javascript">
-//<![CDATA[
+<script>
window.img = { "red" : "<%=resource%>/cbi/red.gif", "green" : "<%=resource%>/cbi/green.gif", "purple" : "<%=resource%>/cbi/purple.gif" };
window.states = { "STOPPED" : "red", "RUNNING" : "green", "FROZEN" : "purple" };
})
lxc_list_update();
-//]]>
</script>
<%+header%>
-<script type="text/javascript">//<![CDATA[
+<script>
var bwxhr = new XHR();
var RC = { };
}
}, 1000
);
-//]]></script>
+</script>
<h2 name="content"><%:Realtime Rate%></h2>
-<script type="text/javascript">//<![CDATA[
+<script>
function ocserv_disconnect(idx) {
(new XHR()).post('<%=url('admin/vpn/ocserv/disconnect')%>/' + idx, { token: '<%=token%>' },
}
}
);
-//]]></script>
+</script>
<fieldset class="cbi-section">
<legend><%:Active OpenConnect Users%></legend>
jsonreq4=$(
cat <<EOF
-<script language='JavaScript1.2' type='text/javascript'>
+<script>
EOF
# sed + txtinfo plugin
-<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
<head>
<meta http-equiv="refresh" content="0; URL=/cgi-bin/luci/freifunk/olsr/neighbors" />
</head>
-<script type="text/javascript">
-//<![CDATA[
+<script>
function vpn_add()
{
var vpn_name = div_add.querySelector("#instance_name1").value.replace(/[^\x00-\x7F]|[\s\.!@#$%^&*()\-+=\[\]{};':"\\|,<>\/?]/g,'');
setTimeout(function(){ output.innerHTML=""}, timeout);
}
}
-//]]>
</script>
<%+openvpn/ovpn_css%>
-<style type="text/css">
+<style>
h4
{
white-space: nowrap;
<!-- ++ BEGIN ++ Privoxy ++ detail_logview.htm ++ -->
-<script type="text/javascript">//<![CDATA[
+<script>
function onclick_logview(section, bottom) {
// get elements
var txt = document.getElementById("cbid.privoxy.privoxy._logview.txt"); // TextArea
txt.scrollTop = 0; }
);
}
-//]]></script>
+</script>
<%+cbi/valueheader%>
<!-- ++ BEGIN ++ Privoxy ++ detail_startstop.htm ++ -->
-<script type="text/javascript">//<![CDATA[
+<script>
// show XHR.poll/XHR.get response on button
function _data2elements(x) {
function(x, data) { _data2elements(x); }
);
-//]]></script>
+</script>
<%+cbi/valueheader%>
<!-- ++ BEGIN ++ Radicale ++ btn_startstop.htm ++ -->
-<script type="text/javascript">//<![CDATA[
+<script>
// show XHR.poll/XHR.get response on button
function _data2elements(x) {
function(x, data) { _data2elements(x); }
);
-//]]></script>
+</script>
<%+cbi/valueheader%>
<%+cbi/apply_widget%>
<% cbi_apply_widget() %>
<div class="alert-message" id="cbi_apply_status" style="display:none"></div>
- <script type="text/javascript">
+ <script>
document.addEventListener("DOMContentLoaded", function() {
<% if confirmmap then -%>
uci_confirm(true, Date.now() + <%=confirmmap%> * 1000);
http_port = "5232"
end
%>
-<script type="text/javascript">
+<script>
<%
if usessl then
%>
-<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
<head>
<meta http-equiv="refresh" content="0; URL=/cgi-bin/luci/splash" />
</head>
<%+header%>
-<script type="text/javascript">//<![CDATA[
+<script>
XHR.poll(10 , '<%=REQUEST_URI%>', { status: 1 },
function(x, info)
}
}
);
-//]]></script>
+</script>
<div id="cbi-splash-leases" class="cbi-map">
-<style type="text/css">
+<style>
textarea
{
background-color: #fffff0;
It should be included like this:
```html
-<script type="text/javascript" src="<%=resource%>/xhr.js"></script>
+<script src="<%=resource%>/xhr.js"></script>
```
Refer to this directory in your header and footer templates as: `<%=media%>`.
That means for a stylesheet `htdocs/luci-static/mytheme/cascade.css` you would write:
```html
-<link rel="stylesheet" type="text/css" href="<%=media%>/cascade.css" />
+<link rel="stylesheet" href="<%=media%>/cascade.css" />
```
## Making the theme selectable
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<!DOCTYPE html>
+<html lang="en">
<head>
-<script type="text/javascript">
-//<![CDATA[
+<script>
var version = {major: 2, minor: 1, revision: 3, date: new Date("Nov 3, 2006"), extensions: {}};
-//]]>
</script>
<!--
TiddlyWiki 2.1.3 by Jeremy Ruston, (jeremy [at] osmosoft [dot] com)
ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH
DAMAGE.
-->
-<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+<meta charset="utf-8"/>
<!--PRE-HEAD-START-->
<!--{{{-->
<link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml'/>
<!--}}}-->
<!--PRE-HEAD-END-->
<title> axTLS Embedded SSL - changes, notes and errata </title>
-<script type="text/javascript">
-//<![CDATA[
+<script>
// ---------------------------------------------------------------------------------
// Configuration repository
// ---------------------------------------------------------------------------------
merge(config.shadowTiddlers,{DefaultTiddlers:"LorumIpsum"});
merge(config.shadowTiddlers,{LorumIpsum:"Aenean eros arcu, condimentum nec, dapibus ut, tincidunt sit amet, urna. Quisque viverra, eros sed imperdiet iaculis, est risus facilisis quam, id malesuada arcu nulla luctus urna. Nullam et est. Vestibulum velit sem, faucibus cursus, dapibus vestibulum, pellentesque et, urna. Donec luctus. Donec lectus. Aliquam eget eros facilisis tortor feugiat sollicitudin. Integer lobortis vulputate sapien. Sed iaculis erat ac nunc. Etiam eu enim. Mauris ipsum urna, rhoncus at, bibendum sit amet, euismod eget, dolor. Mauris fermentum quam vitae ligula. Vestibulum in libero feugiat justo dictum consectetuer. Vestibulum euismod purus eget elit. Nunc sed massa porta elit bibendum posuere. Nunc pulvinar justo sit amet odio. In sed est. Phasellus ornare elementum nulla. Nulla ipsum neque, cursus a, viverra a, imperdiet at, enim. Quisque facilisis, diam sed accumsan suscipit, odio arcu hendrerit dolor, quis aliquet massa nulla nec sem.\n!heading 1\n!!heading 2\n!!!heading3\n----\n<<tag button>>\nThis is a link to a [[StyleSheet]] tiddler.\n\n> This is a blockquote\n> This is a blockquote\n> This is a blockquote\n|>|>| !This is a header |h\n|column1|column2|column3|\n|row2| row2 |row2|\n|column1|column2|column3|\n|row2| row2 |row2|\n|column1|column2|column3|\n|row2| row2 |row2|"});
// ---------------------------------------------------------------------------------
-//]]>
</script>
-<style type="text/css">
+<style>
#saveTest {
display: none;
<!--PRE-BODY-START-->
<!--PRE-BODY-END-->
- <script type="text/javascript">
-//<![CDATA[
+ <script>
if (useJavaSaver)
document.write("<applet style='position:absolute;left:-1px' name='TiddlySaver' code='TiddlySaver.class' archive='TiddlySaver.jar' width='1' height='1'></applet>");
-//]]>
</script>
<div id="copyright">
Welcome to TiddlyWiki by Jeremy Ruston, Copyright © 2006 Osmosoft Limited
-<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Expires" content="Thu, 01 Jan 1970 00:00:00 GMT" />
<meta http-equiv="refresh" content="0; URL=cgi-bin/luci/" />
- <style type="text/css">
+ <style>
body { background: white; font-family: arial, helvetica, sans-serif; }
a { color: black; }
-#}
<!--]]>--><!--'>--><!--">-->
-<style type="text/css">
+<style>
body {
line-height: 1.5;
font-size: 14px;
{% const rollback = dispatcher.rollback_pending() %}
{% if (rollback || trigger_apply || trigger_revert): %}
- <script type="text/javascript">
+ <script>
document.addEventListener("luci-loaded", function() {
{% if (trigger_apply): %}
L.ui.changes.apply(true);
{% endif %}
{% if (media_error): %}
- <script type="text/javascript">
+ <script>
L.require('ui').then(function(ui) {
ui.showIndicator('media_error', _('Theme fallback'), function(ev) {
ui.showModal(_('Error loading theme'), [
include(`themes/${theme}/header`);
-%}
-<script type="text/javascript" src="{{ resource }}/promis.min.js"></script>
-<script type="text/javascript" src="{{ resource }}/luci.js"></script>
-<script type="text/javascript">
+<script src="{{ resource }}/promis.min.js"></script>
+<script src="{{ resource }}/luci.js"></script>
+<script>
L = new LuCI({{ replace(`${ {
media : media,
resource : resource,
));
%}
-<script type="text/javascript">//<![CDATA[
+<script>
var input = document.getElementsByName('luci_password')[0];
if (input)
setTimeout(function() { img.src = '' }, 5000);
});
}
-//]]></script>
+</script>
{% include('footer') %}
<div id="view">
<div class="spinning">{{ _('Loading view…') }}</div>
- <script type="text/javascript">
+ <script>
L.require('ui').then(function(ui) {
ui.instantiateView('{{ view }}');
});
<input class="btn cbi-button cbi-button-back" type="submit" name="cbi.delg.back" value="<%:« Back%>" />
<% end %>
<% end %>
- <script type="text/javascript">cbi_d_update();</script>
+ <script>cbi_d_update();</script>
</div>
</form>
-<script type="text/javascript">cbi_init();</script>
+<script>cbi_init();</script>
<%+footer%>
<%+cbi/valueheader%>
- <script type="text/javascript">
+ <script>
function switchToCIDRList(ev) {
var input = ev.target.previousElementSibling,
usecidr = document.getElementById(input.id + '_usecidr');
end
%>
-<script type="text/javascript">cbi_init();</script>
+<script>cbi_init();</script>
<%+cbi/valueheader%>
-<script type="text/javascript">//<![CDATA[
+<script>
var freqlist = <%= luci.http.write_json(self.iwinfo.freqlist) %>;
var hwmodes = <%= luci.http.write_json(self.iwinfo.hwmodelist or {}) %>;
var htmodes = <%= luci.http.write_json(self.iwinfo.htmodelist) %>;
bwdt.value = <%= luci.http.write_json(self.map:get(section, "htmode")) %>;
chan.value = <%= luci.http.write_json(self.map:get(section, "channel")) %>;
}
-//]]></script>
+</script>
<label style="float:left; margin-right:3px">
<%:Mode%><br />
</label>
<br style="clear:left" />
-<script type="text/javascript">cbi_init_wifi('<%= cbid %>');</script>
+<script>cbi_init_wifi('<%= cbid %>');</script>
<%+cbi/valuefooter%>
<div class="spinning">{{ _('Loading view…') }}</div>
</div>
-<script type="text/javascript">//<![CDATA[
+<script>
function progressbar(query, value, max, byte)
{
var pg = document.querySelector(query),
]);
}
-//]]></script>
+</script>
<div class="includes" style="display:none">
{%
%}
</div>
-<script type="text/javascript">
+<script>
L.require('ui').then(function(ui) {
ui.instantiateView('status/index');
});
</span>
<ul class="breadcrumb pull-right" id="modemenu" style="display:none"></ul>
</footer>
- <script type="text/javascript">L.require('menu-bootstrap')</script>
+ <script>L.require('menu-bootstrap')</script>
{% endif %}
</body>
</html>
<meta charset="utf-8">
<title>{{ striptags(`${boardinfo.hostname ?? '?'}${node ? ` - ${node.title}` : ''}`) }} - LuCI</title>
{% if (!darkpref): %}
- <script type="text/javascript">
+ <script>
var mediaQuery = window.matchMedia('(prefers-color-scheme: dark)'),
rootElement = document.querySelector(':root'),
setDarkMode = function(match) { rootElement.setAttribute('data-darkmode', match.matches) };
{% endif %}
<meta name="viewport" content="initial-scale=1.0">
<link rel="stylesheet" href="{{ media }}/cascade.css">
- <link rel="stylesheet" media="only screen and (max-device-width: 854px)" href="{{ media }}/mobile.css" type="text/css" />
+ <link rel="stylesheet" media="only screen and (max-device-width: 854px)" href="{{ media }}/mobile.css" />
<link rel="icon" href="{{ media }}/logo_48.png" sizes="48x48">
<link rel="icon" href="{{ media }}/logo.svg" sizes="any">
{% if (node?.css): %}
<div id="view">
<div class="spinning">{{ _('Loading view…') }}</div>
- <script type="text/javascript">
+ <script>
L.require('ui').then(function(ui) {
ui.instantiateView('bootstrap.sysauth');
});
</div>
</div>
- <script type="text/javascript">L.require('menu-material')</script>
+ <script>L.require('menu-material')</script>
</body>
</html>
Powered by {{ version.luciname }} ({{ version.luciversion }})
</p>
-<script type="text/javascript">L.require('menu-openwrt2020')</script>
+<script>L.require('menu-openwrt2020')</script>
</body>
</html>
<!DOCTYPE html>
<html lang="{{ dispatcher.lang }}">
<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<meta http-equiv="Content-Script-Type" content="text/javascript" />
+<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
-<link rel="stylesheet" type="text/css" media="screen" href="{{ media }}/cascade.css" />
+<link rel="stylesheet" media="screen" href="{{ media }}/cascade.css" />
<link rel="icon" href="{{ media }}/logo.png" sizes="180x180">
<link rel="icon" href="{{ media }}/logo.svg" sizes="any">
-<script type="text/javascript" src="{{ dispatcher.build_url('admin/translations', dispatcher.lang) }}"></script>
-<script type="text/javascript" src="{{ resource }}/cbi.js"></script>
+<script src="{{ dispatcher.build_url('admin/translations', dispatcher.lang) }}"></script>
+<script src="{{ resource }}/cbi.js"></script>
<title>{{ striptags(`${boardinfo.hostname ?? '?'}${node ? ` - ${node.title}` : ''}`) }} - LuCI</title>
{% if (css): %}
<style title="text/css">{{ css }}</style>
Powered by {{ version.luciname }} ({{ version.luciversion }})
</p>
-<script type="text/javascript">L.require('menu-openwrt')</script>
+<script>L.require('menu-openwrt')</script>
</body>
</html>
<!DOCTYPE html>
<html lang="{{ dispatcher.lang }}">
<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
-<meta http-equiv="Content-Script-Type" content="text/javascript" />
-<link rel="stylesheet" type="text/css" media="screen" href="{{ media }}/cascade.css" />
+<link rel="stylesheet" media="screen" href="{{ media }}/cascade.css" />
{% if (node?.css): %}
-<link rel="stylesheet" type="text/css" media="screen" href="{{ resource }}/{{ node.css }}" />
+<link rel="stylesheet" media="screen" href="{{ resource }}/{{ node.css }}" />
{% endif %}
{% if (css): %}
-<style type="text/css">{{ css }}</style>
+<style>{{ css }}</style>
{% endif %}
-<script type="text/javascript" src="{{ dispatcher.build_url('admin/translations', dispatcher.lang) }}"></script>
-<script type="text/javascript" src="{{ resource }}/cbi.js"></script>
+<script src="{{ dispatcher.build_url('admin/translations', dispatcher.lang) }}"></script>
+<script src="{{ resource }}/cbi.js"></script>
<title>{{ striptags(`${boardinfo.hostname ?? '?'}${node ? ` - ${_(node.title)}` : ''}`) }} - LuCI</title>
</head>