Files
vibetree/web/templates/partials/asset_form.html
T
Owen 218687a1ee Initial implementation of inventree
A small IT asset inventory system built around a nested folder tree,
matching the project brief: Go + html/template + Bootstrap 5 + vanilla JS,
SQLite storage (WAL, FKs, migrations), embedded templates/static assets,
single compiled binary.

- AJAX-driven inventory tree: lazy-loaded folder expansion with per-user
  persisted expand state, drag-and-drop move for folders/assets, safe
  delete-with-relocate-or-cascade confirmation, search with breadcrumbs.
- Assets: CRUD, duplicate, move, auto-generated IT-000001-style IDs,
  CSV import (with optional folder auto-create) and export.
- Admin-defined item types with custom fields (text/long_text/number/date/
  boolean/dropdown/url/ip_address).
- Configurable statuses, session-based auth (bcrypt, secure cookies),
  admin/user roles, user management.
- CLI: serve, version, database migrate, database backup; /healthz;
  graceful shutdown; Dockerfile/docker-compose/systemd unit; Go test suite.
2026-08-17 13:34:40 -05:00

82 lines
3.6 KiB
HTML

{{define "asset_form"}}
<div class="panel-content p-3">
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-2">
<li class="breadcrumb-item"><a href="#" class="breadcrumb-link" data-type="root">Inventory</a></li>
<li class="breadcrumb-item active">{{if .Asset}}Edit {{.Asset.Name}}{{else}}New Asset{{end}}</li>
</ol>
</nav>
<form id="assetForm" data-mode="{{if .Asset}}edit{{else}}create{{end}}" {{if .Asset}}data-asset-id="{{.Asset.ID}}"{{end}}>
<div class="row g-3">
<div class="col-md-6">
<label class="form-label">Asset ID</label>
<input type="text" class="form-control" name="asset_id" value="{{if .Asset}}{{.Asset.AssetTag}}{{end}}" placeholder="Auto-generated if left blank">
</div>
<div class="col-md-6">
<label class="form-label">Name <span class="text-danger">*</span></label>
<input type="text" class="form-control" name="name" value="{{if .Asset}}{{.Asset.Name}}{{end}}" required autofocus>
</div>
<div class="col-md-6">
<label class="form-label">Item Type <span class="text-danger">*</span></label>
{{if .Asset}}
<input type="text" class="form-control" value="{{.Asset.ItemTypeName}}" disabled>
<div class="form-text">Item type cannot be changed after creation.</div>
{{else}}
<select class="form-select" name="item_type_id" id="assetFormItemType" required>
{{range .ItemTypes}}<option value="{{.ID}}" {{if eq .ID $.SelectedIT}}selected{{end}}>{{.Name}}</option>{{end}}
</select>
{{end}}
</div>
<div class="col-md-6">
<label class="form-label">Folder</label>
{{$selectedFolder := deref .FolderID}}
{{if .Asset}}{{$selectedFolder = deref .Asset.FolderID}}{{end}}
<select class="form-select" name="folder_id">
<option value="">Inventory (top level)</option>
{{range .FolderOptions}}
<option value="{{.ID}}" {{if eq $selectedFolder .ID}}selected{{end}}>
{{range seq .Depth}}&nbsp;&nbsp;&nbsp;{{end}}{{.Path}}
</option>
{{end}}
</select>
</div>
<div class="col-md-6">
<label class="form-label">Status <span class="text-danger">*</span></label>
<select class="form-select" name="status_id" required>
{{range .Statuses}}<option value="{{.ID}}" {{if $.Asset}}{{if eq .ID $.Asset.StatusID}}selected{{end}}{{end}}>{{.Name}}</option>{{end}}
</select>
</div>
<div class="col-md-6">
<label class="form-label">Assigned User</label>
{{$selectedUser := 0}}
{{if .Asset}}{{$selectedUser = deref .Asset.AssignedUserID}}{{end}}
<select class="form-select" name="assigned_user_id">
<option value="">Unassigned</option>
{{range .Users}}
<option value="{{.ID}}" {{if eq $selectedUser .ID}}selected{{end}}>{{.Username}}</option>
{{end}}
</select>
</div>
<div class="col-12">
<label class="form-label">Notes</label>
<textarea class="form-control" name="notes" rows="3">{{if .Asset}}{{.Asset.Notes}}{{end}}</textarea>
</div>
<div class="col-12" id="asset-fields-container">
{{template "asset_fields_only" .Fields}}
</div>
</div>
<div class="d-flex gap-2 mt-4">
<button type="submit" class="btn btn-primary">{{if .Asset}}Save Changes{{else}}Create Asset{{end}}</button>
<button type="button" class="btn btn-outline-secondary" data-action="cancel-asset-form" {{if .Asset}}data-id="{{.Asset.ID}}"{{end}}>Cancel</button>
</div>
<div class="alert alert-danger mt-3 d-none" id="assetFormError"></div>
</form>
</div>
{{end}}