luci/modules/luci-mod-system/luasrc/view/admin_system/sshkeys.htm
Jo-Philipp Wich a92c94df32 luci-mod-system: fix IE10/Edge rendering quirk on SSH keys page
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
2018-12-02 17:10:39 +01:00

46 lines
1.3 KiB
HTML

<%+header%>
<style type="text/css">
.cbi-dynlist {
max-width: 100%;
}
.cbi-dynlist .item > small {
display: block;
direction: rtl;
overflow: hidden;
text-align: left;
}
.cbi-dynlist .item > small > code {
direction: ltr;
white-space: nowrap;
unicode-bidi: bidi-override;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.cbi-dynlist .item > small { direction: ltr }
}
</style>
<div class="cbi-map">
<h2><%:SSH-Keys%></h2>
<div class="cbi-section-descr">
<%_Public keys allow for the passwordless SSH logins with a higher security compared to the use of plain passwords. In order to upload a new key to the device, paste an OpenSSH compatible public key line or drag a <code>.pub</code> file into the input field.%>
</div>
<div class="cbi-section-node">
<div class="cbi-dynlist" name="sshkeys">
<p class="spinning"><%:Loading SSH keys…%></p>
<div class="add-item" ondragover="dragKey(event)" ondrop="dropKey(event)">
<input class="cbi-input-text" type="text" placeholder="<%:Paste or drag SSH key file…%>" onkeydown="if (event.keyCode === 13) addKey(event)" />
<button class="cbi-button" onclick="addKey(event)"><%:Add key%></button>
</div>
</div>
</div>
</div>
<script type="application/javascript" src="<%=resource%>/view/system/sshkeys.js"></script>
<%+footer%>