@girder/core 5.0.0-beta.1 → 5.0.0

package/dist-lib/src/templates/widgets/accessEntry.pug

@@ -0,0 +1,32 @@
+div(class=`g-${type}-access-entry`, resourceid=entry.id)
+  .g-access-col-left
+    - var icon = type === 'group' ? 'users' : 'user';
+    .g-access-icon
+      i(class=`icon-${icon}`)
+    .g-access-desc
+      .g-desc-title= entry.title
+      .g-desc-subtitle= entry.subtitle
+  .g-access-col-right
+    if !hideAccessType
+      select.form-control.input-sm
+        option(value=accessTypes.READ, selected=(entry.level === accessTypes.READ ? 'selected' : null)) Can view
+        option(value=accessTypes.WRITE, selected=(entry.level === accessTypes.WRITE ? 'selected' : null)) Can edit
+        option(value=accessTypes.ADMIN, selected=(entry.level === accessTypes.ADMIN ? 'selected' : null)) Is owner
+    .g-access-action-container
+      if !noAccessFlag && _.keys(flagList).length
+        a.g-action-manage-flags(title="Access flags")
+          i.g-flag-icon.icon-flag
+            .g-flag-count-indicator(class=(entry.flags && entry.flags.length ? null : "hide"))= (entry.flags || []).length
+        .g-flags-popover-container.hide(resourcetype=type, resourceid=entry.id, title="Access flags")
+          each flag, key in flagList
+            - var checked = _.contains(entry.flags, key) ? 'checked' : null;
+            - var disabled = (!isAdmin && flag.admin) ? 'disabled' : null;
+            .checkbox(class=disabled)
+              label.g-flag-label(title=flag.description)
+                input.g-flag-checkbox(resourcetype=type, resourceid=entry.id, flag=key, type="checkbox",
+                    checked=checked, disabled=disabled)
+                span= flag.name
+          button.g-close-flags-popover.btn.btn-xs.btn-default Close
+
+      a.g-action-remove-access(title="Remove access")
+        i.icon-cancel

package/dist-lib/src/templates/widgets/apiKeyList.pug

@@ -0,0 +1,50 @@
+if apiKeys.length === 0
+  .g-api-keys-empty-message You have no existing API keys. Click the button below to create one.
+else
+  .g-api-key-list-header Your API keys
+  table.g-api-key-table
+    thead: tr
+      th(col="name") Name
+      th(col="key") Key
+      th(col="scope") Scope
+      th(col="active") Active
+      th(col="tokenDuration") Token duration
+      th(col="lastUse") Last used
+      th(col="actions") Actions
+    tbody
+      each apiKey in apiKeys
+        tr.g-api-key-container(api-key-id=apiKey.id, cid=apiKey.cid)
+          td(col="name")= apiKey.get('name')
+          td(col="key"): a.g-show-api-key(data-toggle="popover", data-content=apiKey.get('key')) show
+          td(col="scope")
+            if apiKey.get('scope')
+              span Custom scopes
+            else
+              span Full access
+          td(col="active")= apiKey.get('active') ? 'Yes' : 'No'
+          td(col="tokenDuration")
+            if apiKey.get('tokenDuration')
+              span #{apiKey.get('tokenDuration')} days
+            else
+              span Default
+          td(col="lastUse")
+            if apiKey.get('lastUse')
+              - var lastUse = moment(apiKey.get('lastUse'))
+              span(title=lastUse)= lastUse.fromNow()
+            else
+              span Never
+          td(col="actions")
+            button.btn.btn-sm.btn-primary.g-api-key-edit(title="Edit")
+              i.icon-edit
+            if apiKey.get('active')
+              button.btn.btn-sm.btn-warning.g-api-key-toggle-active(title="Deactivate")
+                i.icon-minus-circled
+            else
+              button.btn.btn-sm.btn-success.g-api-key-toggle-active(title="Activate")
+                i.icon-plus-circled
+            button.btn.btn-sm.btn-danger.g-api-key-delete(title="Delete key")
+              i.icon-cancel
+
+.g-paginate-container
+.g-api-key-list-bottom-buttons
+  button.btn.btn-default.g-api-key-new Create new key

package/dist-lib/src/templates/widgets/browserWidget.pug

@@ -0,0 +1,32 @@
+.modal-dialog
+  .modal-content
+    .modal-header
+      button.close(data-dismiss='modal', aria-hidden='true', type='button') ×
+      h4.modal-title
+        = title
+
+    .modal-body.g-browser-widget
+      .g-hierarchy-root-container.form-group
+      .g-hierarchy-widget-container.g-wait-for-root.form-group.hidden
+
+      if input
+        .g-input-element.form-group
+          label.control-label(for='g-input-element') #{input.label}
+          input#g-input-element.form-control(
+            type='text', placeholder=input.placeholder, value=input.default)
+
+      .help-block.g-wait-for-root.hidden
+        = help
+
+      if preview
+        .g-selected-model.g-wait-for-root.form-group.hidden
+          label.control-label(for='g-selected-model') Selected #{selectItem ? 'item' : 'folder'}
+          input#g-selected-model.form-control(type='text', readonly, value=defaultSelectedResource)
+
+      .g-validation-failed-message.hidden
+
+    .modal-footer
+      a.btn.btn-small.btn-default(data-dismiss='modal') Cancel
+      button.g-submit-button.btn.btn-small.btn-primary(type='submit')
+        i.icon-edit
+        = submit

package/dist-lib/src/templates/widgets/checkedActionsMenu.pug

@@ -0,0 +1,46 @@
+li.g-checked-menu-header.dropdown-header(role="presentation")
+  if folderCount
+    i.icon-folder
+    span.g-checked-folder-count #{folderCount}
+  if itemCount
+    i.icon-doc-text-inv
+    span.g-checked-item-count #{itemCount}
+  if pickedCount
+    i.icon-plus-circled
+    span.g-checked-picked-count #{pickedCount}
+if folderCount || itemCount
+  li
+    a.g-download-checked
+      i.icon-download
+      | Download checked resources
+  li
+    a.g-pick-checked
+      i.icon-plus-circled
+      | Pick checked resources for Move or Copy
+
+if HierarchyWidget.getPickedResources()
+  li.g-admin.divider
+  if pickedMoveAllowed
+    li
+      a.g-move-picked
+        i.icon-move
+        | Move picked resources here
+  if pickedCopyAllowed
+    li
+      a.g-copy-picked
+        i.icon-paste
+        | Copy picked resources here
+  li
+    a.g-clear-picked
+      i.icon-minus-circled
+      | Clear picked resources
+      if pickedDesc
+        |  (#{pickedDesc})
+
+if folderCount || itemCount
+  if (minFolderLevel >= AccessType.ADMIN && minItemLevel >= AccessType.WRITE)
+    li.g-admin.divider
+    li.g-admin
+      a.g-delete-checked
+        i.icon-trash
+        | Delete checked resources

package/dist-lib/src/templates/widgets/collectionInfoDialog.pug

@@ -0,0 +1,37 @@
+mixin dateInfo(intro, property)
+  .g-collection-info-line(property=property)
+    i.icon-clock
+    span= intro
+    span.g-bold-part= formatDate(collection.get(property), DATE_SECOND)
+
+.modal-dialog
+  .modal-content
+    .modal-header
+      button.close(data-dismiss="modal", aria-hidden="true") ×
+      h4.modal-title Collection information
+      .g-dialog-subtitle
+        i.icon-sitemap
+        span= collection.name()
+    .modal-body
+      if collection.get('description')
+        .g-info-dialog-description!= renderMarkdown(collection.get('description'))
+
+      .g-collection-info-lines
+        +dateInfo('Created ', 'created')
+        if collection.get('created') !== collection.get('updated')
+          +dateInfo('Last updated ', 'updated')
+
+        .g-collection-info-line(property="size")
+          i.icon-floppy
+          | Total size: #[span.g-bold-part= formatSize(collection.get('size'))]
+
+        .g-collection-info-line(property="nFolders")
+          i.icon-folder
+          | Contains #[span.g-bold-part= collection.get('nFolders')] subfolders
+
+        .g-collection-info-line(property="id")
+          i.icon-share
+          | Unique ID: #[span.g-bold-part= collection.id]
+
+    .modal-footer
+      a.btn.btn-small.btn-default(data-dismiss="modal") Close

package/dist-lib/src/templates/widgets/confirmDialog.pug

@@ -0,0 +1,14 @@
+.modal-dialog
+  .modal-content
+    .modal-body
+      p
+      if params.msgConfirmation
+        p.g-additional-text
+        p.g-additional-instruction
+          | You need to enter '#{params.yesText.toUpperCase()} #{params.name}'
+          | and then click on the "#{params.yesText}" button
+        input#g-confirm-text.input-sm.form-control(type='text', name='confirmMsg')
+        spam.g-msg-error
+    .modal-footer
+      a.btn.btn-small.btn-default(data-dismiss="modal")= params.noText
+      a#g-confirm-button.btn.btn-small(class=params.yesClass)= params.yesText

package/dist-lib/src/templates/widgets/dateTimeRangeWidget.pug

@@ -0,0 +1,20 @@
+.form-group
+  label.control-label= fromLabel
+  if showIcon
+    .input-group.date.g-datetime-widget-from
+      input.input-sm.form-control(type="text")
+      .input-group-addon
+        span.icon-calendar
+  else
+    .input-group.date
+      input.input-sm.form-control.g-datetime-widget-from(type="text")
+.form-group
+  label.control-label= toLabel
+  if showIcon
+    .input-group.date.g-datetime-widget-to
+      input.input-sm.form-control(type="text")
+      .input-group-addon
+        span.icon-calendar
+  else
+    .input-group.date
+      input.input-sm.form-control.g-datetime-widget-to(type="text")

package/dist-lib/src/templates/widgets/dateTimeWidget.pug

@@ -0,0 +1,8 @@
+if showIcon
+  .input-group.date.g-datetime-widget
+    input.input-sm.form-control(type="text")
+    span.input-group-addon
+      span.icon-calendar
+else
+  .input-group
+    input.input-sm.form-control.g-datetime-widget(type="text")

package/dist-lib/src/templates/widgets/editApiKeyWidget.pug

@@ -0,0 +1,43 @@
+.modal-dialog
+  .modal-content
+    form#g-api-key-edit-form.modal-form(role="form")
+      .modal-header
+        button.close(data-dismiss="modal", aria-hidden="true", type="button") ×
+        h4.modal-title
+          if apiKey
+            | Edit API key
+          else
+            | Create new API key
+      .modal-body
+        .form-group
+          label.control-label(for="g-api-key-name") Name
+          input#g-api-key-name.input-sm.form-control(type="text", placeholder="Enter a name for this API key")
+        .form-group
+          label.control-label(for="g-api-key-token-duration") Token duration in days (optional)
+          input#g-api-key-token-duration.input-sm.form-control(placeholder="Enter number of days")
+
+        label.control-label Permission scope for this key
+        .g-scope-selection-container
+          .radio
+            label
+              input#g-scope-mode-full(type="radio", name="scopeType", value="full", checked)
+              | Allow all actions on behalf of my user
+          .radio
+            label
+              input#g-scope-mode-custom(type="radio", name="scopeType", value="custom")
+              | Only allow specific permissions for this key:
+          each tokenScope in tokenScopes
+            .checkbox.disabled
+              label.g-custom-scope-description(title=tokenScope.description)
+                input.g-custom-scope-checkbox(type="checkbox", value=tokenScope.id, disabled)
+                span= tokenScope.name
+        .g-validation-failed-message
+      .modal-footer
+        a.btn.btn-small.btn-default(data-dismiss="modal") Cancel
+        button.g-save-api-key.btn.btn-small.btn-primary(type="submit")
+          if apiKey
+            i.icon-edit
+            |  Save
+          else
+            i.icon-plus-squared
+            |  Create

package/dist-lib/src/templates/widgets/editAssetstoreWidget.pug

@@ -0,0 +1,70 @@
+.modal-dialog
+  .modal-content
+    form#g-assetstore-edit-form.modal-form(role="form")
+      .modal-header
+        button.close(data-dismiss="modal", aria-hidden="true", type="button") ×
+        h4.modal-title
+          | Edit assetstore
+      .modal-body
+        .g-assetstore-form-fields
+          .form-group
+            label.control-label(for="g-edit-name") Assetstore Name
+            input#g-edit-name.input-sm.form-control(type="text", placeholder="Name")
+          if assetstore.get('type') === types.FILESYSTEM
+            .form-group
+              label.control-label(for="g-edit-fs-root") Root directory
+              input#g-edit-fs-root.input-sm.form-control(type="text", placeholder="Root directory")
+            .form-group
+              label.control-label(for="g-edit-fs-perms") File creation permissions (octal)
+              input#g-edit-fs-perms.input-sm.form-control(type="text", placeholder="600")
+          if assetstore.get('type') === types.S3
+            .form-group
+              label.control-label(for="g-edit-s3-bucket") S3 bucket name
+              input#g-edit-s3-bucket.input-sm.form-control(type="text", placeholder="Bucket")
+            .form-group
+              label.control-label(for="g-edit-s3-prefix") Path prefix (optional)
+              input#g-edit-s3-prefix.input-sm.form-control(type="text", placeholder="Prefix")
+            .form-group
+              label.control-label(for="g-edit-s3-access-key-id") Access key ID
+              input#g-edit-s3-access-key-id.input-sm.form-control(type="text", placeholder="Access key ID")
+            .form-group
+              label.control-label(for="g-edit-s3-secret") Secret access key
+              input#g-edit-s3-secret.input-sm.form-control(type="text", placeholder="Secret access key")
+            .form-group
+              label.control-label(for="g-edit-s3-service") Service
+              input#g-edit-s3-service.input-sm.form-control(type="text", placeholder="Service", title="The service if different from s3.amazonaws.com, such as storage.googleapis.com.")
+            .form-group
+              label.control-label(for="g-edit-s3-region") Region
+              input#g-edit-s3-region.input-sm.form-control(type="text", placeholder="Region")
+            .checkbox
+              label
+                input#g-edit-s3-infercredentials(type="checkbox")
+                | Infer Credentials
+            .checkbox
+              label
+                input#g-edit-s3-readonly(type="checkbox")
+                | Read only
+            .checkbox
+              label
+                input#g-edit-s3-sse(type="checkbox")
+                | Server side encryption
+            .checkbox
+              label
+                input#g-edit-s3-accelerated-endpoint(type="checkbox")
+                | Allow S3 accelerated endpoint
+        if assetstore.get('hasFiles')
+          div
+            i.icon-attention
+            | #[b Warning:] This assetstore contains files.  If you edit where the assetstore is located or how it is reached, those files may become unreachable.
+        .g-validation-failed-message
+      .modal-footer
+        a.btn.btn-small.btn-default(data-dismiss="modal") Cancel
+        if !assetstore.get('hasFiles')
+          button.g-save-assetstore.btn.btn-small.btn-primary(type="submit")
+            i.icon-edit
+            | Save
+        else
+          button.g-save-assetstore.btn.btn-small.btn-primary.btn-danger(type="submit")
+            i.icon-edit
+            | Save
+            i.icon-attention

package/dist-lib/src/templates/widgets/editCollectionWidget.pug

@@ -0,0 +1,27 @@
+.modal-dialog
+  .modal-content
+    form#g-collection-edit-form.modal-form(role="form")
+      .modal-header
+        button.close(data-dismiss="modal", aria-hidden="true", type="button") ×
+        h4.modal-title
+          if (create)
+            | Create collection
+          else
+            | Edit collection
+      .modal-body
+        .form-group
+          label.control-label(for="g-name") Name
+          input#g-name.input-sm.form-control(type="text", placeholder="Enter collection name")
+        .form-group
+          label.control-label Description (optional)
+          .g-description-editor-container
+        .g-validation-failed-message
+      .modal-footer
+        a.btn.btn-small.btn-default(data-dismiss="modal") Cancel
+        button.g-save-collection.btn.btn-small.btn-primary(type="submit")
+          if (create)
+            i.icon-plus-squared
+            | Create
+          else
+            i.icon-edit
+            | Save

package/dist-lib/src/templates/widgets/editFileWidget.pug

@@ -0,0 +1,21 @@
+.modal-dialog
+  .modal-content
+    form#g-file-edit-form.modal-form(role="form")
+      .modal-header
+        button.close(data-dismiss="modal", aria-hidden="true", type="button") ×
+        h4.modal-title Edit file
+      .modal-body
+        .form-group
+          label.control-label(for="g-name") Name
+          input#g-name.input-sm.form-control(
+            type="text", placeholder="Enter file name", value=file.name())
+        .form-group
+          label.control-label(for="g-mimetype") MIME type
+          input#g-mimetype.input-sm.form-control(
+            type="text", placeholder="Enter MIME type", value=file.get('mimeType'))
+        .g-validation-failed-message
+      .modal-footer
+        a.btn.btn-small.btn-default(data-dismiss="modal") Cancel
+        button.g-save-file.btn.btn-small.btn-primary(type="submit")
+          i.icon-edit
+          | Save

package/dist-lib/src/templates/widgets/editFolderWidget.pug

@@ -0,0 +1,27 @@
+.modal-dialog
+  .modal-content
+    form#g-folder-edit-form.modal-form(role="form")
+      .modal-header
+        button.close(data-dismiss="modal", aria-hidden="true", type="button") ×
+        h4.modal-title
+          if (folder)
+            | Edit folder
+          else
+            | Create folder
+      .modal-body
+        .form-group
+          label.control-label(for="g-name") Name
+          input#g-name.input-sm.form-control(type="text", placeholder="Enter folder name")
+        .form-group
+          label.control-label Description (optional)
+          .g-description-editor-container
+        .g-validation-failed-message
+      .modal-footer
+        a.btn.btn-small.btn-default(data-dismiss="modal") Cancel
+        button.g-save-folder.btn.btn-small.btn-primary(type="submit")
+          if (folder)
+            i.icon-edit
+            | Save
+          else
+            i.icon-plus-squared
+            | Create

package/dist-lib/src/templates/widgets/editGroupWidget.pug

@@ -0,0 +1,54 @@
+.modal-dialog
+  .modal-content
+    form#g-group-edit-form.modal-form(role="form")
+      .modal-header
+        button.close(data-dismiss="modal", aria-hidden="true", type="button") ×
+        h4.modal-title
+          if (group)
+            | Edit group
+          else
+            | Create group
+      .modal-body
+        .g-public-container
+          .radio
+            label
+              input#g-access-private(type="radio", name="privacy",
+                  checked=(publicFlag ? undefined : "checked"))
+              i.icon-lock
+              | Private — Only members can see this group
+          .radio
+            label
+              input#g-access-public(type="radio", name="privacy",
+                  checked=(publicFlag ? "checked" : undefined))
+              i.icon-globe
+              | Public — Anyone can see this group
+        .form-group
+          label.control-label(for="g-name") Name
+          input#g-name.input-sm.form-control(type="text", placeholder="Enter group name")
+        .form-group
+          label.control-label(for="g-description") Description (optional)
+          textarea#g-description.input-sm.form-control(placeholder="Enter group description")
+        if groupAddAllowed
+          .form-group
+            label.control-label(for="g-add-to-group") Allow members to be directly added to this group
+            select#g-add-to-group.form-control.input-sm
+              if addToGroupPolicy === 'yesadmin'
+                option(value='default', selected=(addAllowed === 'default')) Default - Yes, allow group administrators to add members
+              else if addToGroupPolicy === 'yesmod'
+                option(value='default', selected=(addAllowed === 'default')) Default - Yes, allow group administrators and moderators to add members
+              else
+                option(value='default', selected=(addAllowed === 'default')) Default - No
+              option(value='no', selected=(addAllowed === 'no')) No - members must be invited and accept invitations
+              if groupAddAllowed === 'mod'
+                option(value='yesmod', selected=(addAllowed === 'yesmod')) Yes - allow group administrators and moderators to directly add members
+              option(value='yesadmin', selected=(addAllowed === 'yesadmin')) Yes - allow group administrators to directly add members
+        .g-validation-failed-message
+      .modal-footer
+        a.btn.btn-small.btn-default(data-dismiss="modal") Cancel
+        button.g-save-group.btn.btn-small.btn-primary(type="submit")
+          if (group)
+            i.icon-edit
+            | Save
+          else
+            i.icon-plus-squared
+            | Create

package/dist-lib/src/templates/widgets/editItemWidget.pug

@@ -0,0 +1,27 @@
+.modal-dialog
+  .modal-content
+    form#g-item-edit-form.modal-form(role="form")
+      .modal-header
+        button.close(data-dismiss="modal", aria-hidden="true", type="button") ×
+        h4.modal-title
+          if (item)
+            | Edit item
+          else
+            | Create item
+      .modal-body
+        .form-group
+          label.control-label(for="g-name") Name
+          input#g-name.input-sm.form-control(type="text", placeholder="Enter item name")
+        .form-group
+          label.control-label Description (optional)
+          .g-description-editor-container
+        .g-validation-failed-message
+      .modal-footer
+        a.btn.btn-small.btn-default(data-dismiss="modal") Cancel
+        button.g-save-item.btn.btn-small.btn-primary(type="submit")
+          if (item)
+            i.icon-edit
+            | Save
+          else
+            i.icon-plus-squared
+            | Create

package/dist-lib/src/templates/widgets/fileInfoDialog.pug

@@ -0,0 +1,33 @@
+.modal-dialog
+  .modal-content
+    .modal-header
+      button.close(data-dismiss="modal", aria-hidden="true") ×
+      h4.modal-title File information
+      .g-dialog-subtitle
+        i.icon-doc-inv
+        span= file.name()
+    .modal-body
+      .g-file-info-lines
+        .g-file-info-line(property="created")
+          i.icon-clock
+          span= 'Created '
+          span.g-bold-part= formatDate(file.get('created'), DATE_SECOND)
+
+        .g-file-info-line(property="mimeType")
+          i.icon-info
+          span MIME type:
+          span.g-bold-part  #{file.get('mimeType') || 'unknown'}
+
+        if file.has('size')
+          .g-file-info-line(property="size")
+            i.icon-hdd
+            span Size:
+            span.g-bold-part  #{file.get('size')} bytes
+
+        .g-file-info-line(property="id")
+          i.icon-share
+          span Unique ID:
+          span.g-bold-part  #{file.id}
+
+    .modal-footer
+      a.btn.btn-small.btn-default(data-dismiss="modal") Close

package/dist-lib/src/templates/widgets/fileList.pug

@@ -0,0 +1,33 @@
+ul.g-file-list
+  each file in files
+    li.g-file-list-entry
+      a.g-file-list-link(cid=file.cid, title="Download file",
+          target=file.get('linkUrl') ? '_blank' : '_self', href=file.downloadUrl(),
+          rel="noopener noreferrer")
+        if file.get('linkUrl')
+          i.icon-link
+          span.g-file-name= file.name()
+          i.icon-link-ext
+        else
+          i.icon-doc-inv
+          = file.name()
+      a.g-view-inline(title="View in browser", target="_blank", rel="noopener noreferrer",
+          href=file.downloadUrl({contentDisposition: 'inline'}))
+        i.icon-eye
+      a.g-show-info(file-cid=file.cid, title="Show info")
+        i.icon-info
+      if file.has('size')
+        .g-file-size= formatSize(file.get('size'))
+      .g-file-actions-container(file-cid=file.cid)
+        if parentItem && parentItem.get('_accessLevel') >= AccessType.WRITE
+          a.g-update-info(title="Edit file info")
+            i.icon-edit
+          a.g-update-contents(title="Replace file contents")
+            i.icon-upload
+          a.g-delete-file(title="Delete file")
+            i.icon-cancel
+  if hasMore
+    li.g-show-more
+      a.g-show-more-files
+        i.icon-level-down
+        | Show more files...

package/dist-lib/src/templates/widgets/folderInfoDialog.pug

@@ -0,0 +1,42 @@
+mixin dateInfo(intro, property)
+  .g-folder-info-line(property=property)
+    i.icon-clock
+    span= intro
+    span.g-bold-part= formatDate(folder.get(property), DATE_SECOND)
+
+.modal-dialog
+  .modal-content
+    .modal-header
+      button.close(data-dismiss="modal", aria-hidden="true") ×
+      h4.modal-title Folder information
+      .g-dialog-subtitle
+        i.icon-folder
+        span= folder.name()
+    .modal-body
+      if folder.get('description')
+        .g-info-dialog-description.g-folder-description!= renderMarkdown(folder.get('description'))
+
+      .g-folder-info-lines
+        +dateInfo('Created ', 'created')
+        if folder.get('created') !== folder.get('updated')
+          +dateInfo('Last updated ', 'updated')
+
+        .g-folder-info-line(property="nItems")
+          i.icon-doc-text-inv
+          span Contains
+          span.g-bold-part  #{folder.get('nItems')} items
+          span  totaling
+          span.g-bold-part  #{formatSize(folder.get('size'))}
+
+        .g-folder-info-line(property="nFolders")
+          i.icon-folder
+          span Contains
+          span.g-bold-part  #{folder.get('nFolders')} subfolders
+
+        .g-folder-info-line(property="id")
+          i.icon-share
+          span Unique ID:
+          span.g-bold-part  #{folder.id}
+
+    .modal-footer
+      a.btn.btn-small.btn-default(data-dismiss="modal") Close

package/dist-lib/src/templates/widgets/folderList.pug

@@ -0,0 +1,21 @@
+ul.g-folder-list
+  each folder in folders
+    li.g-folder-list-entry(public=(folder.get('public') ? 'true' : 'false'))
+      if checkboxes
+        input.g-list-checkbox(type="checkbox", g-folder-cid=folder.cid)
+      a.g-folder-list-link(g-folder-cid=folder.cid, href=`#folder/${folder.id}`)
+        i.icon-folder
+        = folder.get('name')
+        i.icon-right-dir
+      .g-folder-privacy
+        if folder.get('public')
+          i.icon-globe
+          | Public
+        else
+          i.icon-lock
+          | Private
+  if hasMore
+    li.g-show-more
+      a.g-show-more-folders
+        i.icon-level-down
+        | Show more folders...