mirror of
https://github.com/Drop-OSS/drop.git
synced 2026-01-31 15:37:09 +01:00
63ac2b8ffc
* feat: nginx + torrential basics & services system * fix: lint + i18n * fix: update torrential to remove openssl * feat: add torrential to Docker build * feat: move to self hosted runner * fix: move off self-hosted runner * fix: update nginx.conf * feat: torrential cache invalidation * fix: update torrential for cache invalidation * feat: integrity check task * fix: lint * feat: move to version ids * fix: client fixes and client-side checks * feat: new depot apis and version id fixes * feat: update torrential * feat: droplet bump and remove unsafe update functions * fix: lint * feat: v4 featureset: emulators, multi-launch commands * fix: lint * fix: mobile ui for game editor * feat: launch options * fix: lint * fix: remove axios, use $fetch * feat: metadata and task api improvements * feat: task actions * fix: slight styling issue * feat: fix style and lints * feat: totp backend routes * feat: oidc groups * fix: update drop-base * feat: creation of passkeys & totp * feat: totp signin * feat: webauthn mfa/signin * feat: launch selecting ui * fix: manually running tasks * feat: update add company game modal to use new SelectorGame * feat: executor selector * fix(docker): update rust to rust nightly for torrential build (#305) * feat: new version ui * feat: move package lookup to build time to allow for deno dev * fix: lint * feat: localisation cleanup * feat: apply localisation cleanup * feat: potential i18n refactor logic * feat: remove args from commands * fix: lint * fix: lockfile --------- Co-authored-by: Aden Lindsay <140392385+AdenMGB@users.noreply.github.com>
65 lines
2.1 KiB
Vue
65 lines
2.1 KiB
Vue
<template>
|
|
<div
|
|
v-if="task"
|
|
class="flex w-full items-center justify-between space-x-6 p-6"
|
|
>
|
|
<div class="flex-1 truncate">
|
|
<div class="flex items-center space-x-1">
|
|
<div>
|
|
<CheckCircleIcon v-if="task.success" class="size-5 text-green-600" />
|
|
<XMarkIcon v-else-if="task.error" class="size-5 text-red-600" />
|
|
<div
|
|
v-else
|
|
class="size-2 bg-blue-600 rounded-full animate-pulse m-1"
|
|
/>
|
|
</div>
|
|
<h3 class="truncate text-sm font-medium text-zinc-100">
|
|
{{ task.name }}
|
|
</h3>
|
|
</div>
|
|
<div
|
|
v-if="active"
|
|
class="mt-2 w-full rounded-full overflow-hidden bg-zinc-900"
|
|
>
|
|
<div
|
|
:style="{ width: `${task.progress}%` }"
|
|
class="bg-blue-600 h-[3px] transition-all"
|
|
/>
|
|
</div>
|
|
<div class="mt-2 bg-zinc-950 px-2 pb-1 rounded-sm">
|
|
<LogLine :short="true" :log="parseTaskLog(task.log.at(-1))" />
|
|
</div>
|
|
<ul v-if="task.actions" class="mt-1 flex flex-row gap-x-2">
|
|
<NuxtLink
|
|
v-for="[name, link] in task.actions.map((v) => v.split(':'))"
|
|
:key="link"
|
|
:href="link"
|
|
class="text-xs text-zinc-100 bg-blue-900 p-1 rounded"
|
|
>{{ name }}</NuxtLink
|
|
>
|
|
</ul>
|
|
<NuxtLink
|
|
type="button"
|
|
:href="`/admin/task/${task.id}`"
|
|
class="mt-3 ml-1 rounded-md text-xs font-medium text-zinc-100 hover:text-zinc-300 focus:outline-none focus:ring-2 focus:ring-zinc-100 focus:ring-offset-2"
|
|
>
|
|
<i18n-t keypath="tasks.admin.viewTask" tag="span" scope="global">
|
|
<template #arrow>
|
|
<span aria-hidden="true">{{ $t("chars.arrow") }}</span>
|
|
</template>
|
|
</i18n-t>
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
<div v-else>
|
|
<!-- renders server side when we don't want to access the current tasks -->
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { CheckCircleIcon, XMarkIcon } from "@heroicons/vue/24/solid";
|
|
import type { TaskMessage } from "~/server/internal/tasks";
|
|
|
|
defineProps<{ task: TaskMessage | undefined; active?: boolean }>();
|
|
</script>
|