@girder/core 5.0.0-beta.1 → 5.0.0

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

@@ -0,0 +1,33 @@
+.g-group-admins-header.g-group-list-header(title="Group administrators can edit group properties and can add, invite, and remove group members, moderators, and administrators.")
+  i.icon-star
+  span Administrators
+
+.g-group-admins-body
+  ul.g-group-admins
+    each userAccess in admins
+      li(userid=userAccess.id, username=userAccess.name)
+        a.g-member-name
+          i.icon-user
+          span #{userAccess.name} (#{userAccess.login})
+        .g-group-member-controls.pull-right
+          if level >= accessType.ADMIN
+            span.dropdown
+              a.g-group-admin-demote.dropdown-toggle(title="Demote user",
+                  data-toggle="dropdown")
+                i.icon-down-big
+                i.icon-down-dir
+              ul.dropdown-menu.pull-right(role="menu")
+                li(role="presentation")
+                  a.g-demote-moderator(role="menuitem")
+                    i.icon-minus
+                    span Demote to moderator
+                li(role="presentation")
+                  a.g-demote-member(role="menuitem")
+                    i.icon-minus
+                    span Demote to member
+            a.g-group-admin-remove(title="Remove user from the group")
+              i.icon-block
+    if (!admins.length)
+      .g-member-list-empty
+        i.icon-info-circled
+        span There are no administrators in this group.

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

@@ -0,0 +1,76 @@
+.modal-dialog
+  .modal-content
+    .modal-header
+      button.close(data-dismiss="modal", aria-hidden="true", type="button") ×
+      h4.modal-title Invite user to group
+      .g-dialog-subtitle
+        i.icon-user
+        span #{user.text}
+    .modal-body
+      label.control-label Select a role for this user
+      #g-invite-role-container.panel-group
+        .panel.panel-default
+          .panel-heading(data-toggle="collapse",
+              data-parent="#g-invite-role-container",
+              data-target="#g-invite-role-member")
+            .panel-title
+              a Invite as member
+          #g-invite-role-member.panel-collapse.collapse.in
+            .panel-body
+              p.
+                Group members are able to gain all privileges granted to
+                the group itself on other resources. They are able to view the
+                group, but may not change properties of the group.
+              .g-invite-as-member.btn.btn-primary
+                i.icon-mail
+                span Invite as member
+              if mayAdd
+                .g-add-as-member.btn.btn-warning.g-add-user-button
+                  i.icon-plus
+                  span Add as member
+
+        if (level >= accessType.ADMIN)
+          .panel.panel-default
+            .panel-heading(data-toggle="collapse",
+                data-parent="#g-invite-role-container",
+                data-target="#g-invite-role-moderator")
+              .panel-title
+                a Invite as moderator
+            #g-invite-role-moderator.panel-collapse.collapse
+              .panel-body
+                p.
+                  Group moderators are members of the group who are also
+                  granted the power to add and remove users from the group.
+                .g-invite-as-moderator.btn.btn-primary
+                  i.icon-mail
+                  span Invite as moderator
+                if mayAdd
+                  .g-add-as-moderator.btn.btn-warning.g-add-user-button
+                    i.icon-plus
+                    span Add as moderator
+
+        if (level >= accessType.ADMIN)
+          .panel.panel-default
+            .panel-heading(data-toggle="collapse",
+                data-parent="#g-invite-role-container",
+                data-target="#g-invite-role-admin")
+              .panel-title
+                a Invite as administrator
+            #g-invite-role-admin.panel-collapse.collapse
+              .panel-body
+                p.
+                  Group administrators have all the power of group moderators,
+                  and additionally can promote group members to moderators
+                  or administrators. They also have the power to delete the
+                  group entirely.
+                .g-invite-as-admin.btn.btn-primary
+                  i.icon-mail
+                  span Invite as administrator
+                if mayAdd
+                  .g-add-as-admin.btn.btn-warning.g-add-user-button
+                    i.icon-plus
+                    span Add as administrator
+
+      .g-validation-failed-message
+    .modal-footer
+      a.btn.btn-small.btn-default(data-dismiss="modal") Cancel

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

@@ -0,0 +1,14 @@
+ul.g-group-invites
+  each user in invitees
+    li(cid=user.cid, username=user.name())
+      a.g-member-name
+        i.icon-user
+        span #{user.name()} (#{user.get('login')})
+      .g-group-member-controls.pull-right
+        if level >= accessType.WRITE
+          a.g-group-uninvite(title="Uninvite this user")
+            i.icon-block
+  if (!invitees.length)
+    .g-member-list-empty
+      i.icon-info-circled
+      span There are no pending invitations to this group.

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

@@ -0,0 +1,39 @@
+.g-group-members-header.g-group-list-header
+  i.icon-users
+  span Members
+  if level >= accessType.WRITE
+    form.g-group-invite-form.form-inline(role="form")
+      span
+        i.icon-mail-alt
+      .form-group.g-group-invite-container
+  .g-member-pagination
+.g-group-members-body
+  ul.g-group-members
+    each member in members
+      li(cid=member.cid)
+        a.g-member-name
+          i.icon-user
+          span #{member.name()} (#{member.get('login')})
+        .g-group-member-controls.pull-right
+          if level >= accessType.ADMIN
+            span.dropdown
+              a.g-group-member-promote.dropdown-toggle(
+                  title="Promote user", data-toggle="dropdown")
+                i.icon-up-big
+                i.icon-down-dir
+              ul.dropdown-menu.pull-right(role="menu")
+                li(role="presentation")
+                  a.g-promote-moderator(role="menuitem")
+                    i.icon-plus
+                    span Promote to moderator
+                li(role="presentation")
+                  a.g-promote-admin(role="menuitem")
+                    i.icon-plus
+                    span Promote to administrator
+          if level >= accessType.WRITE
+            a.g-group-member-remove(title="Remove user from the group")
+              i.icon-block
+    if (!members.length)
+      .g-member-list-empty
+        i.icon-info-circled
+        span There are no members in this group.

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

@@ -0,0 +1,23 @@
+.g-group-mods-header.g-group-list-header(title="Group moderators can invite and approve group members.")
+  i.icon-shield
+  span Moderators
+
+.g-group-mods-body
+  ul.g-group-mods
+    each userAccess in moderators
+      li(userid=userAccess.id, username=userAccess.name)
+        a.g-member-name
+          i.icon-user
+          span #{userAccess.name} (#{userAccess.login})
+        .g-group-member-controls.pull-right
+          if level >= accessType.ADMIN
+            a.g-group-mod-promote(title="Promote to administrator")
+              i.icon-up-big
+            a.g-group-mod-demote(title="Demote to member")
+              i.icon-down-big
+            a.g-group-mod-remove(title="Remove user from the group")
+              i.icon-block
+    if (!moderators.length)
+      .g-member-list-empty
+        i.icon-info-circled
+        span There are no moderators in this group.

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

@@ -0,0 +1,37 @@
+- var idx = 0
+each obj in links
+  li
+    a.g-breadcrumb-link(g-index=idx)
+      if obj.resourceName === 'user'
+        i.icon-user
+      else if obj.resourceName === 'collection'
+        i.icon-sitemap
+      = obj.name()
+  - idx += 1
+
+if current
+  li.active
+    if current.resourceName === 'user'
+      i.icon-user
+    else if current.resourceName === 'collection'
+      i.icon-sitemap
+    = current.name()
+
+if descriptionText
+  a.g-description-preview= descriptionText
+
+.pull-right
+  .g-child-count-container.hide
+    .g-subfolder-count-container(title='total folders')
+      i.icon-folder
+      .g-subfolder-count
+
+    if idx > 0
+      .g-item-count-container(title='total items')
+        i.icon-doc-text-inv
+        .g-item-count
+
+  if idx > 0
+    .g-level-up-button-container
+      a.g-hierarchy-level-up(title="Go up one level")
+        i.icon-level-up

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

@@ -0,0 +1,19 @@
+.g-hierarchy-pages-header
+  .g-hierarchycenter
+    ul.pagination.pagination-sm
+      if (currentPage >1 && !disabled)
+        li.g-page-prev
+          a#g-previous-paginated « Prev
+      else
+        li.g-page-prev.disabled
+          a#g-previous-paginated « Prev
+      li
+        span Page:
+          input#g-page-selection-input(disabled=disabled, type='number', min=1, max=totalPages, value=currentPage)
+          span of #{totalPages}
+      if (currentPage+1<=totalPages && !disabled)
+        li.g-page-next
+          a#g-next-paginated Next »
+      else
+        li.g-page-next.disabled
+          a#g-next-paginated Next »

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

@@ -0,0 +1,96 @@
+.g-hierarchy-widget
+  .g-hierarchy-breadcrumb-bar
+    ol.breadcrumb
+  if showActions
+    .g-hierarchy-actions-header
+      if checkboxes
+        input.g-select-all(type="checkbox", title="Select / Unselect all")
+
+        .btn-group
+          button.g-checked-actions-button.btn.btn-sm.btn-default.dropdown-toggle(
+            data-toggle="dropdown", disabled="disabled", title="Checked actions")
+            i.icon-check
+            i.icon-down-dir
+          ul.g-checked-actions-menu.dropdown-menu(role="menu")
+
+      .g-folder-header-buttons
+        if (type === 'folder')
+          button.g-folder-info-button.btn.btn-sm.btn-info(title="Show folder info")
+            i.icon-info
+          if (level >= AccessType.WRITE)
+            button.g-upload-here-button.btn.btn-sm.btn-success(title="Upload here")
+              i.icon-upload
+          if (level >= AccessType.ADMIN)
+            button.g-folder-access-button.g-edit-access.btn.btn-sm.btn-warning(title="Access control")
+              i.icon-lock
+        else if (type === 'collection')
+          button.g-collection-info-button.btn.btn-sm.btn-info(title="Show collection info")
+            i.icon-info
+          if (level >= AccessType.ADMIN)
+            button.g-edit-access.btn.btn-sm.btn-warning(title="Access control")
+              i.icon-lock
+        .btn-group
+          button.g-folder-actions-button.btn.btn-sm.btn-default.dropdown-toggle(
+              data-toggle="dropdown", title=`${capitalize(type)} actions`)
+            if type === 'collection'
+              i.icon-sitemap
+            else if type === 'user'
+              i.icon-user
+            else if type === 'folder'
+              i.icon-folder-open
+            i.icon-down-dir
+          ul.g-folder-actions-menu.dropdown-menu.pull-right(role="menu")
+            li.dropdown-header(role="presentation")
+              if type === 'collection'
+                i.icon-sitemap
+              else if type === 'user'
+                i.icon-user
+              else if type === 'folder'
+                i.icon-folder-open
+              |  #{model.name()}
+            if type === 'folder' || type === 'collection'
+              li(role="presentation")
+                a.g-download-folder(role="menuitem", href=model.downloadUrl())
+                  i.icon-download
+                  | Download #{type}
+            if level >= AccessType.WRITE
+              li(role="presentation")
+                a.g-create-subfolder(role="menuitem")
+                  i.icon-folder
+                  | Create folder here
+              if type === 'folder' || type === 'collection'
+                if type === 'folder'
+                  li(role="presentation")
+                    a.g-create-item(role="menuitem")
+                      i.icon-doc
+                      | Create item here
+                li(role="presentation")
+                  a.g-edit-folder(role="menuitem")
+                    i.icon-edit
+                    | Edit #{type}
+            if level >= AccessType.ADMIN && (type === 'folder' || type === 'collection')
+              li.divider(role="presentation")
+              li(role="presentation")
+                a.g-delete-folder(role="menuitem")
+                  i.icon-trash
+                  | Delete this #{type}
+      .g-clear-right
+  if onFolderSelect
+    .g-select-folder-container
+      ul.g-folder-list
+        li.g-folder-list-entry(public='true')
+          button.g-select-folder.btn.btn-sm.btn-info
+            i.icon-folder
+            |  Select this #{type}.
+            i.icon-right-dir
+  .g-folder-list-container
+  .g-item-list-container
+  .g-empty-parent-message.g-info-message-container.hide
+    i.icon-info-circled
+    if itemFilter
+      |  This folder has no suitable items.
+    else
+      |  This folder is empty.
+  .g-hierarachy-paginated-bar
+if showMetadata
+  .g-folder-metadata

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

@@ -0,0 +1,16 @@
+ol.breadcrumb
+  each parent in parentChain
+    li
+      a.g-item-breadcrumb-link(data-id=parent.object._id, data-type=parent.type)
+        if (parent.type === "user")
+          i.icon-user
+          = parent.object.login
+        else if (parent.type === "collection")
+          i.icon-sitemap
+          = parent.object.name
+        else
+          = parent.object.name
+
+  .pull-right
+    a.g-hierarchy-level-up(title="Go to parent folder")
+      i.icon-level-up

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

@@ -0,0 +1,27 @@
+ul.g-item-list
+  each item in items
+    li.g-item-list-entry(class=(highlightItem && item.id === selectedItemId ? 'g-selected' : ''), public=(isParentPublic ? 'true' : 'false'))
+      if checkboxes
+        input.g-list-checkbox(type="checkbox", g-item-cid=item.cid)
+      if downloadLinks || viewLinks
+        a.g-item-list-link.g-right-border(g-item-cid=item.cid, href=`#item/${item.id}`)
+          i.icon-doc-text-inv
+          = item.name()
+      else
+        a.g-item-list-link(g-item-cid=item.cid, href='#item/' + item.id)
+          i.icon-doc-text-inv
+          = item.name()
+      if downloadLinks
+        a(title="Download item", href=item.downloadUrl())
+          i.icon-download
+      if viewLinks
+        a.g-view-inline(title="View in browser", target="_blank", rel="noopener noreferrer",
+            href=item.downloadUrl({contentDisposition: 'inline'}))
+          i.icon-eye
+      if showSizes
+        .g-item-size= formatSize(item.get('size'))
+  if (hasMore && !paginated)
+    li.g-show-more
+      a.g-show-more-items
+        i.icon-level-down
+        | Show more items...

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

@@ -0,0 +1,13 @@
+input.input-sm.form-control.g-widget-metadata-key-input(type="text", value=key, placeholder="Key")
+
+.g-json-editor
+
+button.btn.btn-sm.btn-warning.g-widget-metadata-cancel-button(title="Cancel")
+  i.icon-cancel
+button.btn.btn-sm.btn-primary.g-widget-metadata-save-button(title="Accept")
+  i.icon-ok
+if !newDatum
+  button.btn.btn-sm.btn-primary.g-widget-metadata-toggle-button(title="Convert to Simple")
+    i.icon-cog
+  button.btn.btn-sm.btn-danger.g-widget-metadata-delete-button(title="Delete")
+    i.icon-trash

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

@@ -0,0 +1,6 @@
+if (accessLevel >= AccessType.WRITE)
+  button.btn.btn-sm.btn-default.g-widget-metadata-edit-button
+    i.icon-pencil
+span.g-widget-metadata-key #{key}
+span.g-widget-metadata-value
+  pre #{value}

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

@@ -0,0 +1,4 @@
+#g-loading-animation
+  #g-loading-block-1.g-loading-block
+  #g-loading-block-2.g-loading-block
+  #g-loading-block-3.g-loading-block

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

@@ -0,0 +1,34 @@
+.g-markdown-widget
+  .g-tabs-container
+    .g-markdown-tabs-top
+      ul.nav.nav-tabs
+        li.first.active(role="presentation")
+          a.g-write-link(data-target=`#${prefix}-write`, aria-controls="home",
+              role="tab", data-toggle="tab") Write
+        li(role="presentation")
+          a.g-preview-link(data-target=`#${prefix}-preview`, aria-controls="preview",
+              role="tab", data-toggle="tab") Preview
+        .g-markdown-explanation
+          | Supports
+          a(href="https://daringfireball.net/projects/markdown/syntax",
+              tabindex="-1", target="_blank")  Markdown
+    .tab-content
+      .tab-pane.active(role="tabpanel", id=`${prefix}-write`)
+        .g-markdown-drop-zone
+          textarea.form-control.g-markdown-text(
+              upload-enabled=enableUploads ? "true" : null,
+              placeholder=placeholder)= text
+          if enableUploads
+            .g-upload-overlay.hide
+              .g-upload-progress-container
+                .g-markdown-upload-progress.progress.progress-striped
+                  .progress-bar.progress-bar-info(role="progressbar")
+                .g-markdown-upload-progress-message Starting upload...
+            .g-upload-footer.
+              #[i.icon-picture] Add an image by #[a.g-browse clicking here], or drag
+              and drop one into the editor.
+            .hide
+              input.g-file-input(type="file")
+
+      .tab-pane(role="tabpanel", id=`${prefix}-preview`)
+        .g-markdown-preview

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

@@ -0,0 +1,16 @@
+if (accessLevel >= AccessType.WRITE)
+  .btn-group.pull-right
+    button.g-widget-metadata-add-button.btn.btn-sm.btn-primary.btn-default.dropdown-toggle(data-toggle="dropdown", title="Add Metadata")
+      i.icon-plus
+    ul.dropdown-menu.pull-right(role="menu")
+      li(role="presentation")
+        a.g-add-simple-metadata(role="menuitem")
+          | Simple
+      li(role="presentation")
+        a.g-add-json-metadata
+          | JSON
+
+.g-widget-metadata-header
+  i.icon-tags
+  |  #{title}
+.g-widget-metadata-container

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

@@ -0,0 +1,15 @@
+input.input-sm.form-control.g-widget-metadata-key-input(type="text", value=key, placeholder="Key")
+
+- var rows = value.length <= 40 ? 1 : (value.length <= 100 ? 3 : 5)
+textarea.input-sm.form-control.g-widget-metadata-value-input(placeholder="Value", rows=rows)
+  = value
+
+button.btn.btn-sm.btn-warning.g-widget-metadata-cancel-button(title="Cancel")
+  i.icon-cancel
+button.btn.btn-sm.btn-primary.g-widget-metadata-save-button(title="Accept")
+  i.icon-ok
+if !newDatum
+  button.btn.btn-sm.btn-primary.g-widget-metadata-toggle-button(title="Convert to JSON")
+    i.icon-cog
+  button.btn.btn-sm.btn-danger.g-widget-metadata-delete-button(title="Delete")
+    i.icon-trash

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

@@ -0,0 +1,5 @@
+if (accessLevel >= AccessType.WRITE)
+  button.btn.btn-sm.btn-default.g-widget-metadata-edit-button
+    i.icon-pencil
+span.g-widget-metadata-key #{key}
+span.g-widget-metadata-value #{value}

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

@@ -0,0 +1,87 @@
+#g-assetstore-accordion.panel-group
+  .panel.panel-default
+    .panel-heading(data-toggle="collapse",
+        data-parent="#g-assetstore-accordion",
+        data-target="#g-create-fs-tab")
+      .panel-title
+        a
+          i.icon-hdd
+          span Create new #[b Filesystem] assetstore
+    #g-create-fs-tab.panel-collapse.collapse
+      .panel-body
+        p.
+          This type of assetstore will store files in a directory on the
+          local filesystem, using content-addressed storage to ensure that
+          data is never duplicated on disk. Just specify the root directory
+          that files will be stored under.
+        p.
+          If the specified root directory does not already exist, the server
+          will attempt to create it.
+        form#g-new-fs-form(role="form")
+          .form-group
+            label.control-label(for="g-new-fs-name") Assetstore name
+            input#g-new-fs-name.input-sm.form-control(type="text", placeholder="Name")
+          .form-group
+            label.control-label(for="g-new-fs-root") Root directory
+            input#g-new-fs-root.input-sm.form-control(
+              type="text", placeholder="Root directory")
+          p#g-new-fs-error.g-validation-failed-message
+          input.g-new-assetstore-submit.btn.btn-sm.btn-primary(type="submit", value="Create")
+
+  .panel.panel-default
+    .panel-heading(data-toggle="collapse",
+        data-parent="#g-assetstore-accordion",
+        data-target="#g-create-s3-tab")
+      .panel-title
+        a
+          i.icon-upload-cloud
+          span Create new #[b Amazon S3] assetstore
+    #g-create-s3-tab.panel-collapse.collapse
+      .panel-body
+        p.
+          This type of assetstore keeps files in
+          an #[a(target="_blank", href="http://aws.amazon.com/s3/") Amazon S3]
+          bucket. The service defaults to s3.amazonaws.com. You can specify an
+          alternate service, including an optional protocol and port using the
+          form [http[s]://](service domain)[:(port)].
+        form#g-new-s3-form(role="form")
+          .form-group
+            label.control-label(for="g-new-s3-name") Assetstore name
+            input#g-new-s3-name.input-sm.form-control(type="text", placeholder="Name")
+          .form-group
+            label.control-label(for="g-new-s3-bucket") S3 bucket name
+            input#g-new-s3-bucket.input-sm.form-control(type="text", placeholder="Bucket")
+          .form-group
+            label.control-label(for="g-new-s3-prefix") Path prefix (optional)
+            input#g-new-s3-prefix.input-sm.form-control(type="text", placeholder="Prefix")
+          .form-group
+            label.control-label(for="g-new-s3-access-key-id") Access key ID
+            input#g-new-s3-access-key-id.input-sm.form-control(type="text", placeholder="Access key ID")
+          .form-group
+            label.control-label(for="g-new-s3-secret") Secret access key
+            input#g-new-s3-secret.input-sm.form-control(type="text", placeholder="Secret access key")
+          .form-group
+            label.control-label(for="g-new-s3-service") Service
+            input#g-new-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-new-s3-region") Region
+            input#g-new-s3-region.input-sm.form-control(type="text", placeholder="Region")
+          .checkbox
+            label
+              input#g-new-s3-readonly(type="checkbox")
+              | Read only
+          .checkbox
+            label
+              input#g-new-s3-infercredentials(type="checkbox")
+              | Infer Credentials
+          .checkbox
+            label
+              input#g-new-s3-sse(type="checkbox")
+              | Server side encryption
+          .checkbox
+            label
+              input#g-new-s3-accelerated-endpoint(type="checkbox")
+              | Allow S3 accelerated endpoint
+
+          p#g-new-s3-error.g-validation-failed-message
+          input.g-new-assetstore-submit.btn.btn-sm.btn-primary(type="submit", value="Create")

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

@@ -0,0 +1,7 @@
+ul.pagination.pagination-sm
+  li.g-page-prev.disabled
+    a « Prev
+  li.active
+    a.g-page-number Page #{collection.pageNum() + 1}
+  li.g-page-next.disabled
+    a Next »

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

@@ -0,0 +1,13 @@
+.g-plugin-config-breadcrumbs
+  ol.breadcrumb
+    li
+      a.g-admin-console-link
+        i.icon-wrench
+        | Admin console
+    li
+      a.g-plugins-link
+        i.icon-puzzle
+        | Plugins
+    li.active
+      i.icon-cog
+      | #{pluginName}

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

@@ -0,0 +1,13 @@
+- selected = selected || {id: ''};
+select#g-root-selector.form-control(required)
+  if !selected.id
+    option(value="", disabled, selected, hidden) Select a root...
+  each groupName in display
+    if groupName === 'Home' && home
+      option(value=home.id, selected=selected.id === home.id) Home
+    else if groupName in groups
+      - var group = groups[groupName];
+      optgroup(label=groupName)
+        each model in group.models
+          if !home || model.id !== home.id
+            option(value=model.id, data-group=groupName, selected=model.id === selected.id)= format(model)

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

@@ -0,0 +1,10 @@
+.g-search-wrapper
+  a.g-search-options-button.btn.btn-sm(title="Show search help")
+    i.g-search-state.icon-search
+  input.g-search-field.form-control.input-sm(
+    type="text", placeholder=placeholder, mode-select=(modes.length > 1 ? "on" : "off"))
+  .g-search-results.dropdown
+    ul.dropdown-menu(role="menu")
+  if modes.length > 1
+    a.g-search-mode-choose.btn.btn-sm(title="Search mode")
+      i.icon-down-dir

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

@@ -0,0 +1,12 @@
+p.g-search-help-text= modeHelp
+if mode === 'text'
+  ul.g-search-examples-list
+    li
+      code cat dog
+      |  returns documents containing either "cat" or "dog".
+    li
+      code "cat" "dog"
+      |  returns documents containing both "cat" and "dog".
+    li
+      code "cat dog"
+      |  returns documents containing the phrase "cat dog".

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

@@ -0,0 +1,9 @@
+p Choose search mode:
+
+for mode in modes
+  .radio
+    label
+      input.g-search-mode-radio(
+          type="radio", name="search-mode", value=mode,
+          checked=(mode === currentMode ? 'checked' : undefined))
+      = getModeDescription(mode)