PHP Dosya Yöneticisi

firebase.initializeApp(firebaseConfig);
  </script>

<div class="row chat-wrapper">
    <div class="col-md-12">
<div class="card">
<div class="card-body">
<div class="row position-relative">
    <div class="col-lg-4 chat-aside border-end-lg">
    <div class="aside-content">
        <div class="aside-header">
        <div class="d-flex justify-content-between align-items-center pb-2 mb-2">
            <div class="d-flex align-items-center">
            
            <div>
                <h6>Sohbet</h6>
                <p class="text-muted tx-13">Fallabi Sohbetleri</p>
            </div>
            </div>
        </div>
        </div>
        <div class="aside-body">
        <ul class="nav nav-tabs nav-fill mt-3" role="tablist">
            <li class="nav-item">
            <a class="nav-link active" id="chats-tab" data-bs-toggle="tab" data-bs-target="#chats" role="tab" aria-controls="chats" aria-selected="true">
                <div class="d-flex flex-row flex-lg-column flex-xl-row align-items-center justify-content-center">
                <i data-feather="message-square" class="icon-sm me-sm-2 me-lg-0 me-xl-2 mb-md-1 mb-xl-0"></i>
                <p class="d-none d-sm-block">Sohbetler</p>
                </div>
            </a>
            </li>
        </ul>
        <div class="tab-content mt-3">
            <div class="tab-pane fade show active" id="chats" role="tabpanel" aria-labelledby="chats-tab">
            <div class="sidebar-body">
                <ul class="list-unstyled chat-contact-list px-1">
                
                <li class="chat-item pe-1" style="display:none">
                    <a href="javascript:;" class="d-flex align-items-center">
                    <figure class="mb-0 me-2">
                        <img src="https://via.placeholder.com/37x37" class="img-xs rounded-circle" alt="user">
                        <div class="status online"></div>
                    </figure>
                    <div class="d-flex justify-content-between flex-grow-1 border-bottom">
                        <div>
                        <p class="text-body fw-bolder">John Doe</p>
                        <p class="text-muted tx-13">Hi, How are you?</p>
                        </div>
                        <div class="d-flex flex-column align-items-end">
                        <p class="text-muted tx-13 mb-1">4:32 PM</p>
                        <div class="badge rounded-pill bg-primary ms-auto">5</div>
                        </div>
                    </div>
                    </a>
                </li>
                
                </ul>
            </div>
            </div>
            
        </div>
        </div>
    </div>
    </div>
    <div class="col-lg-8 chat-content">
    <div class="chat-header border-bottom pb-2">
        <div class="d-flex justify-content-between">
        <div class="d-flex align-items-center" data-bs-toggle="sidebar" data-overlay data-target="#app-chat-contacts">
            <i data-feather="corner-up-left" id="backToChatList" class="icon-lg me-2 ms-n2 text-muted d-lg-none"></i>
            <figure class="mb-0 me-2">
            <img src="assets/img/avatars/2.png" class="img-sm rounded-circle chatAvatar" alt="image" data-bs-toggle="sidebar" data-overlay data-target="#app-chat-sidebar-right">
            </figure>
            <div>
            <p class="chatAdSoyad">Sohbet seçin..</p>
            <p class="text-muted tx-13">Onay Durumu: <span class="onayDurumu" style="color: black; font-weight: 700;">Bekleniyor...</span></p>
            </div>
        </div>
        <div class="d-flex align-items-center me-n1" data-overlay data-target="#app-chat-contacts">
            <a class="me-3 onaylaGonder" type="button" data-bs-toggle="tooltip" data-bs-title="Onaylama Gönder">
                <i style="color:#1da1f1 !important;" data-feather="check-circle" class="icon-lg text-muted"></i>
            </a>
            <a class="me-3 konusmaBitir" type="button" data-bs-toggle="tooltip" data-bs-title="Konuşmayı Bitir">
                <i data-feather="x" class="icon-lg text-muted"></i>
            </a>
            <a class="me-3 sohbetGorunmezYap" type="button" data-bs-toggle="tooltip" data-bs-title="Sohbeti Sil">
                <i style="color:red !important;" data-feather="trash-2" class="icon-lg text-muted"></i>
            </a>

<div class="a" style="position:absolute; left:460px; margin-top: -80px; background: #000; padding: 8px; border-radius: 4px; color: #fff; width: 670px;">
                <h6 class="m-0" style="font-size: 11px !important;">Kişisel Bilgiler: <span class="kisiselBilgiler">Bekleniyor...</span>
            </div>
        </div>
        </div>
    </div>
    <div class="chat-history-body chat-body">
        <ul class="messages">
            <li class="message-item friend">
                <img src="https://via.placeholder.com/36x36" class="img-xs rounded-circle" alt="avatar">
                <div class="content">
                <div class="message">
                    <div class="bubble">
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                    </div>
                    <span>8:12 PM</span>
                </div>
                </div>
            </li>
            <li class="message-item me">
                <img src="https://via.placeholder.com/36x36" class="img-xs rounded-circle" alt="avatar">
                <div class="content">
                <div class="message">
                    <div class="bubble">
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry printing and typesetting industry.</p>
                    </div>
                </div>
                <div class="message">
                    <div class="bubble">
                    <p>Lorem Ipsum.</p>
                    </div>
                    <span>8:13 PM</span>
                </div>
                </div>
            </li>
        </ul>

</div>
    <div class="chat-footer d-flex">
        <div>
        <button type="button" class="btn border btn-icon rounded-circle me-2 message-input" data-bs-toggle="tooltip" data-bs-title="Emoji">
            <i data-feather="smile" class="text-muted"></i>
        </button>
        </div>
        <form class="form-send-message flex-grow-1 me-2">
            <div class="input-group">
                <input class="form-control rounded-pill message-input" id="messageInput" placeholder="Mesajınız">
            </div>

<script src="/assets/vendors/core/core.js"></script>

<script src="/assets/vendors/feather-icons/feather.min.js"></script>
	<script src="/assets/js/template.js"></script>

<script src="/assets/js/chat.js"></script>

new EmojiPicker({
      trigger: [
        {
          selector: '.smiley-icon',
          insertInto: ['.message-input'] // '.selector' can be used without array
        }
      ],
      closeButton: true,
      //specialButtons: green
    });

</script>

İptal

📁 PHP Dosya Yöneticisi

📝 canli_fallar.php

📝 canli_fallar.php

📝 Yeniden Adlandır

🔐 Dosya İzinleri (chmod)