CARVIEW |
Select Language
HTTP/2 200
date: Sun, 12 Oct 2025 22:11:04 GMT
content-type: text/html; charset=UTF-8
server: cloudflare
x-frame-options: DENY
x-content-type-options: nosniff
x-xss-protection: 1;mode=block
vary: accept-encoding
cf-cache-status: DYNAMIC
content-encoding: gzip
set-cookie: _csrf-frontend=9ac4b1815a53aa538a114f09c6397a8b26f6e00fdf6940130ea5d85a0bfece95a%3A2%3A%7Bi%3A0%3Bs%3A14%3A%22_csrf-frontend%22%3Bi%3A1%3Bs%3A32%3A%22Bqkom6Z508j0X2P-9Pck30iW8LicV2DU%22%3B%7D; HttpOnly; Path=/
cf-ray: 98d9ee4b09610bc9-BLR
chats.blade.php - Pastebin.com
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- resources/views/child.blade.php -->
- @extends('layouts.app',['pageId'=>'chat'])
- @section('title', 'Post view')
- @section('content')
- <div class="kt-grid kt-grid--desktop kt-grid--ver kt-grid--ver-desktop kt-app kt-margin-t-20">
- <!--Begin:: App Aside Mobile Toggle-->
- <button class="kt-app__aside-close" id="kt_chat_aside_close">
- <i class="la la-close"></i>
- </button>
- <!--End:: App Aside Mobile Toggle-->
- <!--Begin:: App Aside-->
- <div class="kt-grid__item kt-app__toggle kt-app__aside kt-app__aside--lg kt-app__aside--fit" id="kt_chat_aside">
- <!--begin::Portlet-->
- <div class="kt-portlet kt-portlet--last">
- <div class="kt-portlet__body">
- <div class="kt-searchbar">
- <div class="input-group">
- <div class="input-group-prepend"><span class="input-group-text" id="basic-addon1"><svg
- xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"
- width="24px" height="24px" viewBox="0 0 24 24" version="1.1"
- class="kt-svg-icon">
- <g stroke="none" stroke-width="1" fill="none"
- fill-rule="evenodd">
- <rect x="0" y="0" width="24" height="24"></rect>
- <path
- d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
- fill="#000000" fill-rule="nonzero"
- opacity="0.3"></path>
- <path
- d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
- fill="#000000" fill-rule="nonzero"></path>
- </g>
- </svg></span></div>
- <input type="text" class="form-control" placeholder="Search" aria-describedby="basic-addon1"
- id="myInput" onkeyup="myFunction()">
- </div>
- </div>
- <div class="kt-widget kt-widget--users kt-mt-20">
- <div class="kt-scroll kt-scroll--pull ps ps--active-y" style="height: 207px; overflow: hidden;">
- <div class="kt-widget__items" id="kt-widget__items__list">
- @if(!(\Illuminate\Support\Facades\Auth::user()->role==\App\Models\User::TYPE_ADMIN))
- @php
- $luxteam= \App\Models\User::find(1);
- @endphp
- <a href="/posts/chat/{{1}}" class="kt-widget__item__link">
- <div class="kt-widget__item" data-name="Lux App Team">
- <span class="kt-media kt-media--circle">
- <img src="{{$luxteam->avatarUrl}}" alt="image">
- </span>
- <div class="kt-widget__info">
- <div class="kt-widget__section">
- <span class="kt-widget__username">Lux App Team</span>
- {{--<span class="kt-badge kt-badge--success kt-badge--dot"></span>--}}
- </div>
- <span class="kt-widget__desc">
- {{$luxteam->lastMessage()->first()?$luxteam->lastMessage()->first()->message:''}}
- </span>
- </div>
- <div class="kt-widget__action">
- <span
- class="kt-widget__date">{{$luxteam->lastMessage()->first()?Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $luxteam->lastMessage()->first()->sent_at, 'UTC')->setTimezone('Africa/Kigali')->format('Y-m-d h:i'):''}}</span>
- @if(count($luxteam->unreadMessages)>0)
- <span class="kt-badge kt-badge--success kt-font-bold" id="unread-{{$luxteam->id}}">{{count($luxteam->unreadMessages)}}</span>
- @endif
- </div>
- </div>
- </a>
- @endif
- @foreach($partners as $partner)
- <a href="/posts/chat/{{$partner->id}}" class="kt-widget__item__link">
- <div class="kt-widget__item" data-name="{{$partner->name}}">
- <span class="kt-media kt-media--circle">
- <img src="{{$partner->avatarUrl}}" alt="image">
- </span>
- <div class="kt-widget__info">
- <div class="kt-widget__section">
- <span class="kt-widget__username">{{$partner->name}}</span>
- {{--<span class="kt-badge kt-badge--success kt-badge--dot"></span>--}}
- </div>
- <span class="kt-widget__desc">
- {{$partner->lastMessage()->first()?$partner->lastMessage()->first()->message:''}}
- </span>
- </div>
- <div class="kt-widget__action">
- <span
- class="kt-widget__date">{{$partner->lastMessage()->first()?Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $partner->lastMessage()->first()->sent_at, 'UTC')->setTimezone('Africa/Kigali')->format('Y-m-d h:i'):''}}</span>
- @if(count($partner->unreadMessages)>0)
- <span class="kt-badge kt-badge--success kt-font-bold" id="unread-{{$partner->id}}">{{count($partner->unreadMessages)}}</span>
- @endif
- </div>
- </div>
- </a>
- @endforeach
- </span>
- <div class="kt-widget__info">
- <div class="kt-widget__section">
- <a href="#" class="kt-widget__username">Carles Puyol</a>
- </div>
- <span class="kt-widget__desc">
- Defence Officer
- </span>
- </div>
- <div class="kt-widget__action">
- <span class="kt-widget__date">2 Month</span>
- </div>
- </div>
- <div class="kt-widget__item">
- <span class="kt-media kt-media--circle">
- <img src="/assets/media/users/300_21.jpg" alt="image">
- </span>
- <div class="kt-widget__info">
- <div class="kt-widget__section">
- <a href="#" class="kt-widget__username">Luka Doncic</a>
- </div>
- <span class="kt-widget__desc">
- Dose whatever he wants
- </span>
- </div>
- <div class="kt-widget__action">
- <span class="kt-widget__date">1 Year</span>
- </div>
- </div>
- <div class="kt-widget__item">
- <span class="kt-media kt-media--circle">
- <img src="/assets/media/users/300_9.jpg" alt="image">
- </span>
- <div class="kt-widget__info">
- <div class="kt-widget__section">
- <a href="#" class="kt-widget__username">Matt Pears</a>
- <span class="kt-badge kt-badge--success kt-badge--dot"></span>
- </div>
- <span class="kt-widget__desc">
- Head of Development
- </span>
- </div>
- <div class="kt-widget__action">
- <span class="kt-widget__date">36 Mines</span>
- <span class="kt-badge kt-badge--success kt-font-bold">7</span>
- </div>
- </div>
- <div class="kt-widget__item">
- <span class="kt-media kt-media--circle">
- <img src="/assets/media/users/100_7.jpg" alt="image">
- </span>
- <div class="kt-widget__info">
- <div class="kt-widget__section">
- <a href="#" class="kt-widget__username">Charlie Stone</a>
- <span class="kt-badge kt-badge--success kt-badge--dot"></span>
- </div>
- <span class="kt-widget__desc">
- Art Director
- </span>
- </div>
- <div class="kt-widget__action">
- <span class="kt-widget__date">5 Hours</span>
- <span class="kt-badge kt-badge--success kt-font-bold">2</span>
- </div>
- </div>
- <div class="kt-widget__item">
- <span class="kt-media kt-media--circle">
- <img src="/assets/media/users/100_12.jpg" alt="image">
- </span>
- <div class="kt-widget__info">
- <div class="kt-widget__section">
- <a href="#" class="kt-widget__username">Jason Muller</a>
- <span class="kt-badge kt-badge--success kt-badge--dot"></span>
- </div>
- <span class="kt-widget__desc">
- Python Developer
- </span>
- </div>
- <div class="kt-widget__action">
- <span class="kt-widget__date">2 Days</span>
- </div>
- </div>
- <div class="kt-widget__item">
- <span class="kt-media kt-media--circle">
- <img src="/assets/media/users/100_4.jpg" alt="image">
- </span>
- <div class="kt-widget__info">
- <div class="kt-widget__section">
- <a href="#" class="kt-widget__username">Teresa Fox</a>
- </div>
- <span class="kt-widget__desc">
- PR Executive
- </span>
- </div>
- <div class="kt-widget__action">
- <span class="kt-widget__date">4 Days</span>
- </div>
- </div>
- <div class="kt-widget__item">
- <span class="kt-media kt-media--circle">
- <img src="/assets/media/users/100_8.jpg" alt="image">
- </span>
- <div class="kt-widget__info">
- <div class="kt-widget__section">
- <a href="#" class="kt-widget__username">Giannis Nelson</a>
- </div>
- <span class="kt-widget__desc">
- Lead Cowboy
- </span>
- </div>
- <div class="kt-widget__action">
- <span class="kt-widget__date">1 Week</span>
- </div>
- </div>
- <div class="kt-widget__item">
- <span class="kt-media kt-media--circle">
- <img src="/assets/media/users/300_10.jpg" alt="image">
- </span>
- <div class="kt-widget__info">
- <div class="kt-widget__section">
- <a href="#" class="kt-widget__username">Lisa Moss</a>
- </div>
- <span class="kt-widget__desc">
- QA Manager
- </span>
- </div>
- <div class="kt-widget__action">
- <span class="kt-widget__date">3 Week</span>
- </div>
- </div>
- <div class="kt-widget__item">
- <span class="kt-media kt-media--circle">
- <img src="/assets/media/users/300_13.jpg" alt="image">
- </span>
- <div class="kt-widget__info">
- <div class="kt-widget__section">
- <a href="#" class="kt-widget__username">Carles Puyol</a>
- </div>
- <span class="kt-widget__desc">
- Defence Officer
- </span>
- </div>
- <div class="kt-widget__action">
- <span class="kt-widget__date">2 Month</span>
- </div>
- </div>
- <div class="kt-widget__item">
- <span class="kt-media kt-media--circle">
- <img src="/assets/media/users/300_21.jpg" alt="image">
- </span>
- <div class="kt-widget__info">
- <div class="kt-widget__section">
- <a href="#" class="kt-widget__username">Luka Doncic</a>
- </div>
- <span class="kt-widget__desc">
- Dose whatever he wants
- </span>
- </div>
- <div class="kt-widget__action">
- <span class="kt-widget__date">1 Year</span>
- </div>
- </div>--}}
- </div>
- <div class="ps__rail-x" style="left: 0px; bottom: 0px;">
- <div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div>
- </div>
- <div class="ps__rail-y" style="top: 0px; height: 207px; right: -2px;">
- <div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 40px;"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--end::Portlet-->
- </div>
- <!--End:: App Aside-->
- <!--Begin:: App Content-->
- <div class="kt-grid__item kt-grid__item--fluid kt-app__content" id="kt_chat_content">
- <div class="kt-chat">
- <div class="kt-portlet kt-portlet--head-lg kt-portlet--last">
- @if($id)
- <div class="kt-portlet__head">
- <div class="kt-chat__head ">
- <div class="kt-chat__center">
- <div class="kt-chat__label kt-margin-b-10 ">
- <a href="#" class="kt-chat__title">{{$currentPartner->name}} <span class="badge badge-primary">{{$currentPartner->roleStr}}</span></a>
- </div>
- <div class="kt-chat__pic">
- <span class="kt-chat__status">
- <select class="form-control kt-selectpicker" title="Inquiries" id="posts">
- @foreach($inquiries as $key=>$inquiry)
- <option value="{{$key}}">{{$inquiry}}</option>
- @endforeach
- </select>
- </span>
- </div>
- </div>
- </div>
- </div>
- <div class="kt-portlet__body">
- <div class="kt-scroll kt-scroll--pull ps ps--active-y" data-mobile-height="300"
- style="height: 28px; overflow: hidden;">
- <div class="kt-chat__messages">
- @if($currentPartner->messages->first())
- @include('post.messages', ['messages' => $currentPartner->messages])
- @endif
- </div>
- <div class="ps__rail-x" style="left: 0px; bottom: 0px;">
- <div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div>
- </div>
- <div class="ps__rail-y" style="top: 0px; height: 28px; right: -2px;">
- <div class="ps__thumb-y" tabindex="0" style="top: -12px; height: 40px;"></div>
- </div>
- </div>
- </div>
- <div class="kt-portlet__foot kt-padding-t-5 kt-padding-b-5">
- <div class="kt-chat__input">
- <div class="kt-chat__editor">
- <textarea style="height: 50px" placeholder="Type here..."></textarea>
- </div>
- <div class="kt-chat__toolbar">
- <div class="kt_chat__tools">
- <a href="#"><i class="flaticon2-link"></i></a>
- <div class="dropzone dropzone-multi" id="kt_dropzone_5">
- <div class="dropzone-panel">
- {{--<a class="dropzone-select btn btn-label-brand btn-bold btn-sm">Attach files</a>--}}
- <a class="dropzone-select"><i class="flaticon2-photograph"></i></a>
- </div>
- <div class="dropzone-items">
- <div class="dropzone-item" style="display:none">
- <div class="dropzone-file">
- <div class="dropzone-filename" title="some_image_file_name.jpg">
- <span data-dz-name>some_image_file_name.jpg</span>
- <strong>(<span data-dz-size>340kb</span>)</strong>
- </div>
- <div class="dropzone-error" data-dz-errormessage></div>
- </div>
- <div class="dropzone-progress">
- <div class="progress">
- <div class="progress-bar kt-bg-brand" role="progressbar"
- aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"
- data-dz-uploadprogress></div>
- </div>
- </div>
- <div class="dropzone-toolbar">
- <span class="dropzone-delete" data-dz-remove><i
- class="flaticon2-cross"></i></span>
- </div>
- </div>
- </div>
- </div>
- {{--<a href="#"><i class="flaticon2-photo-camera"></i></a>--}}
- </div>
- <div class="kt_chat__actions">
- <button type="button" class="btn btn-brand btn-sm btn-upper btn-bold kt-chat__reply">reply
- </button>
- </div>
- </div>
- </div>
- </div>
- @else
- <div class="kt-portlet__body">
- <div class="kt-scroll kt-scroll--pull ps ps--active-y" data-mobile-height="300"
- style="height: 28px; overflow: hidden;">
- <div class="alert alert-info" role="alert" >
- <div class="alert-text">
- <h4 class="alert-heading">Chat!</h4>
- <p>Click a conversation from the left side to start!!</p>
- <hr>
- <p class="mb-0" style="height: 300px">Our sellers are ready to negotiate and offer you the best deals.</p>
- </div>
- </div>
- </div>
- </div>
- @endif
- </div>
- </div>
- </div>
- <!--End:: App Content-->
- </div>
- @endsection
- @section('js')
- <script>
- // webpack support
- if (typeof module !== 'undefined') {
- module.exports = KTChat;
- }
- // Class definition
- var KTChat = function () {
- var initChat = function (parentEl) {
- var messageListEl = KTUtil.find(parentEl, '.kt-scroll');
- if (!messageListEl) {
- return;
- }
- // initialize perfect scrollbar(see: https://github.com/utatti/perfect-scrollbar)
- KTUtil.scrollInit(messageListEl, {
- windowScroll: false, // allow browser scroll when the scroll reaches the end of the side
- mobileNativeScroll: true, // enable native scroll for mobile
- desktopNativeScroll: false, // disable native scroll and use custom scroll for desktop
- resetHeightOnDestroy: true, // reset css height on scroll feature destroyed
- handleWindowResize: true, // recalculate hight on window resize
- rememberPosition: true, // remember scroll position in cookie
- height: function () { // calculate height
- var height;
- // Mobile mode
- if (KTUtil.isInResponsiveRange('tablet-and-mobile')) {
- return KTUtil.hasAttr(messageListEl, 'data-mobile-height') ? parseInt(KTUtil.attr(messageListEl, 'data-mobile-height')) : 300;
- }
- // Desktop mode
- if (KTUtil.isInResponsiveRange('desktop') && KTUtil.hasAttr(messageListEl, 'data-height')) {
- return parseInt(KTUtil.attr(messageListEl, 'data-height'));
- }
- var chatEl = KTUtil.find(parentEl, '.kt-chat');
- var portletHeadEl = KTUtil.find(parentEl, '.kt-portlet > .kt-portlet__head');
- var portletBodyEl = KTUtil.find(parentEl, '.kt-portlet > .kt-portlet__body');
- var portletFootEl = KTUtil.find(parentEl, '.kt-portlet > .kt-portlet__foot');
- if (KTUtil.isInResponsiveRange('desktop')) {
- height = KTLayout.getContentHeight();
- } else {
- height = KTUtil.getViewPort().height;
- }
- if (chatEl) {
- height = height - parseInt(KTUtil.css(chatEl, 'margin-top')) - parseInt(KTUtil.css(chatEl, 'margin-bottom'));
- height = height - parseInt(KTUtil.css(chatEl, 'padding-top')) - parseInt(KTUtil.css(chatEl, 'padding-bottom'));
- }
- if (portletHeadEl) {
- height = height - parseInt(KTUtil.css(portletHeadEl, 'height'));
- height = height - parseInt(KTUtil.css(portletHeadEl, 'margin-top')) - parseInt(KTUtil.css(portletHeadEl, 'margin-bottom'));
- }
- if (portletBodyEl) {
- height = height - parseInt(KTUtil.css(portletBodyEl, 'margin-top')) - parseInt(KTUtil.css(portletBodyEl, 'margin-bottom'));
- height = height - parseInt(KTUtil.css(portletBodyEl, 'padding-top')) - parseInt(KTUtil.css(portletBodyEl, 'padding-bottom'));
- }
- if (portletFootEl) {
- height = height - parseInt(KTUtil.css(portletFootEl, 'height'));
- height = height - parseInt(KTUtil.css(portletFootEl, 'margin-top')) - parseInt(KTUtil.css(portletFootEl, 'margin-bottom'));
- }
- // remove additional space
- height = height - 5;
- return height;
- }
- });
- // messaging
- var handleMessaging = function () {
- var scrollEl = KTUtil.find(parentEl, '.kt-scroll');
- var messagesEl = KTUtil.find(parentEl, '.kt-chat__messages');
- var textarea = KTUtil.find(parentEl, '.kt-chat__input textarea');
- var postSelect = KTUtil.find(parentEl, '#posts');
- if (textarea.value.length === 0) {
- return;
- }
- var node = document.createElement("DIV");
- KTUtil.addClass(node, 'kt-chat__message kt-chat__message--right');
- /*var html =
- '<div class="kt-chat__user">' +
- '<span class="kt-chat__datetime">Just now</span>' +
- '<a href="#" class="kt-chat__username">You</span></a>' +
- '<span class="kt-media kt-media--circle kt-media--sm">' +
- '<img src="{{\Illuminate\Support\Facades\Auth::user()->avatarUrl}}" alt="image">' +
- '</span>' +
- '</div>' +
- '<div class="kt-chat__text kt-bg-light-brand">' +
- textarea.value+
- '</div>';*/
- $.post("/post/send-message",
- {
- "_token": "{{ csrf_token() }}",
- message: textarea.value,
- reply_id: "{{ $currentPartner->id??null}}",
- post_id: postSelect.value
- },
- function (data, status) {
- console.log(data[0]);
- var html = '<div class="kt-chat__text kt-bg-light-brand"'+(data[1]?'style="padding-left: 0.3rem!important; padding-top: 0.3rem;"':'')+'>'+
- '<div class="container-fluid">'+
- '<div class="row">'+
- '<div class="col">'+
- (data[1]?
- '<a target="_blank" href="/posts/view/'+data[0].id+'">'+
- '<div class="kt-chat__text kt-bg-light-brand text-muted"'+
- 'style="display: block!important;margin-top: 0!important; border-left-style: solid;border-left-width: 0.3rem;font-weight: 400;border-left-color: #22b9ff;font-size: 0.9rem;padding-top: 2px;padding-bottom: 2px">'+
- data[1].title+
- '</div>'+
- '</a>':'')+
- '<div '+(data[1]?'style="padding-left: 1.6rem;padding-top: 0.8rem;padding-right: 1.6rem;"':'')+'>'+ data[0].message+
- '</div>'+
- '</div>'+
- '<div class="col" style="max-width: 30px!important;">'+
- '<span class="kt-media kt-media--circle kt-media--sm">'+
- '<img src="{{\Illuminate\Support\Facades\Auth::user()->avatarUrl}}" alt="image" style="width: 30px!important;height: 30px!important;object-fit: cover;">'+
- '</span>'+
- '<div class="kt-chat__datetime kt-align-center" style="font-size: 9px!important;line-height: 2px!important; margin-left: 2px">'+data[0].sent_at_formatted+
- '</div>'+
- '</div>'+
- '</div>'+
- '</div>'+
- '</div>';
- KTUtil.setHTML(node, html);
- messagesEl.appendChild(node);
- textarea.value = '';
- scrollEl.scrollTop = parseInt(KTUtil.css(messagesEl, 'height'));
- var ps;
- if (ps = KTUtil.data(scrollEl).get('ps')) {
- ps.update();
- }
- }
- );
- /*setTimeout(function() {
- var node = document.createElement("DIV");
- KTUtil.addClass(node, 'kt-chat__message kt-chat__message--success');
- var html =
- '<div class="kt-chat__user">' +
- '<span class="kt-media kt-media--circle kt-media--sm">' +
- '<img src="/assets/media/users/100_13.jpg" alt="image">' +
- '</span>' +
- '<a href="#" class="kt-chat__username">Max Born</span></a>' +
- '<span class="kt-chat__datetime">Just now</span>' +
- '</div>' +
- '<div class="kt-chat__text kt-bg-light-success">' +
- 'Right before vacation season we have the next Big Deal for you. <br>Book the car of your dreams and save up to <b>25%*</b> worldwide.' +
- '</div>';
- KTUtil.setHTML(node, html);
- messagesEl.appendChild(node);
- textarea.value = '';
- scrollEl.scrollTop = parseInt(KTUtil.css(messagesEl, 'height'));
- var ps;
- if (ps = KTUtil.data(scrollEl).get('ps')) {
- ps.update();
- }
- }, 2000);*/
- }
- // attach events
- KTUtil.on(parentEl, '.kt-chat__input textarea', 'keydown', function (e) {
- if (e.keyCode == 13) {
- handleMessaging();
- e.preventDefault();
- return false;
- }
- });
- KTUtil.on(parentEl, '.kt-chat__input .kt-chat__reply', 'click', function (e) {
- handleMessaging();
- });
- KTUtil.on(parentEl, '#posts', 'change', function (e) {
- filterMessages();
- });
- var filterMessages = function () {
- var filterEl = KTUtil.find(parentEl, '#posts');
- var messagesEl = KTUtil.find(parentEl, '.kt-chat__messages');
- var scrollEl = KTUtil.find(parentEl, '.kt-scroll');
- $.post("/post/filter-messages",
- {
- "_token": "{{ csrf_token() }}",
- user_id: "{{ $currentPartner->id??null}}",
- post_id: filterEl.value
- },
- function (data, status) {
- //alert(data);
- //KTUtil.setHTML(node, html);
- //messagesEl.innerhtml=data;
- $('.kt-chat__messages').html(data);
- //textarea.value = '';
- scrollEl.scrollTop = parseInt(KTUtil.css(messagesEl, 'height'));
- var ps;
- if (ps = KTUtil.data(scrollEl).get('ps')) {
- ps.update();
- }
- }
- );
- }
- }
- return {
- // public functions
- init: function () {
- // init modal chat example
- initChat(KTUtil.getByID('kt_chat_modal'));
- // trigger click to show popup modal chat on page load
- if (encodeURI(window.location.hostname) == 'keenthemes.com' || encodeURI(window.location.hostname) == 'www.keenthemes.com') {
- setTimeout(function () {
- if (!Cookies.get('kt_app_chat_shown')) {
- var expires = new Date(new Date().getTime() + 60 * 60 * 1000); // expire in 60 minutes from now
- Cookies.set('kt_app_chat_shown', 1, {expires: expires});
- KTUtil.getByID('kt_app_chat_launch_btn').click();
- }
- }, 2000);
- }
- },
- setup: function (element) {
- initChat(element);
- }
- };
- }();
- KTUtil.ready(function () {
- KTChat.init();
- markMessagesUnread();
- var parentEl = KTUtil.getByClass('kt-chat');
- var portletBodyEl = KTUtil.find(parentEl, '.kt-portlet > .kt-portlet__body');
- var scrollEl = KTUtil.find(portletBodyEl, '.kt-scroll');
- var messagesEl = KTUtil.find(portletBodyEl, '.kt-chat__messages');
- scrollEl.scrollTop = parseInt(KTUtil.css(messagesEl, 'height'));
- var ps;
- if (ps = KTUtil.data(scrollEl).get('ps')) {
- console.log(parentEl);
- ps.update();
- }
- });
- var markMessagesUnread = function () {
- //var filterEl = KTUtil.find(parentEl, '#posts');
- //var messagesEl = KTUtil.find(parentEl, '.kt-chat__messages');
- //var scrollEl = KTUtil.find(parentEl, '.kt-scroll');
- var unreadBadge = KTUtil.getByID('unread-'+'{{ $currentPartner->id??null}}');
- //var unreadBadge = KTUtil.find(parentEl, '#unread-'+{{ $currentPartner->id??null}});
- if(unreadBadge!=null) {
- $.post("/post/mark-as-read",
- {
- "_token": "{{ csrf_token() }}",
- user_id: "{{ $currentPartner->id??null}}"
- },
- function (data, status) {
- unreadBadge.remove();
- //alert(data);
- //KTUtil.setHTML(node, html);
- //messagesEl.innerhtml=data;
- //$('.kt-chat__messages').html(data);
- //textarea.value = '';
- //scrollEl.scrollTop = parseInt(KTUtil.css(messagesEl, 'height'));
- //var ps;
- //if (ps = KTUtil.data(scrollEl).get('ps')) {
- // ps.update();
- //}
- }
- );
- }
- }
- function myFunction() {
- // Declare variables
- var input, filter, ul, li, a, i, txtValue;
- input = document.getElementById('myInput');
- filter = input.value.toUpperCase();
- ul = document.getElementById('kt-widget__items__list');
- li = ul.getElementsByClassName('kt-widget__item__link');
- // Loop through all list items, and hide those who don't match the search query
- for (i = 0; i < li.length; i++) {
- a = li[i].getElementsByTagName("div")[0];
- txtValue = a.textContent || a.innerText;
- if (txtValue.toUpperCase().indexOf(filter) > -1) {
- li[i].style.display = "";
- } else {
- li[i].style.display = "none";
- }
- }
- }
- </script>
- <script src="/assets/js/pages/custom/chat/chat.js" type="text/javascript"></script>
- <script src="/assets/js/pages/crud/forms/widgets/bootstrap-datetimepicker.js" type="text/javascript"></script>
- <script src="/assets/js/pages/crud/forms/widgets/select2.js" type="text/javascript"></script>
- <script src="/assets/js/pages/crud/file-upload/dropzonejs.js" type="text/javascript"></script>
- <script src="/assets/js/pages/crud/forms/widgets/bootstrap-select.js" type="text/javascript"></script>
- @endsection
Advertisement
Add Comment
Please, Sign In to add comment
-
✅⭐ Make huge profits on trading ⭐⭐ 3
JavaScript | 4 sec ago | 0.25 KB
-
⚡ Crypto Swap Glitch ✅ Working ⚡
JavaScript | 6 sec ago | 0.24 KB
-
✅ Marketplace Glitch ✅ Working NEVER SEEN BE...
JavaScript | 13 sec ago | 0.25 KB
-
⭐⭐⭐MAKE $500 IN 15 MIN⭐⭐
Java | 13 sec ago | 0.15 KB
-
⭐✅ Exploit 2500$ in 15 Minutes⭐⭐⭐ W
JavaScript | 22 sec ago | 0.25 KB
-
⭐⭐⭐Crypto Accounts⭐⭐
Java | 25 sec ago | 0.15 KB
-
🚀 Swapzone +37% glitch
JavaScript | 26 sec ago | 0.24 KB
-
📝 EASY MONEY GUIDE ✅ Working S
JavaScript | 31 sec ago | 0.25 KB
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand