core&ui: add manage user priv (#433)

packages/ui-default/pages/manage_user_priv.page.js

@@ -0,0 +1,61 @@
+import $ from 'jquery';
+import { ActionDialog } from 'vj/components/dialog';
+import Notification from 'vj/components/notification';
+import selectUser from 'vj/components/selectUser';
+import { NamedPage } from 'vj/misc/Page';
+import i18n from 'vj/utils/i18n';
+import pjax from 'vj/utils/pjax';
+import request from 'vj/utils/request';
+
+const page = new NamedPage('manage_user_priv', () => {
+  const setPrivDialog = new ActionDialog({
+    $body: $('.dialog__body--set-priv > div'),
+  });
+  setPrivDialog.clear = function (priv) {
+    this.$dom.find('input.priv[type=checkbox]:hidden').each((i, e) => {
+      e.checked = priv & e.value;
+    });
+    return this;
+  };
+
+  async function changeUserPriv(uid, priv) {
+    try {
+      const res = await request.post('', uid !== 'default' ? {
+        uid,
+        priv,
+      } : { priv });
+      if (res.url && res.url !== window.location.href) window.location.href = res.url;
+      else {
+        Notification.success(i18n('Priv has been updated to {0}.', priv));
+        pjax.request({ push: false });
+      }
+    } catch (error) {
+      Notification.error(error.message);
+    }
+  }
+
+  async function handleOpenUserPrivDialog(ev) {
+    const uid = ev.target ? $(ev.target).data('uid') : ev._id;
+    const priv = ev.target ? $(ev.target).data('priv') : ev.priv;
+    await setPrivDialog.clear(priv);
+    const action = await setPrivDialog.open();
+    if (action !== 'ok') return;
+    let userPriv = 0;
+    setPrivDialog.$dom.find('input.priv[type=checkbox]').each((i, e) => {
+      if (e.checked) userPriv |= e.value;
+    });
+    changeUserPriv(uid, userPriv);
+  }
+
+  async function handleClickSelectUser() {
+    const target = await selectUser();
+    if (!target) return;
+    const user = await request.get(`/user/${target._id}`);
+    handleOpenUserPrivDialog(user.udoc);
+  }
+
+  $('[name="select_user"]').on('click', () => handleClickSelectUser());
+  $('[name="set_priv"]').on('click', (ev) => handleOpenUserPrivDialog(ev));
+});
+
+export default page;

packages/ui-default/pages/manage_user_priv.page.styl

@@ -0,0 +1,18 @@
+.page--manage_user_priv
+  .col--uid
+    width: 100px
+  
+  .col--priv
+    width: 100px
+
+  .col--actions
+    width: 100px
+  
+  .priv_plus
+    color: green
+
+  .priv_minus
+    color: red
+
+  .col--p
+    width: 30px