initial commit
This commit is contained in:
@@ -0,0 +1,112 @@
|
||||
@include('Chatify::layouts.headLinks')
|
||||
<div class="messenger">
|
||||
{{-- ----------------------Users/Groups lists side---------------------- --}}
|
||||
<div class="messenger-listView {{ !!$id ? 'conversation-active' : '' }}">
|
||||
{{-- Header and search bar --}}
|
||||
<div class="m-header">
|
||||
<nav>
|
||||
<a href="#"><i class="fas fa-inbox"></i> <span class="messenger-headTitle">AIGO Messages</span> </a>
|
||||
{{-- header buttons --}}
|
||||
<nav class="m-header-right">
|
||||
<a href="#"><i class="fas fa-cog settings-btn"></i></a>
|
||||
<a href="#" class="listView-x"><i class="fas fa-times"></i></a>
|
||||
</nav>
|
||||
</nav>
|
||||
{{-- Search input --}}
|
||||
{{-- <input type="text" class="messenger-search" placeholder="Search" /> --}}
|
||||
</div>
|
||||
{{-- tabs and lists --}}
|
||||
<div class="m-body contacts-container">
|
||||
{{-- Lists [Users/Group] --}}
|
||||
{{-- ---------------- [ User Tab ] ---------------- --}}
|
||||
<div class="show messenger-tab users-tab app-scroll" data-view="users">
|
||||
{{-- Favorites --}}
|
||||
<div class="favorites-section">
|
||||
<p class="messenger-title"><span>Favorites</span></p>
|
||||
<div class="messenger-favorites app-scroll-hidden"></div>
|
||||
</div>
|
||||
{{-- Saved Messages --}}
|
||||
<p class="messenger-title"><span>Your Space</span></p>
|
||||
{!! view('Chatify::layouts.listItem', ['get' => 'saved']) !!}
|
||||
{{-- Contact --}}
|
||||
<p class="messenger-title"><span>All Messages</span></p>
|
||||
<div class="listOfContacts" style="width: 100%;height: calc(100% - 272px);position: relative;"></div>
|
||||
</div>
|
||||
{{-- ---------------- [ Search Tab ] ---------------- --}}
|
||||
<div class="messenger-tab search-tab app-scroll" data-view="search">
|
||||
{{-- items --}}
|
||||
<p class="messenger-title"><span>Search</span></p>
|
||||
<div class="search-records">
|
||||
<p class="message-hint center-el"><span>Type to search..</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- ----------------------Messaging side---------------------- --}}
|
||||
<div class="messenger-messagingView">
|
||||
{{-- header title [conversation name] amd buttons --}}
|
||||
<div class="m-header m-header-messaging">
|
||||
<nav class="chatify-d-flex chatify-justify-content-between chatify-align-items-center">
|
||||
{{-- header back button, avatar and user name --}}
|
||||
<div class="chatify-d-flex chatify-justify-content-between chatify-align-items-center">
|
||||
<a href="#" class="show-listView"><i class="fas fa-arrow-left"></i></a>
|
||||
<div class="avatar av-s header-avatar" style="margin: 0px 10px; margin-top: -5px; margin-bottom: -5px;">
|
||||
</div>
|
||||
<a href="#" class="user-name">{{ config('chatify.name') }}</a>
|
||||
</div>
|
||||
{{-- header buttons --}}
|
||||
<nav class="m-header-right">
|
||||
<a href="#" class="add-to-favorite"><i class="fas fa-star"></i></a>
|
||||
@if (Auth::user()->user_role == 'user')
|
||||
<a href="{{route('customer.schedule')}}"><i class="fas fa-home"></i></a>
|
||||
@else
|
||||
<a href="{{route('doctor.schedule')}}"><i class="fas fa-home"></i></a>
|
||||
@endif
|
||||
|
||||
<a href="#" class="show-infoSide"><i class="fas fa-info-circle"></i></a>
|
||||
</nav>
|
||||
</nav>
|
||||
{{-- Internet connection --}}
|
||||
<div class="internet-connection">
|
||||
<span class="ic-connected">Connected</span>
|
||||
<span class="ic-connecting">Connecting...</span>
|
||||
<span class="ic-noInternet">No internet access</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Messaging area --}}
|
||||
<div class="m-body messages-container app-scroll">
|
||||
<div class="messages">
|
||||
<p class="message-hint center-el"><span>Please select a chat to start messaging</span></p>
|
||||
</div>
|
||||
{{-- Typing indicator --}}
|
||||
<div class="typing-indicator">
|
||||
<div class="message-card typing">
|
||||
<div class="message">
|
||||
<span class="typing-dots">
|
||||
<span class="dot dot-1"></span>
|
||||
<span class="dot dot-2"></span>
|
||||
<span class="dot dot-3"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{{-- Send Message Form --}}
|
||||
@include('Chatify::layouts.sendForm')
|
||||
</div>
|
||||
{{-- ---------------------- Info side ---------------------- --}}
|
||||
<div class="messenger-infoView app-scroll">
|
||||
{{-- nav actions --}}
|
||||
<nav>
|
||||
<p>User Details</p>
|
||||
<a href="#"><i class="fas fa-times"></i></a>
|
||||
</nav>
|
||||
{!! view('Chatify::layouts.info')->render() !!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@include('Chatify::layouts.modals')
|
||||
@include('Chatify::layouts.footerLinks')
|
||||
Reference in New Issue
Block a user