dynamic group edit buttons

This commit is contained in:
friendica 2011-12-01 16:33:53 -08:00
parent 29b5d398fd
commit ac3df5fece
5 changed files with 32 additions and 3 deletions

View file

@ -9,7 +9,7 @@ require_once('include/nav.php');
require_once('include/cache.php');
define ( 'FRIENDICA_PLATFORM', 'Friendica');
define ( 'FRIENDICA_VERSION', '2.3.1181' );
define ( 'FRIENDICA_VERSION', '2.3.1182' );
define ( 'DFRN_PROTOCOL_VERSION', '2.22' );
define ( 'DB_UPDATE_VERSION', 1107 );

View file

@ -210,6 +210,7 @@ function group_side($every="contacts",$each="group",$edit = false, $group_id = 0
$tpl = get_markup_template("group_side.tpl");
$o = replace_macros($tpl, array(
'$title' => t('Groups'),
'$edittext' => t('Edit group'),
'$createtext' => t('Create a new group'),
'$groups' => $groups,
'$add' => t('add'),

View file

@ -13,7 +13,7 @@
/>
{{ endif }}
{{ if $group.edit }}
<a class="groupsideedit" href="$group.edit.href"><span id="group-side-editicon-$group.id" class="icon small-pencil"></span></a>
<a class="groupsideedit" href="$group.edit.href" title="$edittext"><span id="edit-sidebar-group-element-$group.id" class="group-edit-icon iconspacer small-pencil"></span></a>
{{ endif }}
<a id="sidebar-group-element-$group.id" class="sidebar-group-element {{ if $group.selected }}group-selected{{ endif }}" href="$group.href">$group.text</a>
</li>

View file

@ -1792,7 +1792,7 @@ a.mail-list-link {
list-style-type: none;
}
#sidebar-group-list .icon {
#sidebar-group-list .icon, #sidebar-group-list .iconspacer {
display: inline-block;
height: 12px;
width: 12px;
@ -2766,6 +2766,10 @@ aside input[type='text'] {
/**
* ICONS
*/
.iconspacer {
display: block; width: 16px; height: 16px;
}
.icon {
display: block; width: 16px; height: 16px;
background-image: url('../../../images/icons.png');

View file

@ -1,2 +1,26 @@
<?php
$a->theme_info = array();
$a->page['htmlhead'] .= <<< EOT
<script>
$(document).ready(function() {
$('.group-edit-icon').hover(
function() {
$(this).addClass('icon'); $(this).removeClass('iconspacer');},
function() {
$(this).removeClass('icon'); $(this).addClass('iconspacer');}
);
$('.sidebar-group-element').hover(
function() {
id = $(this).attr('id');
$('#edit-' + id).addClass('icon'); $('#edit-' + id).removeClass('iconspacer');},
function() {
id = $(this).attr('id');
$('#edit-' + id).removeClass('icon');$('#edit-' + id).addClass('iconspacer');}
);
});
</script>
EOT;