This repository has been archived by the owner on Mar 18, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
607 lines (566 loc) · 27.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" type="image/png" href="./assets/img/icone.png" />
<title>SECOMPP 2019 | XVIII Semana do Curso de Ciência da Computação</title>
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.css"
integrity="sha256-piqEf7Ap7CMps8krDQsSOTZgF+MU/0MPyPW2enj5I40=" crossorigin="anonymous" />
<!-- Custom styles for this template -->
<link href="assets/css/product.css" rel="stylesheet">
</head>
<body id="home">
<nav class="site-header sticky-top py-1">
<div class="container d-flex flex-column flex-md-row justify-content-between align-items-center p-1" id="nav">
<li class="current"><a class="py-2" href="#home"><img src="assets/img/logo.png" alt="Logo"></a></li>
<li class="d-none d-md-inline-block"><a class="py-2 d-none d-md-inline-block" href="#info">Informações</a></li>
<li class="d-none d-md-inline-block"><a class="py-2 d-none d-md-inline-block" href="#palestras">Palestras</a></li>
<li class="d-none d-md-inline-block"><a class="py-2 d-none d-md-inline-block" href="#minicursos">Minicursos</a>
</li>
<li class="d-none d-md-inline-block"><a class="py-2 d-none d-md-inline-block" href="#apoio">Apoio</a></li>
<li class="d-none d-md-inline-block"><a class="py-2 d-none d-md-inline-block btn btn-outline-info external"
href="https://docs.fct.unesp.br/semanas/secompp/syscompp/index.php" target="_blank">Inscreva-se</a></li>
</div>
</nav>
<div class="position-relative overflow-hidden text-center bg-light back-header">
<div class="col-md-12 p-5 mx-auto my-5" style="background-color: rgba(36, 0, 70, 0.788)">
<h1 class="display-4 font-weight-normal">XVIII Semana do Curso de Ciência da Computação</h1>
<p class="lead font-weight-normal">Faça parte da semana do curso de Ciência da Computação no Câmpus da Unesp FCT
de Presidente Prudente.</p>
<p class="lead font-weight-normal"><b>De 09 a 13 de Setembro de 2019</b></p>
<a class="btn btn-lg btn-info" href="https://docs.fct.unesp.br/semanas/secompp/syscompp/index.php"
target="_blank">Inscreva-se</a>
</div>
</div>
<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3" id="info">
<div class="bg-dark mr-md-3 pt-3 px-3 pt-md-5 px-md-4 text-center text-white overflow-hidden">
<br>
<div class=""
style="height: 80px; background-image: url('./assets/img/logo-alt.png'); background-size: 350px; background-repeat: no-repeat; background-position: center">
</div>
<div class="my-3 py-3">
<h2 class="display-5"><b>O EVENTO</b></h2>
<br>
<p class="text-justify">A realização das Semanas de Curso já é uma tradição em nossa Unidade Universitária e a
cada ano se consolida como uma referência junto à comunidade local e regional, que cada vez mais se interessa
pelas atividades acadêmicas, científicas e culturais promovidas pela FCT e nos prestigia com sua presença e
participação. A XVIII SECOMPP – Semana da Computação de Presidente Prudente, como nos anos anteriores,
oferecerá Minicursos, Palestras e mais.</p>
</div>
</div>
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-4 text-center overflow-hidden">
<br>
<div class=""
style="height: 80px; background-image: url('./assets/img/unesp.png'); background-size: contain; background-repeat: no-repeat; background-position: center">
</div>
<div class="my-3 py-3">
<h2 class="display-5"><b>A UNIVERSIDADE</b></h2>
<br>
<p class="text-justify">A Faculdade de Ciências e Tecnologia (FCT) faz parte da Universidade Estadual Paulista -
Júlio de Mesquita Filho (UNESP) que é, atualmente, uma das maiores e mais importantes instituições de ensino
superior do país. A UNESP é uma das três Universidades do Estado de São Paulo, ao lado de USP e UNICAMP. A
FCT/Unesp atua nas três grandes áreas do conhecimento, oferecendo doze cursos de graduação, sete programas em
nível de pós-graduação e diversos cursos de especialização.</p>
</div>
</div>
</div>
<div id="programacao" class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3 text-white">
<div class="bg-dark mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
<h2 class="display-5"><b>PROGRAMAÇÃO</b></h2>
<p class="lead">Fique atento a programação e não perca as oportunidades!</p>
<div class="my-3 p-3">
<div class="bg-white shadow-sm mx-auto" style="padding:20px; border-radius: 30px;">
<a href="./assets/img/Programacao.jpg" target="_blank">
<img src="./assets/img/Programacao.jpg" class="img-fluid" />
</a>
</div>
</div>
</div>
</div>
<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3">
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
<div class="my-3 p-3">
<h2 class="display-5"><b>LOCALIZAÇÃO</b></h2>
<p class="lead">Programe-se antes e verifique o local do seu minicurso ou palestra.</p>
<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1_CRsg_kkkuBXMHjsbTDVUoO0VoxIKIpF" width="100%"
height="480"></iframe>
</div>
</div>
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
<div class="my-3 py-3">
<h2 class="display-5"><b>VALORES</b></h2>
<p class="lead">Entenda os valores para participar dessa semana incrível!</p>
<table class="table table-sm table-hover text-left">
<thead>
<tr>
<th>Tipo</th>
<th>Preço</th>
</tr>
</thead>
<tbody>
<tr>
<td>ESTUDANTES UNESP / UNOESTE / FATEC / TOLEDO / UNIVESP <b style="color:red;"></b></td>
<td><b>R$ 35,00</b></td>
</tr>
<tr>
<td>ESTUDANTES DE OUTRAS IES</td>
<td><b>R$ 35,00</b></td>
</tr>
<tr>
<td>PROFESSORES E PROFISSIONAIS</td>
<td><b>R$ 50,00</b></td>
</tr>
</tbody>
</table>
<p><b style="color:red;">*</b>A inscrição inclui 3 minicursos gratuitamente (enquanto houverem vagas).</p>
<h5>VALOR DE MINICURSO ADICIONAL PARA INSCRITOS: R$10,00 (enquanto houverem vagas, máximo de 4 minicursos
incluindo os 3 anteriores).</h5>
</div>
</div>
</div>
<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3" id="palestras">
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-3 px-md-3 text-center overflow-hidden">
<div class="my-3 p-3">
<h2 class="display-5"><b>PALESTRAS</b></h2>
<p class="lead">Saiba sobre todas as palestras que serão apresentadas.</p>
<div id="lectures"></div>
<!-- timeline item -->
<!-- <div class="row">
<div class="col-auto text-center flex-column d-none d-sm-flex">
<div class="row h-50">
<div class="col border-right"> </div>
<div class="col"> </div>
</div>
<h5 class="m-2">
<span class="badge badge-pill bg-warning"> </span>
</h5>
<div class="row h-50">
<div class="col border-right"> </div>
<div class="col"> </div>
</div>
</div>
<div class="col py-2">
<div class="card border-warning shadow">
<div class="card-body">
<h4 class="card-title text-warning">Day 2 Sessions</h4>
<div class="text-warning">Tue, Jan 10th 2019 8:30 AM</div>
<p class="card-text">Ministrado por: Fábio S. Takaki</p>
<button class="btn btn-sm btn-outline-secondary" type="button" data-target="#t2_details" data-toggle="collapse">Mostrar detalhes ▼</button>
<div class="collapse border" id="t2_details">
<div class="p-2 text-monospace">
<div>08:30 - 09:00 Breakfast in CR 2A</div>
<div>09:00 - 10:30 Live sessions in CR 3</div>
<div>10:30 - 10:45 Break</div>
<div>10:45 - 12:00 Live sessions in CR 3</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!--/row-->
</div>
</div>
</div>
</div>
<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3" id="minicursos">
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-3 px-md-3 text-center overflow-hidden">
<div class="my-3 p-3">
<h2 class="display-5"><b>MINICURSOS</b></h2>
<p class="lead">Adquira mais experiência e conhecimento sobre diversas tecnologias!</p>
<div id="shortcourses"></div>
<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3">
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-3 px-md-3 text-center overflow-hidden">
<div class="my-3 p-3">
<div id="shortcoursesa"></div>
</div>
</div>
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-3 px-md-3 text-center overflow-hidden">
<div class="my-3 py-3">
<div id="shortcoursesb"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3">
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
<div class="my-3 p-3">
<h2 class="display-5">Mesa Redonda</h2>
<p class="lead">Tradição do evento.</p>
</div>
<div class="bg-white shadow-sm mx-auto p-5 text-justify" style="width: 80%; border-radius: 21px 21px 0 0;">
A Mesa Redonda é uma das sessões mais tradicionais da SECOMPP e existe desde sua primeira edição, que ocorreu em 2002, ano que coincide com a implantação do curso de Bacharelado em Ciência da Computação na Faculdade de Ciências e Tecnologia da UNESP de Presidente Prudente. Até o ano de 2006 sempre contou com a presença de profissionais que atuam no mercado de trabalho e na área acadêmica. A partir da sexta edição, que ocorreu em 2007, passou também a ter ex-alunos como participantes. Desde então, o formato da Mesa-redonda tem se mantido, tendo inclusive um aluno como intermediador.
</div>
</div>
</div> -->
<!--
<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3">
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
<div class="my-3 p-3">
<h2 class="display-5">Patrocinador Ouro</h2>
<p class="lead">Conheça o nosso patrocinador ouro do evento.</p>
</div>
<div class="bg-white shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;"></div>
</div>
</div> -->
<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3" id="apoio">
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
<div class="my-3 p-3">
<h2 class="display-5"><b>APOIO</b></h2>
<div class="bg-dark shadow-sm mx-auto apoio text-white" style="width: 100%; border-radius: 30px;">
<br>
<p class="lead" style="margin: 0px">Procurando nos apoiar ou divulgar sua marca? Entre em contato com
cacic.fct@unesp.br!</p>
<br>
<!-- <img src="assets/img/apoio/logo-assim.png" alt="Assim" width="180px">-->
</div>
</div>
<!-- <div class="bg-white shadow-sm mx-auto" style="width: 90%; height: 300px; border-radius: 21px 21px 0 0;"></div> -->
</div>
</div>
<div class="bg-dark text-white mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
<div class="my-3 py-3">
<h2 class="display-5"><b>FAQ</b></h2>
<p class="lead">Tire algumas dúvidas!</p>
<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3">
<div class="bg-dark mr-md-3 pt-3 px-3 pt-md-3 px-md-3 text-center overflow-hidden">
<div class="">
<table class="table table-sm table-hover text-left">
<thead>
<tr>
<th>Quem pode participar?</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>
Qualquer pessoa pode participar dos nossos minicursos e palestras! Basta realizar a inscrição
através do
portal SYSCOMPP.
</p>
</td>
</tr>
</tbody>
<thead>
<tr>
<th>Haverá entrega de certificado para quem participou de minicursos/palestras?</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>
Sim! Os certificados serão emitidos após a confirmação de presença nos minicursos ou palestras,
tendo o
participante com a devida inscrição realizada e paga.
</p>
</td>
</tr>
</tbody>
<thead>
<tr>
<th>Há algum tipo de evento livre para participação?</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>
Sim! Todas as palestras serão abertas para o público, entretanto os certificados só serão gerados
aos
participantes com devida inscrição realizada e paga.
</p>
</td>
</tr>
</tbody>
<thead>
<tr>
<th>Haverá intervalo para almoço entre o período da manhã/tarede?</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>
Sim! O intervalo será das
12:00 às 13:30.
</p>
</td>
</tr>
</tbody>
<thead>
<tr>
<th>Haverá coffee break?</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>
Sim! Haverá coffee break em todos os minicursos durante os intervalos nos períodos da manhã e
tarde.
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="bg-dark mr-md-3 pt-3 px-3 pt-md-3 px-md-3 text-center overflow-hidden">
<div class="">
<table class="table table-sm table-hover text-left">
<thead>
<tr>
<th>Como realizo minha inscrição?</th>
</tr>
</thead>
<tbody>
<tr>
<td>1 - Faça login ou cadastro no SYSCOMPP;<br>2 - Inscreva-se no evento "SECOMPP - Semana da
Computação
2019"; <br>3 - Vá até a área Minicursos e selecione os minicursos desejados (seguindo a relação de
Valores);<br>4 - Acesse a área "Ficha de Pagamento" para gerar sua ficha e siga as instruções de
pagamento.</td>
</tr>
</tbody>
<thead>
<tr>
<th>Como realizo o pagamento?</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p>
Realizando devidamenta a inscrição na SECOMPP, a ficha de pagamento deverá ser impressa, e o
pagamento
realizado exclusivamente na sede da FUNDACTE (Fundação de Ciência, Tecnologia e Ensino), nas
dependências da FCT/UNESP, ou deverá realizar o pagamento por meio de depósito identificado na
seguinte
conta bancária:
<br>
BANCO SANTANDER<br>
AG. 4299<br>
C/C. 13001302-0<br>
Fundação de Ciência Tecnologia e Ensino
<br>
No caso de depósito bancário, um e-mail contendo em anexo o comprovante de pagamento (identificado
e
digitalizado) deve ser então enviado aos endereços fundacte@fct.unesp.br e ejcomp.fct@unesp.br com
o
assunto “Inscrição SECOMPP - [Nome do inscrito]”.
<br>
1ª Via - Fundacte | 2ª Via - Comissão | 3ª Via - Participante
<br>
Entregar 2ª Via para a comissão (CACiC ou EJComp | Sala 5 - Discente I) quando fizer o pagamento
ou
durante o evento para que sua inscrição seja efetivada no sistema.
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<h5><b>Para maiores dúvidas entre em contato com os organizadores do evento via:
cacic.fct@unesp.br</b></h5>
</div>
</div>
<div class="d-md-flex flex-md-equal w-100 my-md-3 pl-md-3" id="apoio">
<div class="bg-light mr-md-3 pt-3 px-3 pt-md-3 px-md-3 text-center overflow-hidden">
<div class="my-3 p-3">
<h2 class="display-5"><b>REALIZAÇÃO</b></h2>
</div>
<div class="bg-white shadow-sm mx-auto p-3" style="width: 100%; border-radius: 30px;">
<img src="assets/img/realizacao/dmc.png" alt="DMC" class="img-fluid">
<img src="assets/img/realizacao/unesp.png" alt="UNESP" class="img-fluid">
<br>
<a href="docs.fct.unesp.br/entidades/discente/cacic/" target="_blank"><img
src="assets/img/realizacao/logo-cacic.png" alt="Cacic" height="150px"></a>
<a href="ejcomp.com.br" target="_blank"><img src="assets/img/realizacao/ejcomp.png" alt="EJCOMP"
height="120px" style="margin-left: 25px;"></a>
</div>
<br>
</div>
</div>
<footer class="bg-dark text-white py-5">
<div class="col-12 col-md text-center" style="padding: 0px !important;">
Faculdade de Ciências e Tecnologias<br>
Universidade Estadual Paulista "Júlio de Mesquita Filho"<br>
Rua Roberto Simonsen, 305 - 19060-900<br>
Presidente Prudente, SP - Brasil<br>
T1: (18) 3229-5388 T2: (18) 3221-4391<br><br>
<small class="d-block mb-3 text-muted">© SECOMPP 2019 | Desenvolvido por <a href="https://www.takaki.me/"
target="_blank">Fabio S. Takaki</a></small>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/holder.min.js"></script>
<script type="text/javascript" src="assets/js/scroll.js"></script>
<script>
$(document).ready(function () {
$('#nav').onePageNav({
filter: ':not(.external)'
});
});
// Definição do evento
var idEvent = 9;
// -------------------------
// listagem de palestras
// -------------------------
$.getJSON('https://docs.fct.unesp.br/semanas/secompp/syscompp/index.php/api/getLectures/' + idEvent, function (lectures, textStatus) {
console.log("Listagem" + lectures);
if (lectures.length > 0) {
var html = '';
for (var i = 0; i < lectures.length; i++) {
let users = '';
for (var j = 0; j < lectures[i].users.length; j++) {
users += lectures[i].users[j].user_name + ', ';
}
users = users.slice(0, -2);
html += `
<div class="row">
<div class="col-auto text-center flex-column d-none d-sm-flex">
<div class="row h-50">
<div class="col border-right"> </div>
<div class="col"> </div>
</div>
<h5 class="m-2">
<span class="badge badge-pill bg-warning"> </span>
</h5>
<div class="row h-50">
<div class="col border-right"> </div>
<div class="col"> </div>
</div>
</div>
<div class="col py-2">
<div class="card border-warning shadow">
<div class="card-body">
<h4 class="card-title text-warning">`+ lectures[i].lecture_name + `</h4>
<p class="card-text">Ministrado por: `+ users + `</p>
<button class="btn btn-sm btn-outline-secondary" type="button" data-target="#lecture_`+ lectures[i].idLecture + `_details" data-toggle="collapse">Mostrar detalhes ▼</button>
<div class="collapse border p-2 text-monospace text-justify" id="lecture_`+ lectures[i].idLecture + `_details"></div>
</div>
</div>
</div>
</div>
`;
};
$('#lectures').html(html);
for (let j = 0; j < lectures.length; j++) {
$.getJSON('https://docs.fct.unesp.br/semanas/secompp/syscompp/index.php/api/getLecture/' + lectures[j].idLecture, function (lecture, textStatus) {
let html = `<b>` + lecture.name + `</b><br>
`+ lecture.description;
$('#lecture_' + lectures[j].idLecture + '_details').html(html);
});
}
} else {
$('#lectures').html('<p class="lead">Em breve</p>');
}
}).fail(function () {
$('#lectures').html('<p class="lead">Em breve</p>');
});
// -------------------------
// listagem de minicursos
// -------------------------
$.getJSON('https://docs.fct.unesp.br/semanas/secompp/syscompp/index.php/api/getShortcourses/' + idEvent, function (shortcourses, textStatus) {
if (shortcourses.length > 0) {
var htmla = '';
var htmlb = '';
for (var i = 0; i < shortcourses.length; i++) {
let users = '';
for (var j = 0; j < shortcourses[i].users.length; j++) {
users += shortcourses[i].users[j].user_name + ', ';
}
users = users.slice(0, -2);
if (i < shortcourses.length / 2) {
htmla += `
<div class="row">
<div class="col-auto text-center flex-column d-none d-sm-flex">
<div class="row h-50">
<div class="col border-right"> </div>
<div class="col"> </div>
</div>
<h5 class="m-2">
<span class="badge badge-pill bg-warning"> </span>
</h5>
<div class="row h-50">
<div class="col border-right"> </div>
<div class="col"> </div>
</div>
</div>
<div class="col py-2">
<div class="card border-warning shadow">
<div class="card-body">
<h4 class="card-title text-warning">`+ shortcourses[i].shortcourse_name + `</h4>
<p class="card-text">Ministrado por: `+ users + `</p>
<button class="btn btn-sm btn-outline-secondary" type="button" data-target="#shortcourse_`+ shortcourses[i].idShortcourse + `_details" data-toggle="collapse">Mostrar detalhes ▼</button>
<div class="collapse border p-2 text-monospace text-justify" id="shortcourse_`+ shortcourses[i].idShortcourse + `_details"></div>
</div>
</div>
</div>
</div>
`;
} else {
htmlb += `
<div class="row">
<div class="col-auto text-center flex-column d-none d-sm-flex">
<div class="row h-50">
<div class="col border-right"> </div>
<div class="col"> </div>
</div>
<h5 class="m-2">
<span class="badge badge-pill bg-warning"> </span>
</h5>
<div class="row h-50">
<div class="col border-right"> </div>
<div class="col"> </div>
</div>
</div>
<div class="col py-2">
<div class="card border-warning shadow">
<div class="card-body">
<h4 class="card-title text-warning">`+ shortcourses[i].shortcourse_name + `</h4>
<p class="card-text">Ministrado por: `+ users + `</p>
<button class="btn btn-sm btn-outline-secondary" type="button" data-target="#shortcourse_`+ shortcourses[i].idShortcourse + `_details" data-toggle="collapse">Mostrar detalhes ▼</button>
<div class="collapse border p-2 text-monospace text-justify" id="shortcourse_`+ shortcourses[i].idShortcourse + `_details"></div>
</div>
</div>
</div>
</div>
`;
}
}
$('#shortcoursesa').html(htmla);
$('#shortcoursesb').html(htmlb);
for (let j = 0; j < shortcourses.length; j++) {
$.getJSON('https://docs.fct.unesp.br/semanas/secompp/syscompp/index.php/api/getShortcourse/' + shortcourses[j].idShortcourse, function (shortcourse, textStatus) {
let html = `<b>` + shortcourse.name + `</b><br>
`+ shortcourse.description;
$('#shortcourse_' + shortcourses[j].idShortcourse + '_details').html(html);
});
}
} else {
$('#shortcoursesa').html('<p class="lead">Em breve</p>');
}
}).fail(function () {
$('#shortcourses').html('<p class="lead">Em breve</p>');
});
</script>
</body>
</html>