Revize 9a7b1f4c
Přidáno uživatelem Ondřej Anděl před více než 3 roky(ů)
| application/index.php | ||
|---|---|---|
| 1 |
<!doctype html> |
|
| 2 |
|
|
| 3 |
<html > |
|
| 4 |
<head> |
|
| 5 |
<meta charset="utf-8"> |
|
| 6 |
<title>Dalimilova kronika</title> |
|
| 7 |
|
|
| 8 |
<!-- css --> |
|
| 9 |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> |
|
| 10 |
<link rel="stylesheet" href="./view/style.css"> |
|
| 11 |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
|
| 12 |
|
|
| 13 |
<!-- jQuery library --> |
|
| 14 |
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script> |
|
| 15 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script> |
|
| 16 |
|
|
| 17 |
<!-- JavaScript --> |
|
| 18 |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script> |
|
| 19 |
|
|
| 20 |
</head> |
|
| 21 |
<body> |
|
| 22 |
<div class="container-fluid"> |
|
| 23 |
<?php include "./view/header.html" ?> |
|
| 24 |
<div class="row app-content"> |
|
| 25 |
<?php include "./view/menu.php" ?> |
|
| 26 |
|
|
| 27 |
<div class="col-xs-12 col-sm-10 p-4 content d-flex"> |
|
| 28 |
<?php include "./view/indexContent.html" ?> |
|
| 29 |
</div> |
|
| 30 |
</div> |
|
| 31 |
<?php include "./view/footer.html" ?> |
|
| 32 |
</div> |
|
| 33 |
|
|
| 34 |
<?php include "./view/loginModal.html" ?> |
|
| 35 |
</body> |
|
| 36 |
</html> |
|
| application/search.php | ||
|---|---|---|
| 1 |
<!doctype html> |
|
| 2 |
|
|
| 3 |
<html > |
|
| 4 |
<head> |
|
| 5 |
<meta charset="utf-8"> |
|
| 6 |
<title>Dalimilova kronika</title> |
|
| 7 |
|
|
| 8 |
<!-- css --> |
|
| 9 |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> |
|
| 10 |
<link rel="stylesheet" href="./view/style.css"> |
|
| 11 |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
|
| 12 |
|
|
| 13 |
<!-- jQuery library --> |
|
| 14 |
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script> |
|
| 15 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script> |
|
| 16 |
|
|
| 17 |
<!-- JavaScript --> |
|
| 18 |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script> |
|
| 19 |
|
|
| 20 |
</head> |
|
| 21 |
<body> |
|
| 22 |
<div class="container-fluid"> |
|
| 23 |
<?php include "./view/header.html" ?> |
|
| 24 |
<div class="row app-content"> |
|
| 25 |
<?php include "./view/menu.php" ?> |
|
| 26 |
|
|
| 27 |
<div class="col-xs-12 col-sm-10 p-4 content d-flex"> |
|
| 28 |
<?php include "./view/searchContent.php" ?> |
|
| 29 |
</div> |
|
| 30 |
</div> |
|
| 31 |
<?php include "./view/footer.html" ?> |
|
| 32 |
</div> |
|
| 33 |
|
|
| 34 |
<?php include "./view/loginModal.html" ?> |
|
| 35 |
</body> |
|
| 36 |
</html> |
|
| application/view/footer.html | ||
|---|---|---|
| 1 |
<div class="row app-footer"> |
|
| 2 |
<div class="col-xs-12 col-sm-12 my-auto"> |
|
| 3 |
<small class="mx-auto"> |
|
| 4 |
© ZČU, 2021 |
|
| 5 |
</small> |
|
| 6 |
</div> |
|
| 7 |
</div> |
|
| application/view/header.html | ||
|---|---|---|
| 1 |
<div class="row app-header"> |
|
| 2 |
<div class="col-xs-12 col-sm-12 my-auto "> |
|
| 3 |
<h1 class="mx-auto title"> |
|
| 4 |
Dalimilova kronika |
|
| 5 |
</h1> |
|
| 6 |
</div> |
|
| 7 |
</div> |
|
| application/view/indexContent.html | ||
|---|---|---|
| 1 |
<p> |
|
| 2 |
Dvě existující, už vytvořené samostatné databáze slov a jejich tvarů ze všech pramenů Dalimilovy kroniky (tj. staročeské památky z období 14., 15. století). |
|
| 3 |
Kronika vypráví ve staročeštině o dějinách naší země, je to první česky psaná kronika. |
|
| 4 |
Zkoumání jejího jazyka dovoluje popsat hlavní vývojové tendence češtiny v tzv. staročeském období (14., 15. století) |
|
| 5 |
a pochopit stav češtiny i její vývoj v současnosti. Databáze byly vytvořeny jako podpora pro zpracování tiskové podoby indexu |
|
| 6 |
všech slov a tvarů doložených v dochovaných pramenech. Index (celkem 3 díly) vyšel postupně v letech 2012–2020 jako výsledek |
|
| 7 |
řešení tří vědeckých projektů v rámci Fakulty pedagogické. |
|
| 8 |
</p> |
|
| application/view/loginModal.html | ||
|---|---|---|
| 1 |
|
|
| 2 |
<div id="login-modal" class="modal fade" role="dialog"> |
|
| 3 |
<div class="modal-dialog modal-dialog-centered" role="document"> |
|
| 4 |
<div class="modal-content"> |
|
| 5 |
<div class="modal-header"> |
|
| 6 |
<h4 class="modal-title">Přihlásit se</h4> |
|
| 7 |
<button type="button" class="close" data-dismiss="modal">×</button> |
|
| 8 |
</div> |
|
| 9 |
<div class="modal-body"> |
|
| 10 |
<div class="container"> |
|
| 11 |
<div class="row"> |
|
| 12 |
<div class="col-xs-12 col-sm-5"> |
|
| 13 |
<label for="nick">Přihlašovací jméno</label> |
|
| 14 |
</div> |
|
| 15 |
<div class="col-xs-12 col-sm-7"> |
|
| 16 |
<input type="text" id="nick"> |
|
| 17 |
</div> |
|
| 18 |
</div> |
|
| 19 |
<div class="row"> |
|
| 20 |
<div class="col-xs-12 col-sm-5"> |
|
| 21 |
<label for="password">Heslo</label> |
|
| 22 |
</div> |
|
| 23 |
<div class="col-xs-12 col-sm-7"> |
|
| 24 |
<input type="password" id="password"> |
|
| 25 |
</div> |
|
| 26 |
</div> |
|
| 27 |
</div> |
|
| 28 |
</div> |
|
| 29 |
<div class="modal-footer"> |
|
| 30 |
<button type="button" class="btn btn-default" data-dismiss="modal">Přihlásit se</button> |
|
| 31 |
<button type="button" class="btn btn-default" data-dismiss="modal">Zavřít</button> |
|
| 32 |
</div> |
|
| 33 |
</div> |
|
| 34 |
</div> |
|
| 35 |
</div> |
|
| application/view/menu.php | ||
|---|---|---|
| 1 |
<div class="col-xs-12 col-sm-2 menu"> |
|
| 2 |
<h4 class="pt-4 px-4"> |
|
| 3 |
Menu |
|
| 4 |
</h4> |
|
| 5 |
<div class="d-flex flex-column"> |
|
| 6 |
<a class="px-4 py-1 <?php echo (strstr($_SERVER['PHP_SELF'], '/index.php') ? 'active' : '');?>" href="index.php">Úvodní info</a> |
|
| 7 |
<a class="px-4 py-1 <?php echo (strstr($_SERVER['PHP_SELF'],'/search.php') ? 'active' : '');?>" href="search.php">Vyhledávání</a> |
|
| 8 |
<a class="px-4 py-1 <?php echo (strstr($_SERVER['PHP_SELF'],'/login.php') ? 'active' : '');?>" href="#" data-toggle="modal" data-target="#login-modal">Přihlášení</a> |
|
| 9 |
</div> |
|
| 10 |
</div> |
|
| application/view/searchContent.php | ||
|---|---|---|
| 1 |
<div class="search-filters container"> |
|
| 2 |
<div class="row"> |
|
| 3 |
<div class="mr-3"> |
|
| 4 |
<label for="lemma" class="mr-2">Lemma</label> |
|
| 5 |
<input type="text" id="lemma"> |
|
| 6 |
</div> |
|
| 7 |
<div class="mr-3"> |
|
| 8 |
<label for="wordshape" class="mr-2">Tvar slova</label> |
|
| 9 |
<input type="text" id="wordshape"> |
|
| 10 |
</div> |
|
| 11 |
<div class="mr-3"> |
|
| 12 |
<label for="wordclass" class="mr-2">Slovní druh</label> |
|
| 13 |
<select id="wordclass"> |
|
| 14 |
<option>Substantivum</option> |
|
| 15 |
<option>Adjektivum</option> |
|
| 16 |
<option>Pronominum</option> |
|
| 17 |
<option>Numeralium</option> |
|
| 18 |
<option>Verbum</option> |
|
| 19 |
<option>Adverbium</option> |
|
| 20 |
<option>Prepozice</option> |
|
| 21 |
<option>konjunkce</option> |
|
| 22 |
<option>Partikule</option> |
|
| 23 |
<option>Interjekce</option> |
|
| 24 |
</select> |
|
| 25 |
</div> |
|
| 26 |
<div class="mr-3"> |
|
| 27 |
<label for="source" class="mr-2">Rukopisný pramen</label> |
|
| 28 |
<input type="text" id="source"> |
|
| 29 |
</div> |
|
| 30 |
<div class="mr-3"> |
|
| 31 |
<label for="location" class="mr-2">Lokace</label> |
|
| 32 |
<input type="text" id="location"> |
|
| 33 |
</div> |
|
| 34 |
</div> |
|
| 35 |
</div> |
|
| 36 |
|
|
| 37 |
<div class="search-results my-4"> |
|
| 38 |
<table class="table table-striped"> |
|
| 39 |
<thead> |
|
| 40 |
<tr> |
|
| 41 |
<th scope="col">Lemma</th> |
|
| 42 |
<th scope="col">Prefix</th> |
|
| 43 |
<th scope="col">Slovo</th> |
|
| 44 |
<th scope="col">Suffix</th> |
|
| 45 |
<th scope="col">Koncovka</th> |
|
| 46 |
<th scope="col"></th> |
|
| 47 |
</tr> |
|
| 48 |
</thead> |
|
| 49 |
<tbody id="search-table"> |
|
| 50 |
<script> |
|
| 51 |
const data = [{"id":1,"context":"","date":"2013-08-22 00:00:00","description":"","description2":"","description3":"","ending":"e","finished":true,"namedentity":0,"position1":"45","position2":"19","positiondetail":"","prefix":"","suffix":"","word":"abaty\u0161e","lemma_id":1,"tag_id":1},{"id":2,"context":"","date":"2013-08-22 00:00:00","description":"","description2":"","description3":"","ending":"e","finished":true,"namedentity":0,"position1":"45","position2":"20","positiondetail":"","prefix":"","suffix":"","word":"abaty\u0161e","lemma_id":1,"tag_id":2},{"id":24,"context":"","date":"2013-05-29 00:00:00","description":"","description2":"\\N","description3":"\\N","ending":"","finished":true,"namedentity":1,"position1":"100","position2":"07","positiondetail":"","prefix":"","suffix":"","word":"Albrecht","lemma_id":7,"tag_id":8},{"id":3,"context":"","date":"2013-08-22 00:00:00","description":"","description2":"","description3":"","ending":"\u011b","finished":true,"namedentity":0,"position1":"45","position2":"19","positiondetail":"","prefix":"","suffix":"","word":"abaty\u0161\u011b","lemma_id":1,"tag_id":1},{"id":4,"context":"","date":"2013-05-27 00:00:00","description":"","description2":"","description3":"","ending":"a","finished":true,"namedentity":1,"position1":"96","position2":"15","positiondetail":"","prefix":"","suffix":"","word":"Adalfa","lemma_id":2,"tag_id":3},{"id":5,"context":"","date":"2013-05-27 00:00:00","description":"","description2":"\\N","description3":"\\N","ending":"a","finished":true,"namedentity":1,"position1":"96","position2":"15","positiondetail":"","prefix":"","suffix":"","word":"Adolfa","lemma_id":3,"tag_id":3},{"id":25,"context":"","date":"2013-05-28 00:00:00","description":"","description2":"","description3":"","ending":"a","finished":true,"namedentity":1,"position1":"99","position2":"04","positiondetail":"","prefix":"","suffix":"","word":"Albrechta","lemma_id":7,"tag_id":3},{"id":6,"context":"","date":"2013-05-31 00:00:00","description":"","description2":"\\N","description3":"\\N","ending":"\u011b","finished":true,"namedentity":1,"position1":"104","position2":"24","positiondetail":"","prefix":"","suffix":"\u00e9\u0159","word":"Ajn\u0161tejn\u00e9\u0159\u011b","lemma_id":4,"tag_id":3},{"id":7,"context":"","date":"2013-05-27 00:00:00","description":"","description2":"","description3":"","ending":"u","finished":true,"namedentity":0,"position1":"96","position2":"10","positiondetail":"","prefix":"","suffix":"\u00f3v","word":"Albertovu","lemma_id":5,"tag_id":4},{"id":38,"context":"z","date":"2013-03-28 00:00:00","description":"","description2":"\\N","description3":"\\N","ending":"a","finished":true,"namedentity":1,"position1":"39","position2":"05","positiondetail":"","prefix":"","suffix":"","word":"Aldenburka","lemma_id":12,"tag_id":7}]
|
|
| 52 |
let result = ""; |
|
| 53 |
data.forEach((item) => {
|
|
| 54 |
result += "<tr>"; |
|
| 55 |
result += "<td>" + item.lemma_id + "</td>"; |
|
| 56 |
result += "<td>" + item.prefix + "</td>"; |
|
| 57 |
result += "<td>" + item.word + "</td>"; |
|
| 58 |
result += "<td>" + item.suffix + "</td>"; |
|
| 59 |
result += "<td>" + item.ending + "</td>"; |
|
| 60 |
result += "<td class=\"action-td\">" + |
|
| 61 |
"<button class=\"btn\"><i class=\"fa fa-search\"></i></button>" + |
|
| 62 |
"</td>"; |
|
| 63 |
result += "</tr>"; |
|
| 64 |
}); |
|
| 65 |
document.getElementById("search-table").innerHTML = result;
|
|
| 66 |
</script> |
|
| 67 |
</tbody> |
|
| 68 |
</table> |
|
| 69 |
</div> |
|
| 70 |
|
|
| 71 |
|
|
| application/view/style.css | ||
|---|---|---|
| 1 |
html, body, .container-fluid {
|
|
| 2 |
height: 100%; |
|
| 3 |
} |
|
| 4 |
|
|
| 5 |
.app-header {
|
|
| 6 |
background-image: linear-gradient(#A8A4A2, #4B4B4B); |
|
| 7 |
height: 15%; |
|
| 8 |
} |
|
| 9 |
|
|
| 10 |
.app-header .title {
|
|
| 11 |
width: max-content; |
|
| 12 |
font-family: "Lucida Calligraphy", cursive; |
|
| 13 |
} |
|
| 14 |
|
|
| 15 |
.app-content {
|
|
| 16 |
height: 80%; |
|
| 17 |
} |
|
| 18 |
|
|
| 19 |
.app-content .menu {
|
|
| 20 |
background-color: #a8a4a2; |
|
| 21 |
border-right: #4B4B4B solid 2px; |
|
| 22 |
} |
|
| 23 |
|
|
| 24 |
.app-content .menu a {
|
|
| 25 |
color: #4B4B4B; |
|
| 26 |
background-color: transparent; |
|
| 27 |
} |
|
| 28 |
|
|
| 29 |
.app-content .menu a:hover, |
|
| 30 |
.app-content .menu a:focus {
|
|
| 31 |
color: #a8a4a2; |
|
| 32 |
background-color: #707070; |
|
| 33 |
text-decoration: none; |
|
| 34 |
border-radius: 15px 50px 50px 15px; |
|
| 35 |
} |
|
| 36 |
|
|
| 37 |
.app-content .menu .active{
|
|
| 38 |
color: #a8a4a2; |
|
| 39 |
background-color: #4B4B4B; |
|
| 40 |
text-decoration: none; |
|
| 41 |
border-radius: 15px 50px 50px 15px; |
|
| 42 |
} |
|
| 43 |
|
|
| 44 |
.app-content .content {
|
|
| 45 |
background-color: #c9c5c2; |
|
| 46 |
height: 100%; |
|
| 47 |
flex-direction: column; |
|
| 48 |
} |
|
| 49 |
|
|
| 50 |
.app-footer {
|
|
| 51 |
text-align: center; |
|
| 52 |
background-image: linear-gradient(#4B4B4B,#A8A4A2); |
|
| 53 |
height: 5%; |
|
| 54 |
} |
|
| 55 |
|
|
| 56 |
.modal-body {
|
|
| 57 |
background-color: #c9c5c2; |
|
| 58 |
} |
|
| 59 |
|
|
| 60 |
.modal-header, .modal-footer {
|
|
| 61 |
background-color: #A8A4A2; |
|
| 62 |
} |
|
| 63 |
|
|
| 64 |
.modal-header .modal-title {
|
|
| 65 |
color: #4B4B4B; |
|
| 66 |
} |
|
| 67 |
|
|
| 68 |
.app-content .content .search-results {
|
|
| 69 |
height: 100%; |
|
| 70 |
overflow: auto; |
|
| 71 |
} |
|
| 72 |
|
|
| 73 |
.app-content .content .search-results .action-td{
|
|
| 74 |
width: 1%; |
|
| 75 |
} |
|
Také k dispozici: Unified diff
Feature #8269: Vytvoření prvotního vzhledu aplikace