terrier-engine 4.4.35 → 4.5.0

package/terrier/images/raw/badge_role-ops.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>badge_role-ops</title>
+    <defs>
+        <ellipse id="path-1" cx="24.0000002" cy="24.0001005" rx="8.00002026" ry="8.0001005"></ellipse>
+        <filter x="-1.6%" y="-1.6%" width="103.1%" height="103.1%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.25 0" type="matrix" in="shadowInnerInner1" result="shadowMatrixInner1"></feColorMatrix>
+            <feOffset dx="0" dy="-0.5" in="SourceAlpha" result="shadowOffsetInner2"></feOffset>
+            <feComposite in="shadowOffsetInner2" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner2"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowInnerInner2" result="shadowMatrixInner2"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
+                <feMergeNode in="shadowMatrixInner2"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M23.5000002,19.5 L23.5000002,22 C23.5000002,22.2761424 23.7238578,22.5 24.0000002,22.5 C24.2761426,22.5 24.5000002,22.2761424 24.5000002,22 L24.5000002,19.5 L25.4583335,19.5 C25.7059745,19.5 25.9175736,19.6543135 26.0022184,19.872028 L26.0000002,22.5 C26.0000002,22.7761424 26.2238578,23 26.5000002,23 C26.7761426,23 27.0000002,22.7761424 27.0000002,22.5 L27.0013611,20.5433492 C28.2872096,21.3681523 29.1255451,22.8290777 29.4967222,24.8932606 L29.5077502,24.95675 L29.8502952,25.293218 C29.9354145,25.3767897 29.987496,25.4876579 29.9980188,25.6055155 L30.0000002,25.65 L30.0000002,26.55 C30.0000002,26.7850712 29.836252,26.9883984 29.6065837,27.0385079 C28.4488161,27.2911117 26.9885068,27.4392966 25.2225883,27.4848314 L24.8251301,27.4932613 L24.4176032,27.498316 C24.280082,27.4994389 24.1408814,27.5 24.0000002,27.5 C23.859119,27.5 23.7199184,27.4994389 23.5823972,27.498316 L23.1748703,27.4932613 L22.7774121,27.4848314 C21.0114936,27.4392966 19.5511843,27.2911117 18.3934167,27.0385079 C18.1637484,26.9883984 18.0000002,26.7850712 18.0000002,26.55 L18.0000002,25.65 C18.0000002,25.5158015 18.053946,25.3872361 18.1497052,25.293218 L18.4920002,24.95675 L18.5242468,24.7799028 C18.9055871,22.774877 19.7369876,21.3520626 20.9998501,20.5425728 L21.0000002,22.5 C21.0000002,22.7761424 21.2238578,23 21.5000002,23 C21.7761426,23 22.0000002,22.7761424 22.0000002,22.5 L21.9985818,19.8699824 C22.0837538,19.6533475 22.2948022,19.5 22.5416669,19.5 L23.5000002,19.5 Z M27.7916669,24.625 L20.2083335,24.625 C19.8861674,24.625 19.6250002,24.8861672 19.6250002,25.2083333 C19.6250002,25.5304994 19.8861674,25.7916667 20.2083335,25.7916667 L27.7916669,25.7916667 C28.113833,25.7916667 28.3750002,25.5304994 28.3750002,25.2083333 C28.3750002,24.8861672 28.113833,24.625 27.7916669,24.625 Z" id="path-3"></path>
+        <filter x="-2.1%" y="-3.1%" width="104.2%" height="106.2%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="badge_role-ops" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Oval">
+            <use fill="#EFA234" fill-rule="evenodd" xlink:href="#path-1"></use>
+            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+        </g>
+        <g id="Path-49" fill-rule="nonzero">
+            <use fill="#FFFFFF" xlink:href="#path-3"></use>
+            <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+        </g>
+    </g>
+</svg>

package/terrier/images/raw/badge_role-reporting.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>badge_role-reporting</title>
+    <defs>
+        <ellipse id="path-1" cx="24.0000102" cy="23.9999095" rx="8.00001022" ry="8.00009047"></ellipse>
+        <filter x="-1.6%" y="-1.6%" width="103.1%" height="103.1%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.25 0" type="matrix" in="shadowInnerInner1" result="shadowMatrixInner1"></feColorMatrix>
+            <feOffset dx="0" dy="-0.5" in="SourceAlpha" result="shadowOffsetInner2"></feOffset>
+            <feComposite in="shadowOffsetInner2" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner2"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowInnerInner2" result="shadowMatrixInner2"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
+                <feMergeNode in="shadowMatrixInner2"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M25.0857876,18.5 C25.3510034,18.5 25.6053567,18.6053563 25.792893,18.7928918 L27.7071156,20.7071065 C27.8946528,20.894643 28.0000102,21.1489976 28.0000102,21.4142148 L28.0000102,28.5 C28.0000102,29.0522847 27.552295,29.5 27.0000102,29.5 L21,29.5 C20.4477153,29.5 20,29.0522847 20,28.5 L20,19.5 C20,18.9477153 20.4477153,18.5 21,18.5 Z M24.0000102,19.9998995 C23.4477255,19.9998995 23.0000102,20.4476148 23.0000102,20.9998995 L23,24.999 L21.707117,25 C21.4309746,25 21.207117,25.2238576 21.207117,25.5 C21.207117,25.6326082 21.2597954,25.7597852 21.3535636,25.8535534 L23.6464568,28.1464466 C23.841719,28.3417088 24.1583015,28.3417088 24.3535636,28.1464466 L26.6464568,25.8535534 C26.841719,25.6582912 26.841719,25.3417088 26.6464568,25.1464466 C26.5526886,25.0526784 26.4255117,25 26.2929034,25 L25,24.999 L25.0000102,20.9998995 C25.0000102,20.4870637 24.61397,20.0643923 24.1166314,20.0066272 Z" id="path-3"></path>
+        <filter x="-3.1%" y="-2.3%" width="106.2%" height="104.5%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="badge_role-reporting" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Oval">
+            <use fill="#1E6C7B" fill-rule="evenodd" xlink:href="#path-1"></use>
+            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+        </g>
+        <g id="Path-91">
+            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-3"></use>
+            <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+        </g>
+    </g>
+</svg>

package/terrier/images/raw/badge_role-sales.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>badge_role-sales</title>
+    <defs>
+        <ellipse id="path-1" cx="23.9999797" cy="24.0001005" rx="8.00002026" ry="8.0001005"></ellipse>
+        <filter x="-1.6%" y="-1.6%" width="103.1%" height="103.1%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.25 0" type="matrix" in="shadowInnerInner1" result="shadowMatrixInner1"></feColorMatrix>
+            <feOffset dx="0" dy="-0.5" in="SourceAlpha" result="shadowOffsetInner2"></feOffset>
+            <feComposite in="shadowOffsetInner2" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner2"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowInnerInner2" result="shadowMatrixInner2"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
+                <feMergeNode in="shadowMatrixInner2"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M28.4204051,19.3295949 C28.5584763,19.3295949 28.6704051,19.4415237 28.6704051,19.5795949 L28.6704051,24.7260415 C28.6704051,24.7923456 28.6440659,24.8559341 28.5971818,24.9028182 C28.4995508,25.0004492 28.3412595,25.0004492 28.2436284,24.9028182 L26.730853,23.3895949 L21.6265132,28.4948071 C21.0407268,29.0805936 20.0909793,29.0805936 19.5051929,28.4948071 C18.9194064,27.9090207 18.9194064,26.9592732 19.5051929,26.3734868 L24.608853,21.2685949 L23.0971818,19.7563716 C23.0659258,19.7251155 23.0438008,19.6864353 23.0325237,19.6444757 L23.0239585,19.5795949 C23.0239585,19.4415237 23.1358873,19.3295949 23.2739585,19.3295949 Z" id="path-3"></path>
+        <filter x="-2.6%" y="-2.6%" width="105.2%" height="105.2%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="badge_role-sales" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Oval">
+            <use fill="#01B201" fill-rule="evenodd" xlink:href="#path-1"></use>
+            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+        </g>
+        <g id="Path-87" fill-rule="nonzero">
+            <use fill="#FFFFFF" xlink:href="#path-3"></use>
+            <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+        </g>
+    </g>
+</svg>

package/terrier/parts/glyp-picker.ts

@@ -0,0 +1,98 @@
+import {ModalPart} from "../modals"
+import {Part, PartTag} from "tuff-core/parts"
+import {messages, logging} from "tuff-core"
+import Glyps from "../glyps"
+
+const log = new logging.Logger("GlypPicker")
+
+
+const pickKey = messages.typedKey<{ icon: string }>()
+
+export type GlypPickerState = {
+    icon?: string
+    onPicked: (icon?: string) => any
+}
+
+/**
+ * A modal that allows the user to pick a glyp.
+ */
+class GlypPickerModal extends ModalPart<GlypPickerState> {
+
+    grid!: GlypGrid
+
+    filterKey = messages.untypedKey()
+
+    async init() {
+        await super.init()
+
+        this.setIcon('glyp-cursor')
+        this.setTitle("Choose an Icon")
+
+        this.grid = this.makePart(GlypGrid, {})
+
+        this.onKeyUp(this.filterKey, m => {
+            log.info(`Filter key up`, m)
+            const filter = (m.event.target as HTMLInputElement).value
+            this.grid.setFilter(filter)
+        })
+
+        this.onClick(pickKey, m => {
+            log.info(`Picked ${m.data.icon}`)
+            this.state.onPicked(m.data.icon)
+            this.pop()
+        })
+    }
+
+    renderContent(parent: PartTag) {
+        parent.div('.glyp-picker-part.tt-flex.column.gap.padded.tt-form', picker => {
+            picker.input({type: 'search', placeholder: 'Filter'})
+                .emitKeyUp(this.filterKey)
+                .emitChange(this.filterKey)
+            picker.div('.grid-container', container => {
+                container.part(this.grid)
+            })
+        })
+    }
+
+
+}
+
+/**
+ * A grid of labeled glyps with an optional filter.
+ */
+class GlypGrid extends Part<{ filter?: string }> {
+
+    setFilter(filter: string) {
+        this.state.filter = filter
+        this.dirty()
+    }
+
+    clearFilter() {
+        this.state.filter = undefined
+        this.dirty()
+    }
+
+    get parentClasses(): Array<string> {
+        return ['glyp-picker-grid']
+    }
+
+    render(parent: PartTag) {
+        const filter = this.state.filter ? this.state.filter.trim().toLowerCase() : null
+        for (const glyp of Glyps.names) {
+            if (!filter || glyp.includes(filter)) {
+                parent.a(a => {
+                    a.i(glyp)
+                    a.div('.title').text(Glyps.displayName(glyp))
+                }).emitClick(pickKey, {icon: glyp})
+            }
+        }
+    }
+
+}
+
+
+const GlypPicker = {
+    Modal: GlypPickerModal
+}
+
+export default GlypPicker

package/terrier/parts/terrier-form-part.ts

@@ -2,8 +2,11 @@ import {FormPart, FormPartData} from "tuff-core/forms"
 import Theme from "../theme"
 import {TerrierApp} from "../app"
 
-export default abstract class TerrierFormPart<TState extends FormPartData> extends FormPart<TState> {
 
+/**
+ * Form part that implements the Terrier platform methods like `app` and `theme`.
+ */
+export default abstract class TerrierFormPart<TState extends FormPartData> extends FormPart<TState> {
 
     get app(): TerrierApp<any> {
         return this.root as unknown as TerrierApp<any> // this should always be true