Not at first , but yes, I restarted it and checked.
<!-- catalog/templates/catalog/catalog_add.html -->
<!-- templates/base.html -->
<!DOCTYPE html>
<!-- -->
<html lang="en">
<head>
<meta charset="utf-8">
<title class="site-title">Studio Catalog</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.catalog-header {
text-decoration:none;
color:darkslategray
}
.errorlist {
color: red;
}
.tableFixHead {
overflow-y: auto;
/* make the table scrollable if height is more than 200 px */
height: 100%
}
.tableFixHead th {
position: sticky;
/* make the table heads sticky */
top: 0px;
/* table head will be placed from the top of the table and sticks to it */
}
table {
border-collapse: collapse;
/* make the table borders collapse to each other */
}
th {
background: #eee;
}
</style>
</head>
<body on onload="fix();">
<div class="catalog-header">
<a href="/" class="catalog-header"> <h5 align="center">Patty Maly Studio Catalog</h5> </a>
</div>
<h1></h1>
<form method = "post" id="formId" enctype="multipart/form-data">
<input type="hidden" name="csrfmiddlewaretoken" value="qvKIloKGKmalPTB0fS9q0lRl9eYwjXFo3pDMG62JtOteCnqZeYDcwnDzNTGxABmJ">
<!-- catalog/templates/catalog/work_image_conatiner.html -->
<div class="container-fluid">
<div class="row">
<div class="col-md-7">
<div class="row">
<div class="col">
<label for="id_work_key">Key:</label>
<input type="text" name="work_key" value="P04YE01" maxlength="12" size="12" required aria-invalid="true" id="id_work_key">
['Key P04YE01 is already used']
</div>
</div>
<div class="row"><div class="col"> </div></div>
<div class="row">
<div class="col-md-8">
<label for="id_title">Title:</label>
<input type="text" name="title" value="test" maxlength="250" autofocus="" size="60" required id="id_title">
[]
</div>
<div class="col-md-4">
<label for="id_work_date">Date:</label>
<input type="text" name="work_date" value="2222" maxlength="10" size="7" id="id_work_date">
[]
</div>
</div>
<div class="row"><div class="col"> </div></div>
<div class="row">
<div class="col">
<label for="id_work_type">Type:</label>
<select name="work_type" onchange="buildkey()" required id="id_work_type">
<option value="">---------</option>
<option value="painting" selected>painting</option>
<option value="monotype">monotype</option>
<option value="tile">tile</option>
<option value="sculpture">sculpture</option>
</select>
[]
</div>
<div class="col">
<label for="id_media">Media:</label>
<select name="media" required id="id_media">
<option value="">---------</option>
<option value="oil on wood" selected>oil on wood</option>
<option value="oil on canvas">oil on canvas</option>
<option value="ink on paper">ink on paper</option>
<option value="watercolor">watercolor</option>
<option value="ceramic">ceramic</option>
<option value="oil on canvas">oil on canvas</option>
</select>
[]
</div>
<div class="col">
<label for="id_price">Price:</label>
<input type="number" name="price" step="0.01" size="7" id="id_price">
[]
</div>
</div>
<div class="row"><div class="col"> </div></div>
<div class="row">
<div class="col">
<label for="id_dims_height">Height:</label>
<input type="number" name="dims_height" step=".25" size="5" id="id_dims_height">
[]
</div>
<div class="col">
<label for="id_dims_width">Width:</label>
<input type="number" name="dims_width" step=".25" size="5" id="id_dims_width">
[]
</div>
<div class="col">
<label for="id_dims_depth">Depth:</label>
<input type="number" name="dims_depth" step=".25" size="5" id="id_dims_depth">
[]
</div>
</div>
<div class="row"><div class="col"> </div></div>
<div class="row" >
<div class="col">
<label for="id_description">Description:</label> <br>
<textarea name="description" cols="30" rows="3" id="id_description">
</textarea>
[]
</div>
<div class="col">
<label for="id_notes">Notes:</label> <br>
<textarea name="notes" cols="30" rows="3" id="id_notes">
</textarea>
[]
</div>
<div class="col">
<label for="id_inscription">Inscription:</label> <br>
<textarea name="inscription" cols="30" rows="3" id="id_inscription">
</textarea>
[]
</div>
</div>
<div class="row"><div class="col"> </div></div>
<div class="row" >
<div class="col">
<label for="id_status">Status:</label>
<select name="status" id="id_status">
<option value="available" selected>available</option>
<option value="unavailable">unavailable</option>
<option value="sold">sold</option>
<option value="painted over">painted over</option>
</select>
[]
</div>
<div class="col">
<label for="id_sold_date">Sold date:</label>
<input type="text" name="sold_date" value="" size="7" id="id_sold_date">
[]
</div>
<div class="col">
<label for="id_sold_to">Sold to:</label>
<input type="text" name="sold_to" maxlength="100" id="id_sold_to">
[]
</div>
<div class="col">
<label for="id_sale_price">Sale price:</label>
<input type="number" name="sale_price" step="0.01" size="5" id="id_sale_price">
[]
</div>
</div>
<div class="row"><div class="col"> </div></div>
<div class="row">
<p>
<input type="submit" name="action" value="Save" id="saveButton" accesskey="s">
<input type="submit" name="action" value="Delete" id="deleteButton" onclick="return confirm('Are you sure you want to delete this entry and any associated images?')">
<input type="submit" name="action" value="Cancel" id="canceButton" onclick="return confirm('Are you sure you want to cancel?')">
</p>
</div>
</div>
<div class="col-md-5">
[]
<input type="hidden" name="image_set-TOTAL_FORMS" value="2" id="id_image_set-TOTAL_FORMS"><input type="hidden" name="image_set-INITIAL_FORMS" value="0" id="id_image_set-INITIAL_FORMS"><input type="hidden" name="image_set-MIN_NUM_FORMS" value="0" id="id_image_set-MIN_NUM_FORMS"><input type="hidden" name="image_set-MAX_NUM_FORMS" value="1000" id="id_image_set-MAX_NUM_FORMS">
<input type="hidden" name="image_set-0-id" id="id_image_set-0-id">
<div class="row">
<div class="col">
<hr>
<label for="id_image_set-0-image">Image:</label>
<input type="file" name="image_set-0-image" accept="image/*" accesskey="c" onchange="preview(this)" id="id_image_set-0-image">
[]
<img id="imageframe" src="" width="250px" name="imageframe"/>
<div class="row"><div class="col"> </div></div>
</div>
<div class="row">
<div class="col">
<label for="id_image_set-0-image_type">Image type:</label>
<select name="image_set-0-image_type" id="id_image_set-0-image_type">
<option value="" selected>---------</option>
<option value="primary">primary</option>
<option value="alternate">alternate</option>
<option value="documentation only">documentation only</option>
<option value="detail">detail</option>
<option value="previous version">previous version</option>
</select>
[]
</div>
<div class="col">
<label for="id_image_set-0-image_source">Image source:</label>
<input type="text" name="image_set-0-image_source" maxlength="256" id="id_image_set-0-image_source">
[]
</div>
<div class="col">
<label for="id_image_set-0-image_file_name">Image file name:</label>
<input type="text" name="image_set-0-image_file_name" maxlength="200" id="id_image_set-0-image_file_name">
[]
</div>
</div>
<div class="row"><div class="col"> </div></div>
<div class="row">
<div class="col">
<label for="id_image_set-0-image_notes">Image notes:</label> <br>
<textarea name="image_set-0-image_notes" cols="40" rows="3" id="id_image_set-0-image_notes">
</textarea>
[]
</div>
<div class="row"><div class="col"> </div></div>
<div class="row">
<div class="col">
<input type="checkbox" name="image_set-0-DELETE" id="id_image_set-0-DELETE"> Check box and Save to delete this image
</div>
</div>
</div>
<input type="hidden" name="image_set-1-id" id="id_image_set-1-id">
<div class="row">
<div class="col">
<hr>
<label for="id_image_set-1-image">Image:</label>
<input type="file" name="image_set-1-image" accept="image/*" accesskey="c" onchange="preview(this)" id="id_image_set-1-image">
[]
<img id="imageframe" src="" width="250px" name="imageframe"/>
<div class="row"><div class="col"> </div></div>
</div>
<div class="row">
<div class="col">
<label for="id_image_set-1-image_type">Image type:</label>
<select name="image_set-1-image_type" id="id_image_set-1-image_type">
<option value="" selected>---------</option>
<option value="primary">primary</option>
<option value="alternate">alternate</option>
<option value="documentation only">documentation only</option>
<option value="detail">detail</option>
<option value="previous version">previous version</option>
</select>
[]
</div>
<div class="col">
<label for="id_image_set-1-image_source">Image source:</label>
<input type="text" name="image_set-1-image_source" maxlength="256" id="id_image_set-1-image_source">
[]
</div>
<div class="col">
<label for="id_image_set-1-image_file_name">Image file name:</label>
<input type="text" name="image_set-1-image_file_name" maxlength="200" id="id_image_set-1-image_file_name">
[]
</div>
</div>
<div class="row"><div class="col"> </div></div>
<div class="row">
<div class="col">
<label for="id_image_set-1-image_notes">Image notes:</label> <br>
<textarea name="image_set-1-image_notes" cols="40" rows="3" id="id_image_set-1-image_notes">
</textarea>
[]
</div>
<div class="row"><div class="col"> </div></div>
<div class="row">
<div class="col">
<input type="checkbox" name="image_set-1-DELETE" id="id_image_set-1-DELETE"> Check box and Save to delete this image
</div>
</div>
</div>
</div>
</div>
</div>
<div id="usedkeys" style="display:none" data-values=' M04UNT01, P04YE01, P06AL01, P06EE01, P07BB01, P07BC01, P07GM01, P07IP01, P07MB01, P07RC01, P07UT01, P08BB01, P08BR01, P08EG01, P08OE01, P08SI01, P09DA01, P09EUD01, P09IP03, P09IP04, P09IP05, P09MU01, P10BC01, P10BC02, P10BP01, P10BP02, P10DW01, P10HF01, P10HF02, P10MC01, P10PE01, P10RC01, P10RG01, P10RT01, P10SPI01, P10SW01, P10TR01, P10WB01, P10ZC01, P11SS01, P12MH01, P13DR01, P13PM01, P13SA01, P13SB01, P14PB01, P14SV01, P15BF01, P15CD01, P15EC01, P15MP01, P15MU01, P15OR01, P15RC01, P16AF01, P16BB01, P16CG01, P16CO01, P16CY01, P16FC01, P16FEN01, P16FP01, P16GA01, P16GP01, P16LC01, P16MB01, P16MB02, P16MC01, P16NA01, P16NA02, P16NA03, P16NL01, P16OP01, P16OW01, P16SK01, P16ST01, P16TP01, P16WB01, P17DFS05, P17IPO01, P18BY01, P18UPS01, P19FL01, P19SU01, P20NE03, P20WGL01, P21HOT01, P21OIR01, P21UN01, P21VSP01, P22RPS01, P22UW01, P23BS01, P23GRB01, P23OB01, P23OT01, P23SI01, P23WN01, P??????01, P??????02, P??LP02, PxxHE01, PxxSTE01,'> </div>