|
|
|
|
@ -12,6 +12,12 @@
|
|
|
|
|
import { normalizeDigits, buildWaMeUrl } from "$lib/utils/phone";
|
|
|
|
|
import { colorForGroup } from "$lib/utils/groupColor";
|
|
|
|
|
import Hourglass from "$lib/ui/icons/Hourglass.svelte";
|
|
|
|
|
import duedateicon from "$lib/assets/on-time-icon.svg";
|
|
|
|
|
import releaseicon from "$lib/assets/emergency-exit-icon.svg";
|
|
|
|
|
import overdueicon from "$lib/assets/time-period-icon.svg";
|
|
|
|
|
import asigneesicon from "$lib/assets/friends-icon.svg";
|
|
|
|
|
import claimicon from "$lib/assets/mining-icon.svg";
|
|
|
|
|
import changedateicon from "$lib/assets/remove-date-calendar-icon.svg";
|
|
|
|
|
|
|
|
|
|
export let id: number;
|
|
|
|
|
export let description: string;
|
|
|
|
|
@ -86,7 +92,11 @@
|
|
|
|
|
const hadNoAssignees = assigneesCount === 0;
|
|
|
|
|
const res = await fetch(`/api/tasks/${id}/complete`, { method: "POST" });
|
|
|
|
|
if (res.ok) {
|
|
|
|
|
success(hadNoAssignees ? "Te has asignado y completado la tarea" : "Tarea completada");
|
|
|
|
|
success(
|
|
|
|
|
hadNoAssignees
|
|
|
|
|
? "Te has asignado y completado la tarea"
|
|
|
|
|
: "Tarea completada",
|
|
|
|
|
);
|
|
|
|
|
location.reload();
|
|
|
|
|
} else {
|
|
|
|
|
const txt = await res.text();
|
|
|
|
|
@ -277,8 +287,10 @@
|
|
|
|
|
<span
|
|
|
|
|
class="group-badge"
|
|
|
|
|
title="Grupo"
|
|
|
|
|
style={gc ? `--gc-border: ${gc.border}; --gc-bg: ${gc.bg}; --gc-text: ${gc.text};` : undefined}
|
|
|
|
|
>{groupLabel}</span>
|
|
|
|
|
style={gc
|
|
|
|
|
? `--gc-border: ${gc.border}; --gc-bg: ${gc.bg}; --gc-text: ${gc.text};`
|
|
|
|
|
: undefined}>{groupLabel}</span
|
|
|
|
|
>
|
|
|
|
|
{#if due_date}
|
|
|
|
|
<span
|
|
|
|
|
class="date-badge"
|
|
|
|
|
@ -286,9 +298,96 @@
|
|
|
|
|
class:soon={imminent}
|
|
|
|
|
title={overdue ? "Vencida" : imminent ? "Próxima" : "Fecha"}
|
|
|
|
|
>
|
|
|
|
|
<Hourglass size={16} />
|
|
|
|
|
{dateDmy}{#if overdue}
|
|
|
|
|
⚠{/if}
|
|
|
|
|
{#if !overdue && !imminent}
|
|
|
|
|
<svg
|
|
|
|
|
version="1.1"
|
|
|
|
|
id="Layer_5"
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
|
|
|
x="0px"
|
|
|
|
|
y="0px"
|
|
|
|
|
viewBox="0 0 122.88 99.56"
|
|
|
|
|
style="enable-background:new 0 0 122.88 99.56"
|
|
|
|
|
xml:space="preserve"
|
|
|
|
|
><style type="text/css">
|
|
|
|
|
.st0 {
|
|
|
|
|
fill: var(--color-text);
|
|
|
|
|
}
|
|
|
|
|
.st1 {
|
|
|
|
|
fill-rule: evenodd;
|
|
|
|
|
clip-rule: evenodd;
|
|
|
|
|
fill: #38ae48;
|
|
|
|
|
}
|
|
|
|
|
</style><g
|
|
|
|
|
><path
|
|
|
|
|
class="st0"
|
|
|
|
|
d="M73.1,0c6.73,0,13.16,1.34,19.03,3.78c6.09,2.52,11.57,6.22,16.16,10.81c4.59,4.58,8.28,10.06,10.81,16.17 c2.43,5.87,3.78,12.3,3.78,19.03c0,6.73-1.34,13.16-3.78,19.03c-2.52,6.09-6.22,11.58-10.81,16.16 c-4.58,4.59-10.06,8.28-16.17,10.81c-5.87,2.43-12.3,3.78-19.03,3.78c-6.73,0-13.16-1.34-19.03-3.77 c-6.09-2.52-11.57-6.22-16.16-10.81l-0.01-0.01c-4.59-4.59-8.29-10.07-10.81-16.16c-0.78-1.89-1.45-3.83-2-5.82 c1.04,0.1,2.1,0.15,3.17,0.15c2.03,0,4.01-0.18,5.94-0.53c0.32,0.96,0.67,1.91,1.05,2.84c2.07,5,5.11,9.51,8.9,13.29 c3.78,3.78,8.29,6.82,13.29,8.9c4.81,1.99,10.11,3.1,15.66,3.1c5.56,0,10.85-1.1,15.66-3.1c5-2.07,9.51-5.11,13.29-8.9 c3.78-3.78,6.82-8.29,8.9-13.29c1.99-4.81,3.1-10.11,3.1-15.66c0-5.56-1.1-10.85-3.1-15.66c-2.07-5-5.11-9.51-8.9-13.29 c-3.78-3.78-8.29-6.82-13.29-8.9c-4.81-1.99-10.11-3.1-15.66-3.1c-5.56,0-10.85,1.1-15.66,3.1c-0.43,0.18-0.86,0.37-1.28,0.56 c-1.64-2.58-3.62-4.92-5.89-6.95c1.24-0.64,2.51-1.23,3.8-1.77C59.94,1.34,66.37,0,73.1,0L73.1,0z M67.38,26.12 c0-1.22,0.5-2.33,1.3-3.13c0.8-0.8,1.9-1.3,3.12-1.3c1.22,0,2.33,0.5,3.13,1.3c0.8,0.8,1.3,1.91,1.3,3.13v23.22l17.35,10.29 c1.04,0.62,1.74,1.6,2.03,2.7c0.28,1.09,0.15,2.29-0.47,3.34c-0.62,1.04-1.6,1.74-2.7,2.03c-1.09,0.28-2.29,0.15-3.33-0.47 L69.65,55.71c-0.67-0.37-1.22-0.91-1.62-1.55c-0.41-0.67-0.65-1.46-0.65-2.3V26.12L67.38,26.12z"
|
|
|
|
|
/><path
|
|
|
|
|
class="st1"
|
|
|
|
|
d="M26.99,2.56c14.91,0,26.99,12.08,26.99,26.99c0,14.91-12.08,26.99-26.99,26.99C12.08,56.54,0,44.45,0,29.55 C0,14.64,12.08,2.56,26.99,2.56L26.99,2.56z M15.05,30.27c0.36-2.1,2.76-3.27,4.65-2.13c0.17,0.1,0.34,0.22,0.49,0.36l0.02,0.01 c0.85,0.81,1.8,1.66,2.74,2.5l0.81,0.73l9.59-10.06c0.57-0.6,0.99-0.99,1.85-1.18c2.94-0.65,5.01,2.95,2.93,5.15L26.17,38.19 c-1.13,1.2-3.14,1.31-4.35,0.16c-0.69-0.64-1.45-1.3-2.21-1.96c-1.32-1.15-2.67-2.32-3.77-3.48 C15.18,32.25,14.89,31.17,15.05,30.27L15.05,30.27z"
|
|
|
|
|
/></g
|
|
|
|
|
></svg
|
|
|
|
|
>
|
|
|
|
|
{:else if imminent}
|
|
|
|
|
<svg
|
|
|
|
|
version="1.1"
|
|
|
|
|
id="Layer_5"
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
|
|
|
x="0px"
|
|
|
|
|
y="0px"
|
|
|
|
|
viewBox="0 0 122.88 99.56"
|
|
|
|
|
style="enable-background:new 0 0 122.88 99.56"
|
|
|
|
|
xml:space="preserve"
|
|
|
|
|
><style type="text/css">
|
|
|
|
|
.st0 {
|
|
|
|
|
fill: var(--color-text);
|
|
|
|
|
}
|
|
|
|
|
.st3 {
|
|
|
|
|
fill-rule: evenodd;
|
|
|
|
|
clip-rule: evenodd;
|
|
|
|
|
fill: var(--color-warning);
|
|
|
|
|
}
|
|
|
|
|
</style><g
|
|
|
|
|
><path
|
|
|
|
|
class="st0"
|
|
|
|
|
d="M73.1,0c6.73,0,13.16,1.34,19.03,3.78c6.09,2.52,11.57,6.22,16.16,10.81c4.59,4.58,8.28,10.06,10.81,16.17 c2.43,5.87,3.78,12.3,3.78,19.03c0,6.73-1.34,13.16-3.78,19.03c-2.52,6.09-6.22,11.58-10.81,16.16 c-4.58,4.59-10.06,8.28-16.17,10.81c-5.87,2.43-12.3,3.78-19.03,3.78c-6.73,0-13.16-1.34-19.03-3.77 c-6.09-2.52-11.57-6.22-16.16-10.81l-0.01-0.01c-4.59-4.59-8.29-10.07-10.81-16.16c-0.78-1.89-1.45-3.83-2-5.82 c1.04,0.1,2.1,0.15,3.17,0.15c2.03,0,4.01-0.18,5.94-0.53c0.32,0.96,0.67,1.91,1.05,2.84c2.07,5,5.11,9.51,8.9,13.29 c3.78,3.78,8.29,6.82,13.29,8.9c4.81,1.99,10.11,3.1,15.66,3.1c5.56,0,10.85-1.1,15.66-3.1c5-2.07,9.51-5.11,13.29-8.9 c3.78-3.78,6.82-8.29,8.9-13.29c1.99-4.81,3.1-10.11,3.1-15.66c0-5.56-1.1-10.85-3.1-15.66c-2.07-5-5.11-9.51-8.9-13.29 c-3.78-3.78-8.29-6.82-13.29-8.9c-4.81-1.99-10.11-3.1-15.66-3.1c-5.56,0-10.85,1.1-15.66,3.1c-0.43,0.18-0.86,0.37-1.28,0.56 c-1.64-2.58-3.62-4.92-5.89-6.95c1.24-0.64,2.51-1.23,3.8-1.77C59.94,1.34,66.37,0,73.1,0L73.1,0z M67.38,26.12 c0-1.22,0.5-2.33,1.3-3.13c0.8-0.8,1.9-1.3,3.12-1.3c1.22,0,2.33,0.5,3.13,1.3c0.8,0.8,1.3,1.91,1.3,3.13v23.22l17.35,10.29 c1.04,0.62,1.74,1.6,2.03,2.7c0.28,1.09,0.15,2.29-0.47,3.34c-0.62,1.04-1.6,1.74-2.7,2.03c-1.09,0.28-2.29,0.15-3.33-0.47 L69.65,55.71c-0.67-0.37-1.22-0.91-1.62-1.55c-0.41-0.67-0.65-1.46-0.65-2.3V26.12L67.38,26.12z"
|
|
|
|
|
/><path
|
|
|
|
|
class="st3"
|
|
|
|
|
d="M26.99,2.56c14.91,0,26.99,12.08,26.99,26.99c0,14.91-12.08,26.99-26.99,26.99C12.08,56.54,0,44.45,0,29.55 C0,14.64,12.08,2.56,26.99,2.56L26.99,2.56z M15.05,30.27c0.36-2.1,2.76-3.27,4.65-2.13c0.17,0.1,0.34,0.22,0.49,0.36l0.02,0.01 c0.85,0.81,1.8,1.66,2.74,2.5l0.81,0.73l9.59-10.06c0.57-0.6,0.99-0.99,1.85-1.18c2.94-0.65,5.01,2.95,2.93,5.15L26.17,38.19 c-1.13,1.2-3.14,1.31-4.35,0.16c-0.69-0.64-1.45-1.3-2.21-1.96c-1.32-1.15-2.67-2.32-3.77-3.48 C15.18,32.25,14.89,31.17,15.05,30.27L15.05,30.27z"
|
|
|
|
|
/></g
|
|
|
|
|
></svg
|
|
|
|
|
>
|
|
|
|
|
{:else}
|
|
|
|
|
<svg
|
|
|
|
|
version="1.1"
|
|
|
|
|
id="Layer_2"
|
|
|
|
|
x="0px"
|
|
|
|
|
y="0px"
|
|
|
|
|
viewBox="0 0 122.88 100.6"
|
|
|
|
|
style="enable-background:new 0 0 122.88 100.6"
|
|
|
|
|
xml:space="preserve"
|
|
|
|
|
><style type="text/css">
|
|
|
|
|
.st0 {
|
|
|
|
|
fill: var(--color-text);
|
|
|
|
|
}
|
|
|
|
|
.st2 {
|
|
|
|
|
fill-rule: evenodd;
|
|
|
|
|
clip-rule: evenodd;
|
|
|
|
|
fill: #d8453e;
|
|
|
|
|
}
|
|
|
|
|
</style><g
|
|
|
|
|
><path
|
|
|
|
|
class="st0"
|
|
|
|
|
d="M72.58,0c6.8,0,13.3,1.36,19.23,3.81c6.16,2.55,11.7,6.29,16.33,10.92l0,0c4.63,4.63,8.37,10.17,10.92,16.34 c2.46,5.93,3.81,12.43,3.81,19.23c0,6.8-1.36,13.3-3.81,19.23c-2.55,6.16-6.29,11.7-10.92,16.33l0,0 c-4.63,4.63-10.17,8.37-16.34,10.92c-5.93,2.46-12.43,3.81-19.23,3.81c-6.8,0-13.3-1.36-19.23-3.81 c-6.15-2.55-11.69-6.28-16.33-10.92l-0.01-0.01c-4.64-4.64-8.37-10.17-10.92-16.33c-0.79-1.91-1.47-3.87-2.02-5.89 c1.05,0.1,2.12,0.15,3.2,0.15c2.05,0,4.05-0.19,6-0.54c0.32,0.97,0.67,1.93,1.06,2.87c2.09,5.05,5.17,9.6,8.99,13.43 c3.82,3.82,8.38,6.9,13.43,8.99c4.87,2.02,10.21,3.13,15.83,3.13c5.62,0,10.96-1.11,15.83-3.13c5.05-2.09,9.6-5.17,13.43-8.99 c3.82-3.82,6.9-8.38,8.99-13.43c2.02-4.87,3.13-10.21,3.13-15.83c0-5.62-1.11-10.96-3.13-15.83c-2.09-5.05-5.17-9.6-8.99-13.43 c-3.82-3.82-8.38-6.9-13.43-8.99c-4.87-2.02-10.21-3.13-15.83-3.13c-5.62,0-10.96,1.11-15.83,3.13c-0.44,0.18-0.87,0.37-1.3,0.56 c-1.65-2.61-3.66-4.97-5.95-7.02c1.25-0.65,2.53-1.24,3.84-1.79C59.28,1.36,65.78,0,72.58,0L72.58,0z M66.8,26.39 c0-1.23,0.5-2.35,1.31-3.16c0.81-0.81,1.93-1.31,3.16-1.31c1.23,0,2.35,0.5,3.16,1.31c0.81,0.81,1.31,1.93,1.31,3.16v23.47 l17.54,10.4c1.05,0.62,1.76,1.62,2.05,2.73c0.28,1.1,0.15,2.31-0.47,3.37l0,0.01l0,0c-0.62,1.05-1.62,1.76-2.73,2.05 c-1.1,0.28-2.31,0.15-3.37-0.47l-0.01,0l0,0L69.1,56.29c-0.67-0.38-1.24-0.92-1.64-1.57c-0.42-0.68-0.66-1.48-0.66-2.32V26.39 L66.8,26.39z"
|
|
|
|
|
/><path
|
|
|
|
|
class="st2"
|
|
|
|
|
d="M27.27,3.18c15.06,0,27.27,12.21,27.27,27.27c0,15.06-12.21,27.27-27.27,27.27C12.21,57.73,0,45.52,0,30.45 C0,15.39,12.21,3.18,27.27,3.18L27.27,3.18z M24.35,41.34h5.82v5.16h-5.82V41.34L24.35,41.34L24.35,41.34z M30.17,37.77h-5.82 c-0.58-7.07-1.8-11.56-1.8-18.63c0-2.61,2.12-4.72,4.72-4.72c2.61,0,4.72,2.12,4.72,4.72C32,26.2,30.76,30.7,30.17,37.77 L30.17,37.77L30.17,37.77L30.17,37.77z"
|
|
|
|
|
/></g
|
|
|
|
|
></svg
|
|
|
|
|
>
|
|
|
|
|
{/if}
|
|
|
|
|
{dateDmy}
|
|
|
|
|
</span>
|
|
|
|
|
{/if}
|
|
|
|
|
</div>
|
|
|
|
|
@ -310,8 +409,18 @@
|
|
|
|
|
title="Completar"
|
|
|
|
|
on:click|preventDefault={doComplete}
|
|
|
|
|
disabled={busy}
|
|
|
|
|
><svg viewBox="0 0 96 96" xml:space="preserve"
|
|
|
|
|
><g
|
|
|
|
|
><path
|
|
|
|
|
fill-rule="evenodd"
|
|
|
|
|
clip-rule="evenodd"
|
|
|
|
|
fill="#6BBE66"
|
|
|
|
|
class=""
|
|
|
|
|
d="M48,0c26.51,0,48,21.49,48,48S74.51,96,48,96S0,74.51,0,48 S21.49,0,48,0L48,0z M26.764,49.277c0.644-3.734,4.906-5.813,8.269-3.79c0.305,0.182,0.596,0.398,0.867,0.646l0.026,0.025 c1.509,1.446,3.2,2.951,4.876,4.443l1.438,1.291l17.063-17.898c1.019-1.067,1.764-1.757,3.293-2.101 c5.235-1.155,8.916,5.244,5.206,9.155L46.536,63.366c-2.003,2.137-5.583,2.332-7.736,0.291c-1.234-1.146-2.576-2.312-3.933-3.489 c-2.35-2.042-4.747-4.125-6.701-6.187C26.993,52.809,26.487,50.89,26.764,49.277L26.764,49.277z"
|
|
|
|
|
/></g
|
|
|
|
|
></svg
|
|
|
|
|
>
|
|
|
|
|
✅ Completar
|
|
|
|
|
Completar
|
|
|
|
|
</button>
|
|
|
|
|
{/if}
|
|
|
|
|
</div>
|
|
|
|
|
@ -342,7 +451,16 @@
|
|
|
|
|
on:click|preventDefault={() => (showAssignees = true)}
|
|
|
|
|
bind:this={assigneesButtonEl}
|
|
|
|
|
>
|
|
|
|
|
<span class="icon" aria-hidden="true">👥</span>
|
|
|
|
|
<span class="icon" aria-hidden="true">
|
|
|
|
|
<svg viewBox="0 0 122.88 91.99" xml:space="preserve"
|
|
|
|
|
><g
|
|
|
|
|
><path
|
|
|
|
|
class="icon-btn-svg"
|
|
|
|
|
d="M45.13,35.29h-0.04c-7.01-0.79-16.42,0.01-20.78,0C17.04,35.6,9.47,41.91,5.02,51.3 c-2.61,5.51-3.3,9.66-3.73,15.55C0.42,72.79-0.03,78.67,0,84.47c1.43,9.03,12.88,6.35,13.85,0l1.39-18.2 c0.21-2.75,0.4-4.61,1.51-7.23c0.52-1.23,1.15-2.28,1.89-3.15l0.69,33.25l-0.39,2.78h31.49l-0.42-3.1l0.61-36.67 c3.2-1.29,5.96-1.89,8.39-1.99c-0.12,0.25-0.25,0.5-0.37,0.75c-2.61,5.51-3.3,9.66-3.73,15.55c-0.86,5.93-1.32,11.81-1.29,17.61 c1.43,9.03,12.88,6.35,13.85,0l1.39-18.2c0.21-2.75,0.4-4.61,1.51-7.23c0.52-1.23,1.15-2.28,1.89-3.15l0.69,33.25l-0.46,3.24h31.62 l-0.48-3.55l0.49-28.62v0.56l0.1-4.87c0.74,0.87,1.36,1.92,1.89,3.15c1.12,2.62,1.3,4.48,1.51,7.23l1.39,18.2 c1.34,8.68,13.85,8.85,13.85,0c0.03-5.81-0.42-11.68-1.29-17.61c-0.43-5.89-1.12-10.04-3.73-15.55 c-4.57-9.65-10.48-14.76-19.45-15.81c-5.53-0.45-14.82,0.06-20.36-0.1c-1.38,0.19-2.74,0.47-4.06,0.87 c-3.45-0.48-8.01-1.07-12.56-1.09C54.76,34.77,48.15,35.91,45.13,35.29L45.13,35.29z M88.3,0c9.01,0,16.32,7.31,16.32,16.32 c0,9.01-7.31,16.32-16.32,16.32c-9.01,0-16.32-7.31-16.32-16.32C71.98,7.31,79.29,0,88.3,0L88.3,0z M34.56,0 c9.01,0,16.32,7.31,16.32,16.32c0,9.01-7.31,16.32-16.32,16.32s-16.32-7.31-16.32-16.32C18.24,7.31,25.55,0,34.56,0L34.56,0z"
|
|
|
|
|
/></g
|
|
|
|
|
></svg
|
|
|
|
|
></span
|
|
|
|
|
>
|
|
|
|
|
<span class="count">{assigneesCount}</span>
|
|
|
|
|
</button>
|
|
|
|
|
{/if}
|
|
|
|
|
@ -354,7 +472,16 @@
|
|
|
|
|
class="icon-btn secondary-action"
|
|
|
|
|
aria-label="Reclamar"
|
|
|
|
|
on:click|preventDefault={doClaim}
|
|
|
|
|
disabled={busy}>Reclamar</button
|
|
|
|
|
disabled={busy}
|
|
|
|
|
><svg viewBox="0 0 121.2 122.88"
|
|
|
|
|
><g
|
|
|
|
|
><path
|
|
|
|
|
class="icon-btn-svg"
|
|
|
|
|
d="M66.17,24.52c9.78,12.13,14.55,26.46,13.93,39.58c-4.52-11.08-11.54-22.31-20.85-32.65l-3.12,3.12 c-0.35,0.35-0.93,0.35-1.28,0l-9.87-9.87c-0.35-0.35-0.35-0.93,0-1.28l3.03-3.03C37.4,11.2,25.96,4.37,14.75,0.13 c13.22-0.99,27.81,3.57,40.2,13.31l1.36-1.36c0.35-0.35,0.93-0.35,1.28,0l9.87,9.87c0.35,0.35,0.35,0.93,0,1.28L66.17,24.52 L66.17,24.52z M49.32,58.69v-4.05l19.11,2.04L49.32,58.69L49.32,58.69z M57.83,74.36l-2.87-2.87l14.96-12.07L57.83,74.36 L57.83,74.36z M111.77,35.18l2.32,5.02l-24.85,8.4L111.77,35.18L111.77,35.18z M92.26,20.63l5.19,1.91L85.82,46.05L92.26,20.63 L92.26,20.63z M102.7,57.6l18.5,11.47v53.81H25.73c19.44-19.44,46.04-25.61,61.42-52.24C92.99,60.52,91.01,49.7,102.7,57.6 L102.7,57.6z M44.6,27.81l7.99,7.99L9.64,78.76c-2.2,2.2-5.8,2.2-7.99,0l0,0c-2.2-2.2-2.2-5.8,0-7.99L44.6,27.81L44.6,27.81z"
|
|
|
|
|
/></g
|
|
|
|
|
></svg
|
|
|
|
|
>
|
|
|
|
|
Reclamar</button
|
|
|
|
|
>
|
|
|
|
|
{:else}
|
|
|
|
|
<button
|
|
|
|
|
@ -362,7 +489,14 @@
|
|
|
|
|
aria-label="Soltar"
|
|
|
|
|
title="Soltar"
|
|
|
|
|
on:click|preventDefault={doUnassign}
|
|
|
|
|
disabled={busy}>🫳 Soltar</button
|
|
|
|
|
disabled={busy}
|
|
|
|
|
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108.01 122.88">
|
|
|
|
|
<path
|
|
|
|
|
class="icon-btn-svg"
|
|
|
|
|
d="M.5,0H15a.51.51,0,0,1,.5.5V83.38L35.16,82h.22l.24,0c2.07-.14,3.65-.26,4.73-1.23l1.86-2.17a1.12,1.12,0,0,1,1.49-.18l9.35,6.28a1.15,1.15,0,0,1,.49,1c0,.55-.19.7-.61,1.08A11.28,11.28,0,0,0,51.78,88a27.27,27.27,0,0,1-3,3.1,15.84,15.84,0,0,1-3.68,2.45c-2.8,1.36-5.45,1.54-8.59,1.76l-.24,0-.21,0L15.5,96.77v25.61a.52.52,0,0,1-.5.5H.5a.51.51,0,0,1-.5-.5V.5A.5.5,0,0,1,.5,0ZM46,59.91l9-19.12-.89-.25a12.43,12.43,0,0,0-4.77-.82c-1.9.28-3.68,1.42-5.67,2.7-.83.53-1.69,1.09-2.62,1.63-.7.33-1.51.86-2.19,1.25l-8.7,5a1.11,1.11,0,0,1-1.51-.42l-5.48-9.64a1.1,1.1,0,0,1,.42-1.51c3.43-2,7.42-4,10.75-6.14,4-2.49,7.27-4.48,11.06-5.42s8-.8,13.89,1c2.12.59,4.55,1.48,6.55,2.2,1,.35,1.8.66,2.44.87,9.86,3.29,13.19,9.66,15.78,14.6,1.12,2.13,2.09,4,3.34,5,.51.42,1.67.27,3,.09a21.62,21.62,0,0,1,2.64-.23c4.32-.41,8.66-.66,13-1a1.1,1.1,0,0,1,1.18,1L108,61.86A1.11,1.11,0,0,1,107,63L95,63.9c-5.33.38-9.19.66-15-2.47l-.12-.07a23.23,23.23,0,0,1-7.21-8.5l0,0L65.73,68.4a63.9,63.9,0,0,0,5.85,5.32c6,5,11,9.21,9.38,20.43a23.89,23.89,0,0,1-.65,2.93c-.27,1-.56,1.9-.87,2.84-2.29,6.54-4.22,13.5-6.29,20.13a1.1,1.1,0,0,1-1,.81l-11.66.78a1,1,0,0,1-.39,0,1.12,1.12,0,0,1-.75-1.38c2.45-8.12,5-16.25,7.39-24.38a29,29,0,0,0,.87-3,7,7,0,0,0,.08-2.65l0-.24a4.16,4.16,0,0,0-.73-2.22,53.23,53.23,0,0,0-8.76-5.57c-3.75-2.07-7.41-4.08-10.25-7a12.15,12.15,0,0,1-3.59-7.36A14.76,14.76,0,0,1,46,59.91ZM80.07,6.13a12.29,12.29,0,0,1,13.1,11.39v0a12.29,12.29,0,0,1-24.52,1.72v0A12.3,12.3,0,0,1,80,6.13ZM3.34,35H6.69V51.09H3.34V35Z"
|
|
|
|
|
/></svg
|
|
|
|
|
>
|
|
|
|
|
Soltar</button
|
|
|
|
|
>
|
|
|
|
|
{/if}
|
|
|
|
|
|
|
|
|
|
@ -373,8 +507,15 @@
|
|
|
|
|
title="Editar texto"
|
|
|
|
|
on:click|preventDefault={toggleEditText}
|
|
|
|
|
disabled={busy}
|
|
|
|
|
><svg viewBox="0 0 121.48 122.88"
|
|
|
|
|
><g
|
|
|
|
|
><path
|
|
|
|
|
class="icon-btn-svg"
|
|
|
|
|
d="M96.84,2.22l22.42,22.42c2.96,2.96,2.96,7.8,0,10.76l-12.4,12.4L73.68,14.62l12.4-12.4 C89.04-0.74,93.88-0.74,96.84,2.22L96.84,2.22z M70.18,52.19L70.18,52.19l0,0.01c0.92,0.92,1.38,2.14,1.38,3.34 c0,1.2-0.46,2.41-1.38,3.34v0.01l-0.01,0.01L40.09,88.99l0,0h-0.01c-0.26,0.26-0.55,0.48-0.84,0.67h-0.01 c-0.3,0.19-0.61,0.34-0.93,0.45c-1.66,0.58-3.59,0.2-4.91-1.12h-0.01l0,0v-0.01c-0.26-0.26-0.48-0.55-0.67-0.84v-0.01 c-0.19-0.3-0.34-0.61-0.45-0.93c-0.58-1.66-0.2-3.59,1.11-4.91v-0.01l30.09-30.09l0,0h0.01c0.92-0.92,2.14-1.38,3.34-1.38 c1.2,0,2.41,0.46,3.34,1.38L70.18,52.19L70.18,52.19L70.18,52.19z M45.48,109.11c-8.98,2.78-17.95,5.55-26.93,8.33 C-2.55,123.97-2.46,128.32,3.3,108l9.07-32v0l-0.03-0.03L67.4,20.9l33.18,33.18l-55.07,55.07L45.48,109.11L45.48,109.11z M18.03,81.66l21.79,21.79c-5.9,1.82-11.8,3.64-17.69,5.45c-13.86,4.27-13.8,7.13-10.03-6.22L18.03,81.66L18.03,81.66z"
|
|
|
|
|
/></g
|
|
|
|
|
></svg
|
|
|
|
|
>
|
|
|
|
|
✍️ Editar</button
|
|
|
|
|
Editar</button
|
|
|
|
|
>
|
|
|
|
|
{:else}
|
|
|
|
|
<button
|
|
|
|
|
@ -395,7 +536,16 @@
|
|
|
|
|
aria-label="Editar fecha"
|
|
|
|
|
title="Editar fecha"
|
|
|
|
|
on:click|preventDefault={toggleEdit}
|
|
|
|
|
disabled={busy}><Hourglass size={16} /> Fecha</button
|
|
|
|
|
disabled={busy}
|
|
|
|
|
><svg viewBox="0 0 110.01 122.88" xml:space="preserve"
|
|
|
|
|
><g
|
|
|
|
|
><path
|
|
|
|
|
class="icon-btn-svg"
|
|
|
|
|
d="M1.87,14.69h22.66L24.5,14.3V4.13C24.5,1.86,26.86,0,29.76,0c2.89,0,5.26,1.87,5.26,4.13V14.3l-0.03,0.39 h38.59l-0.03-0.39V4.13C73.55,1.86,75.91,0,78.8,0c2.89,0,5.26,1.87,5.26,4.13V14.3l-0.03,0.39h24.11c1.03,0,1.87,0.84,1.87,1.87 v19.46c0,1.03-0.84,1.87-1.87,1.87H1.87C0.84,37.88,0,37.04,0,36.01V16.55C0,15.52,0.84,14.69,1.87,14.69L1.87,14.69z M71.6,74.59 c2.68-0.02,4.85,2.14,4.85,4.82c-0.01,2.68-2.19,4.87-4.87,4.89l-11.76,0.08l-0.08,11.77c-0.02,2.66-2.21,4.81-4.89,4.81 c-2.68-0.01-4.84-2.17-4.81-4.83l0.08-11.69L38.4,84.54c-2.68,0.02-4.85-2.14-4.85-4.82c0.01-2.68,2.19-4.88,4.87-4.9l11.76-0.08 l0.08-11.77c0.02-2.66,2.21-4.82,4.89-4.81c2.68,0,4.83,2.16,4.81,4.82l-0.08,11.69L71.6,74.59L71.6,74.59L71.6,74.59z M0.47,42.19 h109.08c0.26,0,0.46,0.21,0.46,0.46l0,0v79.76c0,0.25-0.21,0.46-0.46,0.46l-109.08,0c-0.25,0-0.46-0.21-0.46-0.46V42.66 C0,42.4,0.21,42.19,0.47,42.19L0.47,42.19L0.47,42.19z M8.84,50.58h93.84c0.52,0,0.94,0.45,0.94,0.94v62.85 c0,0.49-0.45,0.94-0.94,0.94H8.39c-0.49,0-0.94-0.42-0.94-0.94v-62.4c0-1.03,0.84-1.86,1.86-1.86L8.84,50.58L8.84,50.58z M78.34,29.87c2.89,0,5.26-1.87,5.26-4.13V15.11l-0.03-0.41H73.11l-0.03,0.41v10.16c0,2.27,2.36,4.13,5.25,4.13L78.34,29.87 L78.34,29.87z M29.29,29.87c2.89,0,5.26-1.87,5.26-4.13V15.11l-0.03-0.41H24.06l-0.03,0.41v10.16c0,2.27,2.36,4.13,5.25,4.13V29.87 L29.29,29.87z"
|
|
|
|
|
/></g
|
|
|
|
|
></svg
|
|
|
|
|
>
|
|
|
|
|
Fecha</button
|
|
|
|
|
>
|
|
|
|
|
{:else}
|
|
|
|
|
<input class="date" type="date" bind:value={dateValue} />
|
|
|
|
|
@ -513,7 +663,7 @@
|
|
|
|
|
}
|
|
|
|
|
.group-badge {
|
|
|
|
|
padding: 2px 6px;
|
|
|
|
|
border-radius: 999px;
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
border: 1px solid var(--gc-border, var(--color-border));
|
|
|
|
|
background: var(--gc-bg, transparent);
|
|
|
|
|
color: var(--gc-text, inherit);
|
|
|
|
|
@ -528,6 +678,10 @@
|
|
|
|
|
border: 1px solid transparent;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
}
|
|
|
|
|
.date-badge img {
|
|
|
|
|
max-height: 1rem;
|
|
|
|
|
min-width: 1.2rem;
|
|
|
|
|
}
|
|
|
|
|
.date-badge.overdue {
|
|
|
|
|
border-color: var(--color-danger);
|
|
|
|
|
}
|
|
|
|
|
@ -566,16 +720,21 @@
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
font-family: monospace;
|
|
|
|
|
box-shadow: 0 0 8px 4px var(--color-border);
|
|
|
|
|
margin-bottom: 4px;
|
|
|
|
|
}
|
|
|
|
|
.btn[disabled] {
|
|
|
|
|
opacity: 0.6;
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
}
|
|
|
|
|
.btn.primary {
|
|
|
|
|
border-color: transparent;
|
|
|
|
|
background: var(--color-primary);
|
|
|
|
|
border-color: var(--color-primary);
|
|
|
|
|
background: var(--color-primary-muted);
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.btn.primary svg {
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
}
|
|
|
|
|
.btn.ghost {
|
|
|
|
|
background: transparent;
|
|
|
|
|
}
|
|
|
|
|
@ -585,13 +744,16 @@
|
|
|
|
|
border-color: transparent;
|
|
|
|
|
}
|
|
|
|
|
.icon-btn {
|
|
|
|
|
padding: 6px 8px;
|
|
|
|
|
border: 1px solid var(--color-border);
|
|
|
|
|
border: 1px solid var(--color-surface);
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
background: var(--color-surface);
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
line-height: 1;
|
|
|
|
|
font-family: monospace;
|
|
|
|
|
box-shadow: 0 0 8px 4px var(--color-border);
|
|
|
|
|
}
|
|
|
|
|
.icon-btn svg {
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
}
|
|
|
|
|
.date {
|
|
|
|
|
padding: 4px 6px;
|
|
|
|
|
@ -636,13 +798,14 @@
|
|
|
|
|
display: inline-flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-self: start;
|
|
|
|
|
gap: 6px;
|
|
|
|
|
gap: 8px;
|
|
|
|
|
padding: 2px 8px;
|
|
|
|
|
border-radius: 999px;
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
border: 1px solid var(--color-border);
|
|
|
|
|
background: var(--color-surface);
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
box-shadow: 0 0 4px 4px var(--color-border);
|
|
|
|
|
}
|
|
|
|
|
.assignees-badge .icon {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
@ -653,8 +816,7 @@
|
|
|
|
|
line-height: 1;
|
|
|
|
|
}
|
|
|
|
|
.assignees-badge.mine {
|
|
|
|
|
border-color: var(--color-primary);
|
|
|
|
|
box-shadow: 0 0 0 2px var(--color-primary);
|
|
|
|
|
border-color: var(--color-surface);
|
|
|
|
|
}
|
|
|
|
|
.assignees-badge.mine .icon {
|
|
|
|
|
position: relative;
|
|
|
|
|
@ -662,12 +824,12 @@
|
|
|
|
|
.assignees-badge.mine .icon::after {
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: -2px;
|
|
|
|
|
top: -2px;
|
|
|
|
|
width: 6px;
|
|
|
|
|
height: 6px;
|
|
|
|
|
right: -6px;
|
|
|
|
|
top: -6px;
|
|
|
|
|
width: 8px;
|
|
|
|
|
height: 8px;
|
|
|
|
|
background: var(--color-primary);
|
|
|
|
|
border: 2px solid var(--color-surface);
|
|
|
|
|
border: 1px solid var(--color-surface);
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
}
|
|
|
|
|
.assignees-badge[aria-expanded="true"] {
|
|
|
|
|
@ -718,4 +880,9 @@
|
|
|
|
|
color: var(--color-primary);
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
}
|
|
|
|
|
.icon-btn-svg {
|
|
|
|
|
fill-rule: evenodd;
|
|
|
|
|
clip-rule: evenodd;
|
|
|
|
|
fill: var(--color-text);
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|