KayFaraday
/
Zaimki
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

#50 [card] pronoun cards - support cake links, ui improvements

This commit is contained in:
Avris 2020-10-18 11:43:56 +02:00
parent 3bfad6ddc5
commit c7e9d0e788
3 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components/ProfileLink.vue
View File

@ -1,6 +1,7 @@
<template>
<span>
<Icon :v="icon" :set="iconSet"/>
<img v-if="icon.startsWith('https://')" :src="icon" class="icon"/>
<Icon v-else :v="icon" :set="iconSet"/>
<a :href="link" target="_blank" rel="noopener">
{{text}}
</a>
@ -11,6 +12,7 @@
import {clearUrl} from "../src/helpers";
const REGEX_TWITTER = '^https://twitter.com/([^/]+)';
const REGEX_CAKE = '^https://cake.avris.it/([bgoprc][A-E][0-6])$';
export default {
props: {
@ -22,11 +24,16 @@
return 'twitter';
}
if (this.link.match(REGEX_CAKE)) {
return 'cake';
}
return 'other';
},
icon() {
return {
twitter: 'twitter',
cake: 'https://cake.avris.it/favicon.png',
other: 'globe-europe',
}[this.type];
},
@ -40,8 +47,18 @@
return this.link.match(REGEX_TWITTER)[1];
}
if (this.type === 'cake') {
return this.link.match(REGEX_CAKE)[1];
}
return clearUrl(this.link);
},
}
};
</script>
<style lang="scss" scoped>
.icon {
height: 1em;
}
</style>

7
components/ProfileOverview.vue
View File

@ -3,17 +3,20 @@
{{ locales[locale].name }}
<span v-if="profile">
<LocaleLink :locale="locale" :link="`/@${profile.username}`" class="badge badge-primary">
<Icon v="id-card"/>
<T>profile.show</T>
</LocaleLink>
<LocaleLink :locale="locale" link="/TODO" class="badge badge-light border">
<Icon v="edit"/>
<T>profile.edit</T>
</LocaleLink>
<LocaleLink :locale="locale" link="/TODOS" class="badge badge-light border border-danger">
<T>profile.delete</T>
<LocaleLink :locale="locale" link="/TODOS" class="badge badge-light">
<Icon v="trash-alt"/>
</LocaleLink>
</span>
<span v-else>
<LocaleLink :locale="locale" link="/TODO" class="badge badge-light border">
<Icon v="plus-circle"/>
<T>profile.init</T>
</LocaleLink>
</span>

4
routes/profile.vue
View File

@ -27,7 +27,7 @@
<Icon v="birthday-cake"/>
{{ profile.age }}
</li>
<li v-for="link in profile.links" class="list-inline-item">
<li v-for="link in profile.links" class="list-inline-item pr-2">
<ProfileLink :link="link"/>
</li>
</ul>
@ -35,7 +35,7 @@
<section v-if="Object.keys(profile.flags).length">
<ul class="list-inline">
<li v-for="(name, flag) in profile.flags" class="list-inline-item">
<li v-for="(name, flag) in profile.flags" class="list-inline-item pr-2">
<Flag :name="name" :src="`/flags/${flag}.png`"/>
</li>
</ul>