UniqueSoft/gluster-web-interface
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Test popup form

Browse Source
This commit is contained in:
Youngkyun Kim 2016-09-03 04:46:25 +00:00
parent bfa4e5f9b7
commit 2b9a95fb00
2 changed files with 48 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
app/views/home/index.html.erb
View File

@ -9,64 +9,61 @@
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search"> <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control" placeholder="Search for..."> <input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn"> <span class="input-group-btn">
<button class="btn btn-default" type="button">Go!</button> <button class="btn btn-default" type="button">Go!</button>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="x_panel"> <div class="x_panel">
<div class="x_title"> <div class="x_title">
<h2>Input knob</h2> <h2>Input knob</h2>
<ul class="nav navbar-right panel_toolbox"> <ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a> <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
</li> <li class="dropdown">
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
<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">
<ul class="dropdown-menu" role="menu"> <li><a href="#">Settings 1</a></li>
<li><a href="#">Settings 1</a> <li><a href="#">Settings 2</a></li>
</li> </ul>
<li><a href="#">Settings 2</a> </li>
</li> <li><a class="close-link"><i class="fa fa-close"></i></a></li>
</ul> </ul>
</li> <div class="clearfix"></div>
<li><a class="close-link"><i class="fa fa-close"></i></a> </div>
</li> <div class="x_content">
</ul> <div class="col-md-2">
<div class="clearfix"></div> <p>Display value</p>
</div> <input class="knob" data-width="100" data-height="120" data-min="-100" data-displayPrevious=true data-fgColor="#26B99A" value="44">
<div class="x_content"> </div>
<div class="col-md-2"> <div class="col-md-2">
<p>Display value</p> <p>&#215; 'cursor' mode</p>
<input class="knob" data-width="100" data-height="120" data-min="-100" data-displayPrevious=true data-fgColor="#26B99A" value="44"> <input class="knob" data-width="100" data-height="120" data-cursor=true data-fgColor="#34495E" value="29">
</div> </div>
<div class="col-md-2"> <div class="col-md-2">
<p>&#215; 'cursor' mode</p> <p>Step 0.1</p>
<input class="knob" data-width="100" data-height="120" data-cursor=true data-fgColor="#34495E" value="29"> <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>
<div class="col-md-2"> <div class="col-md-2">
<p>Step 0.1</p> <p>Angle arc</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"> <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>
<div class="col-md-2"> <div class="col-md-2">
<p>Angle arc</p> <p>Alternate design</p>
<input class="knob" data-width="100" data-height="120" data-angleOffset=-125 data-angleArc=250 data-fgColor="#34495E" data-rotation="anticlockwise" value="35"> <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>
<div class="col-md-2"> <div class="col-md-2">
<p>Alternate design</p> <p>Angle offset</p>
<input class="knob" data-width="110" data-height="120" data-displayPrevious=true data-fgColor="#26B99A" data-skin="tron" data-thickness=".2" value="75"> <input class="knob" data-width="100" data-height="120" data-angleOffset=90 data-linecap=round data-fgColor="#26B99A" value="35">
</div> </div>
<div class="col-md-2"> </div>
<p>Angle offset</p> </div>
<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>
<div class="col-md-12 col-sm-12 col-xs-12"> <div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel"> <div class="x_panel">

23
app/views/volume/index.html.erb
View File

@ -109,27 +109,9 @@
<p style="color:#d9534f;">Stop</p> <p style="color:#d9534f;">Stop</p>
</a> </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> <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 %> <% end %>
</div> </div>
@ -227,11 +209,10 @@
$.ajax({ $.ajax({
type: 'post', type: 'post',
url: '/volume/mount', url: '/volume/mount',
data: mount_point, data: {mount_point:'/mnt/test2', volume_name:'dist-volume2'},
success: function(data){ success: function(data){
alert(data); alert(data);
} }
}); });
return false; //<- 이 문장으로 새로고침(reload)이 방지됨
}) })
</script> </script>