Friendica/friendica
Friendica/friendica
1
0
Fork 1
mirror of https://git.friendi.ca/friendica/friendica.git synced 2025-06-17 04:05:16 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #36 from fabrixxm/master

Browse source 
Missing icons in 'quattro' and ajax events calendar
This commit is contained in:
fabrixxm 2012-02-15 03:51:44 -08:00
commit 16f00cb73b
44 changed files with 7031 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

10
view/event.tpl Normal file
View file

@ -0,0 +1,10 @@
{{ for $events as $event }}
<div class="event">
{{ if $event.item.author-name }}<a href="$event.item.author-link" ><img src="$event.item.author-avatar" height="32" width="32" />$event.item.author-name</a>{{ endif }}
$event.html
{{ if $event.item.plink }}<a href="$event.plink.0" title="$event.plink.1" target="external-link" class="plink-event-link icon s22 remote-link"></a>{{ endif }}
{{ if $event.edit }}<a href="$event.edit.0" title="$event.edit.1" class="edit-event-link icon s22 pencil"></a>{{ endif }}
</div>
<div class="clear"></div>
{{ endfor }}

4
view/event_form.tpl
View file

@ -1,7 +1,7 @@
<h3>$e_text</h3>
<h3>$title</h3>
<p>
$e_desc
$desc
</p>
<form action="$post" method="post" >

67
view/event_head.tpl
View file

@ -1,3 +1,64 @@
<link rel='stylesheet' type='text/css' href='$baseurl/library/fullcalendar/fullcalendar.css' />
<script language="javascript" type="text/javascript"
src="$baseurl/library/fullcalendar/fullcalendar.min.js"></script>
<script>
$(document).ready(function() {
$('#events-calendar').fullCalendar({
events: '$baseurl/events/json/',
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
timeFormat: 'H(:mm)',
eventClick: function(calEvent, jsEvent, view) {
$.get(
'$baseurl/events/?id='+calEvent.id,
function(data){
$.fancybox(data);
}
);
},
eventRender: function(event, element, view) {
//console.log(view.name);
if (event.item['author-name']==null) return;
switch(view.name){
case "month":
element.find(".fc-event-title").html(
"<img src='{0}' style='height:10px;width:10px'>{1} : {2}".format(
event.item['author-avatar'],
event.item['author-name'],
event.title
));
break;
case "agendaWeek":
element.find(".fc-event-title").html(
"<img src='{0}' style='height:12px; width:12px'>{1}<p>{2}</p><p>{3}</p>".format(
event.item['author-avatar'],
event.item['author-name'],
event.item.desc,
event.item.location
));
break;
case "agendaDay":
element.find(".fc-event-title").html(
"<img src='{0}' style='height:24px;width:24px'>{1}<p>{2}</p><p>{3}</p>".format(
event.item['author-avatar'],
event.item['author-name'],
event.item.desc,
event.item.location
));
break;
}
}
})
});
</script>
<script language="javascript" type="text/javascript"
src="$baseurl/library/tinymce/jscripts/tiny_mce/tiny_mce_src.js"></script>
<script language="javascript" type="text/javascript">
@ -24,9 +85,9 @@ tinyMCE.init({
theme_advanced_path : false,
setup : function(ed) {
ed.onInit.add(function(ed) {
ed.pasteAsPlainText = true;
});
}
ed.pasteAsPlainText = true;
});
}
});

6
view/events-js.tpl Normal file
View file

@ -0,0 +1,6 @@
$tabs
<h2>$title</h2>
<div id="new-event-link"><a href="$new_event.0" >$new_event.1</a></div>
<div id="events-calendar"></div>

24
view/events.tpl Normal file
View file

@ -0,0 +1,24 @@
$tabs
<h2>$title</h2>
<div id="new-event-link"><a href="$new_event.0" >$new_event.1</a></div>
<div id="event-calendar-wrapper">
<a href="$previus.0" class="prevcal $previus.2"><div id="event-calendar-prev" class="icon s22 prev" title="$previus.1"></div></a>
$calendar
<a href="$next.0" class="nextcal $next.2"><div id="event-calendar-prev" class="icon s22 next" title="$next.1"></div></a>
</div>
<div class="event-calendar-end"></div>
{{ for $events as $event }}
<div class="event">
{{ if $event.is_first }}<hr /><a name="link-$event.j" ><div class="event-list-date">$event.d</div></a>{{ endif }}
{{ if $event.item.author-name }}<a href="$event.item.author-link" ><img src="$event.item.author-avatar" height="32" width="32" />$event.item.author-name</a>{{ endif }}
$event.html
{{ if $event.item.plink }}<a href="$event.plink.0" title="$event.plink.1" target="external-link" class="plink-event-link icon s22 remote-link"></a>{{ endif }}
{{ if $event.edit }}<a href="$event.edit.0" title="$event.edit.1" class="edit-event-link icon s22 pencil"></a>{{ endif }}
</div>
<div class="clear"></div>
{{ endfor }}

5
view/theme/quattro/icons.less
View file

@ -13,6 +13,11 @@
&.link { background-image: url("../../../images/icons/@{size}/link.png"); }
&.lock { background-image: url("../../../images/icons/@{size}/lock.png"); }
&.unlock { background-image: url("../../../images/icons/@{size}/unlock.png"); }
&.type-unkn { background-image: url("../../../images/icons/@{size}/zip.png"); }
&.type-audio{ background-image: url("../../../images/icons/@{size}/audio.png"); }
&.type-video{ background-image: url("../../../images/icons/@{size}/video.png"); }
&.type-image{ background-image: url("../../../images/icons/@{size}/image.png"); }
&.type-text { background-image: url("../../../images/icons/@{size}/text.png"); }
}

60
view/theme/quattro/style.css
View file

@ -48,6 +48,21 @@
.icon.s10.unlock {
background-image: url("../../../images/icons/10/unlock.png");
}
.icon.s10.type-unkn {
background-image: url("../../../images/icons/10/zip.png");
}
.icon.s10.type-audio {
background-image: url("../../../images/icons/10/audio.png");
}
.icon.s10.type-video {
background-image: url("../../../images/icons/10/video.png");
}
.icon.s10.type-image {
background-image: url("../../../images/icons/10/image.png");
}
.icon.s10.type-text {
background-image: url("../../../images/icons/10/text.png");
}
.icon.s10.text {
padding: 2px 0px 0px 15px;
}
@ -85,6 +100,21 @@
.icon.s16.unlock {
background-image: url("../../../images/icons/16/unlock.png");
}
.icon.s16.type-unkn {
background-image: url("../../../images/icons/16/zip.png");
}
.icon.s16.type-audio {
background-image: url("../../../images/icons/16/audio.png");
}
.icon.s16.type-video {
background-image: url("../../../images/icons/16/video.png");
}
.icon.s16.type-image {
background-image: url("../../../images/icons/16/image.png");
}
.icon.s16.type-text {
background-image: url("../../../images/icons/16/text.png");
}
.icon.s16.text {
padding: 4px 0px 0px 20px;
}
@ -122,6 +152,21 @@
.icon.s22.unlock {
background-image: url("../../../images/icons/22/unlock.png");
}
.icon.s22.type-unkn {
background-image: url("../../../images/icons/22/zip.png");
}
.icon.s22.type-audio {
background-image: url("../../../images/icons/22/audio.png");
}
.icon.s22.type-video {
background-image: url("../../../images/icons/22/video.png");
}
.icon.s22.type-image {
background-image: url("../../../images/icons/22/image.png");
}
.icon.s22.type-text {
background-image: url("../../../images/icons/22/text.png");
}
.icon.s22.text {
padding: 10px 0px 0px 25px;
}
@ -159,6 +204,21 @@
.icon.s48.unlock {
background-image: url("../../../images/icons/48/unlock.png");
}
.icon.s48.type-unkn {
background-image: url("../../../images/icons/48/zip.png");
}
.icon.s48.type-audio {
background-image: url("../../../images/icons/48/audio.png");
}
.icon.s48.type-video {
background-image: url("../../../images/icons/48/video.png");
}
.icon.s48.type-image {
background-image: url("../../../images/icons/48/image.png");
}
.icon.s48.type-text {
background-image: url("../../../images/icons/48/text.png");
}
/* global */
body {
font-family: Liberation Sans, helvetica, arial, clean, sans-serif;