Bellsworne/critterfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Re-theme test

Browse Source
This commit is contained in:
chris bell
2026-08-07 09:36:12 -05:00
parent 5531d83994
commit 44f5a39d0c
3 changed files with 277 additions and 382 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
assets/main.rml
View File

@@ -10,83 +10,74 @@
<body data-model="app_data">
<div id="header">
<h1>Critterfolio</h1>
<div class="header-title-group">
<h1>Critterfolio</h1>
<!-- <span class="header-tag">Field Registry</span> -->
</div>
<button id="new-critter-btn" data-event-click="is_add_critter_dialog_open = true"><div>+</div></button>
</div>
<!-- Critter Cards -->
<!-- Critter Cards / Drawer Rows -->
<div class="critter-list">
<button data-for="entry : critters" class="critter-card">
<div class="critter-card-header">
<span class="critter-id">ID: #{{entry.key}}</span>
<button class="btn-delete" data-event-click="delete_critter(entry.key)">X</button>
</div>
<div class="critter-card-body">
<img class="critter-thumb"
src="images/icon.tga" />
<div class="thumb-frame">
<img class="critter-thumb" src="images/icon.tga" />
</div>
<div class="critter-info">
<h3 class="critter-name">{{entry.value.name}}</h3>
<p><strong>Species:</strong> {{entry.value.species}}</p>
<p><strong>Gender:</strong> {{entry.value.gender}}</p>
<div class="critter-card-header">
<h3 class="critter-name">{{entry.value.name}}</h3>
<span class="critter-id">#{{entry.key}}</span>
</div>
<div class="info-pills">
<span class="pill"><strong>Sp:</strong> {{entry.value.species}}</span>
<span class="pill"><strong>Sex:</strong> {{entry.value.gender}}</span>
</div>
</div>
</div>
</button>
<button class="btn-delete" data-event-click="delete_critter(entry.key)">X</button>
</button>
</div>
<!-- Add Critter Modal Dialog Overlay -->
<!-- Modals -->
<div class="modal-overlay" data-visible="is_add_critter_dialog_open">
<div class="modal-content">
<h2>Add New Critter</h2>
<p class="error" data-visible="error_message != ''">{{error_message}}</p>
<label>Name:</label>
<input type="text" data-value="new_critter_form.name" />
<label>Species:</label>
<input type="text" data-value="new_critter_form.species" />
<label>Gender (M/F):</label>
<input type="text" data-value="new_critter_form.gender" />
<label>Mother ID (Optional):</label>
<input type="text" data-value="new_critter_form.mother_id" />
<label>Father ID (Optional):</label>
<input type="text" data-value="new_critter_form.father_id" />
<label>Notes:</label>
<textarea data-value="new_critter_form.notes"></textarea>
<div class="modal-header">
<h2>Add New Critter</h2>
</div>
<div class="modal-body">
<p class="error" data-visible="error_message != ''">{{error_message}}</p>
<div class="form-group"><label>Name:</label><input type="text" data-value="new_critter_form.name" /></div>
<div class="form-row">
<div class="form-group half"><label>Species:</label><input type="text" data-value="new_critter_form.species" /></div>
<div class="form-group half"><label>Gender (M/F):</label><input type="text" data-value="new_critter_form.gender" /></div>
</div>
<div class="form-row">
<div class="form-group half"><label>Mother ID (Optional):</label><input type="text" data-value="new_critter_form.mother_id" /></div>
<div class="form-group half"><label>Father ID (Optional):</label><input type="text" data-value="new_critter_form.father_id" /></div>
</div>
<div class="form-group"><label>Notes:</label><textarea data-value="new_critter_form.notes"></textarea></div>
</div>
<div class="modal-buttons">
<button data-event-click="is_add_critter_dialog_open = false">Cancel</button>
<button data-event-click="submit_add_critter">Save</button>
<button class="btn-cancel" data-event-click="is_add_critter_dialog_open = false">Cancel</button>
<button class="btn-submit" data-event-click="submit_add_critter">Save</button>
</div>
</div>
</div>
<!-- Confirmation Dialog -->
<div class="modal-overlay" data-visible="is_confirmation_dialog_open">
<div class="modal-content">
<h2>Confirmation</h2>
<p class="dialog-text">{{confirmation_dialog_text}}</p>
<div class="modal-content modal-content-small">
<div class="modal-header"><h2>Confirmation</h2></div>
<div class="modal-body"><p class="dialog-text">{{confirmation_dialog_text}}</p></div>
<div class="modal-buttons">
<button data-event-click="confirm_dialog_no">Cancel</button>
<button data-event-click="confirm_dialog_yes">Yes</button>
<button class="btn-cancel" data-event-click="confirm_dialog_no">Cancel</button>
<button class="btn-submit" data-event-click="confirm_dialog_yes">Yes</button>
</div>
</div>
</div>
</body>
</rml>