arthur/artsite
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/artsite.git synced 2026-02-07 13:05:51 +01:00
Code Issues 1 Packages Projects Releases Wiki Activity

Workign on activity and on stats

Browse Source
This commit is contained in:
Arthur Danjou
2024-06-21 02:04:23 +02:00
parent 54fc5434e4
commit 055610dbea
4 changed files with 40 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
app/components/content/Activity.vue
View File

@@ -1,42 +1,3 @@
<template>
<div
v-if="codingActivity"
class="mb-4"
>
<div
v-if="codingActivity"
class="flex items-start gap-2"
>
<UTooltip :text="codingActivity.state.toLowerCase().includes('editing') ? 'I\'m online 👋' : 'I\'m sleeping 😴'">
<div
:class="codingActivity.state.toLowerCase().includes('editing') ? 'bg-green-500' : 'bg-amber-500'"
class="h-3 w-3 inline-flex rounded-full cursor-help mt-7"
/>
</UTooltip>
<p v-if="codingActivity.state.toLowerCase().includes('editing')">
I'm actually working on <strong>{{ codingActivity.details }}</strong>, {{ codingActivity.state.toLowerCase() }}
using <strong>{{ codingActivity.name }}</strong>.
I've started <strong>{{ useTimeAgo(codingActivity.timestamps.start).value }}</strong>, the
<strong>{{ formatDate(codingActivity.timestamps.start) }}</strong>.
</p>
<p v-else>
I'm Idling on my computer with <strong>{{ codingActivity.name }}</strong> running in background.
</p>
</div>
<div
v-else
class="flex items-center gap-2"
>
<UTooltip text="I'm offline 🫥">
<div class="h-3 w-3 inline-flex rounded-full bg-red-500" />
</UTooltip>
<p>
I'm currently offline. Come back later to see what I'm working on.
</p>
</div>
</div>
</template>
<script lang="ts" setup>
import { type Activity, IDEs } from '~~/types'
@@ -49,3 +10,37 @@ function formatDate(date: number) {
useIntervalFn(async () => await refresh(), 5000)
</script>
<template>
<div
v-if="codingActivity"
class="flex items-start gap-2"
>
<UTooltip :text="codingActivity.state.toLowerCase().includes('editing') ? 'I\'m online 👋' : 'I\'m sleeping 😴'">
<div
:class="codingActivity.state.toLowerCase().includes('editing') ? 'bg-green-500' : 'bg-amber-500'"
class="h-3 w-3 inline-flex rounded-full cursor-help mt-7"
/>
</UTooltip>
<p v-if="codingActivity.state.toLowerCase().includes('editing')">
I'm actually working on <strong>{{ codingActivity.details }}</strong>, {{ codingActivity.state.toLowerCase() }}
using <strong>{{ codingActivity.name }}</strong>.
I've started <strong>{{ useTimeAgo(codingActivity.timestamps.start).value }}</strong>, the
<strong>{{ formatDate(codingActivity.timestamps.start) }}</strong>.
</p>
<p v-else>
I'm Idling on my computer with <strong>{{ codingActivity.name }}</strong> running in background.
</p>
</div>
<div
v-else
class="flex items-center gap-2"
>
<UTooltip text="I'm offline 🫥">
<div class="h-3 w-3 inline-flex rounded-full bg-red-500" />
</UTooltip>
<p>
I'm currently offline. Come back later to see what I'm working on.
</p>
</div>
</template>