solid-panes/src/sharing/sharingPane.ts

Solid-compatible Panes: applets and views for the mashlib and databrowser

/*   Sharing Pane
 **
 ** This outline pane allows a user to view and adjust the sharing -- access control lists
 ** for anything which has that capability.
 **
 ** I am using in places single quotes strings like 'this'
 ** where internationalization ("i18n") is not a problem, and double quoted
 ** like "this" where the string is seen by the user and so I18n is an issue.
 */

import { aclControl, icons, ns } from 'solid-ui'

const sharingPane = {
  icon: icons.iconBase + 'padlock-timbl.svg',

  name: 'sharing',

  label: (subject, context) => {
    const store = context.session.store
    const t = store.findTypeURIs(subject)
    if (t[ns.ldp('Resource').uri]) return 'Sharing' // @@ be more sophisticated?
    if (t[ns.ldp('Container').uri]) return 'Sharing' // @@ be more sophisticated?
    if (t[ns.ldp('BasicContainer').uri]) return 'Sharing' // @@ be more sophisticated?
    // check being allowed to see/change sharing?
    return null // No under other circumstances
  },

  render: (subject, context) => {
    const dom = context.dom
    const store = context.session.store
    const noun = getNoun()

    const div = dom.createElement('div')
    div.classList.add('sharingPane')
    aclControl.preventBrowserDropEvents(dom)
    div.appendChild(aclControl.ACLControlBox5(subject, context, noun, store))
    return div

    function getNoun () {
      const t = store.findTypeURIs(subject)
      if (t[ns.ldp('BasicContainer').uri] || t[ns.ldp('Container').uri]) {
        return 'folder'
      }
      return 'file'
    }
  }
}

export default sharingPane