Hugging Face's logo

Spaces:
redfernstech
/
FernAI
Sleeping

App Files Community
srinuksv commited on
Commit
3cfb372
·
verified ·
1 Parent(s): bc69486

Update static/index.html

Browse files
Files changed (1) hide show
  1. static/index.html +45 -40
static/index.html CHANGED
@@ -19,6 +19,7 @@
19
  border-radius: 30px;
20
  background-color: #fafafa;
21
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
 
22
  }
23
  #chat-history {
24
  height: 530px;
@@ -50,7 +51,7 @@
50
  background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
51
  color: #721c24;
52
  margin-right: auto;
53
- border-radius: 15px 15px 15px 0;
54
  }
55
  .user-icon, .bot-icon {
56
  margin-right: 8px;
@@ -91,12 +92,23 @@
91
  display: none;
92
  margin-top: 5px;
93
  }
 
 
 
 
 
 
 
 
94
  </style>
95
  <title>Chat Interface</title>
96
  </head>
97
  <body>
98
  <div id="chat-container" class="rounded p-4 shadow">
99
  <input type="hidden" id="user-id" value="{{ user_id }}">
 
 
 
100
  <div id="chat-history" class="mb-3"></div>
101
  <div id="loading" class="spinner-border text-primary" role="status">
102
  <span class="sr-only">Loading...</span>
@@ -107,9 +119,6 @@
107
  <button id="send-button" class="btn btn-icon" aria-label="Send message">
108
  <i class="fas fa-paper-plane"></i>
109
  </button>
110
- <button id="close-button" class="btn btn-close" aria-label="Close chat">
111
- <i class="fas fa-times"></i>
112
- </button>
113
  </div>
114
  </div>
115
  </div>
@@ -159,41 +168,37 @@
159
  }
160
  }
161
 
162
- function addMessage(sender, message, className) {
163
- const chatHistory = document.getElementById("chat-history");
164
- const messageElement = document.createElement("div");
165
- messageElement.className = `message ${className}`;
166
- // Check if the message contains a URL
167
- const linkRegex = /(https?:\/\/[^\s]+)/g;
168
- const formattedMessage = message.replace(linkRegex, function(url) {
169
- let linkText;
170
-
171
- if (url === "https://appexchange.salesforce.com/appxListingDetail?listingId=cf4b19d4-8667-49f7-83b0-d2bc4032527b") {
172
- linkText = "Visit this link to check out the Product Filter App.";
173
- } else if (url === "https://appexchange.salesforce.com/appxListingDetail?listingId=e671f4fe-92fb-4760-99e5-7a5df5754cfe") {
174
- linkText = "Visit this link to check out the Mass Approvals App.";
175
- } else if (url === "https://appexchange.salesforce.com/appxListingDetail?listingId=3473ffd3-d530-462f-828f-d2c69f80d89d") {
176
- linkText = "Visit this link to check out the Thumbnail Viewer App.";
177
- } else if (url === "https://appexchange.salesforce.com/appxListingDetail?listingId=6d605bd9-de3c-49d3-9fa4-ec3caabd5d63") {
178
- linkText = "Visit this link to check out the Currency Conversion App.";
179
- } else if (url === "https://redfernstech.com/careers/") {
180
- linkText = "Visit this link to check out the careers.";
181
- } else {
182
- linkText = "Visit this link."; // Fallback for other URLs
183
- }
184
-
185
- return `<a href="${url}" target="_blank">${linkText}</a>`;
186
- });
187
-
188
- const icon = sender === "User" ? '<i class="fas fa-user user-icon"></i>' : '<i class="fas fa-user-tie"></i>';
189
- messageElement.innerHTML = `${icon}<div>${formattedMessage} <span class="timestamp">${new Date().toLocaleTimeString()}</span></div>`;
190
- messageElement.onclick = function() {
191
- const timestamp = messageElement.querySelector('.timestamp');
192
- timestamp.style.display = timestamp.style.display === 'none' ? 'block' : 'none';
193
- };
194
- chatHistory.appendChild(messageElement);
195
- chatHistory.scrollTop = chatHistory.scrollHeight;
196
- }
197
 
198
  function showTypingIndicator() {
199
  const typingElement = document.createElement("div");
@@ -222,7 +227,7 @@ function addMessage(sender, message, className) {
222
  } catch (error) {
223
  console.error('Error sending chat history:', error);
224
  } finally {
225
- window.open('https://redfernstech.com/', '_blank');
226
  }
227
  }
228
  </script>
 
19
  border-radius: 30px;
20
  background-color: #fafafa;
21
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
22
+ position: relative;
23
  }
24
  #chat-history {
25
  height: 530px;
 
51
  background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
52
  color: #721c24;
53
  margin-right: auto;
54
+ border-radius: 15px 15px 15px 0;
55
  }
56
  .user-icon, .bot-icon {
57
  margin-right: 8px;
 
92
  display: none;
93
  margin-top: 5px;
94
  }
95
+ .close-chat-button {
96
+ position: absolute;
97
+ top: 10px;
98
+ right: 10px;
99
+ border: none;
100
+ background: transparent;
101
+ cursor: pointer;
102
+ }
103
  </style>
104
  <title>Chat Interface</title>
105
  </head>
106
  <body>
107
  <div id="chat-container" class="rounded p-4 shadow">
108
  <input type="hidden" id="user-id" value="{{ user_id }}">
109
+ <button id="close-button" class="close-chat-button" aria-label="Close chat">
110
+ <i class="fas fa-times fa-lg"></i>
111
+ </button>
112
  <div id="chat-history" class="mb-3"></div>
113
  <div id="loading" class="spinner-border text-primary" role="status">
114
  <span class="sr-only">Loading...</span>
 
119
  <button id="send-button" class="btn btn-icon" aria-label="Send message">
120
  <i class="fas fa-paper-plane"></i>
121
  </button>
 
 
 
122
  </div>
123
  </div>
124
  </div>
 
168
  }
169
  }
170
 
171
+ function addMessage(sender, message, className) {
172
+ const chatHistory = document.getElementById("chat-history");
173
+ const messageElement = document.createElement("div");
174
+ messageElement.className = `message ${className}`;
175
+ const linkRegex = /(https?:\/\/[^\s]+)/g;
176
+ const formattedMessage = message.replace(linkRegex, function(url) {
177
+ let linkText;
178
+ if (url === "https://appexchange.salesforce.com/appxListingDetail?listingId=cf4b19d4-8667-49f7-83b0-d2bc4032527b") {
179
+ linkText = "Visit this link to check out the Product Filter App.";
180
+ } else if (url === "https://appexchange.salesforce.com/appxListingDetail?listingId=e671f4fe-92fb-4760-99e5-7a5df5754cfe") {
181
+ linkText = "Visit this link to check out the Mass Approvals App.";
182
+ } else if (url === "https://appexchange.salesforce.com/appxListingDetail?listingId=3473ffd3-d530-462f-828f-d2c69f80d89d") {
183
+ linkText = "Visit this link to check out the Thumbnail Viewer App.";
184
+ } else if (url === "https://appexchange.salesforce.com/appxListingDetail?listingId=6d605bd9-de3c-49d3-9fa4-ec3caabd5d63") {
185
+ linkText = "Visit this link to check out the Currency Conversion App.";
186
+ } else if (url === "https://redfernstech.com/careers/") {
187
+ linkText = "Visit this link to check out the careers.";
188
+ } else {
189
+ linkText = "Visit this link."; // Fallback for other URLs
190
+ }
191
+ return `<a href="${url}" target="_blank">${linkText}</a>`;
192
+ });
193
+ const icon = sender === "User" ? '<i class="fas fa-user user-icon"></i>' : '<i class="fas fa-user-tie"></i>';
194
+ messageElement.innerHTML = `${icon}<div>${formattedMessage} <span class="timestamp">${new Date().toLocaleTimeString()}</span></div>`;
195
+ messageElement.onclick = function() {
196
+ const timestamp = messageElement.querySelector('.timestamp');
197
+ timestamp.style.display = timestamp.style.display === 'none' ? 'block' : 'none';
198
+ };
199
+ chatHistory.appendChild(messageElement);
200
+ chatHistory.scrollTop = chatHistory.scrollHeight;
201
+ }
 
 
 
 
202
 
203
  function showTypingIndicator() {
204
  const typingElement = document.createElement("div");
 
227
  } catch (error) {
228
  console.error('Error sending chat history:', error);
229
  } finally {
230
+ window.history.back();
231
  }
232
  }
233
  </script>