collectiontabs.php

Go to the documentation of this file.

<?php
$friendspicker = $vars['friendspicker'];
 
$collectionid = $vars['collection']->id;
$ownerid = $vars['owner']->getGUID();
 
?>
 
<ul class="elgg-tabs">
    <li class="elgg-state-selected">
        <a href="#" class="collectionmembers<?php echo $friendspicker; ?>">
            <?php echo elgg_echo('friends:collections:members'); ?>
        </a>
    </li>
    <li>
        <a href="#" class="editmembers<?php echo $friendspicker; ?>">
            <?php echo elgg_echo('friends:collections:edit'); ?>
        </a>
    </li>
</ul>
 
<script>
require(['jquery'], function($) {
    $('a.collectionmembers<?php echo $friendspicker; ?>').click(function () {
        // load collection members pane
        $('#friends-picker_placeholder<?php echo $friendspicker; ?>').load('<?php echo elgg_get_site_url(); ?>collections/pickercallback?username=<?php echo elgg_get_logged_in_user_entity()->username; ?>&type=list&collection=<?php echo $collectionid; ?>&friendspicker=<?php echo $friendspicker; ?>');
 
        // remove selected state from previous tab
        $(this).parent().parent().find("li.elgg-state-selected").removeClass("elgg-state-selected");
        // add selected class to current tab
        $(this).parent().addClass("elgg-state-selected");
 
        return false;
    });
 
    $('a.editmembers<?php echo $friendspicker; ?>').click(function () {
        // load friends picker pane
        $('#friends-picker_placeholder<?php echo $friendspicker; ?>').load('<?php echo elgg_get_site_url(); ?>collections/pickercallback?username=<?php echo elgg_get_logged_in_user_entity()->username; ?>&type=picker&collection=<?php echo $collectionid; ?>&friendspicker=<?php echo $friendspicker; ?>');
 
        // remove selected state from previous tab
        $(this).parent().parent().find("li.elgg-state-selected").removeClass("elgg-state-selected");
        // add selected class to current tab
        $(this).parent().addClass("elgg-state-selected");
 
        return false;
    });
});
</script>