forked from ~ulysseskao/xdashangular
blame | history | patch | commit | commitdiff | ignore whitespace
Dennis Kao
2016-04-26 f58eed4ff744969bc10af8ef1c4bed42c1e31eb0 
 grails-app/assets/templates/xdashangular/UI/sliders.html


@@ -1,10 +1,102 @@


<!DOCTYPE html>


<html lang="en">


<head>


  <meta charset="UTF-8">


  <title>Title</title>


</head>


<body>


<!-- Content Header (Page header) -->


<section class="content-header">


  <h1>


    Sliders


    <small>range sliders</small>


  </h1>


  <ol class="breadcrumb">


    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>


    <li><a href="#">UI</a></li>


    <li class="active">Sliders</li>


  </ol>


</section>




</body>


</html>


<!-- Main content -->


<section class="content">


  <div class="row">


    <div class="col-xs-12">


      <div class="box box-primary">


        <div class="box-header">


          <h3 class="box-title">Ion Slider</h3>


        </div>


        <!-- /.box-header -->


        <div class="box-body">


          <div class="row margin">


            <div class="col-sm-6">


              <input id="range_1" type="text" name="range_1" value="">


            </div>




            <div class="col-sm-6">


              <input id="range_2" type="text" name="range_2" value="1000;100000" data-type="double" data-step="500" data-postfix=" &euro;" data-from="30000" data-to="90000" data-hasgrid="true">


            </div>


          </div>


          <div class="row margin">


            <div class="col-sm-6">


              <input id="range_5" type="text" name="range_5" value="">


            </div>


            <div class="col-sm-6">


              <input id="range_6" type="text" name="range_6" value="">


            </div>


          </div>


          <div class="row margin">


            <div class="col-sm-12">


              <input id="range_4" type="text" name="range_4" value="10000;100000">


            </div>


          </div>


        </div>


        <!-- /.box-body -->


      </div>


      <!-- /.box -->


    </div>


    <!-- /.col -->


  </div>


  <!-- /.row -->




  <div class="row">


    <div class="col-xs-12">


      <div class="box box-primary">


        <div class="box-header">


          <h3 class="box-title">Bootstrap Slider</h3>


        </div>


        <!-- /.box-header -->


        <div class="box-body">


          <div class="row margin">


            <div class="col-sm-6">


              <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="red">




              <p>data-slider-id="red"</p>


              <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="blue">




              <p>data-slider-id="blue"</p>


              <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="green">




              <p>data-slider-id="green"</p>


              <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="yellow">




              <p>data-slider-id="yellow"</p>


              <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="aqua">




              <p>data-slider-id="aqua"</p>


              <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="horizontal" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="purple">




              <p style="margin-top: 10px">data-slider-id="purple"</p>


            </div>


            <div class="col-sm-6 text-center">


              <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="red">


              <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="blue">


              <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="green">


              <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="yellow">


              <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="aqua">


              <input type="text" value="" class="slider form-control" data-slider-min="-200" data-slider-max="200" data-slider-step="5" data-slider-value="[-100,100]" data-slider-orientation="vertical" data-slider-selection="before" data-slider-tooltip="show" data-slider-id="purple">


            </div>


          </div>


        </div>


        <!-- /.box-body -->


      </div>


      <!-- /.box -->


    </div>


    <!-- /.col -->


  </div>


  <!-- /.row -->


</section>


<!-- /.content -->