[Web][Dovecot][SOGo][DockerApi] Add mailbox groups, shared mailboxes and identity provider sync

data/web/js/site/groups.js

@@ -0,0 +1,152 @@
+// Mailbox groups (admin/domainadmin mailbox page, group edit page). Loaded via $js_minifier.
+var mailcowGroups = (function($) {
+  'use strict';
+
+  // Lang strings: lang.groups (mailbox page) or lang_groups (edit page), '' if missing
+  function L(key) {
+    var src = (typeof lang_groups !== 'undefined' && lang_groups) ? lang_groups :
+      ((typeof lang !== 'undefined' && lang && lang.groups) ? lang.groups : {});
+    return (src[key] !== undefined && src[key] !== null) ? src[key] : '';
+  }
+  function esc(s) {
+    return escapeHtml(s === null || s === undefined ? '' : s);
+  }
+
+  function membersCell(members) {
+    if (!Array.isArray(members) || members.length === 0) return '-';
+    var list = members.slice(0, 3).map(function(m) {
+      return (m.source === 'idp' ? '<i class="bi bi-cloud" title="' + esc(L('idp_member')) + '"></i> ' : '') + esc(m.username);
+    }).join('<br>');
+    if (members.length > 3) list += '<br><span class="text-muted">+' + (members.length - 3) + '</span>';
+    return '<span class="badge bg-info">' + members.length + '</span><br>' + list;
+  }
+
+  function addressCell(item) {
+    if (!item.address) return '-';
+    var flags = [];
+    if (item.sender_allowed == 1) flags.push('<i class="bi bi-send" title="' + esc(L('sender_allowed')) + '"></i>');
+    if (item.internal == 1) flags.push('<i class="bi bi-building-lock" title="' + esc(L('internal')) + '"></i>');
+    return esc(item.address) + (flags.length ? ' ' + flags.join(' ') : '');
+  }
+
+  function drawTable() {
+    if ($.fn.DataTable.isDataTable('#mailbox_group_table')) {
+      $('#mailbox_group_table').DataTable().columns.adjust().responsive.recalc();
+      return;
+    }
+    $('#mailbox_group_table').DataTable({
+      responsive: true,
+      processing: true,
+      serverSide: false,
+      stateSave: true,
+      pageLength: pagination_size,
+      dom: "<'row'<'col-sm-12 col-md-6'f><'col-sm-12 col-md-6'l>>" + "tr" +
+           "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
+      language: lang_datatables,
+      order: [[3, 'asc']],
+      ajax: {
+        type: "GET",
+        url: "/api/v1/get/mailbox-group/all",
+        dataSrc: function(json) {
+          if (!Array.isArray(json)) return [];
+          $.each(json, function(i, item) {
+            item.chkbox = item.can_edit ?
+              '<input type="checkbox" class="form-check-input" data-id="mailbox_group" name="multi_select" value="' + encodeURIComponent(item.id) + '" />' :
+              '<input type="checkbox" class="form-check-input" disabled />';
+            item.name_display = esc(item.name) + (item.idp_ref ? ' <span class="badge bg-info">' + esc(L('idp')) + '</span>' : '');
+            if (item.description) item.name_display += '<div class="small text-muted">' + esc(item.description) + '</div>';
+            item.address_display = addressCell(item);
+            item.members_display = membersCell(item.members);
+            item.send_as_display = (item.send_as || []).map(esc).join('<br>') || '-';
+            item.template_display = item.template ? esc(item.template) + ' <span class="text-muted">(' + esc(item.priority) + ')</span>' : '-';
+            item.action = '<div class="btn-group">' +
+              '<a href="/edit/mailbox-group/' + encodeURIComponent(item.id) + '" class="btn btn-sm btn-xs-lg btn-xs-half btn-secondary"><i class="bi bi-pencil-fill"></i> ' + esc(item.can_edit ? lang.edit : L('view')) + '</a>' +
+              (item.can_edit ? '<a href="#" data-action="delete_selected" data-id="single-mailbox_group" data-api-url="delete/mailbox-group" data-item="' + encodeURIComponent(item.id) + '" class="btn btn-sm btn-xs-lg btn-xs-half btn-danger"><i class="bi bi-trash"></i> ' + esc(lang.remove) + '</a>' : '') +
+              '</div>';
+          });
+          return json;
+        },
+        error: function() {
+          mailcow_alert_box(L('list_error'), 'danger');
+        }
+      },
+      columns: [
+        {
+          // placeholder, so checkbox will not block child row toggle
+          title: '',
+          data: null,
+          searchable: false,
+          orderable: false,
+          defaultContent: '',
+          responsivePriority: 1
+        },
+        { title: '', data: 'chkbox', searchable: false, orderable: false, defaultContent: '', responsivePriority: 2 },
+        { title: 'ID', data: 'id', defaultContent: '', responsivePriority: 6 },
+        { title: L('name'), data: 'name_display', defaultContent: '', responsivePriority: 2 },
+        { title: L('domain'), data: 'domain', defaultContent: '', responsivePriority: 5 },
+        { title: L('address'), data: 'address_display', defaultContent: '', responsivePriority: 3 },
+        { title: L('members'), data: 'members_display', defaultContent: '', responsivePriority: 4 },
+        { title: L('send_as'), data: 'send_as_display', defaultContent: '', responsivePriority: 7 },
+        { title: L('template'), data: 'template_display', defaultContent: '', responsivePriority: 8 },
+        {
+          title: lang.active,
+          data: 'active',
+          defaultContent: '',
+          responsivePriority: 6,
+          render: function(d) { return d == 1 ? '<i class="bi bi-check-lg"></i>' : '<i class="bi bi-x-lg"></i>'; }
+        },
+        {
+          title: lang.action,
+          data: 'action',
+          orderable: false,
+          className: 'dt-sm-head-hidden dt-data-w100 dtr-col-md dt-text-right',
+          responsivePriority: 3,
+          defaultContent: ''
+        }
+      ]
+    });
+  }
+
+  // Share rows (edit page, add modal) are kept as JSON in the hidden form field of their table (imap_grants, sogo_grants)
+  function syncGrants($table) {
+    var grants = [];
+    $table.find('tr.group-grant').each(function() {
+      var grant = {};
+      $(this).find('[data-grant]').each(function() {
+        grant[$(this).data('grant')] = $(this).is(':checkbox') ? ($(this).is(':checked') ? 1 : 0) : $(this).val();
+      });
+      if (grant.owner) grants.push(grant);
+    });
+    $table.closest('form').find('input[name="' + $table.data('field') + '"]').val(JSON.stringify(grants));
+  }
+
+  $(document).ready(function() {
+    // @domain suffix of the address in the add modal
+    $('.mailbox-group-domain-select').on('change', function() {
+      $(this).closest('form').find('.mailbox-group-domain').text($(this).val());
+    });
+    $(document).on('change', '.group-grants [data-grant]', function() {
+      syncGrants($(this).closest('.group-grants'));
+    });
+    $(document).on('click', '.group-grant-add', function(e) {
+      e.preventDefault();
+      var $table = $('#' + $(this).data('table'));
+      var $body = $table.children('tbody');
+      if (!$body.length) $body = $('<tbody>').appendTo($table);
+      var $row = $($('#' + $(this).data('table') + '_template').html()).appendTo($body);
+      $row.find('select').selectpicker({'styleBase': 'btn btn-xs-lg', 'noneSelectedText': lang_footer.nothing_selected});
+      syncGrants($table);
+    });
+    $(document).on('click', '.group-grant-del', function(e) {
+      e.preventDefault();
+      var $table = $(this).closest('.group-grants');
+      $(this).closest('tr').remove();
+      syncGrants($table);
+    });
+  });
+
+  return {
+    drawTable: drawTable,
+    L: L
+  };
+})(jQuery);