New bootstrap-based layout #30

Merged
Roflin merged 79 commits from bootstrap into master 2023-03-14 19:11:25 +01:00
Showing only changes of commit 0325a2ec90 - Show all commits

View File

@ -22,9 +22,9 @@ class EditAssetForm extends Template
echo ' echo '
<form id="asset_form" action="" method="post" enctype="multipart/form-data"> <form id="asset_form" action="" method="post" enctype="multipart/form-data">
<div class="content-box"> <div class="content-box">
<div style="float: right"> <div class="float-end">
<a class="btn btn-danger" href="', BASEURL, '/', $this->asset->getSlug(), '?delete_confirmed">Delete asset</a> <a class="btn btn-danger" href="', BASEURL, '/', $this->asset->getSlug(), '?delete_confirmed">Delete asset</a>
<input class="btn btn-primary" type="submit" value="Save asset data"> <button class="btn btn-primary" type="submit">Save asset data</button>
</div> </div>
<h2>Edit asset \'', $this->asset->getTitle(), '\' (', $this->asset->getFilename(), ')</h2> <h2>Edit asset \'', $this->asset->getTitle(), '\' (', $this->asset->getFilename(), ')</h2>
</div>'; </div>';
@ -63,20 +63,32 @@ class EditAssetForm extends Template
echo ' echo '
<div class="content-box key_info"> <div class="content-box key_info">
<h3>Key info</h3> <h3>Key info</h3>
<dl>
<dt>Title</dt>
<dd><input type="text" name="title" maxlength="255" size="70" value="', $this->asset->getTitle(), '">
<dt>URL slug</dt> <div class="row mb-2">
<dd><input type="text" name="slug" maxlength="255" size="70" value="', $this->asset->getSlug(), '"> <label class="col-form-label col-sm-3">Title (internal):</label>
<div class="col-sm">
<dt>Date captured</dt> <input class="form-control" type="text" name="title" maxlength="255" size="70" value="', $this->asset->getTitle(), '">
<dd><input type="text" name="date_captured" size="30" value="', </div>
</div>
<div class="row mb-2">
<label class="col-form-label col-sm-3">URL slug:</label>
<div class="col-sm">
<input class="form-control" type="text" name="slug" maxlength="255" size="70" value="', $this->asset->getSlug(), '">
</div>
</div>
<div class="row mb-2">
<label class="col-form-label col-sm-3">Date captured:</label>
<div class="col-sm">
<input class="form-control" name="date_captured" size="30" value="',
$date_captured ? $date_captured->format('Y-m-d H:i:s') : '', '" placeholder="Y-m-d H:i:s"> $date_captured ? $date_captured->format('Y-m-d H:i:s') : '', '" placeholder="Y-m-d H:i:s">
</div>
<dt>Display priority</dt> </div>
<dd><input type="number" name="priority" min="0" max="100" step="1" value="', $this->asset->getPriority(), '"> <div class="row mb-2">
</dl> <label class="col-form-label col-sm-3">Display priority:</label>
<div class="col-sm-3">
<input class="form-control" type="number" name="priority" min="0" max="100" step="1" value="', $this->asset->getPriority(), '">
</div>
</div>
</div>'; </div>';
} }
@ -85,7 +97,7 @@ class EditAssetForm extends Template
echo ' echo '
<div class="content-box linked_tags"> <div class="content-box linked_tags">
<h3>Linked tags</h3> <h3>Linked tags</h3>
<ul id="tag_list">'; <ul class="list-unstyled" id="tag_list">';
foreach ($this->asset->getTags() as $tag) foreach ($this->asset->getTags() as $tag)
echo ' echo '
@ -95,7 +107,7 @@ class EditAssetForm extends Template
</li>'; </li>';
echo ' echo '
<li id="new_tag_container"><input type="text" id="new_tag" placeholder="Type to link a new tag"></li> <li id="new_tag_container"><input class="form-control" type="text" id="new_tag" placeholder="Type to link a new tag"></li>
</ul> </ul>
</div> </div>
<script type="text/javascript" src="', BASEURL, '/js/ajax.js"></script> <script type="text/javascript" src="', BASEURL, '/js/ajax.js"></script>
@ -138,7 +150,7 @@ class EditAssetForm extends Template
echo ' echo '
<div class="content-box linked_thumbs"> <div class="content-box linked_thumbs">
<h3>Thumbnails</h3> <h3>Thumbnails</h3>
View: <select id="thumbnail_src">'; View: <select class="form-select w-auto d-inline" id="thumbnail_src">';
$first = INF; $first = INF;
foreach ($this->thumbs as $i => $thumb) foreach ($this->thumbs as $i => $thumb)
@ -220,38 +232,39 @@ class EditAssetForm extends Template
protected function section_asset_meta() protected function section_asset_meta()
{ {
echo ' echo '
<div class="content-box asset_meta" style="margin-top: 2%"> <div class="content-box asset_meta mt-2">
<h3>Asset meta data</h3> <h3>Asset meta data</h3>';
<ul>';
$i = -1; $i = 0;
foreach ($this->asset->getMeta() as $key => $meta) foreach ($this->asset->getMeta() as $key => $meta)
{ {
$i++;
echo ' echo '
<li> <div class="input-group">
<input type="text" name="meta_key[', $i, ']" value="', htmlentities($key), '"> <input type="text" class="form-control" name="meta_key[', $i, ']" value="', htmlspecialchars($key), '" placeholder="key">
<input type="text" name="meta_value[', $i, ']" value="', htmlentities($meta), '"> <input type="text" class="form-control" name="meta_value[', $i, ']" value="', htmlspecialchars($meta), '" placeholder="value">
</li>'; </div>';
$i++;
} }
echo ' echo '
<li> <div class="input-group">
<input type="text" name="meta_key[', $i + 1, ']" value=""> <input type="text" class="form-control" name="meta_key[', $i + 1, ']" value="" placeholder="key">
<input type="text" name="meta_value[', $i + 1, ']" value=""> <input type="text" class="form-control" name="meta_value[', $i + 1, ']" value="" placeholder="value">
</li> </div>
</ul> <div class="text-end mt-3">
<p><input type="submit" value="Save metadata"></p> <button class="btn btn-primary" type="submit">Save metadata</button>
</div>
</div>'; </div>';
} }
protected function section_replace() protected function section_replace()
{ {
echo ' echo '
<div class="content-box replace_asset" style="margin-bottom: 2%; display: block"> <div class="content-box replace_asset mt-2">
<h3>Replace asset</h3> <h3>Replace asset</h3>
File: <input type="file" name="replacement"> File: <input class="form-control d-inline w-auto" type="file" name="replacement">
Target: <select name="replacement_target"> Target: <select class="form-select d-inline w-auto" name="replacement_target">
<option value="full">master file</option>'; <option value="full">master file</option>';
foreach ($this->thumbs as $thumb) foreach ($this->thumbs as $thumb)
@ -287,7 +300,7 @@ class EditAssetForm extends Template
echo ' echo '
</select> </select>
<input type="submit" value="Save asset"> <button class="btn btn-primary" type="submit">Save asset</button>
</div>'; </div>';
} }
} }