SparkleShare/data/html/event-log.html

246 lines
7.2 KiB
HTML
Raw Normal View History

2010-11-06 15:05:48 +00:00
<!doctype html>
<html>
2011-05-02 12:35:38 +00:00
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
2011-05-02 12:35:38 +00:00
<title>SparkleShare Event Log</title>
<script type="text/javascript">
<!-- $jquery -->
</script>
2011-06-20 19:57:24 +00:00
<script type="text/javascript">
2011-06-20 22:55:18 +00:00
$(document).ready(function () {
$('dl dd:nth-child(-n+10)').css('display', 'block');
$('.day-entry-content .event-entry:last-child').css('border', 'none');
$('dd a.windows').click(function () {
window.external.LinkClicked($(this).attr("href"));
});
// Update the Today and Yesterday labels after midnight
var midnight_interval = setInterval (function(){
var date = new Date();
if ((date.getTime() / 1000) >= <!-- $midnight -->) {
$("#today").html($("#today").attr("name"));
$("#yesterday").html($("#yesterday").attr("name"));
clearInterval(midnight_interval);
}
}, 60 * 1000);
$('.buddy-icon').each (function () {
if ($(this).css('backgroundImage').indexOf ('@') != -1) {
$(this).css ('backgroundColor', '#fff');
}
});
2011-07-16 18:41:04 +00:00
// Hide the 'Show all' link when there are less than 10 events
$('.show').each (function () {
var entries = $(this).parent ().find ('dl').children ().length;
if (entries <= 10) {
$(this).hide ();
} else {
// Append the number of entries
$(this).html ('Show all ' + entries);
}
});
// When 'Show all' is clicked, show all collapsed events
$('.show').click(function () {
$(this).parent ().find ('dl').children ().show ();
$(this).hide ();
});
2011-06-20 19:57:24 +00:00
});
</script>
2011-05-02 12:35:38 +00:00
<style>
2011-07-15 22:51:15 +00:00
* {
box-sizing: border-box;
2011-07-15 22:51:15 +00:00
-webkit-box-sizing: border-box;
}
2011-05-02 12:35:38 +00:00
body {
background-color: #fff;
color: <!-- $body-color -->;
font-size: <!-- $body-font-size -->;
font-family: <!-- $body-font-family -->;
margin: 0;
-webkit-user-select: none;
2011-05-02 12:35:38 +00:00
}
2010-11-06 15:05:48 +00:00
2011-05-02 12:35:38 +00:00
small {
font-size: <!-- $small-font-size -->;
color: <!-- $secondary-font-color -->;
}
.moved-arrow {
color: <!-- $secondary-font-color -->;
}
2010-11-06 15:05:48 +00:00
2011-05-02 12:35:38 +00:00
.day-entry-header {
2011-07-16 21:30:35 +00:00
color: #aaa;
2011-06-18 23:02:01 +00:00
margin-left: auto;
margin-right: auto;
2011-07-15 22:51:15 +00:00
display: block;
text-align: center;
padding-top: 24px;
2011-07-16 18:41:04 +00:00
font-weight: bold;
}
2011-05-02 12:35:38 +00:00
a {
color: <!-- $a-color -->;
text-decoration: none;
outline: 0;
2011-05-02 12:35:38 +00:00
}
2011-03-17 15:16:33 +00:00
2011-05-02 12:35:38 +00:00
a:hover {
color: <!-- $a-hover-color -->;
text-decoration: underline;
2011-05-02 12:35:38 +00:00
}
2011-03-17 15:16:33 +00:00
2011-07-15 22:51:15 +00:00
.event-timestamp {
2011-07-16 18:41:04 +00:00
float: left;
font-size: 80%;
2011-07-15 22:51:15 +00:00
color: <!-- $secondary-font-color -->;
}
.event-user-name {
float: left;
font-weight: bold;
}
2011-06-22 19:38:14 +00:00
.event-folder {
2011-06-10 20:26:26 +00:00
float: right;
2011-07-15 22:51:15 +00:00
color: <!-- $secondary-font-color -->;
position: relative;
cursor: pointer;
}
.event-folder span {
display: none
}
.event-folder:hover span {
display: block;
position: absolute;
top: 20px;
right: 0;
background-color: rgba(20, 20, 20, 0.8);
color: #fafafa;
padding: 7px 12px;
border-radius: 5px;
font-family: sans-serif;
font-size: <!-- $small-font-size -->;
float: right;
2011-05-02 12:35:38 +00:00
}
2011-07-16 18:41:04 +00:00
.event-entry {
padding-top: 24px;
padding-bottom: 14px;
2012-01-26 15:39:13 +00:00
border-bottom: 1px #ddd solid;
padding-left: 96px;
padding-right: 32px;
2011-07-16 18:41:04 +00:00
background-repeat: no-repeat;
background-position: 36px 24px;
2012-01-26 15:39:13 +00:00
display: block;
2011-05-02 12:35:38 +00:00
}
2011-06-11 17:51:13 +00:00
2011-07-15 22:51:15 +00:00
.action {
2011-07-16 18:41:04 +00:00
font-size: 80%;
2011-07-15 22:51:15 +00:00
margin-left: 15px;
float: right;
2011-07-16 18:41:04 +00:00
margin-bottom: 9px;
2011-07-15 22:51:15 +00:00
color: <!-- $a-color -->;
}
.action:hover {
color: <!-- $a-hover-color -->;
cursor: pointer;
}
.clearer {
clear: both;
backround-color: blue;
margin: 0;
padding: 0;
height: 0;
}
.separator {
2011-07-16 18:41:04 +00:00
clear: both;
2011-07-15 22:51:15 +00:00
border-bottom: 1px #ccc solid;
margin-top: 24px;
margin-bottom: 24px;
2011-06-11 17:51:13 +00:00
}
2011-05-02 12:35:38 +00:00
dl {
2011-06-10 20:26:26 +00:00
padding : 0;
margin: 0;
2011-07-15 22:51:15 +00:00
margin-bottom: 12px;
2011-07-16 18:41:04 +00:00
padding-top: 6px;
clear: both;
table-layout: fixed;
2011-05-02 12:35:38 +00:00
}
dd {
2011-07-16 18:41:04 +00:00
display: none;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
padding: 0;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 20px;
margin: 0;
margin-bottom: 1px;
background-repeat: no-repeat;
2011-06-11 01:51:04 +00:00
background-position: center left;
2011-06-10 20:26:26 +00:00
}
2011-07-16 21:30:35 +00:00
.document {
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
}
.added {
2011-06-11 01:51:04 +00:00
background-image: url('<!-- $document-added-background-image -->');
}
2011-07-16 21:30:35 +00:00
.deleted {
2011-06-11 01:51:04 +00:00
background-image: url('<!-- $document-deleted-background-image -->');
}
2011-07-16 21:30:35 +00:00
.edited {
2011-06-11 01:51:04 +00:00
background-image: url('<!-- $document-edited-background-image -->');
}
2011-07-16 21:30:35 +00:00
.moved {
2011-06-11 01:51:04 +00:00
background-image: url('<!-- $document-moved-background-image -->');
2011-05-02 12:35:38 +00:00
}
2011-05-02 12:35:38 +00:00
.no-buddy-icon {
2011-07-15 22:51:15 +00:00
position: relative;
top: 0;
left: 0;
float: left;
margin-right: 12px;
width: 48px;
background-image: url('<!-- $no-buddy-icon-background-image -->');
background-repeat: no-repeat;
2011-05-02 12:35:38 +00:00
background-position: top center;
}
2011-05-02 12:35:38 +00:00
.buddy-icon {
width: 48px;
height: 48px;
2011-05-02 12:35:38 +00:00
}
2011-05-29 02:08:22 +00:00
</style>
2011-05-02 12:35:38 +00:00
</head>
<body oncontextmenu="return false;">
2011-05-02 12:35:38 +00:00
<!-- $event-log-content -->
</body>
2010-11-06 15:05:48 +00:00
</html>