Harry Zhou
5361c151e5
1. Split getContact into getHistoryContact and getNewContact 2. Now contacts with new messages will go on top of the list
70 lines
2.7 KiB
PHP
70 lines
2.7 KiB
PHP
@extends('layout.master')
|
|
|
|
@section('title', "编辑私信")
|
|
|
|
@section('content')
|
|
|
|
<div id="message">
|
|
<a v-on:click="refreshContact">???</a>
|
|
<contact-list ref="contactList" v-on:load-dialog="loadDialogCallback"></contact-list>
|
|
<message-dialog ref="messageDialog"></message-dialog>
|
|
</div>
|
|
{{--<div class="page-content">
|
|
@foreach($informations as $information)
|
|
<form action="/message/{{$information->id}}" method="POST">
|
|
{!! csrf_field() !!}
|
|
{!! method_field('delete') !!}
|
|
{{$information->id}}<br/>
|
|
{{$information->title}}<br/>
|
|
{{$information->content}}<br/>
|
|
{{$information->created_at}}<br/>
|
|
{{$information->is_read}}<br/>
|
|
@if($information->sender_id != 0)
|
|
{{$information->receiver->nickname}}<br/>
|
|
@else
|
|
系统通知<br/>
|
|
@endif
|
|
<input type="submit" value="Delete"><br/>
|
|
<br/>
|
|
</form>
|
|
@endforeach
|
|
{{ $informations->links() }}
|
|
</div>--}}
|
|
|
|
<script type="text/x-template" id="contact_list">
|
|
<div>
|
|
<a v-on:click="getNewContact">###</a>
|
|
<p v-if="errorMessage">@{{ errorMessage }}</p>
|
|
<ul>
|
|
<li v-for="(contact, index) in contacts" v-on:click="loadDialog(contact.contact_id, index)">
|
|
<img :src="'/avatar/' + contact.contact_id + '/64/64'"/>
|
|
@{{ contact.contact.nickname }} @{{ contact.unread_count }}
|
|
</li>
|
|
</ul>
|
|
<a v-if="hasMore" v-on:click="getContact">加载更多</a>
|
|
</div>
|
|
</script>
|
|
|
|
<script type="text/x-template" id="message_dialog">
|
|
<div :class="{ hide: isHidden }">
|
|
<a v-if="hasMore" v-on:click="getHistoryMessage(0)">加载更多</a>
|
|
<p v-else>没有更多了</p>
|
|
<ul>
|
|
<li v-for="message in messages">
|
|
<img :src="'/avatar/' + message.sender_id + '/64/64'"/>
|
|
@{{ message.content }}
|
|
</li>
|
|
</ul>
|
|
<p v-if="errorMessage">@{{ errorMessage }}</p>
|
|
<textarea placeholder="键入要发送的内容:" v-model="inputMessage"></textarea>
|
|
<input type="button" value="发送" v-on:click="sendMessage"/>
|
|
<input id="token" type="hidden" value="{{ csrf_token() }}"/>
|
|
<a v-on:click="getNewMessage">!!!</a>
|
|
</div>
|
|
</script>
|
|
|
|
<script src="https://unpkg.com/vue@2.3.4/dist/vue.js"></script>
|
|
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
|
<script src="/js/message.js"></script>
|
|
|
|
@endsection |