petar_bonov

arenaev: settings popup

Nov 15th, 2021 (edited)
325
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.59 KB | None | 0 0
  1.     <!-- SETTINGS ICON AND MENU -->
  2.     <a href="#" onclick="return false;" id="open-units-popup">
  3.         <i class="head-icon icon-settings"></i><br><span class="icon-count" style="right:4px;">Settings</span>
  4.     </a>
  5.  
  6.     <span class="tooltip" id="units-popup">
  7.         <form>
  8.             <fieldset>
  9.                 <legend>Units:</legend>
  10.                 <label>
  11.                     <input type="radio" name="units-system" value="1" checked>
  12.                     <span>Metric</span>
  13.                 </label>
  14.                 <label>
  15.                     <input type="radio" name="units-system" value="2">
  16.                     <span>Imperial</span>
  17.                 </label>
  18.             </fieldset>
  19.  
  20.             <fieldset>
  21.                 <legend>Power</legend>
  22.                 <label>
  23.                     <input type="radio" name="units-power" value="1" checked>
  24.                     <span>kW</span>
  25.                 </label>
  26.                 <label>
  27.                     <input type="radio" name="units-power" value="2">
  28.                     <span>hp</span>
  29.                 </label>
  30.                 <label>
  31.                     <input type="radio" name="units-power" value="3">
  32.                     <span>bhp</span>
  33.                 </label>
  34.             </fieldset>
  35.            
  36.             <fieldset>
  37.                 <legend>Standard</legend>
  38.                 <label>
  39.                     <input type="radio" name="units-standard"value="1" checked>
  40.                     <span>WLTP</span>
  41.                 </label>
  42.                 <label>
  43.                     <input type="radio" name="units-standard"value="2">
  44.                     <span>EPA</span>
  45.                 </label>
  46.                 <label>
  47.                     <input type="radio" name="units-standard"value="3">
  48.                     <span>NEDC</span>
  49.                 </label>
  50.             </fieldset>
  51.            
  52.             <fieldset>
  53.                 <legend>Consumption</legend>
  54.                 <label data-label="Wh/$unit$">
  55.                     <input type="radio" name="units-consumption" value="1" checked>
  56.                     <span></span>
  57.                 </label>
  58.                 <label data-label="kWh/100 $unit$">
  59.                     <input type="radio" name="units-consumption" value="2">
  60.                     <span></span>
  61.                 </label>
  62.                 <label data-label="$unit$/kWh">
  63.                     <input type="radio" name="units-consumption" value="3">
  64.                     <span></span>
  65.                 </label>
  66.             </fieldset>
  67.  
  68.             <button class="button">OK</button>
  69.         </form>
  70.     </span>
Add Comment
Please, Sign In to add comment