CoCalc -- Builder.php

GitHub Repository: Lucksi/Mr.Holmes
Path: blob/master/GUI/Actions/Builder.php
¹⁰⁷¹ views
1
<?php
2
    /*ORIGINAL CREATOR: Luca Garofalo (Lucksi)
3
    AUTHOR: Luca Garofalo (Lucksi)
4
    Copyright (C) 2022-2023 Lucksi <[email protected]>
5
    License: GNU General Public License v3.0*/
6

7
    function OpenConstructor($final,$converted,$Mess1,$Mess2){
8
        echo "<hr>";
9
        echo "<div class = 'Toolbar'>";
10
        echo '<div class = "Params">
11
                <div class = "options" id = "Opt">
12
                    <p class = "Etiquette" id = "typ">INSERT TYPE</p>
13
                    <input type = "radio" id = "img" value = "image" name = "1" onclick = "Image()">
14
                    <p id = "img2"></p>
15
                    <br>
16
                    <input type = "radio" id = "vid" value = "Video" name = "1" onclick = "Video()">
17
                    <label for = "Video" id = "vid2">Video</label>
18
                    <br>
19
                    <input type = "radio" id = "soc" value = "social" name = "1" onclick = "None()">
20
                    <label for = "social" id = "soc2">Social</label>
21
                    <br>
22
                    <input type = "radio" id = "si" value = "sito" name = "1" onclick = "None()">
23
                    <p id = "si2">Web</p>
24
                    <br>
25
                    <input type = "radio" id = "nu" value = "numero" name = "1" onclick = "None()">
26
                    <p id = "nu2"></p>
27
                    <br>
28
                    <input type = "radio" id = "mail" value = "email" name = "1" onclick = "None()">
29
                    <p id = "mail2">E-Mail</p>
30
                    <br>
31
                    <input type = "radio" id = "pe" value = "person" name = "1" onclick = "None()">
32
                    <p id = "pe2"></p>
33
                    <br>
34
                    <input type = "radio" id = "lu" value = "luogo" name = "1" onclick = "Map()">
35
                    <p id = "lu2"></p>
36
                    <br>
37
                    <input type = "radio" id = "sep" value = "sepa" name = "1" onclick = "None()">
38
                    <p id = "sepa2"></p>
39
                    <br>
40
                    <input type = "radio" id = "Et" value = "Etiq" name = "1" onclick = "None()">
41
                    <p id = "Et2"></p>
42
                    <br>
43
                    <hr>
44
                    <p id = "Option">OPTIONS</p>
45
                    <hr>
46
                        <div id = "data_img">
47
                            <p id = "imtool">IMAGE-TOOLBOX</p>
48
                            <br>
49
                            <input type = "radio" class = "imgavalue" id = "YesLocal" name = "2" value = "Local" onclick="OpenLocal()">
50
                            <label for = "Local">Local-Image</label>
51
                            <input type = "radio" class = "imgavalue" id = "NoLocal" name = "2" value = "NoLocal" onclick="CloseLocal()">
52
                            <label for = "NoLocal">Link-Image</label>
53
                            <br>
54
                            <div class = "LocalParameters" id = "LocalParams">
55
                                <br>
56
                                <input type = "radio" class = "imgavalue" id = "Use" name = "8" value = "User" onclick="OpenAdvance()">
57
                                <p for = "Instagram">Username</p>
58
                                <input type = "radio" class = "imgavalue" id = "Per" name = "8" value = "Pers" onclick="OpenAdvance()">
59
                                <p for = "DockerHub">Person</p>
60
                                <br>
61
                                <br>
62
                                <input type = "radio" class = "imgavalue" id = "Instagram" name = "3" value = "Insta" onclick="OpenAdvance()">
63
                                <p for = "Instagram">Instagram</p>
64
                                <input type = "radio" class = "imgavalue" id = "Docker" name = "3" value = "Doc" onclick="OpenAdvance()">
65
                                <p for = "DockerHub">DockerHub</p>
66
                                <br>
67
                                <br>
68
                                <input type = "radio" class = "imgavalue" id = "TikTok" name = "3" value = "Tik" onclick="OpenAdvance()">
69
                                <p for = "TikTok">TikTok</p>
70
                                <input type = "radio" class = "imgavalue" id = "Twitter" name = "3" value = "Twitt" onclick="OpenAdvance()">
71
                                <p for = "Twitt">Twitter</p>
72
                                <br>
73
                                <br>
74
                                <input type = "radio" class = "imgavalue" id = "GitHub" name = "3" value = "Hub" onclick="OpenAdvance()">
75
                                <p for = "GitHub">GitHub</p>
76
                                <input type = "radio" class = "imgavalue" id = "GitLab" name = "3" value = "Lab" onclick="OpenAdvance()">
77
                                <p for = "GitLab">GitLab</p>
78
                                <br>
79
                                <br>
80
                                <input type = "radio" class = "imgavalue" id = "Disqus" name = "3" value = "Hub" onclick="OpenAdvance()">
81
                                <label for = "Disqus">Disqus</label>
82
                                <input type = "radio" class = "imgavalue" id = "Imgur" name = "3" value = "Lab" onclick="OpenAdvance()">
83
                                <p for = "Imgur">Imgur</p>
84
                                <br>
85
                                <br>
86
                                <input type = "radio" class = "imgavalue" id = "Wattpad" name = "3" value = "Watt" onclick="OpenAdvance()">
87
                                <p for = "Wattpad">Wattpad</p>
88
                                <input type = "radio" class = "imgavalue" id = "Kik" name = "3" value = "Kik" onclick="OpenAdvance()">
89
                                <p for = "Kik">Kik</p>
90
                                <br>
91
                                <br>
92
                                <input type = "radio" class = "imgavalue" id = "Ngl" name = "3" value = "Ngl" onclick="OpenAdvance()">
93
                                <p for = "Ngl">Ngl.link</p>
94
                                <input type = "radio" class = "imgavalue" id = "Tellonym" name = "3" value = "Tellonym" onclick="OpenAdvance()">
95
                                <p for = "Tellonym">Tellonym</p>
96
                                <br>
97
                                <br>
98
                                <input type = "radio" class = "imgavalue" id = "Chess.com" name = "3" value = "Chess.com" onclick="OpenAdvance()">
99
                                <p for = "Chess.com">Chess.com</p>
100
                                <input type = "radio" class = "imgavalue" id = "Gravatar" name = "3" value = "Gravatar" onclick="OpenAdvance()">
101
                                <p for = "Gravatar">Gravatar</p>
102
                                <br>
103
                                <div class = "Profile_Pics" id = "Profile_Pics">
104
                                    <br>
105
                                    <input type = "radio" class = "imgvalue" id = "YesPic" name = "4" value = "PicPro">
106
                                    <label for = "PicPro">Profile Pic</label>
107
                                    <input type = "radio" class = "imgvalue" id = "NoPic" name = "4" value = "PicPhot">
108
                                    <label for = "PicPhot">Post Pic</label>
109
                                </div>
110
                                <input type = "text" name = "bar3" id = "imageN" class = "bar" placeholder = "" autocomplete = "off">
111
                            </div>
112
                            <input type = "text" name = "bar3" id = "imageL" class = "bar" placeholder = "" autocomplete = "off">
113
                            <br>
114
                            <hr>
115
                        </div>
116
                        <div id = "data_place">
117
                            <p id = "pltool">PLACE-TOOLBOX</p>
118
                            <input type = "text" name = "bar3" id = "Lat" class = "bar"  placeholder = "" autocomplete = "off">
119
                            <br>
120
                            <input type = "text" name = "bar3" id = "Lon" class = "bar" placeholder = "" autocomplete = "off">
121
                            <br>
122
                            <hr>
123
                        </div>
124
                        <div id = "data_video">
125
                            <p id = "vtool">VIDEO-TOOLBOX</p>
126
                            <br>
127
                            <input type = "radio" class = "imgavalue" id = "Use2" name = "5" value = "Local" onclick="OpenLocal()">
128
                            <label for = "Username">Username</label>
129
                            <input type = "radio" class = "imgavalue" id = "Per2" name = "5" value = "NoLocal" onclick="CloseLocal()">
130
                            <label for = "Person">Person</label>
131
                            <br>
132
                            <input type = "text" name = "bar3" id = "UsVid" class = "bar"  placeholder = "Insert User" autocomplete = "off">
133
                            <br>
134
                            <input type = "text" name = "bar3" id = "Vid" class = "bar" placeholder = "Insert Video Path" autocomplete = "off">
135
                            <br>
136
                            <hr>
137
                        </div>
138
                        <div class = "default">
139
                        <br>
140
                        <br>
141
                        <p id = "def">DEFAULT</p> 
142
                        <input type = "text" name = "bar3" id = "name" class = "bar" placeholder = "Insert Name" autocomplete = "off">
143
                        <br>
144
                        <input type = "text" name = "bar3" id = "Linkref" class = "bar" placeholder = "Insert Link" autocomplete = "off">
145
                        <br>
146
                        <textarea id = "writeText" placeholder = "Add a comment"></textarea>
147
                        <br>
148
                        <br>
149
                        <button  width="fit-content" id = "Button2" name = "create" onclick="CreateElement()">Open</button>
150
                        <button  width="fit-content" id = "Button2" name = "delete" onclick="DeleteElement()">Delete</button>';
151
                        echo "
152
                        <button  width='fit-content' id = 'Button2' name = 'deleteAll' onclick='DeleteAll($Mess2)'>Reset</button>'
153
                        <button  width='fit-content' id = 'Button2' name = 'save' onclick='SaveGraph($final,$Mess1)'>Save</button>         
154
                            <a id = 'link3'></a>
155
                        </div> 
156
                    </div>
157
                </div>
158
            </div>";
159
            echo "           $converted                
160
                    </div>";
161
            echo ' <a href = "#Opt" id = "Arrow2"></a>';
162

163
    }
164

165

166
    function NewConstructor($final,$Mess1,$Mess2){
167
        echo "<hr>";
168
        echo "<div class = 'Toolbar'>";
169
        echo '<div class = "Params">
170
                <div class = "options" id = "Opt">
171
                <p class = "Etiquette" id = "typ">INSERT TYPE</p>
172
                <input type = "radio" id = "img" value = "image" name = "1" onclick = "Image()">
173
                <p id = "img2"></p>
174
                <br>
175
                <input type = "radio" id = "vid" value = "Video" name = "1" onclick = "Video()">
176
                <label for = "Video" id = "vid2">Video</label>
177
                <br>
178
                <input type = "radio" id = "soc" value = "social" name = "1" onclick = "None()">
179
                <label for = "social" id = "soc2">Social</label>
180
                <br>
181
                <input type = "radio" id = "si" value = "sito" name = "1" onclick = "None()">
182
                <p id = "si2">Web</p>
183
                <br>
184
                <input type = "radio" id = "nu" value = "numero" name = "1" onclick = "None()">
185
                <p id = "nu2"></p>
186
                <br>
187
                <input type = "radio" id = "mail" value = "email" name = "1" onclick = "None()">
188
                <p id = "mail2">E-Mail</p>
189
                <br>
190
                <input type = "radio" id = "pe" value = "person" name = "1" onclick = "None()">
191
                <p id = "pe2"></p>
192
                <br>
193
                <input type = "radio" id = "lu" value = "luogo" name = "1" onclick = "Map()">
194
                <p id = "lu2"></p>
195
                <br>
196
                <input type = "radio" id = "sep" value = "sepa" name = "1" onclick = "None()">
197
                <p id = "sepa2"></p>
198
                <br>
199
                <input type = "radio" id = "Et" value = "Etiq" name = "1" onclick = "None()">
200
                <p id = "Et2"></p>
201
                <br>
202
                <hr>
203
                <p id = "Option">OPTIONS</p>
204
                <hr>
205
                    <div id = "data_img">
206
                        <p id = "imtool">IMAGE-TOOLBOX</p>
207
                        <br>
208
                        <input type = "radio" class = "imgavalue" id = "YesLocal" name = "2" value = "Local" onclick="OpenLocal()">
209
                        <label for = "Local">Local-Image</label>
210
                        <input type = "radio" class = "imgavalue" id = "NoLocal" name = "2" value = "NoLocal" onclick="CloseLocal()">
211
                        <label for = "NoLocal">Link-Image</label>
212
                        <br>
213
                        <div class = "LocalParameters" id = "LocalParams">
214
                            <br>
215
                            <input type = "radio" class = "imgavalue" id = "Use" name = "8" value = "User" onclick="OpenAdvance()">
216
                            <p for = "Instagram">Username</p>
217
                            <input type = "radio" class = "imgavalue" id = "Per" name = "8" value = "Pers" onclick="OpenAdvance()">
218
                            <p for = "DockerHub">Person</p>
219
                            <br>
220
                            <br>
221
                            <input type = "radio" class = "imgavalue" id = "Instagram" name = "3" value = "Insta" onclick="OpenAdvance()">
222
                            <label for = "Instagram">Instagram</label>
223
                            <input type = "radio" class = "imgavalue" id = "Docker" name = "3" value = "Doc" onclick="OpenAdvance()">
224
                            <label for = "DockerHub">DockerHub</label>
225
                            <br>
226
                            <br>
227
                            <input type = "radio" class = "imgavalue" id = "TikTok" name = "3" value = "Tik" onclick="OpenAdvance()">
228
                            <label for = "TikTok">TikTok</label>
229
                            <input type = "radio" class = "imgavalue" id = "Twitter" name = "3" value = "Twitt" onclick="OpenAdvance()">
230
                            <label for = "Twitt">Twitter</label>
231
                            <br>
232
                            <br>
233
                            <input type = "radio" class = "imgavalue" id = "GitHub" name = "3" value = "Hub" onclick="OpenAdvance()">
234
                            <label for = "GitHub">GitHub</label>
235
                            <input type = "radio" class = "imgavalue" id = "GitLab" name = "3" value = "Lab" onclick="OpenAdvance()">
236
                            <label for = "GitLab">GitLab</label>
237
                            <br>
238
                            <br>
239
                            <input type = "radio" class = "imgavalue" id = "Disqus" name = "3" value = "Disq" onclick="OpenAdvance()">
240
                            <label for = "Disqus">Disqus</label>
241
                            <input type = "radio" class = "imgavalue" id = "Imgur" name = "3" value = "imgur" onclick="OpenAdvance()">
242
                            <label for = "Imgur">Imgur</label>
243
                            <br>
244
                            <br>
245
                            <input type = "radio" class = "imgavalue" id = "Wattpad" name = "3" value = "Watt" onclick="OpenAdvance()">
246
                            <label for = "Wattpad">Wattpad</label>
247
                            <input type = "radio" class = "imgavalue" id = "Kik" name = "3" value = "Kik" onclick="OpenAdvance()">
248
                            <label for = "Kik">Kik</label>
249
                            <br>
250
                            <br>
251
                            <input type = "radio" class = "imgavalue" id = "Ngl" name = "3" value = "Ngl" onclick="OpenAdvance()">
252
                            <p for = "Ngl">Ngl.link</p>
253
                            <input type = "radio" class = "imgavalue" id = "Tellonym" name = "3" value = "Tellonym" onclick="OpenAdvance()">
254
                            <p for = "Tellonym">Tellonym</p>
255
                            <br>
256
                            <br>
257
                            <input type = "radio" class = "imgavalue" id = "Chess.com" name = "3" value = "Chess.com" onclick="OpenAdvance()">
258
                            <p for = "Chess.com">Chess.com</p>
259
                            <input type = "radio" class = "imgavalue" id = "Gravatar" name = "3" value = "Gravatar" onclick="OpenAdvance()">
260
                            <p for = "Gravatar">Gravatar</p>
261
                            <br>
262
                            <div class = "Profile_Pics" id = "Profile_Pics">
263
                                <br>
264
                                <input type = "radio" class = "imgvalue" id = "YesPic" name = "4" value = "PicPro">
265
                                <label for = "PicPro">Profile Pic</label>
266
                                <input type = "radio" class = "imgvalue" id = "NoPic" name = "4" value = "PicPhot">
267
                                <label for = "PicPhot">Post Pic</label>
268
                            </div>
269
                            <input type = "text" name = "bar3" id = "imageN" class = "bar" placeholder = "" autocomplete = "off">
270
                        </div>
271
                        <input type = "text" name = "bar3" id = "imageL" class = "bar" placeholder = "" autocomplete = "off">
272
                        <br>
273
                        <hr>
274
                    </div>
275
                    <div id = "data_place">
276
                        <p id = "pltool">PLACE-TOOLBOX</p>
277
                        <input type = "text" name = "bar3" id = "Lat" class = "bar"  placeholder = "" autocomplete = "off">
278
                        <br>
279
                        <input type = "text" name = "bar3" id = "Lon" class = "bar" placeholder = "" autocomplete = "off">
280
                        <br>
281
                        <hr>
282
                    </div>
283
                    <div id = "data_video">
284
                        <p id = "vtool">VIDEO-TOOLBOX</p>
285
                        <br>
286
                        <input type = "radio" class = "imgavalue" id = "Use2" name = "5" value = "Local" onclick="OpenLocal()">
287
                        <label for = "Username">Username</label>
288
                        <input type = "radio" class = "imgavalue" id = "Per2" name = "5" value = "NoLocal" onclick="CloseLocal()">
289
                        <label for = "Person">Person</label>
290
                        <br>
291
                        <input type = "text" name = "bar3" id = "UsVid" class = "bar"  placeholder = "Insert User" autocomplete = "off">
292
                        <br>
293
                        <input type = "text" name = "bar3" id = "Vid" class = "bar" placeholder = "Insert Video Path" autocomplete = "off">
294
                        <br>
295
                        <hr>
296
                    </div>
297
                    <div class = "default">
298
                    <br>
299
                    <br>
300
                    <p id = "def">DEFAULT</p> 
301
                    <input type = "text" name = "bar3" id = "name" class = "bar" placeholder = "Insert Name" autocomplete = "off">
302
                    <br>
303
                    <input type = "text" name = "bar3" id = "Linkref" class = "bar" placeholder = "Insert Link" autocomplete = "off">
304
                    <br>
305
                    <textarea id = "writeText" placeholder = "Add a comment"></textarea>
306
                    <br>
307
                    <br>
308
                    <button  width="fit-content" id = "Button2" name = "create" onclick="CreateElement()">Open</button>
309
                    <button  width="fit-content" id = "Button2" name = "delete" onclick="DeleteElement()">Delete</button>';
310
                    echo " <button  width='fit-content' id = 'Button2' name = 'deleteAll' onclick='DeleteAll($Mess2)'>Reset</button>
311
                    <button  width='fit-content' id = 'Button2' name = 'save' onclick='SaveGraph($final,$Mess1)'>Save</button>         
312
                        <a id = 'link3'></a>
313
                    </div> 
314
                </div>
315
            </div>
316
        </div>";
317
        echo '
318
        <div class = "Graph" id = "Content20">
319
                    <div id = "add_after_me"></div>                    
320
                </div>';
321
        echo ' <a href = "#Opt" id = "Arrow2"></a>';
322
    }
323
    function OpenMapConstructor($final,$converted,$Mess1,$Mess2){
324
        echo "<hr>";
325
        echo "
326
            $converted
327
            <hr>";
328
    }
329

330

331
    function NewMapConstructor($final,$Mess1,$Mess2){
332
        echo "<hr>";
333
        echo "<div class = 'Toolbar'>";
334
        echo '<div class = "Params">
335
                <hr>
336
                <div class = "options" id = "Opt">
337
                <p id = "Option">OPTIONS</p>
338
                <p class = "Etiquette" id = "typ">INSERT TYPE</p>
339
                    <input type = "radio" id = "pe" value = "person" name = "1" onclick="CloseCustom()">
340
                    <p id = "pe2">Person</p>
341
                    <br>
342
                    <input type = "radio" id = "ev" value = "event" name = "1" onclick="CloseCustom()">
343
                    <label for = "social" id = "event2">Event</label>
344
                    <br>
345
                    <input type = "radio" id = "place" value = "place" name = "1" onclick="CloseCustom()">
346
                    <label for = "social" id = "lu2">Place</label>
347
                    <br>
348
                    <hr>
349
                    <div id = "data_place">
350
                        <p id = "pltool">PLACE-TOOLBOX</p>
351
                        <input type = "text" name = "bar3" id = "Lat" class = "bar"  placeholder = "" autocomplete = "off">
352
                        <br>
353
                        <input type = "text" name = "bar3" id = "Lon" class = "bar" placeholder = "" autocomplete = "off">
354
                        <br>
355
                        <hr>
356
                    <div class = "default">
357
                    <br>
358
                    <br>
359
                    <p id = "def">DEFAULT</p>
360
                    <textarea id = "writeText" placeholder = "Add a comment"></textarea>
361
                    <br>
362
                    <br>
363
                    <button  width="fit-content" id = "Button2" name = "create" onclick="CreateElement()">Open</button>';
364
                    echo " <button  width='fit-content' id = 'Button2' name = 'deleteAll' onclick='DeleteAll($Mess2)'>Reset</button>
365
                    <button  width='fit-content' id = 'Button2' name = 'save' onclick='SaveGraph($final,$Mess1)'>Save</button>
366
                        <a id = 'link3'></a>
367
                    </div>
368
                </div>
369
            </div>
370
        </div>
371
        </div>";
372
        echo "
373
        <div class = Graph id = Content20>
374
            <div class ='map' id='map'></div>
375
            <script>
376
            var map = L.map('map').setView([0.0,0.0], 3);
377
            L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{ attribution: '&copy; <a href= https://www.openstreetmap.org/copyright >OpenStreetMap</a> contributors'}).addTo(map);
378
            </script></div>";
379
                echo ' <a href = "#map" id = "Arrow2"></a>';
380
    }
381
?>
382

383
Product

Resources

Company
