Test popup form
This commit is contained in:
Youngkyun Kim
parent
bfa4e5f9b7
commit
2b9a95fb00
@ -9,64 +9,61 @@
|
||||
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Search for...">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-default" type="button">Go!</button>
|
||||
</span>
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-default" type="button">Go!</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2>Input knob</h2>
|
||||
<ul class="nav navbar-right panel_toolbox">
|
||||
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li><a href="#">Settings 1</a>
|
||||
</li>
|
||||
<li><a href="#">Settings 2</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a class="close-link"><i class="fa fa-close"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div class="col-md-2">
|
||||
<p>Display value</p>
|
||||
<input class="knob" data-width="100" data-height="120" data-min="-100" data-displayPrevious=true data-fgColor="#26B99A" value="44">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<p>× 'cursor' mode</p>
|
||||
<input class="knob" data-width="100" data-height="120" data-cursor=true data-fgColor="#34495E" value="29">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<p>Step 0.1</p>
|
||||
<input class="knob" data-width="100" data-height="120" data-min="-10000" data-displayPrevious=true data-fgColor="#26B99A" data-max="10000" data-step=".1" value="0">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<p>Angle arc</p>
|
||||
<input class="knob" data-width="100" data-height="120" data-angleOffset=-125 data-angleArc=250 data-fgColor="#34495E" data-rotation="anticlockwise" value="35">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<p>Alternate design</p>
|
||||
<input class="knob" data-width="110" data-height="120" data-displayPrevious=true data-fgColor="#26B99A" data-skin="tron" data-thickness=".2" value="75">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<p>Angle offset</p>
|
||||
<input class="knob" data-width="100" data-height="120" data-angleOffset=90 data-linecap=round data-fgColor="#26B99A" value="35">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="x_title">
|
||||
<h2>Input knob</h2>
|
||||
<ul class="nav navbar-right panel_toolbox">
|
||||
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li><a href="#">Settings 1</a></li>
|
||||
<li><a href="#">Settings 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a class="close-link"><i class="fa fa-close"></i></a></li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div class="col-md-2">
|
||||
<p>Display value</p>
|
||||
<input class="knob" data-width="100" data-height="120" data-min="-100" data-displayPrevious=true data-fgColor="#26B99A" value="44">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<p>× 'cursor' mode</p>
|
||||
<input class="knob" data-width="100" data-height="120" data-cursor=true data-fgColor="#34495E" value="29">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<p>Step 0.1</p>
|
||||
<input class="knob" data-width="100" data-height="120" data-min="-10000" data-displayPrevious=true data-fgColor="#26B99A" data-max="10000" data-step=".1" value="0">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<p>Angle arc</p>
|
||||
<input class="knob" data-width="100" data-height="120" data-angleOffset=-125 data-angleArc=250 data-fgColor="#34495E" data-rotation="anticlockwise" value="35">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<p>Alternate design</p>
|
||||
<input class="knob" data-width="110" data-height="120" data-displayPrevious=true data-fgColor="#26B99A" data-skin="tron" data-thickness=".2" value="75">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<p>Angle offset</p>
|
||||
<input class="knob" data-width="100" data-height="120" data-angleOffset=90 data-linecap=round data-fgColor="#26B99A" value="35">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="x_panel">
|
||||
|
||||
@ -109,27 +109,9 @@
|
||||
<p style="color:#d9534f;">Stop</p>
|
||||
</a>
|
||||
|
||||
|
||||
<!-- mount button push : popup event and post mount point -->
|
||||
<a class="btn btn-app" href="#popup"><i class="fa fa-upload"></i> Mount</a>
|
||||
|
||||
|
||||
<!--
|
||||
<form class="form-horizontal form-label-right" action="/volume/mount" method="post">
|
||||
|
||||
<div class="form-group">
|
||||
<label class="control-label col-md-3 col-sm-3 col-xs-3" for="mount_point">Mount Point</label>
|
||||
<div class="col-md-6 col-sm-6 col-xs-12"><input type="text" name="mount_point" required="required" class="form-control"></div>
|
||||
</div>
|
||||
|
||||
<input type="hidden" name="volume_name" value="<%=t['Volume Name']%>" />
|
||||
|
||||
<button class="btn btn-app" type="submit">
|
||||
<i class="fa fa-upload"></i> Mount
|
||||
</button>
|
||||
|
||||
</form>
|
||||
-->
|
||||
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
@ -227,11 +209,10 @@
|
||||
$.ajax({
|
||||
type: 'post',
|
||||
url: '/volume/mount',
|
||||
data: mount_point,
|
||||
data: {mount_point:'/mnt/test2', volume_name:'dist-volume2'},
|
||||
success: function(data){
|
||||
alert(data);
|
||||
}
|
||||
});
|
||||
return false; //<- 이 문장으로 새로고침(reload)이 방지됨
|
||||
})
|
||||
</script>
|
||||
Loading…
Reference in New Issue
Block a user