Bug Fix 645

Author: hackthedev

README.md

@@ -40,4 +40,4 @@ Example: localhost:2052
 
 ## Tutorial
 (version in video slightly outdated)<br>
-[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/LJ_IEe7nZnw/0.jpg)](https://www.youtube.com/watch?v=LJ_IEe7nZnw)
+[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/LJ_IEe7nZnw/0.jpg)](https://www.youtube.com/watch?v=LJ_IEe7nZnw)

check.sh

@@ -4,5 +4,5 @@
 sleep 4
 if ! screen -list | grep -q "dcts"; then
     echo "is not running"
-    sh /home/example/start.sh
+    sh /home/dcts/start.sh
 fi

clear.bat

@@ -0,0 +1,9 @@
+@echo off
+
+rmdir chats /S /Q
+rmdir logs /S /Q
+rmdir config_backups /S /Q
+rmdir node_modules /S /Q
+
+del config.json
+copy config.example.json config.json

dcts-shipping.rar

@@ -10,10 +10,13 @@
             src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.1.1/socket.io.js"
             crossorigin="anonymous"
     ></script>
-    <script defer src="chat.js?v=4"></script>
-    <script src="notify.js?v=3"></script>
+
+    <script src="notify.js?v=5"></script>
+    <script src="prompt.js?v=5"></script>
+    <script defer src="chat.js?v=6"></script>
 
     <link href="/settings/account/page/profile/profile.css" rel="stylesheet">
+    <link href="prompt.css" rel="stylesheet">
     <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
 
     <title>Document</title>
@@ -84,7 +87,7 @@
     }
 
     #serverbanner-container {
-        height: calc(20% - 40px);
+        height: calc(200px - 40px);
         width: calc(100%);
         background-color: transparent;
         margin: 0 0 20px 0;
@@ -475,6 +478,7 @@
 
     .message-profile-content-message-appended, .message-profile-content-message{
         padding: 4px 8px 4px 8px;
+        text-align: left;
     }
 
     .message-profile-content-message-appended:hover{
@@ -812,6 +816,17 @@
         display: block;
     }
 
+    .emoji-entry img.emoji:hover{
+        cursor: pointer;
+        border-radius: 10%;
+        transition: all 200ms;
+    }
+
+    .emoji-entry img.emoji:not(:hover){
+        border-radius: 0;
+        transition: all 200ms;
+    }
+
     #emoji-box-container .emoji-entry .emoji-img img{
         float: left;
         width: 35px;
@@ -851,8 +866,11 @@
         height: 12%;
 
         padding: 4px;
-        padding-bottom: -2px;
-        padding-top: 12px;
+        padding-left: 8px;
+        padding-bottom: -4px;
+        padding-top: 16px;
+
+        overflow: hidden;
     }
 
     #emoji-entry-container {
@@ -897,7 +915,7 @@
         color: skyblue;
 
         padding: 2px 4px 2px 4px !important;
-        margin: 0px 2px 0px 2px;
+        margin: 0px 2px 0px 0px;
 
         border-radius: 4px;
         /*width: calc(100% - 16px) !important;*/

index.js

@@ -0,0 +1,91 @@
+#prompt-container {
+    background-color: #36393F;
+    color: white;
+    padding: 16px;
+    border-radius: 10px;
+    border: 1px solid #677073;
+    max-width: 50%;
+
+    display: block;
+    justify-content: center;
+
+    position: fixed;
+
+    -webkit-box-shadow: 29px 41px 29px -1px rgba(0,0,0,0.75);
+    -moz-box-shadow: 29px 41px 29px -1px rgba(0,0,0,0.75);
+    box-shadow: 29px 41px 29px -1px rgba(0,0,0,0.75);
+
+    z-index: 99999;
+
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-right: -50%;
+    transform: translate(-50%, -50%);
+
+    animation: fadein 0.5s;
+}
+
+#prompt-content-container {
+    display: flex;
+}
+
+#prompt-img-container {
+    float: left;
+    background-color: transparent;
+    margin: auto;
+    margin-right: 8px;
+    display: block;
+    width: 50px;
+}
+
+#prompt-text-container {
+    float: right;
+    background-color: transparent;
+    /* width: calc(100% - 50px - 16px); */
+    padding: 0 8px 0 8px;
+
+}
+
+#prompt-container #prompt-icon {
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+}
+
+#prompt-container #prompt-title {
+    background-color: transparent;
+    display: inline-block;
+    font-weight: bold;
+    margin-top: 0px;
+}
+
+#prompt-container #prompt-text {
+    background-color: transparent;
+    display: block;
+    display: inline-block;
+    margin-bottom: 0;
+    word-break: break-all;
+}
+
+#prompt-input-container input {
+    outline: none;
+    padding: 2px 4px 2px 4px;
+    margin: 4px;
+    background-color: #36393F;
+    color: white;
+    border: 1px solid white;
+    border-radius: 4px;
+}
+
+#prompt-input-container {
+    background-color: transparent;
+    float: left;
+    margin-top: 8px;
+}
+
+#prompt-input-container button {
+    margin-top: 16px;
+    margin-right: 4px;
+    float: left;
+}