solid-panes 3.7.3-18da570b → 3.7.3-322e9b27

package/src/playlist/playlistPane.js

@@ -0,0 +1,161 @@
+/*   Playlist Pane
+ **
+ **  This pane allows playlists and playlists slots to be viewed
+ **  seeAlso: http://smiy.sourceforge.net/pbo/spec/playbackontology.html
+ */
+ import * as UI from 'solid-ui'
+ import * as $rdf from 'rdflib'
+const ns = UI.ns
+
+export default {
+  icon: UI.icons.iconBase + 'noun_1619.svg',
+
+  name: 'playlistSlot',
+
+  audience: [ns.solid('PowerUser')],
+
+  label: function (subject, context) {
+    const kb = context.session.store
+
+    if (
+      !kb.anyStatementMatching(
+        subject,
+        UI.ns.rdf('type'),
+        kb.sym('http://purl.org/ontology/pbo/core#PlaylistSlot')
+      )
+    ) {
+      return null
+    }
+
+    return 'playlist slot'
+  },
+
+  render: function (subject, context) {
+    const myDocument = context.dom
+    function isVideo (src, _index) {
+      if (!src) {
+        return {
+          html5: true
+        }
+      }
+
+      const youtube = src.match(
+        /\/\/(?:www\.)?youtu(?:\.be|be\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-_%]+)/i
+      )
+      const vimeo = src.match(/\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/i)
+      const dailymotion = src.match(/\/\/(?:www\.)?dai.ly\/([0-9a-z\-_]+)/i)
+      const vk = src.match(
+        /\/\/(?:www\.)?(?:vk\.com|vkontakte\.ru)\/(?:video_ext\.php\?)(.*)/i
+      )
+
+      if (youtube) {
+        return {
+          youtube: youtube
+        }
+      } else if (vimeo) {
+        return {
+          vimeo: vimeo
+        }
+      } else if (dailymotion) {
+        return {
+          dailymotion: dailymotion
+        }
+      } else if (vk) {
+        return {
+          vk: vk
+        }
+      }
+    }
+
+    const link = function (contents, uri) {
+      if (!uri) return contents
+      const a = myDocument.createElement('a')
+      a.setAttribute('href', uri)
+      a.appendChild(contents)
+      a.addEventListener('click', UI.widgets.openHrefInOutlineMode, true)
+      return a
+    }
+
+    const text = function (str) {
+      return myDocument.createTextNode(str)
+    }
+
+    const kb = context.session.store
+    const obj = kb.any(
+      subject,
+      $rdf.sym('http://purl.org/ontology/pbo/core#playlist_item')
+    )
+    let index = kb.any(
+      subject,
+      $rdf.sym('http://purl.org/ontology/olo/core#index')
+    )
+
+    let uri = obj.uri
+    const video = isVideo(uri)
+
+    const div = myDocument.createElement('div')
+    let img
+    if (video && video.youtube) {
+      uri = uri.replace('watch?v=', 'embed/')
+      div.setAttribute('class', 'imageView')
+      img = myDocument.createElement('IFRAME')
+      img.setAttribute('src', uri)
+      img.setAttribute('width', 560)
+      img.setAttribute('height', 315)
+      img.setAttribute('frameborder', 0)
+      img.setAttribute('style', 'max-width: 850px; max-height: 100%;')
+      img.setAttribute('allowfullscreen', 'true')
+    } else {
+      div.setAttribute('class', 'imageView')
+      img = myDocument.createElement('IMG')
+      img.setAttribute('src', obj.value)
+      img.setAttribute('width', 560)
+      img.setAttribute('height', 315)
+      img.setAttribute('style', 'max-width: 560; max-height: 315;')
+    }
+
+    let descDiv
+    if (index) {
+      const sl = kb.statementsMatching(
+        null,
+        $rdf.sym('http://purl.org/ontology/olo/core#index')
+      )
+      const slots = []
+      for (let i = 0; i < sl.length; i++) {
+        if (sl[i]) {
+          slots.push(parseInt(sl[i].object.value, 10))
+        }
+      }
+
+      index = parseInt(index.value, 10)
+      descDiv = myDocument.createElement('div')
+
+      const pIndex =
+        slots[(slots.indexOf(index) - 1 + slots.length) % slots.length]
+      const nIndex =
+        slots[(slots.indexOf(index) + 1 + slots.length) % slots.length]
+
+      const prev = link(text('<<'), subject.uri.split('#')[0] + '#' + pIndex)
+
+      descDiv.appendChild(prev)
+
+      const indexDiv = myDocument.createElement('span')
+      indexDiv.innerHTML = ' Playlist slot : ' + index + ' '
+
+      descDiv.appendChild(indexDiv)
+
+      const next = link(text('>>'), subject.uri.split('#')[0] + '#' + nIndex)
+      descDiv.appendChild(next)
+    }
+
+    const tr = myDocument.createElement('TR') // why need tr?
+    tr.appendChild(img)
+    if (descDiv) {
+      tr.appendChild(descDiv)
+    }
+    div.appendChild(tr)
+    return div
+  }
+}
+
+// ends

package/src/registerPanes.js

@@ -0,0 +1,147 @@
+import profilePane from 'profile-pane'
+// import editProfileView from './profile/editProfile.view'
+import trustedApplications from './trustedApplications/trustedApplications.view'
+import dashboardPane from './dashboard/dashboardPane'
+import basicPreferences from './dashboard/basicPreferences'
+import issuePane from 'issue-pane'
+import contactsPane from 'contacts-pane'
+import activityStreamsPane from 'activitystreams-pane'
+import padPane from './pad/padPane'
+// import argumentPane from './argument/argumentPane.js'
+import transactionPane from './transaction/pane.js'
+import financialPeriodPane from './transaction/period.js'
+import meetingPane from 'meeting-pane'
+import tabbedPane from './tabbed/tabbedPane'
+import { longChatPane, shortChatPane } from 'chat-pane'
+import { schedulePane } from './schedule/schedulePane.js'
+// import publicationPane from './publication/publicationPane.js'
+import tripPane from './trip/tripPane.js'
+import { imagePane } from './imagePane.js'
+import playListPane from './playlist/playlistPane.js'
+import videoPane from './video/videoPane.js'
+import audioPane from './audio/audioPane.js'
+import dokieliPane from './dokieli/dokieliPane.js'
+import folderPane from 'folder-pane'
+import { classInstancePane } from './classInstancePane.js'
+import { slideshowPane }  from './slideshow/slideshowPane.js'
+import { socialPane } from './socialPane.js'
+import humanReadablePane from './humanReadablePane.js'
+
+import { dataContentPane } from './dataContentPane.js'
+import sourcePane from 'source-pane'
+import { n3Pane } from './n3Pane.js'
+import { RDFXMLPane } from './RDFXMLPane.js'
+import { formPane } from './form/pane.js'
+import { tableViewPane } from './tableViewPane.js'
+import { defaultPane } from './defaultPane.js'
+import uiPane from './ui/pane.js'
+
+import sharingPane from './sharing/sharingPane'
+import internalPane from './internal/internalPane'
+
+import homePane from './home/homePane'
+
+export function registerPanes (register) {
+  /*  Note that the earliest panes have priority. So the most specific ones are first.
+   **
+   */
+  // Developer designed:
+
+  register(profilePane) // View someone's public profile - dominates all other panes.
+  const editProfileView = profilePane.editor ;
+  if (!editProfileView) {
+    console.log("@@@ editProfileView", "profilePane is not providing an editor pane")
+  }
+
+  register(editProfileView) // Edit my profile. 
+
+  register(trustedApplications) // must be registered before basicPreferences
+  register(dashboardPane)
+  register(basicPreferences)
+  register(issuePane)
+  register(contactsPane)
+  register(activityStreamsPane)
+
+  register(padPane)
+  // register(argumentPane) // A position in an argument tree
+
+  register(transactionPane)
+  register(financialPeriodPane)
+
+  register(meetingPane)
+  register(tabbedPane)
+
+  register(longChatPane) // Long pane must have prio in case short pane tries to do a long pane
+  register(shortChatPane) // was './chat/chatPane.js'
+
+  // register(publicationPane)  // Suppress for now
+
+  register(schedulePane)   // doodle poll
+
+  register(tripPane)
+  // register(require('./airPane.js'))
+
+  // Content views
+
+  register(imagePane) // Basic image view
+  register(playListPane) // Basic playlist view
+
+  register(videoPane) // Video clip player
+  register(audioPane) // Audio clip player
+
+  register(dokieliPane) // Should be above dataContentPane
+  register(folderPane) // Should be above dataContentPane
+  register(classInstancePane) // Should be above dataContentPane
+  // register(require('./dynamic/dynamicPanes.js')) // warp etc  warp broken 2017/8
+  register(slideshowPane)
+
+  register(socialPane)
+
+  register(humanReadablePane) // A web page as a web page -- how to escape to tabr?
+  // register(require('markdown-pane').Pane) // replaced by markdown in humanReadablePane
+
+  register(dataContentPane) // Preferred for a data file
+  register(sourcePane) // edit source
+  register(n3Pane)
+  register(RDFXMLPane)
+
+  // User configured - data driven
+  register(formPane)
+
+  // Generic:
+
+  register(tableViewPane)
+
+  // Fallback totally generic:
+  register(defaultPane)
+
+  register(uiPane)
+
+  // register(require("categoryPane.js"))  // Not useful enough
+  // register(require("pubsPane.js")) // not finished
+
+  // @@ jambo commented these things out to pare things down temporarily.
+  // Note must use // not /* to comment out to make sure expander sees it
+  // register(require("lawPane.js"))
+
+  // register(require('./microblogPane/microblogPane.js'))
+
+  // register(require("./social/pane.js")) // competitor to other social
+  // register(require("./airPane.js"))
+  // register(require("./lawPane.js"))
+  // register(require("pushbackPane.js"))
+  // register(require("CVPane.js"))
+  // register(require("photoPane.js"))
+  // register(require("tagPane.js"))
+  // register(require("photoImportPane.js"))
+
+  // The sharing pane is fairly generic and administrative  201
+  register(sharingPane)
+
+  // The internals pane is always (almost?) the last as it is the least user-friendly
+  register(internalPane)
+
+  register(homePane) // This is a global pane
+
+  // ENDS
+}

package/src/schedule/Makefile

@@ -0,0 +1,6 @@
+# Wrap TTL files into JS files for bundling with library
+
+,all : formsForSchedule.js
+
+formsForSchedule.js : formsForSchedule.ttl
+				(echo 'module.exports = `' ; cat formsForSchedule.ttl; echo '`') >  formsForSchedule.js

package/src/schedule/formsForSchedule.js

@@ -0,0 +1,117 @@
+export default `
+@prefix dc: <http://purl.org/dc/elements/1.1/>.
+@prefix foaf: <http://xmlns.com/foaf/0.1/>.
+@prefix cal: <http://www.w3.org/2002/12/cal/ical#>.
+@prefix ui: <http://www.w3.org/ns/ui#>.
+@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.
+@prefix sched: <http://www.w3.org/ns/pim/schedule#>.
+
+   cal:Vevent ui:annotationForm <#form2>, <#form3>; ui:creationForm <#form1> .
+
+<#bigForm>
+    dc:title
+       "Schedule event (single form).";
+    a    ui:Group;
+    ui:parts ( <#form1> <#form2> <#form3> ).
+
+<#form1>
+    dc:title
+       "Schedule an event (wizard)";
+    a    ui:Form;
+    ui:parts (
+        <#form1header>
+        <#eventTitle>
+        <#eventLocation>
+        <#eventType>
+        <#eventSwitch>
+        <#eventComment>
+        <#eventAuthor> ).
+
+<#form1header> a ui:Heading; ui:contents "Schedule an event" .
+
+<#eventTitle>
+    a    ui:SingleLineTextField;
+    ui:maxLength
+       "128";
+    ui:property
+       cal:summary;
+    ui:size
+       "40".
+
+<#eventLocation>
+    a    ui:SingleLineTextField;
+    ui:maxLength
+       "512";
+    ui:property
+       cal:location;
+    ui:size
+       "40".
+
+<#eventType> a ui:BooleanField;
+  ui:property sched:allDay;
+  ui:default true . # Used to be the only way
+
+<#eventSwitch> a ui:Options;
+  ui:dependingOn sched:allDay;
+  ui:case [ ui:for true; ui:use <#AllDayForm> ];
+  ui:case [ ui:for false; ui:use <#NotAllDayForm> ].
+
+  <#AllDayForm> a ui:IntegerField ;
+    ui:property sched:durationInDays;
+    ui:label "How many days?";
+    ui:min 1;
+    ui:default 1 .
+
+  <#NotAllDayForm> a ui:IntegerField ;
+    ui:property sched:durationInMinutes;
+    ui:label "Duration (mins)";
+    ui:min 5;
+    ui:default 55 .
+
+<#eventComment>
+    a    ui:MultiLineTextField;
+#    ui:maxLength
+#       "1048";
+#    ui:size
+#       "40".
+    ui:property
+       cal:comment.
+
+<#eventAuthor>
+   a ui:Multiple; ui:min 1; ui:part <#eventAuthorGroup>; ui:property dc:author.
+
+   <#eventAuthorGroup> a ui:Group; ui:parts ( <#authorName> <#authorEmail> ) .
+   <#authorName> a ui:SingleLineTextField; ui:property foaf:name .
+   <#authorEmail> a ui:EmailField; ui:label "email"; ui:property foaf:mbox .
+
+
+#####################
+
+<#form2> dc:title "Select possible days or times"; a ui:Form;
+        ui:parts ( <#id1118132113134> <#possibleSwitch> ).
+
+    <#id1118132113134> a ui:Heading; ui:contents "Time proposals" .
+
+    <#possibleSwitch> a ui:Options;
+      ui:dependingOn sched:allDay;
+      ui:case [ ui:for true; ui:use <#AllDayForm2> ];
+      ui:case [ ui:for false; ui:use <#NotAllDayForm2> ].
+
+      <#AllDayForm2>
+      a ui:Multiple; ui:min 2; ui:part <#posssibleDate>; ui:property sched:option.
+        <#posssibleDate> a ui:DateField; ui:property cal:dtstart; ui:label "date".
+
+      <#NotAllDayForm2>
+      a ui:Multiple; ui:min 2; ui:part <#posssibleTime>; ui:property sched:option.
+        <#posssibleTime> a ui:DateTimeField; ui:property cal:dtstart; ui:label "date and time".
+
+   ##################################
+
+   <#form3> dc:title "Select invited people"; a ui:Form; ui:parts  ( <#id1118132113135> <#id1417314641301b> ) .
+<#id1417314641301b>
+   a ui:Multiple; ui:min 1; ui:part <#id1417314674292b>; ui:property sched:invitee.
+   <#id1417314674292b> a ui:EmailField; ui:label "email"; ui:property foaf:mbox .
+   <#id1118132113135> a ui:Heading; ui:contents "Who to invite" .
+
+# ENDS
+`

package/src/schedule/formsForSchedule.ttl

@@ -0,0 +1,115 @@
+@prefix dc: <http://purl.org/dc/elements/1.1/>.
+@prefix foaf: <http://xmlns.com/foaf/0.1/>.
+@prefix cal: <http://www.w3.org/2002/12/cal/ical#>.
+@prefix ui: <http://www.w3.org/ns/ui#>.
+@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.
+@prefix sched: <http://www.w3.org/ns/pim/schedule#>.
+
+   cal:Vevent ui:annotationForm <#form2>, <#form3>; ui:creationForm <#form1> .
+
+<#bigForm>
+    dc:title
+       "Schedule event (single form).";
+    a    ui:Group;
+    ui:parts ( <#form1> <#form2> <#form3> ).
+
+<#form1>
+    dc:title
+       "Schedule an event (wizard)";
+    a    ui:Form;
+    ui:parts (
+        <#form1header>
+        <#eventTitle>
+        <#eventLocation>
+        <#eventType>
+        <#eventSwitch>
+        <#eventComment>
+        <#eventAuthor> ).
+
+<#form1header> a ui:Heading; ui:contents "Schedule an event" .
+
+<#eventTitle>
+    a    ui:SingleLineTextField;
+    ui:maxLength
+       "128";
+    ui:property
+       cal:summary;
+    ui:size
+       "40".
+
+<#eventLocation>
+    a    ui:SingleLineTextField;
+    ui:maxLength
+       "512";
+    ui:property
+       cal:location;
+    ui:size
+       "40".
+
+<#eventType> a ui:BooleanField;
+  ui:property sched:allDay;
+  ui:default true . # Used to be the only way
+
+<#eventSwitch> a ui:Options;
+  ui:dependingOn sched:allDay;
+  ui:case [ ui:for true; ui:use <#AllDayForm> ];
+  ui:case [ ui:for false; ui:use <#NotAllDayForm> ].
+
+  <#AllDayForm> a ui:IntegerField ;
+    ui:property sched:durationInDays;
+    ui:label "How many days?";
+    ui:min 1;
+    ui:default 1 .
+
+  <#NotAllDayForm> a ui:IntegerField ;
+    ui:property sched:durationInMinutes;
+    ui:label "Duration (mins)";
+    ui:min 5;
+    ui:default 55 .
+
+<#eventComment>
+    a    ui:MultiLineTextField;
+#    ui:maxLength
+#       "1048";
+#    ui:size
+#       "40".
+    ui:property
+       cal:comment.
+
+<#eventAuthor>
+   a ui:Multiple; ui:min 1; ui:part <#eventAuthorGroup>; ui:property dc:author.
+
+   <#eventAuthorGroup> a ui:Group; ui:parts ( <#authorName> <#authorEmail> ) .
+   <#authorName> a ui:SingleLineTextField; ui:property foaf:name .
+   <#authorEmail> a ui:EmailField; ui:label "email"; ui:property foaf:mbox .
+
+
+#####################
+
+<#form2> dc:title "Select possible days or times"; a ui:Form;
+        ui:parts ( <#id1118132113134> <#possibleSwitch> ).
+
+    <#id1118132113134> a ui:Heading; ui:contents "Time proposals" .
+
+    <#possibleSwitch> a ui:Options;
+      ui:dependingOn sched:allDay;
+      ui:case [ ui:for true; ui:use <#AllDayForm2> ];
+      ui:case [ ui:for false; ui:use <#NotAllDayForm2> ].
+
+      <#AllDayForm2>
+      a ui:Multiple; ui:min 2; ui:part <#posssibleDate>; ui:property sched:option.
+        <#posssibleDate> a ui:DateField; ui:property cal:dtstart; ui:label "date".
+
+      <#NotAllDayForm2>
+      a ui:Multiple; ui:min 2; ui:part <#posssibleTime>; ui:property sched:option.
+        <#posssibleTime> a ui:DateTimeField; ui:property cal:dtstart; ui:label "date and time".
+
+   ##################################
+
+   <#form3> dc:title "Select invited people"; a ui:Form; ui:parts  ( <#id1118132113135> <#id1417314641301b> ) .
+<#id1417314641301b>
+   a ui:Multiple; ui:min 1; ui:part <#id1417314674292b>; ui:property sched:invitee.
+   <#id1417314674292b> a ui:EmailField; ui:label "email"; ui:property foaf:mbox .
+   <#id1118132113135> a ui:Heading; ui:contents "Who to invite" .
+
+# ENDS