2024-08-24 18:23:27 +00:00
|
|
|
{{*
|
|
|
|
* Copyright (C) 2010-2024, the Friendica project
|
|
|
|
* SPDX-FileCopyrightText: 2010-2024 the Friendica project
|
|
|
|
*
|
|
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
|
|
*}}
|
2024-07-04 22:15:19 +00:00
|
|
|
<span id="circle-sidebar-inflated" class="widget inflated fakelink" onclick="openCloseWidget('circle-sidebar', 'circle-sidebar-inflated');">
|
2023-05-13 23:54:35 +00:00
|
|
|
<h3>{{$title}}</h3>
|
|
|
|
</span>
|
|
|
|
<div class="widget" id="circle-sidebar">
|
|
|
|
<div id="sidebar-circle-header" class="sidebar-widget-header">
|
|
|
|
<span class="fakelink" onclick="openCloseWidget('circle-sidebar', 'circle-sidebar-inflated');">
|
|
|
|
<h3>{{$title}}</h3>
|
|
|
|
</span>
|
|
|
|
{{if ! $new_circle}}
|
|
|
|
<a class="circle-edit-tool pull-right widget-action faded-icon" id="sidebar-edit-circle" href="{{$circle_page}}" data-toggle="tooltip" title="{{$edit_circles_text}}">
|
|
|
|
<i class="fa fa-pencil" aria-hidden="true"></i>
|
|
|
|
</a>
|
|
|
|
{{else}}
|
|
|
|
<a class="circle-edit-tool pull-right widget-action faded-icon" id="sidebar-new-circle" onclick="javascript:$('#circle-new-form').fadeIn('fast');" data-toggle="tooltip" title="{{$createtext}}">
|
|
|
|
<i class="fa fa-plus" aria-hidden="true"></i>
|
|
|
|
</a>
|
|
|
|
<form id="circle-new-form" action="circle/new" method="post" style="display:none;">
|
|
|
|
<div class="form-group">
|
|
|
|
<input type="hidden" name="form_security_token" value="{{$form_security_token}}">
|
|
|
|
<input name="circle_name" id="id_circle_name" class="form-control input-sm" placeholder="{{$create_circle}}">
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
{{/if}}
|
|
|
|
</div>
|
|
|
|
<div id="sidebar-circle-list" class="sidebar-widget-list">
|
|
|
|
{{* The list of available circles *}}
|
|
|
|
<ul role="menu" id="sidebar-circle-ul">
|
|
|
|
{{foreach $circles as $circle}}
|
|
|
|
<li role="menuitem" class="sidebar-circle-li circle-{{$circle.id}} {{if $circle.selected}}selected{{/if}}">
|
|
|
|
{{if ! $new_circle}}<span class="notify badge pull-right"></span>{{/if}}
|
|
|
|
{{if $circle.cid}}
|
|
|
|
<div class="checkbox pull-right circle-checkbox ">
|
|
|
|
<input type="checkbox"
|
|
|
|
id="sidebar-circle-checkbox-{{$circle.id}}"
|
|
|
|
class="{{if $circle.selected}}ticked{{else}}unticked {{/if}} action"
|
|
|
|
onclick="return contactCircleChangeMember(this, '{{$circle.id}}','{{$circle.cid}}');"
|
|
|
|
{{if $circle.ismember}}checked="checked"{{/if}}
|
|
|
|
aria-checked="{{if $circle.ismember}}true{{else}}false{{/if}}"
|
|
|
|
/>
|
|
|
|
<label for="sidebar-circle-checkbox-{{$circle.id}}"></label>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
</div>
|
|
|
|
{{/if}}
|
|
|
|
{{if $circle.edit}}
|
|
|
|
{{* if the circle is editable show a little pencil for editing *}}
|
|
|
|
<a id="edit-sidebar-circle-element-{{$circle.id}}" class="circle-edit-tool pull-right faded-icon" href="{{$circle.edit.href}}" data-toggle="tooltip" title="{{$edittext}}">
|
|
|
|
<i class="fa fa-pencil" aria-hidden="true"></i>
|
|
|
|
</a>
|
|
|
|
{{/if}}
|
|
|
|
<a id="sidebar-circle-element-{{$circle.id}}" class="sidebar-circle-element" href="{{$circle.href}}">{{$circle.text}}</a>
|
|
|
|
</li>
|
|
|
|
{{/foreach}}
|
|
|
|
|
|
|
|
{{if $uncircled}}<li class="{{if $uncircled_selected}}selected{{/if}} sidebar-circle-li" id="sidebar-uncircled"><a href="nocircle">{{$uncircled}}</a></li>{{/if}}
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
|
|
initWidget('circle-sidebar', 'circle-sidebar-inflated');
|
|
|
|
</script>
|