view/templates/acl_selector.tpl

   1 <div id="acl-wrapper">
   2         <div class="panel-group" id="visibility-accordion" role="tablist" aria-multiselectable="true">
   3                 <div class="panel panel-success">
   4                         <label class="panel-heading{{if $visibility != 'public'}} collapsed{{/if}}" id="visibility-public-heading" aria-expanded="{{if $visibility == 'public'}}true{{else}}false{{/if}}">
   5                                 <input type="radio" name="visibility" id="visibility-public" value="public" tabindex="14" {{if $visibility == 'public'}}checked{{/if}}>
   6                                 <i class="fa fa-globe"></i> {{$public_title}}
   7                         </label>
   8                         <fieldset id="visibility-public-panel" class="panel-collapse collapse{{if $visibility == 'public'}} in{{/if}}" role="tabpanel" aria-labelledby="visibility-public-heading" {{if $visibility != 'public'}}disabled{{/if}}>
   9                                 <div class="panel-body">
  10                                         <p>{{$public_desc}}</p>
  11                         {{if $for_federation}}
  12                                 {{if $user_hidewall}}
  13                                         <h4>{{$jotnets_summary}}</h4>
  14                                 {{$jotnets_disabled_label}}
  15                                 {{elseif $jotnets_fields}}
  16                                     {{if $jotnets_fields|count < 3}}
  17                                                                 <div class="profile-jot-net">
  18                                     {{else}}
  19                                                                 <details class="profile-jot-net">
  20                                                                 <summary>{{$jotnets_summary}}</summary>
  21                                     {{/if}}
  22
  23                                     {{foreach $jotnets_fields as $jotnets_field}}
  24                                         {{if $jotnets_field.type == 'checkbox'}}
  25                                             {{include file="field_checkbox.tpl" field=$jotnets_field.field}}
  26                                         {{elseif $jotnets_field.type == 'select'}}
  27                                             {{include file="field_select.tpl" field=$jotnets_field.field}}
  28                                         {{/if}}
  29                                     {{/foreach}}
  30
  31                                     {{if $jotnets_fields|count >= 3}}
  32                                                                 </details>
  33                                     {{else}}
  34                                                                 </div>
  35                                     {{/if}}
  36                                     {{/if}}
  37                         {{/if}}
  38                                 </div>
  39                         </fieldset>
  40                 </div>
  41                 <div class="panel panel-info">
  42                         <label class="panel-heading{{if $visibility != 'custom'}} collapsed{{/if}}" id="visibility-custom-heading" aria-expanded="{{if $visibility == 'custom'}}true{{else}}false{{/if}}">
  43                                 <input type="radio" name="visibility" id="visibility-custom" value="custom" tabindex="15" {{if $visibility == 'custom'}}checked{{/if}}>
  44                                 <i class="fa fa-lock"></i> {{$custom_title}}
  45                         </label>
  46                         <fieldset id="visibility-custom-panel" class="panel-collapse collapse{{if $visibility == 'custom'}} in{{/if}}" role="tabpanel" aria-labelledby="visibility-custom-heading" {{if $visibility != 'custom'}}disabled{{/if}}>
  47                                 <input type="hidden" name="group_allow" value="{{$group_allow}}"/>
  48                                 <input type="hidden" name="contact_allow" value="{{$contact_allow}}"/>
  49                                 <input type="hidden" name="group_deny" value="{{$group_deny}}"/>
  50                                 <input type="hidden" name="contact_deny" value="{{$contact_deny}}"/>
  51                                 <div class="panel-body">
  52                                         <p>{{$custom_desc}}</p>
  53
  54                                         <div class="form-group">
  55                                                 <label for="acl_allow">{{$allow_label}}</label>
  56                                                 <input type="text" class="form-control input-lg" id="acl_allow">
  57                                         </div>
  58
  59                                         <div class="form-group">
  60                                                 <label for="acl_deny">{{$deny_label}}</label>
  61                                                 <input type="text" class="form-control input-lg" id="acl_deny">
  62                                         </div>
  63                                 </div>
  64                         </fieldset>
  65                 </div>
  66         </div>
  67
  68
  69 {{if $for_federation}}
  70         <div class="form-group">
  71                 <label for="profile-jot-email" id="profile-jot-email-label">{{$emailcc}}</label>
  72                 <input type="text" name="emailcc" id="profile-jot-email" class="form-control" title="{{$emtitle}}" />
  73         </div>
  74         <div id="profile-jot-email-end"></div>
  75 {{/if}}
  76 </div>
  77 <script type="text/javascript">
  78         $(function() {
  79                 let $acl_allow_input = $('#acl_allow');
  80                 let $contact_allow_input = $('[name=contact_allow]');
  81                 let $group_allow_input = $('[name=group_allow]');
  82                 let $acl_deny_input = $('#acl_deny');
  83                 let $contact_deny_input = $('[name=contact_deny]');
  84                 let $group_deny_input = $('[name=group_deny]');
  85                 let $visibility_public_panel = $('#visibility-public-panel');
  86                 let $visibility_custom_panel = $('#visibility-custom-panel');
  87                 let $visibility_public_radio = $('#visibility-public');
  88                 let $visibility_custom_radio = $('#visibility-custom');
  89
  90                 // Frio specific
  91                 if ($.fn.collapse) {
  92                         $visibility_public_panel.collapse({parent: '#visibility-accordion', toggle: false});
  93                         $visibility_custom_panel.collapse({parent: '#visibility-accordion', toggle: false});
  94                 }
  95
  96                 $visibility_public_radio.on('change', function (e) {
  97                         if ($.fn.collapse) {
  98                                 $visibility_public_panel.collapse('show');
  99                         }
 100
 101                         $visibility_public_panel.prop('disabled', false);
 102                         $visibility_custom_panel.prop('disabled', true);
 103
 104                         $('.profile-jot-net input[type=checkbox]').each(function() {
 105                                 // Restores checkbox state if it had been saved
 106                                 if ($(this).attr('data-checked') !== undefined) {
 107                                         $(this).prop('checked', $(this).attr('data-checked') === 'true');
 108                                 }
 109                         });
 110                         $('.profile-jot-net input').attr('disabled', false);
 111                 });
 112
 113                 $visibility_custom_radio.on('change', function(e) {
 114                         if ($.fn.collapse) {
 115                                 $visibility_custom_panel.collapse('show');
 116                         }
 117
 118                         $visibility_public_panel.prop('disabled', true);
 119                         $visibility_custom_panel.prop('disabled', false);
 120
 121                         $('.profile-jot-net input[type=checkbox]').each(function() {
 122                                 // Saves current checkbox state
 123                                 $(this)
 124                                         .attr('data-checked', $(this).prop('checked'))
 125                                         .prop('checked', false);
 126                         });
 127                         $('.profile-jot-net input').attr('disabled', 'disabled');
 128                 });
 129
 130                 // Custom visibility tags inputs
 131                 let acl_groups = new Bloodhound({
 132                         local: {{$acl_groups|@json_encode nofilter}},
 133                         identify: function(obj) { return obj.type + '-' + obj.id.toString(); },
 134                         datumTokenizer: Bloodhound.tokenizers.obj.whitespace(['name']),
 135                         queryTokenizer: Bloodhound.tokenizers.whitespace,
 136                 });
 137                 let acl_contacts = new Bloodhound({
 138                         local: {{$acl_contacts|@json_encode nofilter}},
 139                         identify: function(obj) { return obj.type + '-' + obj.id.toString(); },
 140                         datumTokenizer: Bloodhound.tokenizers.obj.whitespace(['name', 'addr']),
 141                         queryTokenizer: Bloodhound.tokenizers.whitespace,
 142                 });
 143                 let acl = new Bloodhound({
 144                         local: {{$acl_list|@json_encode nofilter}},
 145                         identify: function(obj) { return obj.type + '-' + obj.id.toString(); },
 146                         datumTokenizer: Bloodhound.tokenizers.obj.whitespace(['name', 'addr']),
 147                         queryTokenizer: Bloodhound.tokenizers.whitespace,
 148                         sorter: function (itemA, itemB) {
 149                                 if (itemA.name === itemB.name) {
 150                                         return 0;
 151                                 } else if (itemA.name > itemB.name) {
 152                                         return 1;
 153                                 } else {
 154                                         return -1;
 155                                 }
 156                         },
 157                 });
 158                 acl.initialize();
 159
 160                 let suggestionTemplate = function (item) {
 161                         return '<div><img src="' + item.micro + '" alt="" style="float: left; width: auto; height: 2.8em; margin-right: 0.5em;"> <strong>' + item.name + '</strong><br /><em>' + item.addr + '</em></div>';
 162                 };
 163
 164                 $acl_allow_input.tagsinput({
 165                         confirmKeys: [13, 44],
 166                         freeInput: false,
 167                         tagClass: function(item) {
 168                                 switch (item.type) {
 169                                         case 'group'   : return 'label label-primary';
 170                                         case 'contact'  :
 171                                         default:
 172                                                 return 'label label-info';
 173                                 }
 174                         },
 175                         itemValue: function (item) { return item.type + '-' + item.id.toString(); },
 176                         itemText: 'name',
 177                         itemThumb: 'micro',
 178                         itemTitle: function(item) {
 179                                 return item.addr;
 180                         },
 181                         typeaheadjs: {
 182                                 name: 'contacts',
 183                                 displayKey: 'name',
 184                                 templates: {
 185                                         suggestion: suggestionTemplate
 186                                 },
 187                                 source: acl.ttAdapter()
 188                         }
 189                 });
 190
 191                 $acl_deny_input
 192                         .tagsinput({
 193                                 confirmKeys: [13, 44],
 194                                 freeInput: false,
 195                                 tagClass: function(item) {
 196                                         switch (item.type) {
 197                                                 case 'group'   : return 'label label-primary';
 198                                                 case 'contact'  :
 199                                                 default:
 200                                                         return 'label label-info';
 201                                         }
 202                                 },
 203                                 itemValue: function (item) { return item.type + '-' + item.id.toString(); },
 204                                 itemText: 'name',
 205                                 itemThumb: 'micro',
 206                                 itemTitle: function(item) {
 207                                         return item.addr;
 208                                 },
 209                                 typeaheadjs: {
 210                                         name: 'contacts',
 211                                         displayKey: 'name',
 212                                         templates: {
 213                                                 suggestion: suggestionTemplate
 214                                         },
 215                                         source: acl.ttAdapter()
 216                                 }
 217                         });
 218
 219                 // Import existing ACL into the tags input fields.
 220
 221                 $group_allow_input.val().split(',').forEach(function (group_id) {
 222                         $acl_allow_input.tagsinput('add', acl_groups.get('group-' + group_id)[0]);
 223                 });
 224                 $contact_allow_input.val().split(',').forEach(function (contact_id) {
 225                         $acl_allow_input.tagsinput('add', acl_contacts.get('contact-' + contact_id)[0]);
 226                 });
 227                 $group_deny_input.val().split(',').forEach(function (group_id) {
 228                         $acl_deny_input.tagsinput('add', acl_groups.get('group-' + group_id)[0]);
 229                 });
 230                 $contact_deny_input.val().split(',').forEach(function (contact_id) {
 231                         $acl_deny_input.tagsinput('add', acl_contacts.get('contact-' + contact_id)[0]);
 232                 });
 233
 234                 // Anti-duplicate callback + acl fields value generation
 235
 236                 $acl_allow_input.on('itemAdded', function (event) {
 237                         // Removes duplicate in the opposite acl box
 238                         $acl_deny_input.tagsinput('remove', event.item);
 239
 240                         // Update the real acl field
 241                         $group_allow_input.val('');
 242                         $contact_allow_input.val('');
 243                         [].forEach.call($acl_allow_input.tagsinput('items'), function (item) {
 244                                 if (item.type === 'group') {
 245                                         $group_allow_input.val($group_allow_input.val() + ',' + item.id);
 246                                 } else {
 247                                         $contact_allow_input.val($contact_allow_input.val() + ',' + item.id);
 248                                 }
 249                         });
 250                 });
 251
 252                 $acl_deny_input.on('itemAdded', function (event) {
 253                         // Removes duplicate in the opposite acl box
 254                         $acl_allow_input.tagsinput('remove', event.item);
 255
 256                         // Update the real acl field
 257                         $group_deny_input.val('');
 258                         $contact_deny_input.val('');
 259                         [].forEach.call($acl_deny_input.tagsinput('items'), function (item) {
 260                                 if (item.type === 'group') {
 261                                         $group_deny_input.val($group_allow_input.val() + ',' + item.id);
 262                                 } else {
 263                                         $contact_deny_input.val($contact_allow_input.val() + ',' + item.id);
 264                                 }
 265                         });
 266                 });
 267         });
 268 </script>