92 lines
2.7 KiB
Plaintext
92 lines
2.7 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Critterfolio</title>
|
|
<link type="text/rcss" href="styles/main.rcss" />
|
|
|
|
<script>
|
|
|
|
</script>
|
|
</head>
|
|
|
|
<body data-model="app_data">
|
|
<div id="header">
|
|
<h1>Critterfolio</h1>
|
|
<button id="new-critter-btn" data-event-click="is_add_critter_dialog_open = true"><div>+</div></button>
|
|
</div>
|
|
|
|
|
|
<!-- Critter Cards -->
|
|
<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="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>
|
|
</div>
|
|
</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Add Critter Modal Dialog Overlay -->
|
|
<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-buttons">
|
|
<button data-event-click="is_add_critter_dialog_open = false">Cancel</button>
|
|
<button 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-buttons">
|
|
<button data-event-click="confirm_dialog_no">Cancel</button>
|
|
<button data-event-click="confirm_dialog_yes">Yes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</rml> |