Skip to content

Commit

Permalink
Merge pull request #27 from Webdunia8726/main
Browse files Browse the repository at this point in the history
chatbox added
  • Loading branch information
Mahima0Verma authored Apr 8, 2024
2 parents 4a8ba31 + 0ba5f08 commit 87fbf33
Show file tree
Hide file tree
Showing 8 changed files with 874 additions and 0 deletions.
135 changes: 135 additions & 0 deletions assets/css/chatbox_raj.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,135 @@
body {
background-color: #f8f8f8;
}

.btntouch {
margin-top: 5px;
font-weight: 500;
font-size: 12px;
height: 26px;
width: 84px;
border: none;
border-radius: 5px;
background-color: #eafcff;
}

.chat-box {
padding: 0px;

}

.chat-messages {
height: 350px;
overflow-y: auto;
}

.card-footer {
padding-top: 10px;
padding-bottom: 10px;
}

.input-group {
margin-bottom: 10px;
}

.message-container {
display: flex;
align-items: flex-start;
margin-bottom: 10px;
}

.message-container.user2 {
align-items: flex-end;
}

.user-name {
font-weight: bold;
margin-right: 10px;
}

.message-bubble {
background-color: #f0f0f0;
padding: 10px;
border-radius: 10px;
}

.message-bubble.user2 {
background-color: #DCF8C6;
}

.user-section {
padding-right: 15px;
padding-left: 0px;
max-height: calc(110vh - 200px);
overflow-y: auto;
border: 1px solid rgb(235, 226, 226);
}

.user-list {
list-style: none;
padding-left: 0;
}

.user-list-item {
cursor: pointer;
padding: 20px;
border: 1px solid rgb(247, 240, 240);
}

.user-list-item.active {
background-color: #f0f0f0;
}

.user-list-item:hover {
border-left: 3px solid #38a4e4;
}

@media (max-width: 768px) {
.user-section {
border-right: none;
padding-right: 0;
max-height: none;
max-height: calc(50vh - 200px);
overflow-y: auto;

}

.usersectionbox {
display: none;
}

.user-section {
display: none;
}

}

.chat-box-section {
max-height: calc(100vh - 100px);
overflow-y: auto;
}

.chatbox {
margin-top: 50px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
border: 1px solid rgb(250, 246, 246);
background-color: white;
}

/* btn */
/* Custom CSS for toggle button */
.toggle-btn {
cursor: pointer;
}

.toggle-btn.active {
background-color: #007bff;
color: #fff;

}

.btn {
width: 120px;
border-radius: 50px;
border: 1px solid rgb(192, 179, 179);
}
197 changes: 197 additions & 0 deletions assets/css/internhome.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,197 @@

.body{
margin: 0px;
padding: 0px;
font-family: "PT Serif", serif !important;
font-weight: 400;


}
/* logo */
/* .logoimg{
width: 150px;
height: 100px;
} */

/* navbar css */

.dropdown:hover .dropdown-menu {
display: block;
}

.dropdown-menu ul{
list-style: none;
padding: 0;
}
.dropdown-menu.show{
display: flex;
}
.dropdown-menu li:first-child a{
font-weight: bold;
font-size: 16px;
}
/* Custom styling for mega menu */
.mega-menu {
position: static !important;
}

.mega-menu .dropdown-menu {
width: 50%;
padding: 15px;
display: none; /* Hide dropdown menu by default */
left: 25%; /* Adjust the left position to center horizontally */
}

.mega-menu:hover .dropdown-menu {
display: block; /* Show dropdown menu when hovering over mega-menu */
}

.mega-menu .dropdown-menu a {
display: block;
color: #212529;
text-decoration: none;
}

.dropdown-menu ul {
list-style: none;
padding: 0;
}

.dropdown-menu.show {
display: flex;
}
.dropdown-menu a:hover{
color: #1c6bc2;
}

.dropdown-menu li:first-child a {
font-weight: bold;
font-size: 16px;
}
.nav-link{
font-weight: 500;
}
.nav-link:hover{
border-bottom: 2px solid green;
color: green !important;
}


/* end .. */
/* banner css */
.bannerimg{
margin: 0;
padding: 0;
width: 100%;
}
/* end */
/* cardindia img */

.card1 {
cursor: pointer;
position: relative;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card1 img {
width: 100%;
height: 200px;
transition: transform 0.3s ease;
}

.card1:hover img {
transform: scale(1.1);
}

.btncountry {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
color: white;
border: none;
border-radius: 5px;
padding: 8px 16px;
font-size: 16px;
cursor: pointer;
width: 160px;
height: 40px;
/* From https://css.glass */
background: rgba(20, 16, 16, 0.69);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
border: 1px solid rgba(20, 16, 16, 0.04);
}

.btn-container {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
z-index: 1; /* Ensure button is above the image */
}
/* why hire me css */
.hirewhy{
border: 2px solid rgb(219, 216, 216);
padding: 20px;
margin-top: 50px;
border-radius: 10px;
}
.colorhire{
color: #1c6bc2;
}
/* post banner css */
.post{
margin-top: 100px;

height: 175px;
background-color: #1c6bc2;
border-radius: 10px;
}
.starth1{
color: white;
}
.btnPost {
background-color: #ffbe03;
font-weight: 600;
font-size: 16px;
padding: 10px;
width: 160px;

}
.btnPost:hover{
background-color: #ffbe03;

}
/* footer css */
.footer{
color: white !important;
background-color: black;
margin-top: 100px;
padding: 50px;
}
.footer p{
margin-bottom: -0px;
}
.footer li{
list-style: none;
}
.footer a{
text-decoration: none;
color: white;
}
.footer a:hover{
color: #1c6bc2;
font-weight: 500;
}
.footer h5{
border-bottom: 2px solid #f15a1f;
padding-bottom: 10px;
}
.footer i {
cursor: pointer !important;
margin: 2px;
}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/interhomeimg/Predulive Org Logo .png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/interhomeimg/download.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
36 changes: 36 additions & 0 deletions assets/js/chatbox_raj.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
$(document).ready(function () {
$(".user-list-item").click(function () {
// Remove active class from all user-list-items
$(".user-list-item").removeClass("active");
// Add active class to clicked user-list-item
$(this).addClass("active");
// Get the text from the user-info paragraph of the clicked user-list-item
var userName = $(this).find(".user-info").text();
// Update the chatUserName span with the username
$("#chatUserName").text("Chat with " + userName);
// You can add logic to load previous chat history or reset the chat messages here
});

$("#sendBtn").click(function () {
var message = $(".form-control").val();
if (message.trim() !== "") {
$(".chat-messages").append("<div class='message-container'><div class='user-name'>You:</div><div class='message-bubble'>" + message + "</div></div>");
$(".form-control").val("");
$(".chat-messages").scrollTop($(".chat-messages")[0].scrollHeight);
}
});

// Pressing Enter to send message
$(".form-control").keypress(function (e) {
if (e.which === 13) {
$("#sendBtn").click();
}
});
});
// button toggle js
$(document).ready(function () {
$('.toggle-btn').click(function () {
$('.toggle-btn').removeClass('active');
$(this).addClass('active');
});
});
Loading

0 comments on commit 87fbf33

Please sign in to comment.