purr

password generation and secret sharing
Log | Files | Refs | README | LICENSE

gen.hamlet (1525B)


      1 <div #generators .generators>
      2   <form id="genForm">
      3     <div .generatorRadio">
      4       <label .radioLabel for="xkcd" .genResult>
      5         <input .radioInput type="radio" id="xkcd" name="newSec" value="#{show genXkcd}">
      6         <div .radioDesign>
      7         <div .radioText>#{show genXkcd}
      8       <label .radioLabel for="oldschool" .genResult>
      9         <input .radioInput type="radio" id="oldschool" name="newSec" value="#{show genOldschool}">
     10         <div .radioDesign>
     11         <div .radioText>#{show genOldschool}
     12       <label .radioLabel for="gibberish" .genResult>
     13         <input .radioInput type="radio" id="gibberish" name="newSec" value="#{show genGibberish}">
     14         <div .radioDesign>
     15         <div .radioText>#{show genGibberish}
     16 
     17     <div .validForm>
     18       <input .numberInput
     19         name="newSecDuration"
     20         type="number"
     21         min="1"
     22         max="90"
     23         value="20"
     24         onkeyup="if (value < 1 || value > 90) { value = 0 }"
     25       /> days
     26       <input .numberInput
     27         name="newSecViews"
     28         type="number"
     29         min="1"
     30         max="60"
     31         value="20"
     32         onkeyup="if (value < 1 || value > 60) { value = 0 }"
     33       /> views
     34     <button .mainButton
     35       hx-post="/new"
     36       hx-target="#requestedPw"
     37       hx-swap="outerHTML"
     38       hx-include="[name='newSec']"
     39     />
     40       share selected secret
     41       <img class="htmx-indicator" src="/loading.svg" />
     42     <button .mainButton
     43       hx-get="/gen"
     44       hx-target="#generators"
     45       hx-swap="outerHTML"
     46     />
     47       regenerate
     48     <br />
     49