src/widgets/hsvpicker/proto-html/hsvpicker.prototype.html

   1 <div id="hsvpicker" class="ui-hsvpicker">
   2     <div class="hsvpicker-clrchannel-container jquery-mobile-ui-widget">
   3         <div class="hsvpicker-arrow-btn-container">
   4             <a href="#" data-role="button" class="hsvpicker-arrow-btn" data-target="hue" data-location="left" data-inline="true" data-icon="reveal-left"></a>
   5         </div>
   6         <div class="hsvpicker-clrchannel-masks-container">
   7             <div class="hsvpicker-clrchannel-mask hsvpicker-clrchannel-mask-white"></div>
   8             <div id="hsvpicker-hue-hue" class="hsvpicker-clrchannel-mask jquery-todons-colorwidget-clrlib-hue-gradient"></div>
   9             <div id="hsvpicker-hue-mask-val" class="hsvpicker-clrchannel-mask hsvpicker-clrchannel-mask-black" data-event-source="hue"></div>
  10             <div id="hsvpicker-hue-selector" class="hsvpicker-clrchannel-selector ui-corner-all"></div>
  11         </div>
  12         <div class="hsvpicker-arrow-btn-container">
  13             <a href="#" data-role="button" class="hsvpicker-arrow-btn" data-target="hue" data-location="right" data-inline="true" data-icon="reveal"></a>
  14         </div>
  15     </div>
  16     <div class="hsvpicker-clrchannel-container jquery-mobile-ui-widget">
  17         <div class="hsvpicker-arrow-btn-container">
  18             <a href="#" data-role="button" class="hsvpicker-arrow-btn" data-target="sat" data-location="left" data-inline="true" data-icon="reveal-left"></a>
  19         </div>
  20         <div class="hsvpicker-clrchannel-masks-container">
  21             <div id="hsvpicker-sat-hue" class="hsvpicker-clrchannel-mask"></div>
  22             <div id="hsvpicker-sat-gradient" class="hsvpicker-clrchannel-mask  sat-gradient"></div>
  23             <div id="hsvpicker-sat-mask-val" class="hsvpicker-clrchannel-mask hsvpicker-clrchannel-mask-black" data-event-source="sat"></div>
  24             <div id="hsvpicker-sat-selector" class="hsvpicker-clrchannel-selector ui-corner-all"></div>
  25         </div>
  26         <div class="hsvpicker-arrow-btn-container">
  27             <a href="#" data-role="button" class="hsvpicker-arrow-btn" data-target="sat" data-location="right" data-inline="true" data-icon="reveal"></a>
  28         </div>
  29     </div>
  30     <div class="hsvpicker-clrchannel-container jquery-mobile-ui-widget">
  31         <div class="hsvpicker-arrow-btn-container">
  32             <a href="#" data-role="button" class="hsvpicker-arrow-btn" data-target="val" data-location="left" data-inline="true" data-icon="reveal-left"></a>
  33         </div>
  34         <div class="hsvpicker-clrchannel-masks-container">
  35             <div class="hsvpicker-clrchannel-mask hsvpicker-clrchannel-mask-white"></div>
  36             <div id="hsvpicker-val-hue" class="hsvpicker-clrchannel-mask"></div>
  37             <div id="hsvpicker-val-gradient" class="hsvpicker-clrchannel-mask val-gradient" data-event-source="val"></div>
  38             <div id="hsvpicker-val-selector" class="hsvpicker-clrchannel-selector ui-corner-all"></div>
  39         </div>
  40         <div class="hsvpicker-arrow-btn-container">
  41             <a href="#" data-role="button" class="hsvpicker-arrow-btn" data-target="val" data-location="right" data-inline="true" data-icon="reveal"></a>
  42         </div>
  43     </div>
  44 </div>