-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
110 lines (101 loc) · 5.58 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sematizmus</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/2.1.7/css/dataTables.dataTables.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/2.1.7/js/dataTables.js"></script>
</head>
<body>
<div class="conatiner">
<div class="px-4 py-5 my-5 text-center">
<h1 class="display-5 fw-bold text-body-emphasis">Sematizmus - Magyarország</h1>
<div class="col-lg-8 mx-auto">
<p class="lead mb-4">Magyarország római- és görögkatolikus egyházmegyéinek, katonai ordinariátusának
papjait és diakónusait hivatott összegyűjteni ez az oldal a honlapokon fellelhető adatok alapján.</p>
<div class="alert alert-danger"><b>Figyelem!</b> Az adatokban előfordulhatnak hibák és hiányosságok, ezekért felelősséget nem vállalunk!</div>
<div class="alert alert-warning">Az egyházmegyék honlapja folyamatos feldolgozás alatt áll a <a
href="https://github.com/szentjozsefhackathon/sematizmus">GitHubon</a> elérhető bányász
szkriptek segítségével.
A <b>Szeged-Csanádi egyházmegye, a Kalocsa-Kecskeméti főegyházmegye és a Pannonhalmi Területi Főapátság</b>
papjai hiányoznak az <b>adatok hiánya vagy rendezetlensége miatt.</b>
A kinyert adatok elérhetőek <a href="data.json">ezen a linken.</a>
</div>
<div class="alert alert-success">Várjuk a <a
href="https://github.com/szentjozsefhackathon/sematizmus">GitHubon</a> a fejlesztésbe
bekapcsolódni vágyókat.
</div>
<div class="alert alert-danger"><b>Figyelem!</b> Az adatokban előfordulhatnak hibák és hiányosságok, ezekért felelősséget nem vállalunk!</div>
<table id="datatable" class="stripe row-border hover"></table>
<div class="alert alert-danger"><b>Figyelem!</b> Az adatokban előfordulhatnak hibák és hiányosságok, ezekért felelősséget nem vállalunk!</div>
</div>
</div>
</div>
<center><strong>Készítette: Vörös László.<br />További információ, forráskód, és bekapcsolódási
lehetőség:<br /> <a
href="https://github.com/szentjozsefhackathon/sematizmus">github.com/szentjozsefhackathon/sematizmus</a></strong><br />
<strong>Utolsó frissítés <span id="lastUpdate"></span></strong>
</center>
<script>
let data = [];
let table;
fetch('lastUpdate.json')
.then(response => response.json())
.then(json => {
document.getElementById('lastUpdate').innerText = json.lastUpdate;
});
fetch('data.json')
.then(response => response.json())
.then(json => {
data = json;
console.log(data);
$.fn.dataTableExt.sErrMode = 'none'
table = new DataTable('#datatable', {
language: {
url: 'hu.json',
},
data: data,
columns: [
{
title: 'Név', data: 'name', render: (data, type, row) => {
return row.src ? `<a href="${row.src}" target="_blank">${data}</a>` : data;
}
},
{ title: 'Egyházmegye', data: 'diocese' },
{
title: 'Fénykép', data: 'img', render: (data, type, row) => {
return `<img src="${data}" style="max-width: 100px; max-height: 100px;" onerror="this.src='data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='"/>`;
}
},
{ title: 'Születés', data: 'birth' },
{ title: 'Diakónus- vagy papszentelés', data: 'ordination' },
{
title: 'Infók', data: 'info', render: (data, type, row) => {
let infok = [];
if (row.retired) infok.push("Nyugalmazott")
if (row.deacon) infok.push("Szerpap")
if (row.bishop) infok.push("Püspök")
return infok.join(", ");
}
}
],
paging: true,
pageLength: 10,
lengthMenu: [10, 25, 50, 100],
searching: true,
ordering: true,
info: true,
autoWidth: true,
responsive: true
});
});
</script>
</body>
</html>