posiflow-telegram-connector 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +795 -0
- package/models/Setting.js +32 -0
- package/package.json +32 -0
- package/publish.sh +22 -0
- package/template/configure.html +349 -0
- package/template/css/configure.css +477 -0
- package/template/css/detail.css +186 -0
- package/template/css/error.css +67 -0
- package/template/css/style.css +93 -0
- package/template/detail.html +278 -0
- package/template/error.html +65 -0
- package/template/img/arrow-right.png +0 -0
- package/template/img/check.png +0 -0
- package/template/img/telegram-header.png +0 -0
- package/test/test_translate_telegram.js +464 -0
- package/tiledesk/KVBaseMongo.js +104 -0
- package/tiledesk/MessageHandler.js +31 -0
- package/tiledesk/TiledeskAppsClient.js +163 -0
- package/tiledesk/TiledeskChannel.js +175 -0
- package/tiledesk/TiledeskSubscriptionClient.js +138 -0
- package/tiledesk/TiledeskTelegram.js +304 -0
- package/tiledesk/TiledeskTelegramTranslator.js +300 -0
- package/winston.js +41 -0
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
|
|
2
|
+
|
|
3
|
+
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
|
|
4
|
+
|
|
5
|
+
.vl {
|
|
6
|
+
border-left: 6px solid green;
|
|
7
|
+
height: 500px;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.title {
|
|
11
|
+
font-family: 'Roboto';
|
|
12
|
+
font-size: 30px;
|
|
13
|
+
margin-bottom: 0px;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.text {
|
|
17
|
+
font-family: 'Roboto';
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.header-img {
|
|
21
|
+
background-image: url("../img/telegram-header.png");
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
/* New page */
|
|
32
|
+
.header {
|
|
33
|
+
width: 100%;
|
|
34
|
+
height: 120px;
|
|
35
|
+
background-color: #10739e;
|
|
36
|
+
display: flex;
|
|
37
|
+
flex-direction: row;
|
|
38
|
+
justify-content: flex-start;
|
|
39
|
+
align-items: center;
|
|
40
|
+
/*border-radius: 0px 80px 0px 0px;*/
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.header p {
|
|
44
|
+
color: white;
|
|
45
|
+
font-size: 22px;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.content {
|
|
49
|
+
display: flex;
|
|
50
|
+
flex-direction: row;
|
|
51
|
+
margin-top: 20px;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.left-panel {
|
|
55
|
+
width: 100%;
|
|
56
|
+
padding: 20px 30px;
|
|
57
|
+
display: flex;
|
|
58
|
+
flex-direction: column;
|
|
59
|
+
align-items: center;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.info-box {
|
|
63
|
+
padding: 20px;
|
|
64
|
+
font-size: 16px;
|
|
65
|
+
border-radius: 8px;
|
|
66
|
+
min-width: 600px;
|
|
67
|
+
max-width: 800px;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.list-element {
|
|
71
|
+
display: flex;
|
|
72
|
+
flex-direction: row;
|
|
73
|
+
justify-content: flex-start;
|
|
74
|
+
align-items: center;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.docs-section {
|
|
78
|
+
width: 100%;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.vertical-divider {
|
|
82
|
+
width: 2px;
|
|
83
|
+
background-color: #aaaaaa;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
.right-panel {
|
|
88
|
+
width: 100%;
|
|
89
|
+
padding: 20px 30px;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
|
|
@@ -0,0 +1,278 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
8
|
+
|
|
9
|
+
<!-- Bootstrap 5.3 CSS -->
|
|
10
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
|
|
11
|
+
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
|
|
12
|
+
crossorigin="anonymous">
|
|
13
|
+
|
|
14
|
+
<!-- Font Awesome 7 (latest version) -->
|
|
15
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" crossorigin="anonymous" />
|
|
16
|
+
|
|
17
|
+
<!-- Font Poppins -->
|
|
18
|
+
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet" />
|
|
19
|
+
|
|
20
|
+
<!-- Custom CSS -->
|
|
21
|
+
<link rel="stylesheet" href="./css/detail.css">
|
|
22
|
+
|
|
23
|
+
<!-- Bootstrap 5.3 JavaScript Bundle (include Popper) -->
|
|
24
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
|
|
25
|
+
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
|
|
26
|
+
crossorigin="anonymous">
|
|
27
|
+
</script>
|
|
28
|
+
</head>
|
|
29
|
+
|
|
30
|
+
<body style="display: flex; justify-content: center;">
|
|
31
|
+
<div class="content">
|
|
32
|
+
<div style="margin-top: 10px;">
|
|
33
|
+
<p style="font-size: 20px;">Tiledesk <b>App Store</b></p>
|
|
34
|
+
</div>
|
|
35
|
+
|
|
36
|
+
<hr style="margin-top: 10px; margin-bottom: 10px">
|
|
37
|
+
|
|
38
|
+
<div class="installation-info-box">
|
|
39
|
+
<p style="margin: 0px; color: #676767; font-size: 13px;">You can install this application for free.</p>
|
|
40
|
+
</div>
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
<div class="icon-and-title" style="margin-top: 20px;">
|
|
44
|
+
<div>
|
|
45
|
+
<img src="https://user-images.githubusercontent.com/45603238/197573811-3bea5d88-9795-4dea-a553-3d18ed02d4b0.png" width="180" height="auto" />
|
|
46
|
+
</div>
|
|
47
|
+
|
|
48
|
+
<div style="display: flex; flex-direction: row; justify-content: space-between; margin-left: 40px; width: 100%;">
|
|
49
|
+
<div>
|
|
50
|
+
<p style="font-size: 26px; font-weight: 500; margin-bottom: 0px;">Telegram</p>
|
|
51
|
+
<p style="color: #676767; font-size: 16px; margin-bottom: 5px;">Connect your Telegram Bot with Tiledesk</p>
|
|
52
|
+
<a style="font-size: 18px;" href="https://tiledesk.com/" target="_blank">Tiledesk</a>
|
|
53
|
+
|
|
54
|
+
<p style="font-size: 15px; color: #676767; font-style: italic; margin-bottom: 0px; margin-top: 20px;">Free</p>
|
|
55
|
+
</div>
|
|
56
|
+
|
|
57
|
+
<div style="display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end;">
|
|
58
|
+
|
|
59
|
+
{{#if installed}}
|
|
60
|
+
<!-- Open button -->
|
|
61
|
+
<form action="./configure" method="get">
|
|
62
|
+
<input type="hidden" name="project_id" value="{{ project_id }}" />
|
|
63
|
+
<input type="hidden" name="app_id" value="{{ app_id }}" />
|
|
64
|
+
<input type="hidden" name="token" value="{{ token }}" />
|
|
65
|
+
<input type="submit" class="btn install-button" value="Open">
|
|
66
|
+
</form>
|
|
67
|
+
|
|
68
|
+
<!-- Uninstall button -->
|
|
69
|
+
<button class="btn uninstall-button" onclick="document.getElementById('uninstall-modal').style.display='flex'">Uninstall</button>
|
|
70
|
+
|
|
71
|
+
<!-- Uninstall modal -->
|
|
72
|
+
<div id="uninstall-modal" class="modal">
|
|
73
|
+
<div class="modal-content">
|
|
74
|
+
<!--<span class="close">×</span-->
|
|
75
|
+
<h2>Telegram</h2>
|
|
76
|
+
<div style="margin-top: 20px;">
|
|
77
|
+
<img src="https://cdn3.iconfinder.com/data/icons/social-media-chamfered-corner/154/telegram-512.png" width="70" height="auto" style="border-radius: 15px;" />
|
|
78
|
+
</div>
|
|
79
|
+
<p style="margin-top: 20px; margin-bottom: 20px;">Are you sure you want to uninstall this app?</p>
|
|
80
|
+
|
|
81
|
+
<div style="display: flex; flex-direction: row; width: 100%; justify-content: center;">
|
|
82
|
+
<button class="btn cancel-btn" onclick="document.getElementById('uninstall-modal').style.display='none'">Cancel</button>
|
|
83
|
+
|
|
84
|
+
<form action="./uninstall" method="post">
|
|
85
|
+
<input type="hidden" name="project_id" value="{{ project_id }}" />
|
|
86
|
+
<input type="hidden" name="app_id" value="{{ app_id }}" />
|
|
87
|
+
<input type="hidden" name="token" value="{{ token }}" />
|
|
88
|
+
<input type="submit" class="btn uninstall-button" value="Yes, uninstall">
|
|
89
|
+
</form>
|
|
90
|
+
</div>
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
|
|
94
|
+
{{else}}
|
|
95
|
+
<!-- Install button
|
|
96
|
+
<form action="./install" method="post">
|
|
97
|
+
<input type="hidden" name="project_id" value="{{ project_id }}" />
|
|
98
|
+
<input type="hidden" name="app_id" value="{{ app_id }}" />
|
|
99
|
+
<input type="hidden" name="token" value="{{ token }}" />
|
|
100
|
+
<input type="submit" class="btn install-button" value="Install">
|
|
101
|
+
</form>-->
|
|
102
|
+
<button class="btn install-button" onclick="document.getElementById('install-modal').style.display='flex'">Install</button>
|
|
103
|
+
<!-- Install modal -->
|
|
104
|
+
<div id="install-modal" class="modal">
|
|
105
|
+
<div class="modal-content">
|
|
106
|
+
<!--<span class="close">×</span-->
|
|
107
|
+
<h2>Telegram</h2>
|
|
108
|
+
<div style="margin-top: 20px;">
|
|
109
|
+
<img src="https://cdn3.iconfinder.com/data/icons/social-media-chamfered-corner/154/telegram-512.png" width="70" height="auto" style="border-radius: 15px;" />
|
|
110
|
+
</div>
|
|
111
|
+
<p style="margin-top: 20px; margin-bottom: 20px;">Are you sure you want to install this app?</p>
|
|
112
|
+
|
|
113
|
+
<div style="display: flex; flex-direction: row; width: 100%; justify-content: center;">
|
|
114
|
+
<button class="btn cancel-btn" onclick="document.getElementById('install-modal').style.display='none'">Cancel</button>
|
|
115
|
+
|
|
116
|
+
<form action="./install" method="post">
|
|
117
|
+
<input type="hidden" name="project_id" value="{{ project_id }}" />
|
|
118
|
+
<input type="hidden" name="app_id" value="{{ app_id }}" />
|
|
119
|
+
<input type="hidden" name="token" value="{{ token }}" />
|
|
120
|
+
<input type="submit" class="btn install-button" value="Install">
|
|
121
|
+
</form>
|
|
122
|
+
</div>
|
|
123
|
+
</div>
|
|
124
|
+
</div>
|
|
125
|
+
{{/if}}
|
|
126
|
+
|
|
127
|
+
</div>
|
|
128
|
+
</div>
|
|
129
|
+
</div>
|
|
130
|
+
|
|
131
|
+
<hr style="margin-top: 20px; margin-bottom: 20px">
|
|
132
|
+
|
|
133
|
+
<p style="font-size: 18px;"><b>Screenshot from the application</b></p>
|
|
134
|
+
<!--<img src="https://media.discordapp.net/attachments/998542078587973734/1018841949534429184/2211.jpg?width=1055&height=686" style="width: 100%; height: 50%;"/>
|
|
135
|
+
<img src="https://images-ext-2.discordapp.net/external/iKwvEo-ovnWVU0wvDgOwYZXdI9jfL-kKVsTZE2-ha5M/%3Fcrop%3D1/https/tiledesk.com/wp-content/uploads/2022/08/banner-adaptive-part2-1200x480.png" style="width: 100%; height: auto;"/>-->
|
|
136
|
+
|
|
137
|
+
<div class="scrollmenu">
|
|
138
|
+
|
|
139
|
+
<img src="https://user-images.githubusercontent.com/45603238/196989521-38b00713-16e0-4be1-8740-1cdbc37c16e3.jpg" class="screenshot" />
|
|
140
|
+
|
|
141
|
+
<img src="https://user-images.githubusercontent.com/45603238/196989525-dfe94e15-f0b2-4494-a3fd-1d0caf8528b0.jpg" class="screenshot" />
|
|
142
|
+
|
|
143
|
+
<img src="https://user-images.githubusercontent.com/45603238/196989528-43f71a27-2e5b-4997-bb55-2dda1f021c0d.jpg" class="screenshot"/>
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
</div>
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
<hr style="margin-top: 20px; margin-bottom: 20px">
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
<div>
|
|
153
|
+
<h7>Receive Telegram bot conversations in your Tiledesk dashboard. Seamlessly Chat with your targeted audience on Telegram right from the Tiledesk dashboard.</h7>
|
|
154
|
+
|
|
155
|
+
<ul style="margin-top: 10px; padding: 0px;">
|
|
156
|
+
<div class="list-element">
|
|
157
|
+
<img src="https://cdn-icons-png.flaticon.com/512/1443/1443000.png" width=16 height=16 style="margin-right: 10px;"/>
|
|
158
|
+
<h7>Integrate Telegram bot with Tiledesk</h7>
|
|
159
|
+
</div>
|
|
160
|
+
<div class="list-element">
|
|
161
|
+
<img src="https://cdn-icons-png.flaticon.com/512/1443/1443000.png" width=16 height=16 style="margin-right: 10px;"/>
|
|
162
|
+
<h7>Once a chat is initiated on Telegram bot, receive an alert on your Tiledesk account</h7>
|
|
163
|
+
</div>
|
|
164
|
+
<div class="list-element">
|
|
165
|
+
<img src="https://cdn-icons-png.flaticon.com/512/1443/1443000.png" width=16 height=16 style="margin-right: 10px;"/>
|
|
166
|
+
<h7>Enable instant messaging and answer multiple conversations, everything from Tiledesk account</h7>
|
|
167
|
+
</div>
|
|
168
|
+
</ul>
|
|
169
|
+
|
|
170
|
+
|
|
171
|
+
<div style="padding: 20px; background-color: aliceblue; border-radius: 8px;">
|
|
172
|
+
<div style="display: flex; flex-direction: row; align-items: baseline;">
|
|
173
|
+
<div>
|
|
174
|
+
<img src="https://cdn-icons-png.freepik.com/256/13077/13077927.png?semt=ais_hybrid" width="20px" height="auto" style="margin-right: 10px;">
|
|
175
|
+
</div>
|
|
176
|
+
<div>
|
|
177
|
+
<a href="https://gethelp.tiledesk.com/articles/telegram/" target="_blank">Connect Tiledesk with your Telegram bot</a>
|
|
178
|
+
<p style="color: grey; margin-bottom: 0px;">A small but very useful guide on how to connect your Telegram bot with Tiledesk</p>
|
|
179
|
+
</div>
|
|
180
|
+
</div>
|
|
181
|
+
|
|
182
|
+
</div>
|
|
183
|
+
</div>
|
|
184
|
+
|
|
185
|
+
|
|
186
|
+
<hr style="margin-top: 20px; margin-bottom: 20px">
|
|
187
|
+
|
|
188
|
+
<p style="font-size: 18px;"><b>What's new?</b></p>
|
|
189
|
+
|
|
190
|
+
<div style="width: 100%; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 5px;">
|
|
191
|
+
<div>
|
|
192
|
+
<p style="margin-bottom: 0px;">Bug fixes and performance improvements</p>
|
|
193
|
+
</div>
|
|
194
|
+
<p style="font-size: 12px; color: #676767">Version <b>0.1.10</b></p>
|
|
195
|
+
</div>
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
<div style="width: 100%; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 5px;">
|
|
199
|
+
<div>
|
|
200
|
+
<p style="margin-bottom: 0px;">Added support for frame messages</p>
|
|
201
|
+
</div>
|
|
202
|
+
<p style="font-size: 12px; color: #676767">Version <b>0.1.9</b></p>
|
|
203
|
+
</div>
|
|
204
|
+
|
|
205
|
+
<div style="width: 100%; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 5px;">
|
|
206
|
+
<div>
|
|
207
|
+
<p style="margin-bottom: 0px;">Bug fixes and performance improvements</p>
|
|
208
|
+
</div>
|
|
209
|
+
<p style="font-size: 12px; color: #676767">Version <b>0.1.3</b></p>
|
|
210
|
+
</div>
|
|
211
|
+
|
|
212
|
+
|
|
213
|
+
<!--
|
|
214
|
+
<div style="width: 100%; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 5px;">
|
|
215
|
+
<div>
|
|
216
|
+
<p style="margin-bottom: 0px;">Add support for pdf from Tiledesk</p>
|
|
217
|
+
<p>Bug fixes</p>
|
|
218
|
+
</div>
|
|
219
|
+
<p style="font-size: 12px; color: #676767">Version <b>0.1.14</b></p>
|
|
220
|
+
</div>
|
|
221
|
+
|
|
222
|
+
<div style="width: 100%; display: flex; flex-direction: row; justify-content: space-between;">
|
|
223
|
+
<p>Bug fixes and performance improvements</p>
|
|
224
|
+
<p style="font-size: 12px; color: #676767">Version <b>0.1.13</b></p>
|
|
225
|
+
</div>
|
|
226
|
+
-->
|
|
227
|
+
|
|
228
|
+
|
|
229
|
+
<!--
|
|
230
|
+
|
|
231
|
+
<hr style="margin-top: 20px; margin-bottom: 20px">
|
|
232
|
+
|
|
233
|
+
|
|
234
|
+
<p style="font-size: 18px;"><b>Other from Tiledesk</b> <a onclick="getParent()" target="_blank" style="font-size: 13px; margin-left: 15px;">View all</a></p>
|
|
235
|
+
|
|
236
|
+
<div>
|
|
237
|
+
<p>Visit our store and discovery all the available apps!</p>
|
|
238
|
+
</div>
|
|
239
|
+
|
|
240
|
+
|
|
241
|
+
<div style="display: flex;">
|
|
242
|
+
<div class="app-summary-div">
|
|
243
|
+
<img src="https://cdn3.iconfinder.com/data/icons/social-media-chamfered-corner/154/telegram-512.png" width="110" height="auto">
|
|
244
|
+
<p class="app-summary-name">Telegram</p>
|
|
245
|
+
</div>
|
|
246
|
+
|
|
247
|
+
<div class="app-summary-div">
|
|
248
|
+
<img src="https://cdn.jim-nielsen.com/ios/512/messenger-2020-11-17.png" width="110" height="auto">
|
|
249
|
+
<p class="app-summary-name">Facebook Messenger</p>
|
|
250
|
+
</div>
|
|
251
|
+
|
|
252
|
+
<div class="app-summary-div">
|
|
253
|
+
<img src="https://i.ibb.co/yWz3bZ5/2022-04-21-11-28-20.jpg" width="110" height="auto">
|
|
254
|
+
<p class="app-summary-name">Help Center</p>
|
|
255
|
+
</div>
|
|
256
|
+
|
|
257
|
+
<div class="app-summary-div">
|
|
258
|
+
<img src="https://i.pinimg.com/474x/f4/07/55/f407552380549b7ce1b508c5a6639b38.jpg" width="110" height="auto">
|
|
259
|
+
<p class="app-summary-name">Github</p>
|
|
260
|
+
</div>
|
|
261
|
+
</div>
|
|
262
|
+
-->
|
|
263
|
+
|
|
264
|
+
<hr style="margin-top: 50px; margin-bottom: 20px">
|
|
265
|
+
|
|
266
|
+
|
|
267
|
+
</div>
|
|
268
|
+
|
|
269
|
+
<!--
|
|
270
|
+
<script>
|
|
271
|
+
function getParent() {
|
|
272
|
+
let parent_base = document.referrer;
|
|
273
|
+
let app_store_url = parent_base + "dashboard/#/project/"+ {{project_id}} +"/app-store/"
|
|
274
|
+
}
|
|
275
|
+
</script>
|
|
276
|
+
-->
|
|
277
|
+
|
|
278
|
+
</body>
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
8
|
+
|
|
9
|
+
<!-- Latest compiled and minified CSS -->
|
|
10
|
+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
|
|
11
|
+
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
|
|
12
|
+
|
|
13
|
+
<!-- Optional theme -->
|
|
14
|
+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
|
|
15
|
+
integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
|
|
16
|
+
|
|
17
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
18
|
+
|
|
19
|
+
<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
|
|
20
|
+
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
|
|
21
|
+
|
|
22
|
+
<!-- Latest compiled and minified JavaScript -->
|
|
23
|
+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
|
|
24
|
+
integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
|
|
25
|
+
</script>
|
|
26
|
+
|
|
27
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
28
|
+
<link rel="stylesheet" href="./css/error.css">
|
|
29
|
+
|
|
30
|
+
<style>
|
|
31
|
+
body {
|
|
32
|
+
font-family: 'Poppins', serif;
|
|
33
|
+
}
|
|
34
|
+
</style>
|
|
35
|
+
|
|
36
|
+
</head>
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
<body>
|
|
40
|
+
|
|
41
|
+
<!-- HEADER -->
|
|
42
|
+
<div class="header">
|
|
43
|
+
<div class="header-content">
|
|
44
|
+
<div class="logo-title">
|
|
45
|
+
<div class="logo-container">
|
|
46
|
+
<img src="https://user-images.githubusercontent.com/45603238/197573811-3bea5d88-9795-4dea-a553-3d18ed02d4b0.png" width="60px" height="60px">
|
|
47
|
+
</div>
|
|
48
|
+
<div class="title-version">
|
|
49
|
+
<p class="title">Telegram Connector</p>
|
|
50
|
+
<div class="status-box" style="padding: 0px 8px; letter-spacing: 1px; height: 18px;">
|
|
51
|
+
<p style="margin-bottom: 0px;">{{ app_version }}</p>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
|
|
58
|
+
<div class="error">
|
|
59
|
+
<div class="error-box">
|
|
60
|
+
<p class="error-title">Ops! Something went wrong.</p>
|
|
61
|
+
<p>{{ error_message }}</p>
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
|
|
65
|
+
</body>
|
|
Binary file
|
|
Binary file
|
|
Binary file
|