Skip to content
Snippets Groups Projects
Commit 4b228432 authored by syuilo's avatar syuilo
Browse files

wip

parent e651bd12
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 92 additions and 87 deletions
src/web/app/mobile/views/components/index.ts
+ 4
− 0
View file @ 4b228432
......@@ -16,6 +16,8 @@ import friendsMaker from './friends-maker.vue';
import notification from './notification.vue';
import notifications from './notifications.vue';
import notificationPreview from './notification-preview.vue';
import usersList from './users-list.vue';
import userPreview from './user-preview.vue';
Vue.component('mk-ui', ui);
Vue.component('mk-home', home);
......@@ -33,3 +35,5 @@ Vue.component('mk-friends-maker', friendsMaker);
Vue.component('mk-notification', notification);
Vue.component('mk-notifications', notifications);
Vue.component('mk-notification-preview', notificationPreview);
Vue.component('mk-users-list', usersList);
Vue.component('mk-user-preview', userPreview);
src/web/app/mobile/views/components/user-followers.vue deleted 100644 → 0
+ 0
− 26
View file @ e651bd12
<template>
<mk-users-list
:fetch="fetch"
:count="user.followers_count"
:you-know-count="user.followers_you_know_count"
>
%i18n:mobile.tags.mk-user-followers.no-users%
</mk-users-list>
</template>
<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
props: ['user'],
methods: {
fetch(iknow, limit, cursor, cb) {
(this as any).api('users/followers', {
user_id: this.user.id,
iknow: iknow,
limit: limit,
cursor: cursor ? cursor : undefined
}).then(cb);
}
}
});
</script>
src/web/app/mobile/views/components/user-following.vue deleted 100644 → 0
+ 0
− 26
View file @ e651bd12
<template>
<mk-users-list
:fetch="fetch"
:count="user.following_count"
:you-know-count="user.following_you_know_count"
>
%i18n:mobile.tags.mk-user-following.no-users%
</mk-users-list>
</template>
<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
props: ['user'],
methods: {
fetch(iknow, limit, cursor, cb) {
(this as any).api('users/following', {
user_id: this.user.id,
iknow: iknow,
limit: limit,
cursor: cursor ? cursor : undefined
}).then(cb);
}
}
});
</script>
src/web/app/mobile/views/components/user-preview.vue
+ 3
− 3
View file @ 4b228432
<template>
<div class="mk-user-preview">
<a class="avatar-anchor" :href="`/${user.username}`">
<router-link class="avatar-anchor" :to="`/${user.username}`">
<img class="avatar" :src="`${user.avatar_url}?thumbnail&size=64`" alt="avatar"/>
</a>
</router-link>
<div class="main">
<header>
<a class="name" :href="`/${user.username}`">{{ user.name }}</a>
<router-link class="name" :to="`/${user.username}`">{{ user.name }}</router-link>
<span class="username">@{{ user.username }}</span>
</header>
<div class="body">
......
src/web/app/mobile/views/components/users-list.vue
+ 6
− 1
View file @ 4b228432
......@@ -32,13 +32,18 @@ export default Vue.extend({
next: null
};
},
watch: {
mode() {
this._fetch();
}
},
mounted() {
this._fetch(() => {
this.$emit('loaded');
});
},
methods: {
_fetch(cb) {
_fetch(cb?) {
this.fetching = true;
this.fetch(this.mode == 'iknow', this.limit, null, obj => {
this.users = obj.users;
......
src/web/app/mobile/views/pages/followers.vue
+ 39
− 15
View file @ 4b228432
<template>
<mk-ui>
<span slot="header" v-if="!fetching">
<template slot="header" v-if="!fetching">
<img :src="`${user.avatar_url}?thumbnail&size=64`" alt="">
{{ '%i18n:mobile.tags.mk-user-followers-page.followers-of%'.replace('{}', user.name) }}
</span>
<mk-user-followers v-if="!fetching" :user="user" @loaded="onLoaded"/>
</template>
<mk-users-list
v-if="!fetching"
:fetch="fetchUsers"
:count="user.followers_count"
:you-know-count="user.followers_you_know_count"
@loaded="onLoaded"
>
%i18n:mobile.tags.mk-user-followers.no-users%
</mk-users-list>
</mk-ui>
</template>
......@@ -13,29 +21,45 @@ import Vue from 'vue';
import Progress from '../../../common/scripts/loading';
export default Vue.extend({
props: ['username'],
data() {
return {
fetching: true,
user: null
};
},
watch: {
$route: 'fetch'
},
created() {
this.fetch();
},
mounted() {
Progress.start();
(this as any).api('users/show', {
username: this.username
}).then(user => {
this.user = user;
this.fetching = false;
document.title = '%i18n:mobile.tags.mk-user-followers-page.followers-of%'.replace('{}', user.name) + ' | Misskey';
document.documentElement.style.background = '#313a42';
});
document.documentElement.style.background = '#313a42';
},
methods: {
fetch() {
Progress.start();
this.fetching = true;
(this as any).api('users/show', {
username: this.$route.params.user
}).then(user => {
this.user = user;
this.fetching = false;
document.title = '%i18n:mobile.tags.mk-user-followers-page.followers-of%'.replace('{}', user.name) + ' | Misskey';
});
},
onLoaded() {
Progress.done();
},
fetchUsers(iknow, limit, cursor, cb) {
(this as any).api('users/followers', {
user_id: this.user.id,
iknow: iknow,
limit: limit,
cursor: cursor ? cursor : undefined
}).then(cb);
}
}
});
......
src/web/app/mobile/views/pages/following.vue
+ 40
− 16
View file @ 4b228432
<template>
<mk-ui>
<span slot="header" v-if="!fetching">
<template slot="header" v-if="!fetching">
<img :src="`${user.avatar_url}?thumbnail&size=64`" alt="">
{{ '%i18n:mobile.tags.mk-user-following-page.following-of'.replace('{}', user.name) }}
</span>
<mk-user-following v-if="!fetching" :user="user" @loaded="onLoaded"/>
{{ '%i18n:mobile.tags.mk-user-following-page.following-of%'.replace('{}', user.name) }}
</template>
<mk-users-list
v-if="!fetching"
:fetch="fetchUsers"
:count="user.following_count"
:you-know-count="user.following_you_know_count"
@loaded="onLoaded"
>
%i18n:mobile.tags.mk-user-following.no-users%
</mk-users-list>
</mk-ui>
</template>
......@@ -13,29 +21,45 @@ import Vue from 'vue';
import Progress from '../../../common/scripts/loading';
export default Vue.extend({
props: ['username'],
data() {
return {
fetching: true,
user: null
};
},
watch: {
$route: 'fetch'
},
created() {
this.fetch();
},
mounted() {
Progress.start();
(this as any).api('users/show', {
username: this.username
}).then(user => {
this.user = user;
this.fetching = false;
document.title = '%i18n:mobile.tags.mk-user-followers-page.followers-of%'.replace('{}', user.name) + ' | Misskey';
document.documentElement.style.background = '#313a42';
});
document.documentElement.style.background = '#313a42';
},
methods: {
fetch() {
Progress.start();
this.fetching = true;
(this as any).api('users/show', {
username: this.$route.params.user
}).then(user => {
this.user = user;
this.fetching = false;
document.title = '%i18n:mobile.tags.mk-user-followers-page.followers-of%'.replace('{}', user.name) + ' | Misskey';
});
},
onLoaded() {
Progress.done();
},
fetchUsers(iknow, limit, cursor, cb) {
(this as any).api('users/following', {
user_id: this.user.id,
iknow: iknow,
limit: limit,
cursor: cursor ? cursor : undefined
}).then(cb);
}
}
});
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment