🎨
This commit is contained in:
parent
f5018d91c1
commit
cd8a4eb01f
1 changed files with 14 additions and 2 deletions
|
@ -31,7 +31,8 @@
|
||||||
</a>
|
</a>
|
||||||
</virtual>
|
</virtual>
|
||||||
</div>
|
</div>
|
||||||
<p class="no-history" if={ history.length == 0 }>%i18n:common.tags.mk-messaging.no-history%</p>
|
<p class="no-history" if={ !fetching && history.length == 0 }>%i18n:common.tags.mk-messaging.no-history%</p>
|
||||||
|
<p class="fetching" if={ fetching }><i class="fa fa-spinner fa-pulse fa-fw"></i>%i18n:common.loading%<mk-ellipsis/></p>
|
||||||
<style>
|
<style>
|
||||||
:scope
|
:scope
|
||||||
display block
|
display block
|
||||||
|
@ -297,6 +298,15 @@
|
||||||
color #999
|
color #999
|
||||||
font-weight 500
|
font-weight 500
|
||||||
|
|
||||||
|
> .fetching
|
||||||
|
margin 0
|
||||||
|
padding 16px
|
||||||
|
text-align center
|
||||||
|
color #aaa
|
||||||
|
|
||||||
|
> i
|
||||||
|
margin-right 4px
|
||||||
|
|
||||||
// TODO: element base media query
|
// TODO: element base media query
|
||||||
@media (max-width 400px)
|
@media (max-width 400px)
|
||||||
> .search
|
> .search
|
||||||
|
@ -329,6 +339,8 @@
|
||||||
this.connectionId = this.messagingIndexStream.use();
|
this.connectionId = this.messagingIndexStream.use();
|
||||||
|
|
||||||
this.searchResult = [];
|
this.searchResult = [];
|
||||||
|
this.history = [];
|
||||||
|
this.fetching = true;
|
||||||
|
|
||||||
this.registerMessage = message => {
|
this.registerMessage = message => {
|
||||||
message.is_me = message.user_id == this.I.id;
|
message.is_me = message.user_id == this.I.id;
|
||||||
|
@ -342,7 +354,7 @@
|
||||||
this.connection.on('read', this.onRead);
|
this.connection.on('read', this.onRead);
|
||||||
|
|
||||||
this.api('messaging/history').then(history => {
|
this.api('messaging/history').then(history => {
|
||||||
this.isLoading = false;
|
this.fetching = false;
|
||||||
history.forEach(message => {
|
history.forEach(message => {
|
||||||
this.registerMessage(message);
|
this.registerMessage(message);
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in a new issue