Skip to content

Commit

Permalink
Fix format conflict.
Browse files Browse the repository at this point in the history
  • Loading branch information
FledgeXu committed Aug 21, 2023
1 parent 01cc6dc commit be6381e
Showing 1 changed file with 25 additions and 8 deletions.
33 changes: 25 additions & 8 deletions frontend/src/components/ProjectColumnComponent.vue
Original file line number Diff line number Diff line change
@@ -1,22 +1,39 @@
<template>
<div class="px-2 py-2 my-2 d-flex justify-content-between align-items-center project-column"
:class="{ active: isActive }" @click.prevent="setupProject" @dblclick.prevent="enableEditMode"
@mouseover="isHover = true" @mouseleave="isHover = false">
<div
class="px-2 py-2 my-2 d-flex justify-content-between align-items-center project-column"
:class="{ active: isActive }"
@click.prevent="setupProject"
@dblclick.prevent="enableEditMode"
@mouseover="isHover = true"
@mouseleave="isHover = false"
>
<div class="d-flex align-items-center">
<div v-if="!isEditMode" class="text-light fs-4 pe-1 me-1">
<font-awesome-icon :icon="['fa', 'file']" />
</div>
<input ref="inputElement" v-else type="text" class="form-control" @blur="exitEditModeWithoutChange"
@keyup.esc="exitEditModeWithoutChange" @keyup.enter="exitEditModeWithChange" v-model="editingProjectName" />
<input
ref="inputElement"
v-else
type="text"
class="form-control"
@blur="exitEditModeWithoutChange"
@keyup.esc="exitEditModeWithoutChange"
@keyup.enter="exitEditModeWithChange"
v-model="editingProjectName"
/>
<div v-if="!isEditMode" class="fw-semibold text-light text-truncate project-name">
{{ projectName }}
</div>
</div>
<div v-show="!isHover" class="expire text-white-50">
{{ leftDays }}
</div>
<button v-show="isHover && !isEditMode" type="button" class="btn text-light py-9"
@click.stop="clickDeleteProjectButton">
<button
v-show="isHover && !isEditMode"
type="button"
class="btn text-light py-9"
@click.stop="clickDeleteProjectButton"
>
<font-awesome-icon :icon="['fas', 'trash']" />
</button>
</div>
Expand Down Expand Up @@ -100,7 +117,7 @@ async function clickDeleteProjectButton() {
'Delete',
'Close',
deleteProject,
async () => { },
async () => {},
[projectName.value]
)
}
Expand Down

0 comments on commit be6381e

Please sign in to comment.