made the create button nice

This commit is contained in:
lorenz 2023-04-06 13:22:40 +02:00
parent 152870f8fd
commit 39fff4bba3
9 changed files with 123 additions and 30 deletions

View File

@ -2205,16 +2205,16 @@
}, },
{ {
"name": "opcodesio/log-viewer", "name": "opcodesio/log-viewer",
"version": "v2.4.0", "version": "v2.4.1",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/opcodesio/log-viewer.git", "url": "https://github.com/opcodesio/log-viewer.git",
"reference": "eed37452d580e8929045e34dc7016420d9bd9bcd" "reference": "caddf3336e4a3c23e655e0c1a11b2ae8e6ab4c7d"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/opcodesio/log-viewer/zipball/eed37452d580e8929045e34dc7016420d9bd9bcd", "url": "https://api.github.com/repos/opcodesio/log-viewer/zipball/caddf3336e4a3c23e655e0c1a11b2ae8e6ab4c7d",
"reference": "eed37452d580e8929045e34dc7016420d9bd9bcd", "reference": "caddf3336e4a3c23e655e0c1a11b2ae8e6ab4c7d",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@ -2277,9 +2277,9 @@
], ],
"support": { "support": {
"issues": "https://github.com/opcodesio/log-viewer/issues", "issues": "https://github.com/opcodesio/log-viewer/issues",
"source": "https://github.com/opcodesio/log-viewer/tree/v2.4.0" "source": "https://github.com/opcodesio/log-viewer/tree/v2.4.1"
}, },
"time": "2023-03-31T07:50:32+00:00" "time": "2023-04-05T05:44:00+00:00"
}, },
{ {
"name": "phpoption/phpoption", "name": "phpoption/phpoption",

View File

@ -0,0 +1,10 @@
/*for sticky footer*/
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
#wrapper {
flex: 1;
}

View File

@ -0,0 +1,21 @@
document.addEventListener('DOMContentLoaded', () => {
// Get all "navbar-burger" elements
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
// Add a click event on each of them
$navbarBurgers.forEach(el => {
el.addEventListener('click', () => {
// Get the target from the "data-target" attribute
const target = el.dataset.target;
const $target = document.getElementById(target);
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
el.classList.toggle('is-active');
$target.classList.toggle('is-active');
});
});
});

File diff suppressed because one or more lines are too long

View File

@ -27,12 +27,26 @@
<td>{{ $device['image_url'] }}</td> <td>{{ $device['image_url'] }}</td>
@can('admin-only') @can('admin-only')
<td> <td>
<button><a href="{{ $device->device_id }}/edit">Edit</a></button> <div class="field is-grouped">
<form method="POST" action="{{ $device->device_id }}"> <div class="control">
@method('DELETE') <a class="button is-small is-outlined is-info is-light" href="{{ $device->device_id }}/edit">
@csrf <span class="icon is-small">
<button>Delete</button> <i class="fa-solid fa-pen-to-square"></i>
</form> </span>
</a>
</div>
<div class="control">
<form method="POST" action="{{ $device->device_id }}">
@method('DELETE')
@csrf
<button class="button is-small is-outlined is-danger is-light" type="submit">
<span class="icon is-small">
<i class="fa-solid fa-trash"></i>
</span>
</button>
</form>
</div>
</div>
</td> </td>
@endcan @endcan
</tr> </tr>
@ -47,7 +61,12 @@
<h3 class="title is-3 has-text-centered">Location Transactions</h3> <h3 class="title is-3 has-text-centered">Location Transactions</h3>
<div class="buttons is-right"> <div class="buttons is-right">
<a class="button is-small" href="{{ $device->device_id }}/locations/create">New Location</a> <a class="button is-small is-outlined is-success is-light" href="{{ $device->device_id }}/locations/create">
<span class="icon">
<i class="fa-solid fa-plus"></i>
</span>
<span>New Location</span>
</a>
</div> </div>
@php @php
$locationTransactions = $device->locations; $locationTransactions = $device->locations;
@ -77,7 +96,12 @@
<h3 class="title is-3 has-text-centered">Owner Transactions</h3> <h3 class="title is-3 has-text-centered">Owner Transactions</h3>
<div class="buttons is-right"> <div class="buttons is-right">
<a class="button is-small" href="{{ $device->device_id }}/owners/create">New Owner</a> <a class="button is-small is-outlined is-success is-light" href="{{ $device->device_id }}/owners/create">
<span class="icon">
<i class="fa-solid fa-plus"></i>
</span>
<span>New Owner</span>
</a>
</div> </div>
<div class="table-container"> <div class="table-container">
<table class="table is-narrow is-fullwidth is-striped is-hoverable"> <table class="table is-narrow is-fullwidth is-striped is-hoverable">

View File

@ -3,12 +3,26 @@
<td>{{ $location->timestamp_located_since }}</td> <td>{{ $location->timestamp_located_since }}</td>
@can('admin-only') @can('admin-only')
<td> <td>
<button><a href="locations/{{ $location->location_transaction_id }}/edit">Edit</a></button> <div class="field is-grouped">
<form method="POST" action="locations/{{ $location->location_transaction_id }}"> <div class="control">
@method('DELETE') <a class="button is-small is-outlined is-info is-light" href="locations/{{ $location->location_transaction_id }}/edit">
@csrf <span class="icon is-small">
<button>Delete</button> <i class="fa-solid fa-pen-to-square"></i>
</form> </span>
</a>
</div>
<div class="control">
<form method="POST" action="locations/{{ $location->location_transaction_id }}">
@method('DELETE')
@csrf
<button class="button is-small is-outlined is-danger is-light" type="submit">
<span class="icon is-small">
<i class="fa-solid fa-trash"></i>
</span>
</button>
</form>
</div>
</div>
</td> </td>
@endcan @endcan
</tr> </tr>

View File

@ -3,12 +3,27 @@
<td>{{ $owner->timestamp_owner_since }}</td> <td>{{ $owner->timestamp_owner_since }}</td>
@can('admin-only') @can('admin-only')
<td> <td>
<button><a href="owners/{{ $owner->owner_transaction_id }}/edit">Edit</a></button> <div class="field is-grouped">
<form method="POST" action="owners/{{ $owner->owner_transaction_id }}"> <div class="control">
@method('DELETE') <a class="button is-small is-outlined is-info is-light"
@csrf href="owners/{{ $owner->owner_transaction_id }}/edit">
<button>Delete</button> <span class="icon is-small">
</form> <i class="fa-solid fa-pen-to-square"></i>
</span>
</a>
</div>
<div class="control">
<form method="POST" action="owners/{{ $owner->owner_transaction_id }}">
@method('DELETE')
@csrf
<button class="button is-small is-outlined is-danger is-light" type="submit">
<span class="icon is-small">
<i class="fa-solid fa-trash"></i>
</span>
</button>
</form>
</div>
</div>
</td> </td>
@endcan @endcan
</tr> </tr>

View File

@ -25,7 +25,11 @@
<td>{{ $purchasing->seller }}</td> <td>{{ $purchasing->seller }}</td>
@can('admin-only') @can('admin-only')
<td> <td>
<button><a href="{{ $device->device_id }}/purchasing/edit">Edit</a></button> <a class="button is-small is-outlined is-info is-light" href="{{ $device->device_id }}/purchasing/edit">
<span class="icon is-small">
<i class="fa-solid fa-pen-to-square"></i>
</span>
</a>
</td> </td>
@endcan @endcan
</tr> </tr>

View File

@ -4,7 +4,12 @@
<h3 class="title is-3 has-text-centered">Device List</h3> <h3 class="title is-3 has-text-centered">Device List</h3>
@can('admin-only') @can('admin-only')
<div class="buttons is-right"> <div class="buttons is-right">
<a class="button is-small" href="devices/create">Create Device</a> <a class="button is-small is-outlined is-success is-light" href="devices/create">
<span class="icon">
<i class="fa-solid fa-plus"></i>
</span>
<span>Create Device</span>
</a>
</div> </div>
@endcan @endcan
@unless (count($devices) == 0) @unless (count($devices) == 0)