Helpdesk/www/include/staff/templates/collaborators.tmpl.php

<h3 class="drag-handle"><?php echo __('Collaborators'); ?></h3>
<b><a class="close" href="#"><i class="icon-remove-circle"></i></a></b>
<?php
if($info && $info['msg']) {
    echo sprintf('<p id="msg_notice" style="padding-top:2px;">%s</p>', $info['msg']);
}

if ($thread->object_type == 'T')
  $type = '\'tickets\'';
if ($thread->object_type == 'A')
  $type = '\'tasks\'';
?>
<hr/>
<?php
if(($users=$thread->getCollaborators())) {?>
<div id="manage_collaborators">
<form method="post" class="collaborators" action="#thread/<?php echo $thread->getId(); ?>/collaborators">
    <table border="0" cellspacing="1" cellpadding="1" width="100%">
    <?php
    foreach($users as $user) {
        $checked = $user->isActive() ? 'checked="checked"' : '';
        $cc = $user->isCc() ? 'selected="selected"' : '';

        echo sprintf('<tr>
                        <td>
                            <label class="inline checkbox">
                            <input type="checkbox" name="cid[]" id="c%d" value="%d" %s>
                            </label>
                            <a class="collaborator" href="#thread/%d/collaborators/%d/view">%s%s</a>
                            <div align="left">
                                <span class="faded"><em>%s</em></span>
                            </div>
                        </td>',
                        $user->getId(),
                        $user->getId(),
                        $checked,
                        $thread->getId(),
                        $user->getId(),
                        (($U = $user->getUser()) && ($A = $U->getAvatar()))
                            ? $U->getAvatar()->getImageTag(24) : '',
                        Format::htmlchars($user->getName()),
                        $user->getEmail());

            echo sprintf('<td width="10">
                <input type="hidden" name="del[]" id="d%d" value="">
                <a class="remove" href="#d%d">
                  <i class="icon-trash icon-fixed-width"></i>
                </a>
            </td>
            <td width="30">&nbsp;</td>
            </tr>',$user->getId(), $user->getId());
    }
    ?>
    <td>
      <div><a class="collaborator" id="addcollaborator"
          href="#thread/<?php echo $thread->getId(); ?>/add-collaborator/addcc"
          ><i class="icon-plus-sign"></i> <?php echo __('Add Collaborator'); ?></a></div>
    </td>
    </table>
    <hr style="margin-top:1em"/>
    <div id="savewarning" style="display:none; padding-top:2px;"><p
    id="msg_warning"><?php echo __('You have made changes that you need to save.'); ?></p></div>
    <p class="full-width">
        <span class="buttons pull-left">
            <input type="reset" value="<?php echo __('Reset'); ?>">
            <input type="button" value="<?php echo __('Done'); ?>" class="close">
        </span>
        <span class="buttons pull-right">
        <input type="submit" value="<?php echo __('Save Changes'); ?>">
        </span>
     </p>
</form>
<div class="clear"></div>
</div>
<?php
} else {
    echo __("Bro, not sure how you got here!");
}

if ($_POST && $thread) {
    $collabs = $thread->getCollaborators();
    foreach ($collabs as $c) {
        $options .= sprintf('<option value="%s" %s class="%s">%s</option>',
                  $c->getUserId(),
                  $c->isActive() ? 'selected="selected"' : '',
                  $c->isActive() ? 'active' : 'disabled',
                  $c->getName());
    }
    $recipients = sprintf(__('(%d of %d)'),
          $thread->getNumActiveCollaborators(),
          $thread->getNumCollaborators());
    ?>
    <script type="text/javascript">
        $(function() {
            $('#t<?php echo $thread->getId(); ?>-recipients').html('<?php echo $recipients; ?>');
            $('#t<?php echo $thread->getId(); ?>-collaborators').html('<?php echo $thread->getNumCollaborators(); ?>');
            $('#collabselection').html('<?php echo $options; ?>');
            });
    </script>
<?php
}
?>

<script type="text/javascript">
$(function() {

    $(document).on('click', 'form.collaborators a#addcollaborator', function (e) {
        e.preventDefault();
        $('div#manage_collaborators').hide();
        $('div#add_collaborator').fadeIn();
        return false;
     });

    $(document).on('click', 'form.collaborators a.remove', function (e) {
        e.preventDefault();
        var fObj = $(this).closest('form');
        $('input'+$(this).attr('href'))
            .val($(this).attr('href').substr(2))
            .trigger('change');
        $(this).closest('tr').addClass('strike');

        return false;
     });

    $(document).on('change', 'form.collaborators input:checkbox, input[name="del[]"]', function (e) {
       var fObj = $(this).closest('form');
       $('div#savewarning', fObj).fadeIn();
       $('input:submit', fObj).css('color', 'red');
     });

    $(document).on('click', 'form.collaborators input:reset', function(e) {
        var fObj = $(this).closest('form');
        fObj.find('input[name="del[]"]').val('');
        fObj.find('tr').removeClass('strike');
        $('div#savewarning', fObj).hide();
        $('input:submit', fObj).removeAttr('style');
    });

    $(document).on('click', 'form.collaborators input.cancel', function (e) {
        e.preventDefault();
        var $elem = $(this);

        if($elem.attr('data-href')) {
            var href = $elem.data('href').substr(1);
            $('.dialog.collaborators .body').load('ajax.php/'+href, function () {
                });
        } else {

            $('div#manage_collaborators').show();
            $('div#add_collaborator').hide();
        }
        return false;
    });

});
</script>