Add thing type detail page and move functionality
All checks were successful
Build containers when image tags change / build-if-image-changed (., web, containers, main container, git.baumann.gr/adebaumann/labhelper) (push) Successful in 29s
Build containers when image tags change / build-if-image-changed (data-loader, loader, initContainers, init-container, git.baumann.gr/adebaumann/labhelper-data-loader) (push) Successful in 7s

- Add thing type detail page showing hierarchical structure and things
- Add move to box functionality on thing detail page
- Fix add things form to only show items in current box
- Update thumbnails to 50x50 on box detail page
- Make thing names linkable on box detail page

Bump container version to 0.026
This commit is contained in:
2025-12-28 23:33:47 +01:00
parent bcba59b5e4
commit fbd3c9bee5
5 changed files with 277 additions and 7 deletions

View File

@@ -83,6 +83,45 @@
.nav-links a {
margin-right: 15px;
}
.move-form {
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
margin-top: 20px;
}
.move-form label {
font-weight: 600;
color: #666;
font-size: 14px;
margin-bottom: 8px;
display: block;
}
.move-form select {
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
background-color: white;
margin-right: 10px;
}
.move-form select:focus {
outline: none;
border-color: #4a90a4;
}
.btn {
background-color: #4a90a4;
color: white;
padding: 8px 16px;
border: none;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
font-weight: 600;
}
.btn:hover {
background-color: #3d7a96;
}
</style>
</head>
<body>
@@ -125,7 +164,22 @@
<div class="detail-value description">{{ thing.description }}</div>
</div>
{% endif %}
</div>
</div>
</div>
<form method="post" class="move-form">
{% csrf_token %}
<label for="new_box">Move to:</label>
<select name="new_box" id="new_box">
<option value="">Select a box...</option>
{% for box in boxes %}
<option value="{{ box.id }}" {% if box.id == thing.box.id %}selected{% endif %}>
Box {{ box.id }} ({{ box.box_type.name }})
</option>
{% endfor %}
</select>
<button type="submit" class="btn">Move</button>
</form>
</body>
</html>