This commit is contained in:
parent
ed0389bf60
commit
51366e2940
|
@ -4,39 +4,39 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<MkLoading v-if="loading"/>
|
<MkLoading v-if="loading"/>
|
||||||
<XEmbedTimelineUI v-else-if="clip" :showHeader="normalizedShowHeader">
|
<XEmbedTimelineUI v-else-if="clip" :showHeader="normalizedShowHeader">
|
||||||
<template #header>
|
<template #header>
|
||||||
<div :class="$style.clipHeader">
|
<div :class="$style.clipHeader">
|
||||||
<div :class="$style.headerClipIconRoot">
|
<div :class="$style.headerClipIconRoot">
|
||||||
<i class="ti ti-paperclip"></i>
|
<i class="ti ti-paperclip"></i>
|
||||||
</div>
|
|
||||||
<div :class="$style.headerTitle" @click="top">
|
|
||||||
<div class="_nowrap"><a :href="`/clips/${clip.id}`" target="_blank" rel="noopener">{{ clip.name }}</a></div>
|
|
||||||
<div :class="$style.sub">{{ i18n.tsx.fromX({ x: instanceName }) }}</div>
|
|
||||||
</div>
|
|
||||||
<a :href="url" :class="$style.instanceIconLink" target="_blank" rel="noopener noreferrer">
|
|
||||||
<img
|
|
||||||
:class="$style.instanceIcon"
|
|
||||||
:src="instance.iconUrl || '/favicon.ico'"
|
|
||||||
/>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
<div :class="$style.headerTitle" @click="top">
|
||||||
<template #body>
|
<div class="_nowrap"><a :href="`/clips/${clip.id}`" target="_blank" rel="noopener">{{ clip.name }}</a></div>
|
||||||
<MkNotes
|
<div :class="$style.sub">{{ i18n.tsx.fromX({ x: instanceName }) }}</div>
|
||||||
ref="notesEl"
|
</div>
|
||||||
:class="$style.userTimelineNotes"
|
<a :href="url" :class="$style.instanceIconLink" target="_blank" rel="noopener noreferrer">
|
||||||
:pagination="pagination"
|
<img
|
||||||
:disableAutoLoad="!normalizedEnableAutoLoad"
|
:class="$style.instanceIcon"
|
||||||
:noGap="true"
|
:src="instance.iconUrl || '/favicon.ico'"
|
||||||
:ad="false"
|
/>
|
||||||
/>
|
</a>
|
||||||
</template>
|
</div>
|
||||||
</XEmbedTimelineUI>
|
</template>
|
||||||
<XNotFound v-else/>
|
<template #body>
|
||||||
</div>
|
<MkNotes
|
||||||
|
ref="notesEl"
|
||||||
|
:class="$style.userTimelineNotes"
|
||||||
|
:pagination="pagination"
|
||||||
|
:disableAutoLoad="!normalizedEnableAutoLoad"
|
||||||
|
:noGap="true"
|
||||||
|
:ad="false"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</XEmbedTimelineUI>
|
||||||
|
<XNotFound v-else/>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
|
|
@ -4,11 +4,11 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div :class="$style.noteEmbedRoot">
|
<div :class="$style.noteEmbedRoot">
|
||||||
<MkLoading v-if="loading"/>
|
<MkLoading v-if="loading"/>
|
||||||
<MkNoteDetailed v-else-if="note" :note="note"/>
|
<MkNoteDetailed v-else-if="note" :note="note"/>
|
||||||
<XNotFound v-else/>
|
<XNotFound v-else/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
|
|
@ -4,45 +4,45 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<MkLoading v-if="loading"/>
|
<MkLoading v-if="loading"/>
|
||||||
<XEmbedTimelineUI v-else-if="user" :showHeader="normalizedShowHeader">
|
<XEmbedTimelineUI v-else-if="user" :showHeader="normalizedShowHeader">
|
||||||
<template #header>
|
<template #header>
|
||||||
<div :class="$style.userHeader">
|
<div :class="$style.userHeader">
|
||||||
<a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer" :class="$style.avatarLink">
|
<a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer" :class="$style.avatarLink">
|
||||||
<MkAvatar :class="$style.avatar" :user="user"/>
|
<MkAvatar :class="$style.avatar" :user="user"/>
|
||||||
</a>
|
</a>
|
||||||
<div :class="$style.headerTitle" @click="top">
|
<div :class="$style.headerTitle" @click="top">
|
||||||
<I18n :src="i18n.ts.noteOf" tag="div" class="_nowrap">
|
<I18n :src="i18n.ts.noteOf" tag="div" class="_nowrap">
|
||||||
<template #user>
|
<template #user>
|
||||||
<a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer">
|
<a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer">
|
||||||
<MkUserName :user="user"/>
|
<MkUserName :user="user"/>
|
||||||
</a>
|
</a>
|
||||||
</template>
|
</template>
|
||||||
</I18n>
|
</I18n>
|
||||||
<div :class="$style.sub">{{ i18n.tsx.fromX({ x: instanceName }) }}</div>
|
<div :class="$style.sub">{{ i18n.tsx.fromX({ x: instanceName }) }}</div>
|
||||||
</div>
|
|
||||||
<a :href="url" :class="$style.instanceIconLink" target="_blank" rel="noopener noreferrer">
|
|
||||||
<img
|
|
||||||
:class="$style.instanceIcon"
|
|
||||||
:src="instance.iconUrl || '/favicon.ico'"
|
|
||||||
/>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
<a :href="url" :class="$style.instanceIconLink" target="_blank" rel="noopener noreferrer">
|
||||||
<template #body>
|
<img
|
||||||
<MkNotes
|
:class="$style.instanceIcon"
|
||||||
ref="notesEl"
|
:src="instance.iconUrl || '/favicon.ico'"
|
||||||
:class="$style.userTimelineNotes"
|
/>
|
||||||
:pagination="pagination"
|
</a>
|
||||||
:disableAutoLoad="!normalizedEnableAutoLoad"
|
</div>
|
||||||
:noGap="true"
|
</template>
|
||||||
:ad="false"
|
<template #body>
|
||||||
/>
|
<MkNotes
|
||||||
</template>
|
ref="notesEl"
|
||||||
</XEmbedTimelineUI>
|
:class="$style.userTimelineNotes"
|
||||||
<XNotFound v-else/>
|
:pagination="pagination"
|
||||||
</div>
|
:disableAutoLoad="!normalizedEnableAutoLoad"
|
||||||
|
:noGap="true"
|
||||||
|
:ad="false"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</XEmbedTimelineUI>
|
||||||
|
<XNotFound v-else/>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
|
Loading…
Reference in New Issue