Started work to move the CSS framework to Bootstrap 5
This commit is contained in:
@ -1,32 +1,28 @@
|
||||
<div class="grid-x grid-margin-x">
|
||||
<div class="cell small-12">
|
||||
<div class="row mb-3">
|
||||
<div class="col-12">
|
||||
<h1>Add new hardware</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid-x grid-margin-x">
|
||||
<div class="row mb-3">
|
||||
|
||||
<form class="cell small-12" action="/hardware/add" method="post">
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="cell medium-9">
|
||||
<label>
|
||||
Hardware name
|
||||
<input type="text" name="hardware_name" placeholder="Example hardware">
|
||||
</label>
|
||||
<form class="col-12" action="/hardware/add" method="post">
|
||||
<div class="row mb-3">
|
||||
<div class="col-12 col-md-9">
|
||||
<label for="hardware_name">Hardware name</label>
|
||||
<input id="hardware_name" class="form-control" type="text" name="hardware_name" placeholder="Example hardware">
|
||||
</div>
|
||||
|
||||
<div class="cell medium-3">
|
||||
<label>
|
||||
Type
|
||||
<select name="hardware_type">
|
||||
<option value="gpu">Graphics card</option>
|
||||
<option value="cpu">Processor</option>
|
||||
</select>
|
||||
</label>
|
||||
<div class="col-12 col-md-3">
|
||||
<label for="hardware_type">Type</label>
|
||||
<select id="hardware_type" class="form-select" name="hardware_type">
|
||||
<option value="gpu">Graphics card</option>
|
||||
<option value="cpu">Processor</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="submit" class="button" value="Submit">
|
||||
<input class="btn btn-primary" type="submit" value="Create Hardware">
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
@ -1,32 +1,28 @@
|
||||
<div class="grid-x grid-margin-x">
|
||||
<div class="cell small-12">
|
||||
<h1>Editing: <%= hardware.name %></h1>
|
||||
<div class="row mb-3">
|
||||
<div class="col-12">
|
||||
<h1>Add new hardware</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid-x grid-margin-x">
|
||||
<div class="row mb-3">
|
||||
|
||||
<form class="cell small-12" action="/hardware/<%= hardware.id %>/edit" method="post">
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="cell medium-9">
|
||||
<label>
|
||||
Hardware name
|
||||
<input type="text" name="hardware_name" placeholder="Example hardware" value="<%= hardware.name %>">
|
||||
</label>
|
||||
<form class="col-12" action="/hardware/<%= hardware.id %>/edit" method="post">
|
||||
<div class="row mb-3">
|
||||
<div class="col-12 col-md-9">
|
||||
<label for="hardware_name">Hardware name</label>
|
||||
<input id="hardware_name" class="form-control" type="text" name="hardware_name" placeholder="Example hardware" value="<%= hardware.name %>">
|
||||
</div>
|
||||
|
||||
<div class="cell medium-3">
|
||||
<label>
|
||||
Type
|
||||
<select name="hardware_type">
|
||||
<option value="gpu" <% if hardware.type == 'gpu' %>selected<% end %>>Graphics card</option>
|
||||
<div class="col-12 col-md-3">
|
||||
<label for="hardware_type">Type</label>
|
||||
<select id="hardware_type" class="form-select" name="hardware_type">
|
||||
<option value="gpu" <% if hardware.type == 'gpu' %>selected<% end %>>Graphics card</option>
|
||||
<option value="cpu" <% if hardware.type == 'cpu' %>selected<% end %>>Processor</option>
|
||||
</select>
|
||||
</label>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input type="submit" class="button" value="Submit">
|
||||
<input class="btn btn-primary" type="submit" value="Create Hardware">
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
@ -1,20 +1,20 @@
|
||||
<div class="grid-x grid-margin-x">
|
||||
<div class="cell small-12">
|
||||
<div class="row mb-3">
|
||||
<div class="col-12">
|
||||
<h1>List of hardware</h1>
|
||||
</div>
|
||||
|
||||
<div class="cell small-12">
|
||||
<div class="col-12">
|
||||
<p>
|
||||
<a href="/hardware/add">Add new hardware</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid-x grid-margin-x">
|
||||
<div class="row mb-3">
|
||||
<% if hardware.length > 0 %>
|
||||
<div class="cell small-12">
|
||||
<table>
|
||||
<thead>
|
||||
<div class="col-12">
|
||||
<table class="table table-hover table-responsive">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Hardware name</th>
|
||||
<th>Type</th>
|
||||
@ -35,7 +35,7 @@
|
||||
</table>
|
||||
</div>
|
||||
<% else %>
|
||||
<div class="cell small-12">
|
||||
<div class="col-12">
|
||||
<p>I'm sorry, there doesn't appear to be any hardware added yet. Check again later!</p>
|
||||
</div>
|
||||
<% end %>
|
||||
|
@ -1,13 +1,13 @@
|
||||
<div class="grid-x grid-margin-x">
|
||||
<div class="cell small-12">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h1><%= hardware.name %></h1>
|
||||
</div>
|
||||
|
||||
<div class="cell small-12">
|
||||
<div class="col-12">
|
||||
<p><a href="/hardware/<%= hardware.id %>/edit">Edit</a></p>
|
||||
</div>
|
||||
|
||||
<div class="cell small-12">
|
||||
<div class="col-12">
|
||||
Hardware type: <%= hardware.type %>
|
||||
</div>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user