Adding hot reload + attempting to style stuff
This commit is contained in:
@@ -9,16 +9,18 @@
|
||||
</head>
|
||||
|
||||
<body data-model="app_data">
|
||||
<h1>{{page_title}}</h1>
|
||||
|
||||
<button data-event-click="is_dialog_open = true">Add New Critter</button>
|
||||
<div id="header">
|
||||
<h1>Critterfolio</h1>
|
||||
<button id="new-critter-btn" data-event-click="is_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">X</button>
|
||||
<button class="btn-delete" data-event-click="delete_critter(entry.key)">X</button>
|
||||
</div>
|
||||
|
||||
<div class="critter-card-body">
|
||||
@@ -32,9 +34,13 @@
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Modal Dialog Overlay -->
|
||||
|
||||
|
||||
<!-- Add Critter Modal Dialog Overlay -->
|
||||
<div class="modal-overlay" data-visible="is_dialog_open">
|
||||
<div class="modal-content">
|
||||
<h2>Add New Critter</h2>
|
||||
@@ -57,7 +63,7 @@
|
||||
<input type="text" data-value="form.father_id" />
|
||||
|
||||
<label>Notes:</label>
|
||||
<input type="text" data-value="form.notes" />
|
||||
<textarea data-value="form.notes"></textarea>
|
||||
|
||||
<div class="modal-buttons">
|
||||
<button data-event-click="submit_add_critter">Save</button>
|
||||
|
||||
Reference in New Issue
Block a user