SparkleShare/data/html/event-log.html

242 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>
<title>SparkleShare Event Log</title>
2011-06-20 19:57:24 +00:00
<script type="text/javascript" src="<!-- $jquery-url -->"></script>
<script type="text/javascript">
2011-06-20 22:55:18 +00:00
$(document).ready(function () {
$('.comments-wrapper').each (function () {
if ($(this).find ('.comments').children ().size () < 1) {
$(this).hide ();
} else {
$(this).css ('cursor', 'default');
}
});
$('.buddy-icon').each (function () {
if ($(this).css('backgroundImage').indexOf ('@') != -1) {
$(this).css ('backgroundColor', '#fff');
}
});
$('.comments-section').click(function () {
$(this).find ('.comments-wrapper').show ();
$(this).find ('.comments-wrapper').css ('cursor', 'default');
});
2011-06-20 19:57:24 +00:00
$("input").click(function () {
2011-06-20 22:55:18 +00:00
textarea = $(this).parent ().find ('textarea');
text = textarea.val ();
if (text == '')
return;
textarea.val ('');
table = $(this).parent ().find ("table");
comments = table.html ();
2011-06-22 19:38:14 +00:00
comments += '<tr>' +
' <td class=\"comment-author\"><!-- $username --></td>' +
' <td class=\"comment-timestamp\">just now</td>' +
'</tr>' +
'<tr>' +
' <td class=\"comment-text\" colspan=\"2\">' + text + '</td>' +
'</tr>';
2011-06-20 22:55:18 +00:00
table.html (comments);
2011-06-22 01:03:27 +00:00
location = this.id + '~' + text;
2011-06-20 19:57:24 +00:00
});
});
</script>
2011-05-02 12:35:38 +00:00
<style>
body {
2011-06-10 20:26:26 +00:00
background-color: #dedede;
2011-05-02 12:35:38 +00:00
color: <!-- $body-color -->;
font-size: <!-- $body-font-size -->;
font-family: <!-- $body-font-family -->;
margin: 0;
2011-06-18 23:02:01 +00:00
padding: 18px;
-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 -->;
2011-06-10 20:26:26 +00:00
color: <!-- $secondary-font-color -->;
}
.moved-arrow {
color: <!-- $secondary-font-color -->;
}
2010-11-06 15:05:48 +00:00
2011-06-20 01:06:28 +00:00
td {
vertical-align: top;
2011-06-22 19:38:14 +00:00
font-size: 12px;
2011-06-20 01:06:28 +00:00
}
2011-05-02 12:35:38 +00:00
.day-entry-header {
2011-03-17 15:16:33 +00:00
font-size: <!-- $day-entry-header-font-size -->;
2011-06-10 20:26:26 +00:00
color: #444;
2011-06-18 23:02:01 +00:00
padding: 18px;
padding-top: 9px;
margin-left: auto;
margin-right: auto;
2011-05-02 12:35:38 +00:00
}
a {
color: <!-- $a-color -->;
text-decoration: none;
}
2011-03-17 15:16:33 +00:00
2011-05-02 12:35:38 +00:00
a:hover {
color: <!-- $a-hover-color -->;
}
2011-03-17 15:16:33 +00:00
2011-06-22 19:38:14 +00:00
.event-folder {
margin: 6px;
2011-06-11 17:51:13 +00:00
opacity: 0.8;
2011-05-02 12:35:38 +00:00
font-size: 80%;
2011-06-10 20:26:26 +00:00
color: #fff;
float: right;
padding: 3px 15px;
font-weight: bold;
-webkit-border-radius: 100px;
2011-05-02 12:35:38 +00:00
}
2011-05-02 12:35:38 +00:00
.event-entry-content {
2011-06-22 19:38:14 +00:00
display: block;
background-color: #f0f0f0;
margin-bottom: 12px;
padding: 0px;
border: #ccc 1px solid;
2011-05-02 12:35:38 +00:00
}
2011-06-11 17:51:13 +00:00
.wrapper {
2011-06-20 00:05:32 +00:00
margin: 9px;
2011-06-11 17:51:13 +00:00
float: left;
}
2011-05-02 12:35:38 +00:00
dl {
2011-06-10 20:26:26 +00:00
padding : 0;
margin: 0;
2011-05-02 12:35:38 +00:00
}
dd {
2011-06-10 20:26:26 +00:00
width: 90%;
2011-05-02 12:35:38 +00:00
overflow: hidden;
text-overflow: ellipsis;
2011-06-11 01:51:04 +00:00
padding: 0;
padding-top: 2px;
padding-bottom: 4px;
padding-left: 22px;
margin: 0;
margin-bottom: 2px;
margin-left: 12px;
border-bottom: 1px solid #ddd;
background-repeat: no-repeat;
background-position: center left;
2011-06-10 20:26:26 +00:00
}
dd:last-child {
border: none;
margin-bottom: 6px;
2011-06-11 01:51:04 +00:00
}
.document-added {
background-image: url('<!-- $document-added-background-image -->');
}
.document-deleted {
background-image: url('<!-- $document-deleted-background-image -->');
}
.document-edited {
background-image: url('<!-- $document-edited-background-image -->');
}
.document-moved {
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 {
float: left;
margin-right: 12px;
width: 36px;
background-image: url('<!-- $no-buddy-icon-background-image -->');
background-repeat: no-repeat;
background-position: top center;
}
2011-05-02 12:35:38 +00:00
.buddy-icon {
width: 36px;
height: 36px;
}
2010-11-06 15:05:48 +00:00
2011-05-02 12:35:38 +00:00
.event-info {
2011-06-22 19:38:14 +00:00
padding: 6px;
2011-05-02 12:35:38 +00:00
float: left;
2011-06-18 23:02:01 +00:00
margin-bottom: 8px;
width: 100%;
2011-06-10 20:26:26 +00:00
background-color: #fff;
border-bottom: 1px #ccc solid;
2011-06-22 19:38:14 +00:00
box-sizing: border-box;
-webkit-box-sizing: border-box;
2011-05-02 12:35:38 +00:00
}
2011-06-22 01:03:27 +00:00
.comments {
width: 100%;
}
.comment-author {
font-weight: bold;
2011-06-22 19:38:14 +00:00
width: 75%;
2011-06-22 01:03:27 +00:00
}
.comment-timestamp {
color: <!-- $secondary-font-color -->;
2011-06-22 19:38:14 +00:00
text-align: right;
}
.comment-button {
float:right;
margin-top: 6px;
margin-bottom: 12px;
2011-06-22 19:38:14 +00:00
}
.comment-textarea {
box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100%;
height: 50px;
padding-bottom: 6px;
2011-06-22 19:38:14 +00:00
}
.comments-section {
box-sizing: border-box;
-webkit-box-sizing: border-box;
2011-06-22 19:38:14 +00:00
border-top: 1px #ccc solid;
width: 100%;
height: 9px;
}
.comments-wrapper {
2011-06-22 19:38:14 +00:00
box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100%;
padding: 12px;
}
.comments-section:hover {
cursor: pointer;
}
2011-06-22 19:38:14 +00:00
.comment-text {
padding-bottom: 15px;
2011-06-22 01:03:27 +00:00
}
2011-05-29 02:08:22 +00:00
</style>
2011-05-02 12:35:38 +00:00
</head>
<body>
2011-05-02 12:35:38 +00:00
<!-- $event-log-content -->
</body>
2010-11-06 15:05:48 +00:00
</html>