Gecko [ thecigaretteboxes.com ]

Name	Size	Permission
apexchart	[ DIR ]	drwxr-xr-x
bookmark	[ DIR ]	drwxr-xr-x
chartist	[ DIR ]	drwxr-xr-x
chartjs	[ DIR ]	drwxr-xr-x
choices.js	[ DIR ]	drwxr-xr-x
clipboard	[ DIR ]	drwxr-xr-x
contacts	[ DIR ]	drwxr-xr-x
counter	[ DIR ]	drwxr-xr-x
custom-card	[ DIR ]	drwxr-xr-x
dashboard	[ DIR ]	drwxr-xr-x
datatable	[ DIR ]	drwxr-xr-x
datepicker	[ DIR ]	drwxr-xr-x
dropzone	[ DIR ]	drwxr-xr-x
editor	[ DIR ]	drwxr-xr-x
emoji-js	[ DIR ]	drwxr-xr-x
filepond	[ DIR ]	drwxr-xr-x
form-wizard	[ DIR ]	drwxr-xr-x
fullcalendar	[ DIR ]	drwxr-xr-x
general-widget	[ DIR ]	drwxr-xr-x
icons	[ DIR ]	drwxr-xr-x
img-cropper	[ DIR ]	drwxr-xr-x
jkanban	[ DIR ]	drwxr-xr-x
jsgrid	[ DIR ]	drwxr-xr-x
landing	[ DIR ]	drwxr-xr-x
letter-box	[ DIR ]	drwxr-xr-x
masonry	[ DIR ]	drwxr-xr-x
modal	[ DIR ]	drwxr-xr-x
notify	[ DIR ]	drwxr-xr-x
photoswipe	[ DIR ]	drwxr-xr-x
pikaday	[ DIR ]	drwxr-xr-x
prism	[ DIR ]	drwxr-xr-x
product	[ DIR ]	drwxr-xr-x
rangeslider	[ DIR ]	drwxr-xr-x
rating	[ DIR ]	drwxr-xr-x
scrollable	[ DIR ]	drwxr-xr-x
scrollbar	[ DIR ]	drwxr-xr-x
select2	[ DIR ]	drwxr-xr-x
sweetalert	[ DIR ]	drwxr-xr-x
swiper	[ DIR ]	drwxr-xr-x
theme-customizer	[ DIR ]	drwxr-xr-x
timeline	[ DIR ]	drwxr-xr-x
tree	[ DIR ]	drwxr-xr-x
two-factor	[ DIR ]	drwxr-xr-x
vector-map	[ DIR ]	drwxr-xr-x
vendors	[ DIR ]	drwxr-xr-x
widget	[ DIR ]	drwxr-xr-x
alert.js	755 B	-rw-r--r--
aos-init.js	11 B	-rw-r--r--
common-chat.js	1.92 KB	-rw-r--r--
config.js	977 B	-rw-r--r--
countdown.js	706 B	-rw-r--r--
custom-flatpickr.js	2.13 KB	-rw-r--r--
custom-quill.js	522 B	-rw-r--r--
datamap-custom.js	6.04 KB	-rw-r--r--
draggable-custom.js	148 B	-rw-r--r--
form-validation-custom.js	628 B	-rw-r--r--
gallery-mixin.js	87 B	-rw-r--r--
height-equal.js	885 B	-rw-r--r--
md-sidebar.js	361 B	-rw-r--r--
modernizr.js	7.34 KB	-rw-r--r--
password.js	572 B	-rw-r--r--
popover-custom.js	293 B	-rw-r--r--
print.js	60 B	-rw-r--r--
script.js	5.08 KB	-rw-r--r--
sidebar.js	7.44 KB	-rw-r--r--
support-custom.js	107 B	-rw-r--r--
tooltip-custom.js	294 B	-rw-r--r--
tour-custom.js	151 B	-rw-r--r--
translate-custom.js	3.54 KB	-rw-r--r--
validation-modal.js	606 B	-rw-r--r--
wow-custom.js	187 B	-rw-r--r--

Name

Size

Permission

Action

apexchart

[ DIR ]

drwxr-xr-x

bookmark

[ DIR ]

drwxr-xr-x

chartist

[ DIR ]

drwxr-xr-x

chartjs

[ DIR ]

drwxr-xr-x

choices.js

[ DIR ]

drwxr-xr-x

clipboard

[ DIR ]

drwxr-xr-x

contacts

[ DIR ]

drwxr-xr-x

counter

[ DIR ]

drwxr-xr-x

custom-card

[ DIR ]

drwxr-xr-x

dashboard

[ DIR ]

drwxr-xr-x

datatable

[ DIR ]

drwxr-xr-x

datepicker

[ DIR ]

drwxr-xr-x

dropzone

[ DIR ]

drwxr-xr-x

editor

[ DIR ]

drwxr-xr-x

emoji-js

[ DIR ]

drwxr-xr-x

filepond

[ DIR ]

drwxr-xr-x

form-wizard

[ DIR ]

drwxr-xr-x

fullcalendar

[ DIR ]

drwxr-xr-x

general-widget

[ DIR ]

drwxr-xr-x

icons

[ DIR ]

drwxr-xr-x

img-cropper

[ DIR ]

drwxr-xr-x

jkanban

[ DIR ]

drwxr-xr-x

jsgrid

[ DIR ]

drwxr-xr-x

landing

[ DIR ]

drwxr-xr-x

letter-box

[ DIR ]

drwxr-xr-x

masonry

[ DIR ]

drwxr-xr-x

modal

[ DIR ]

drwxr-xr-x

notify

[ DIR ]

drwxr-xr-x

photoswipe

[ DIR ]

drwxr-xr-x

pikaday

[ DIR ]

drwxr-xr-x

prism

[ DIR ]

drwxr-xr-x

product

[ DIR ]

drwxr-xr-x

rangeslider

[ DIR ]

drwxr-xr-x

rating

[ DIR ]

drwxr-xr-x

scrollable

[ DIR ]

drwxr-xr-x

scrollbar

[ DIR ]

drwxr-xr-x

select2

[ DIR ]

drwxr-xr-x

sweetalert

[ DIR ]

drwxr-xr-x

swiper

[ DIR ]

drwxr-xr-x

theme-customizer

[ DIR ]

drwxr-xr-x

timeline

[ DIR ]

drwxr-xr-x

tree

[ DIR ]

drwxr-xr-x

two-factor

[ DIR ]

drwxr-xr-x

vector-map

[ DIR ]

drwxr-xr-x

vendors

[ DIR ]

drwxr-xr-x

widget

[ DIR ]

drwxr-xr-x

alert.js

755 B

-rw-r--r--

aos-init.js

11 B

-rw-r--r--

common-chat.js

1.92 KB

-rw-r--r--

config.js

977 B

-rw-r--r--

countdown.js

706 B

-rw-r--r--

custom-flatpickr.js

2.13 KB

-rw-r--r--

custom-quill.js

522 B

-rw-r--r--

datamap-custom.js

6.04 KB

-rw-r--r--

draggable-custom.js

148 B

-rw-r--r--

form-validation-custom.js

628 B

-rw-r--r--

gallery-mixin.js

87 B

-rw-r--r--

height-equal.js

885 B

-rw-r--r--

md-sidebar.js

361 B

-rw-r--r--

modernizr.js

7.34 KB

-rw-r--r--

password.js

572 B

-rw-r--r--

popover-custom.js

293 B

-rw-r--r--

print.js

60 B

-rw-r--r--

script.js

5.08 KB

-rw-r--r--

sidebar.js

7.44 KB

-rw-r--r--

support-custom.js

107 B

-rw-r--r--

tooltip-custom.js

294 B

-rw-r--r--

tour-custom.js

151 B

-rw-r--r--

translate-custom.js

3.54 KB

-rw-r--r--

validation-modal.js

606 B

-rw-r--r--

wow-custom.js

187 B

-rw-r--r--

Code Editor : common-chat.js

const msgerForm = get(".msger-inputarea");
const msgerInput = get(".msger-input");
const msgerChat = get(".msger-chat");

const BOT_MSGS = [
  "Hi, how are you?",
  "Ohh... I can't understand what you trying to say. Sorry!",
  "I like to play games... But I don't know how to play!",
  "Sorry if my answers are not relevant. :))",
  "I feel sleepy! :(",
];

// Icons made by Freepik from www.flaticon.com
const BOT_IMG = "../assets/images/avatar/1.jpg";
const PERSON_IMG = "../assets/images/avatar/2.jpg";
const BOT_NAME = "Theresa Webb";
const PERSON_NAME = "Darrell Steward";

msgerForm.addEventListener("submit", (event) => {
  event.preventDefault();

const msgText = msgerInput.value;
  if (!msgText) return;

appendMessage(PERSON_NAME, PERSON_IMG, "right", msgText);
  msgerInput.value = "";

botResponse();
});

function appendMessage(name, img, side, text) {
  //   Simple solution for small apps
  const msgHTML = `
    <div class="msg ${side}-msg">
      <div class="msg-img" style="background-image: url(${img})"></div>

<div class="msg-bubble">
        <div class="msg-info">
          <div class="msg-info-name">${name}</div>
          <div class="msg-info-time">${formatDate(new Date())}</div>
        </div>

<div class="msg-text">${text}</div>
      </div>
    </div>
  `;

msgerChat.insertAdjacentHTML("beforeend", msgHTML);
  msgerChat.scrollTop += 500;
}

function botResponse() {
  const r = random(0, BOT_MSGS.length - 1);
  const msgText = BOT_MSGS[r];
  const delay = msgText.split(" ").length * 100;

setTimeout(() => {
    appendMessage(BOT_NAME, BOT_IMG, "left", msgText);
  }, delay);
}

// Utils
function get(selector, root = document) {
  return root.querySelector(selector);
}

function formatDate(date) {
  const h = "0" + date.getHours();
  const m = "0" + date.getMinutes();

return `${h.slice(-2)}:${m.slice(-2)}`;
}

function random(min, max) {
  return Math.floor(Math.random() * (max - min) + min);
}

${this.title}

Code Editor : common-chat.js