.flex.flex-col.pl-6
.row.flex.w-full.h-14(v-for="schedule in serialized", :key="schedule.id")
//- q-btn(
//- flat,
//- class="edit",
//- icon="app:icon-edit",
//- size="12px",
//- no-caps,
//- padding="10px 13px",
//- @click="openForm(schedule)"
//- )
//- q-menu(v-model="showForm")
//- form-change-shift(
//- v-model="showForm",
//- :replacement-sheet="replacementSheet",
//- :employees="employees",
//- :trim-owner-name="trimOwnerName",
//- :serialized="serialized",
//- :change-shift="changeShift"
//- )
.name-employee.flex.items-center.gap-x-3
.flex.w-9
q-checkbox(
v-model="selected",
:val="schedule.id",
:style="{border: 'none', sidth: '36px'}",
size="32px"
)
.flex.items-center(:style="{minWidth: '357px', maxWidth: '357px'}")
base-avatar.font-medium.text-sm(
:size="36",
:color="schedule.color",
v-if="!schedule.photo"
) {{trimInitials(schedule.last_name, schedule.first_name)}}
base-avatar(:size="36", v-else-if="schedule.photo")
img.h-full.object-cover(:src="url + schedule.photo")
.font-semibold.text-sm.pl-3(
:style="{minWidth: '228px', maxWidth: '228px'}"
) {{schedule.last_name + " " + schedule.first_name + " " + schedule.patronymic}}
.flex.overflow-hidden
.cell.flex.flex-col.items-center.justify-center.m-1.cursor-pointer.transition(
v-for="day in result",
:key="day",
:id="schedule.id + day",
@click="choiceCell(day, schedule.id, schedule); clearSelect(selectEmployee); setActiveCell()",
:class="choiceState(day, schedule.id), {'empty-cell': !choiceDay(day, schedule.id)}",
:style="{backgroundColor: choiceDay(day, schedule.id) ? choiceColor(day, schedule) : ''}"
)
.flex(
v-if="!showTime",
:class="{'cell-work': choiceState(day, schedule.id)?.status}"
) {{choiceDay(day, schedule.id) ? choiceWorks(day, schedule) : '-'}}
.flex.flex-col(
v-else,
:class="{'cell-work': choiceState(day, schedule.id)?.status, 'show-time': showTime}"
)
.cell-time.flex.justify-center(
:style="{backgroundColor: choiceColor(day, schedule)}"
) {{choiceStartTime(day, schedule)}}
.cell-time.flex.justify-center(
) {{choiceEndTime(day, schedule)}}
//- q-draggable-rows(v-model="order")
//- q-draggable-row.row.flex.w-full.h-14(v-for="schedule in serialized", :key="schedule.id",
//- :id="id"
//- v-model="rows[id].depth"
//- :collapsed.sync="rows[id].collapsed"
//- )