feat: redesign zametki page layout and date format
- Move "Add" button below textarea - Move "Resolved" button below date (removed float-end) - Show only HH:MM for note creation time via new formatTime helper Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -307,6 +307,11 @@ createApp({
|
|||||||
const d = new Date(dateStr);
|
const d = new Date(dateStr);
|
||||||
return d.toLocaleString('ru-RU');
|
return d.toLocaleString('ru-RU');
|
||||||
},
|
},
|
||||||
|
formatTime(dateStr) {
|
||||||
|
if (!dateStr) return '';
|
||||||
|
const d = new Date(dateStr);
|
||||||
|
return d.toLocaleTimeString('ru-RU', { hour: '2-digit', minute: '2-digit' });
|
||||||
|
},
|
||||||
async loadEquipmentTypes() {
|
async loadEquipmentTypes() {
|
||||||
try {
|
try {
|
||||||
this.equipmentTypes = await fetchJSON('/equipment-types/');
|
this.equipmentTypes = await fetchJSON('/equipment-types/');
|
||||||
|
|||||||
@@ -419,11 +419,11 @@
|
|||||||
|
|
||||||
<div v-if="canEdit" class="mb-4">
|
<div v-if="canEdit" class="mb-4">
|
||||||
<h5>Добавить заметку</h5>
|
<h5>Добавить заметку</h5>
|
||||||
<div class="row g-2 align-items-end">
|
<div class="row g-2">
|
||||||
<div class="col-md-8">
|
<div class="col-md-8">
|
||||||
<textarea class="form-control" v-model="newZametkaText" rows="3" placeholder="Текст заметки..."></textarea>
|
<textarea class="form-control" v-model="newZametkaText" rows="3" placeholder="Текст заметки..."></textarea>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-auto">
|
<div class="col-md-8">
|
||||||
<button class="btn btn-success" @click="createZametka">Добавить</button>
|
<button class="btn btn-success" @click="createZametka">Добавить</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -436,8 +436,10 @@
|
|||||||
<div v-for="z in zametki" :key="z.id" class="card mb-2">
|
<div v-for="z in zametki" :key="z.id" class="card mb-2">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<p class="card-text" style="white-space: pre-wrap;">{{ z.txtzam }}</p>
|
<p class="card-text" style="white-space: pre-wrap;">{{ z.txtzam }}</p>
|
||||||
<small class="text-muted">{{ formatDate(z.created_date) }}</small>
|
<div>
|
||||||
<button v-if="canEdit" class="btn btn-sm btn-outline-success float-end" @click="resolveZametka(z.id)">Решено</button>
|
<small class="text-muted">{{ formatTime(z.created_date) }}</small>
|
||||||
|
</div>
|
||||||
|
<button v-if="canEdit" class="btn btn-sm btn-outline-success mt-1" @click="resolveZametka(z.id)">Решено</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user