Started work to move the CSS framework to Bootstrap 5
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed
ci/woodpecker/tag/woodpecker Pipeline failed

This commit is contained in:
Gregory Ballantine
2025-07-25 17:44:25 -04:00
parent fdd350e16f
commit 886f566ae2
22 changed files with 200 additions and 344 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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 %>

View File

@ -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>