|
@ -55,14 +55,17 @@ |
|
|
</div> |
|
|
</div> |
|
|
<span |
|
|
<span |
|
|
v-else |
|
|
v-else |
|
|
class="block w-full text-center text-md bg-amber-200 text-blue-500 uppercase border border-dashed border-slate-400 px-1.5 py-2 rounded-md mb-2" |
|
|
class="block w-full text-center text-md bg-amber-200 border border-dashed border-slate-400 px-1.5 py-2 rounded-md mb-2" |
|
|
> |
|
|
> |
|
|
<router-link |
|
|
<span |
|
|
:to="{ name: 'new-edit-account' }" |
|
|
@click=" |
|
|
class="inline-block text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md" |
|
|
() => $refs.userNameDialog.open((name) => (this.givenName = name)) |
|
|
|
|
|
" |
|
|
|
|
|
class="inline-block text-md uppercase bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md" |
|
|
> |
|
|
> |
|
|
Set Your Name |
|
|
Set Your Name |
|
|
</router-link> |
|
|
</span> |
|
|
|
|
|
<UserNameDialog ref="userNameDialog" /> |
|
|
</span> |
|
|
</span> |
|
|
<div class="flex justify-center mt-4"> |
|
|
<div class="flex justify-center mt-4"> |
|
|
<span v-if="profileImageUrl" class="flex justify-between"> |
|
|
<span v-if="profileImageUrl" class="flex justify-between"> |
|
@ -720,6 +723,7 @@ import EntityIcon from "@/components/EntityIcon.vue"; |
|
|
import ImageMethodDialog from "@/components/ImageMethodDialog.vue"; |
|
|
import ImageMethodDialog from "@/components/ImageMethodDialog.vue"; |
|
|
import QuickNav from "@/components/QuickNav.vue"; |
|
|
import QuickNav from "@/components/QuickNav.vue"; |
|
|
import TopMessage from "@/components/TopMessage.vue"; |
|
|
import TopMessage from "@/components/TopMessage.vue"; |
|
|
|
|
|
import UserNameDialog from "@/components/UserNameDialog.vue"; |
|
|
import { |
|
|
import { |
|
|
AppString, |
|
|
AppString, |
|
|
DEFAULT_IMAGE_API_SERVER, |
|
|
DEFAULT_IMAGE_API_SERVER, |
|
@ -750,7 +754,13 @@ import { getAccount } from "@/libs/util"; |
|
|
const inputImportFileNameRef = ref<Blob>(); |
|
|
const inputImportFileNameRef = ref<Blob>(); |
|
|
|
|
|
|
|
|
@Component({ |
|
|
@Component({ |
|
|
components: { EntityIcon, ImageMethodDialog, QuickNav, TopMessage }, |
|
|
components: { |
|
|
|
|
|
EntityIcon, |
|
|
|
|
|
ImageMethodDialog, |
|
|
|
|
|
QuickNav, |
|
|
|
|
|
TopMessage, |
|
|
|
|
|
UserNameDialog, |
|
|
|
|
|
}, |
|
|
}) |
|
|
}) |
|
|
export default class AccountViewView extends Vue { |
|
|
export default class AccountViewView extends Vue { |
|
|
$notify!: (notification: NotificationIface, timeout?: number) => void; |
|
|
$notify!: (notification: NotificationIface, timeout?: number) => void; |
|
|