package/luci/modules/luci-mod-system/luasrc/view/admin_system/sshkeys.htm

   1 <%+header%>
   2
   3 <style type="text/css">
   4         .cbi-dynlist {
   5                 max-width: 100%;
   6         }
   7
   8         .cbi-dynlist .item > small {
   9                 display: block;
  10                 direction: rtl;
  11                 overflow: hidden;
  12                 text-align: left;
  13         }
  14
  15         .cbi-dynlist .item > small > code {
  16                 direction: ltr;
  17                 white-space: nowrap;
  18                 unicode-bidi: bidi-override;
  19         }
  20
  21         @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  22                 .cbi-dynlist .item > small { direction: ltr }
  23         }
  24 </style>
  25
  26 <div class="cbi-map">
  27         <h2><%:SSH-Keys%></h2>
  28
  29         <div class="cbi-section-descr">
  30                 <%_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.%>
  31         </div>
  32
  33         <div class="cbi-section-node">
  34                 <div class="cbi-dynlist" name="sshkeys">
  35                         <p class="spinning"><%:Loading SSH keys…%></p>
  36                         <div class="add-item" ondragover="dragKey(event)" ondrop="dropKey(event)">
  37                                 <input class="cbi-input-text" type="text" placeholder="<%:Paste or drag SSH key file…%>" onkeydown="if (event.keyCode === 13) addKey(event)" />
  38                                 <button class="cbi-button" onclick="addKey(event)"><%:Add key%></button>
  39                         </div>
  40                 </div>
  41         </div>
  42 </div>
  43
  44 <script type="application/javascript" src="<%=resource%>/view/system/sshkeys.js"></script>
  45
  46 <%+footer%>