SRSoftware/OpenCloudCal
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

css work

Browse Source 
Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
This commit is contained in:
Stephan Richter
2024-12-26 20:01:15 +01:00
parent a90627d976
commit 5d95a17b3b
4 changed files with 58 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
de.srsoftware.cal.web/src/main/resources/event.html
View File

@@ -2,9 +2,10 @@
<head>
<meta charset="UTF-8" />
<title>SRSoftware OpenCloudCal</title>
<link rel="stylesheet" href="occ.css" />
<script src="/static/script/occ.js"></script>
</head>
<body>
<body class="event">
<nav />
<h1>Loading…</h1>
<div id="time">Loading time…</div>

4
de.srsoftware.cal.web/src/main/resources/index.html
View File

@@ -2,6 +2,7 @@
<head>
<meta charset="UTF-8" />
<title>SRSoftware OpenCloudCal</title>
<link rel="stylesheet" href="/static/occ.css" />
<script src="/static/script/occ.js"></script>
</head>
<body>
@@ -25,5 +26,8 @@
loadCurrentEvents();
});
</script>
<div id="overlay">
</div>
</body>
</html>

41
de.srsoftware.cal.web/src/main/resources/occ.css Normal file
View File

@@ -0,0 +1,41 @@
tr:hover td,
tr:hover th{
background-color: khaki;
}
a {
text-decoration: none;
color: navy;
}
a:hover {
text-shadow: 2px 2px 5px red;
}
img {
max-width: 100%;
}
#overlay{
display: none;
background-color: rgba(0,0,0,0.8);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
iframe {
position: absolute;
background: wheat;
width: calc(100% - 60px);
height: calc(100% - 60px);
left: 30px;
top: 30px;
}
body.event {
text-align: justify;
max-width: 600px;
margin: 0 auto;
}

12
de.srsoftware.cal.web/src/main/resources/script/occ.js
View File

@@ -13,12 +13,21 @@ function fetchEvents(start, end){
function addCell(row,content,id){
var a = document.createElement('a');
if (content){
a.href = '/static/event?id='+id;
a.onclick = e => showOverlay('/static/event?id='+id);
a.innerHTML = content;
}
row.insertCell().appendChild(a);
}
function showOverlay(url){
var div = document.getElementById('overlay');
var iframe = document.createElement('iframe');
iframe.src = url;
div.appendChild(iframe);
div.style.display = 'block';
div.onclick = e => div.style.display = 'none';
}
function addRow(json){
var table = document.getElementById('eventlist');
var row = table.insertRow();
@@ -80,6 +89,7 @@ function linkList(json){
var a = document.createElement('a');
a.href = inner.url;
a.innerHTML = inner.description;
a.target = '_blank';
var li = document.createElement('li')
li.appendChild(a);
ul.appendChild(li);