From f58eed4ff744969bc10af8ef1c4bed42c1e31eb0 Mon Sep 17 00:00:00 2001 From: Dennis Kao <ulysseskao@gmail.com> Date: Tue, 26 Apr 2016 01:57:12 +0800 Subject: [PATCH] ui-router templates --- grails-app/assets/templates/xdashangular/UI/sliders.html | 110 ++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 101 insertions(+), 9 deletions(-) diff --git a/grails-app/assets/templates/xdashangular/UI/sliders.html b/grails-app/assets/templates/xdashangular/UI/sliders.html index de155ea..f5c1395 100644 --- a/grails-app/assets/templates/xdashangular/UI/sliders.html +++ b/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> \ No newline at end of file +<!-- 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=" €" 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 --> -- Gitblit v0.0.0-SNAPSHOT