@things-factory/setting-ui 6.2.49 → 6.2.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/client/components/{partner-selector.js → partner-selector.ts} +26 -62
- package/client/{fetch-setting-value.js → fetch-setting-value.ts} +6 -5
- package/client/{index.js → index.ts} +2 -1
- package/client/pages/{partner-setting-list.js → partner-setting-list.ts} +67 -103
- package/client/pages/{setting-list.js → setting-list.ts} +50 -85
- package/client/pages/{setting.js → setting.ts} +17 -23
- package/client/setting-lets/{domain-switch-let.js → domain-switch-let.ts} +15 -20
- package/client/setting-lets/secure-iplist-setting-let.ts +196 -0
- package/dist-client/bootstrap.d.ts +1 -0
- package/dist-client/bootstrap.js +2 -0
- package/dist-client/bootstrap.js.map +1 -0
- package/dist-client/components/partner-selector.d.ts +3 -0
- package/dist-client/components/partner-selector.js +136 -0
- package/dist-client/components/partner-selector.js.map +1 -0
- package/dist-client/fetch-setting-value.d.ts +1 -0
- package/dist-client/fetch-setting-value.js +29 -0
- package/dist-client/fetch-setting-value.js.map +1 -0
- package/dist-client/index.d.ts +5 -0
- package/dist-client/index.js +6 -0
- package/dist-client/index.js.map +1 -0
- package/dist-client/pages/partner-setting-list.d.ts +57 -0
- package/dist-client/pages/partner-setting-list.js +356 -0
- package/dist-client/pages/partner-setting-list.js.map +1 -0
- package/dist-client/pages/setting-list.d.ts +60 -0
- package/dist-client/pages/setting-list.js +279 -0
- package/dist-client/pages/setting-list.js.map +1 -0
- package/dist-client/pages/setting.d.ts +18 -0
- package/dist-client/pages/setting.js +52 -0
- package/dist-client/pages/setting.js.map +1 -0
- package/dist-client/route.d.ts +1 -0
- package/dist-client/route.js +14 -0
- package/dist-client/route.js.map +1 -0
- package/dist-client/setting-lets/domain-switch-let.d.ts +18 -0
- package/dist-client/setting-lets/domain-switch-let.js +59 -0
- package/dist-client/setting-lets/domain-switch-let.js.map +1 -0
- package/dist-client/setting-lets/secure-iplist-setting-let.d.ts +24 -0
- package/dist-client/setting-lets/secure-iplist-setting-let.js +196 -0
- package/dist-client/setting-lets/secure-iplist-setting-let.js.map +1 -0
- package/dist-client/themes/setting-theme.css +32 -0
- package/dist-client/tsconfig.tsbuildinfo +1 -0
- package/dist-server/tsconfig.tsbuildinfo +1 -1
- package/package.json +13 -10
- package/things-factory.config.js +1 -1
- /package/client/{bootstrap.js → bootstrap.ts} +0 -0
- /package/client/{route.js → route.ts} +0 -0
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
import '@material/mwc-formfield'
|
|
2
|
+
import '@material/mwc-textfield'
|
|
3
|
+
import '@things-factory/setting-base'
|
|
4
|
+
import '@operato/i18n/ox-i18n.js'
|
|
5
|
+
|
|
6
|
+
import gql from 'graphql-tag'
|
|
7
|
+
import { html, css, LitElement, PropertyValueMap } from 'lit'
|
|
8
|
+
import { customElement, property, query, queryAll, state } from 'lit/decorators.js'
|
|
9
|
+
|
|
10
|
+
import { i18next } from '@operato/i18n'
|
|
11
|
+
import { client } from '@operato/graphql'
|
|
12
|
+
|
|
13
|
+
@customElement('secure-iplist-setting-let')
|
|
14
|
+
export class SecureIPListSettingLet extends LitElement {
|
|
15
|
+
static styles = [
|
|
16
|
+
css`
|
|
17
|
+
div[slot='content'] {
|
|
18
|
+
display: flex;
|
|
19
|
+
flex-direction: column;
|
|
20
|
+
gap: 6px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
ul {
|
|
24
|
+
flex: 1;
|
|
25
|
+
background-color: var(--theme-white-color);
|
|
26
|
+
overflow: auto;
|
|
27
|
+
display: grid;
|
|
28
|
+
grid-template-columns: 1fr 1fr;
|
|
29
|
+
margin: 0;
|
|
30
|
+
padding: var(--padding-default);
|
|
31
|
+
list-style: none;
|
|
32
|
+
border: 1px dashed rgba(0, 0, 0, 0.1);
|
|
33
|
+
border-width: 1px 0;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
[hidden] {
|
|
37
|
+
display: none;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@media screen and (max-width: 480px) {
|
|
41
|
+
ul {
|
|
42
|
+
grid-template-columns: 1fr;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
`
|
|
46
|
+
]
|
|
47
|
+
|
|
48
|
+
@property({ type: Object }) value?: {
|
|
49
|
+
blacklist?: string[]
|
|
50
|
+
whitelist?: string[]
|
|
51
|
+
protectedlist?: string[]
|
|
52
|
+
privileges?: any[]
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@state() private allPrivileges: any[] = []
|
|
56
|
+
|
|
57
|
+
@query('mwc-textfield[name="whitelist"]') whitelist
|
|
58
|
+
@query('mwc-textfield[name="blacklist"]') blacklist
|
|
59
|
+
@query('mwc-textfield[name="protectedlist"]') protectedlist
|
|
60
|
+
@queryAll('ul[privileges] input[type=checkbox]:checked') protectedPrivileges
|
|
61
|
+
|
|
62
|
+
render() {
|
|
63
|
+
const { whitelist = [], blacklist = [], protectedlist = [], privileges = [] } = this.value || {}
|
|
64
|
+
|
|
65
|
+
return html`
|
|
66
|
+
<setting-let>
|
|
67
|
+
<ox-title-with-help slot="title" topic="setting/secure-ip-list" msgid="title.secure-ip-list"
|
|
68
|
+
>secure IP list</ox-title-with-help
|
|
69
|
+
>
|
|
70
|
+
|
|
71
|
+
<div slot="content" @change=${() => this.onSave()}>
|
|
72
|
+
<mwc-textfield
|
|
73
|
+
type="text"
|
|
74
|
+
name="whitelist"
|
|
75
|
+
.label=${String(i18next.t('label.whitelist'))}
|
|
76
|
+
icon="health_and_safety"
|
|
77
|
+
value=${whitelist.join(', ')}
|
|
78
|
+
hidden
|
|
79
|
+
></mwc-textfield>
|
|
80
|
+
|
|
81
|
+
<mwc-textfield
|
|
82
|
+
type="text"
|
|
83
|
+
name="blacklist"
|
|
84
|
+
.label=${String(i18next.t('label.blacklist'))}
|
|
85
|
+
icon="block"
|
|
86
|
+
value=${blacklist.join(', ')}
|
|
87
|
+
></mwc-textfield>
|
|
88
|
+
|
|
89
|
+
<mwc-textfield
|
|
90
|
+
type="text"
|
|
91
|
+
name="protectedlist"
|
|
92
|
+
.label=${String(i18next.t('label.protectedlist'))}
|
|
93
|
+
icon="security"
|
|
94
|
+
value=${protectedlist.join(', ')}
|
|
95
|
+
></mwc-textfield>
|
|
96
|
+
|
|
97
|
+
<div>
|
|
98
|
+
<h3><ox-i18n msgid="title.protected-privileges"></ox-i18n></h3>
|
|
99
|
+
<div>
|
|
100
|
+
<input id="checkAll" type="checkbox" @change=${e => this.oncheckAll(e)} />
|
|
101
|
+
<label for="checkAll">Check all</label>
|
|
102
|
+
</div>
|
|
103
|
+
|
|
104
|
+
<ul privileges>
|
|
105
|
+
${this.allPrivileges.map(
|
|
106
|
+
privilege => html`
|
|
107
|
+
<li>
|
|
108
|
+
<input
|
|
109
|
+
type="checkbox"
|
|
110
|
+
id=${privilege.id}
|
|
111
|
+
.checked=${!!privileges.find(p => p.name == privilege.name && p.category == privilege.category)}
|
|
112
|
+
.data-privilege=${privilege}
|
|
113
|
+
/>
|
|
114
|
+
<label for="${privilege.id}">${privilege.description}</label>
|
|
115
|
+
</li>
|
|
116
|
+
`
|
|
117
|
+
)}
|
|
118
|
+
</ul>
|
|
119
|
+
</div>
|
|
120
|
+
</div>
|
|
121
|
+
</setting-let>
|
|
122
|
+
`
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
async firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): Promise<void> {
|
|
126
|
+
var { data } = await client.query({
|
|
127
|
+
query: gql`
|
|
128
|
+
query {
|
|
129
|
+
privileges {
|
|
130
|
+
items {
|
|
131
|
+
id
|
|
132
|
+
name
|
|
133
|
+
category
|
|
134
|
+
description
|
|
135
|
+
}
|
|
136
|
+
total
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
`
|
|
140
|
+
})
|
|
141
|
+
|
|
142
|
+
this.allPrivileges = data?.privileges.items || []
|
|
143
|
+
|
|
144
|
+
var { data } = await client.query({
|
|
145
|
+
query: gql`
|
|
146
|
+
query {
|
|
147
|
+
secureIPList
|
|
148
|
+
}
|
|
149
|
+
`
|
|
150
|
+
})
|
|
151
|
+
|
|
152
|
+
this.value = data ? data.secureIPList : {}
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
checkAll(checked) {
|
|
156
|
+
Array.from(this.renderRoot.querySelectorAll('ul[privileges] input[type=checkbox]')).forEach(
|
|
157
|
+
checkbox => ((checkbox as HTMLInputElement).checked = checked)
|
|
158
|
+
)
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
oncheckAll(e) {
|
|
162
|
+
this.checkAll(e.target.checked)
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
async onSave() {
|
|
166
|
+
const whitelist = !this.whitelist.value ? [] : this.whitelist.value.split(',').map(ip => ip.trim())
|
|
167
|
+
const blacklist = !this.blacklist.value ? [] : this.blacklist.value.split(',').map(ip => ip.trim())
|
|
168
|
+
const protectedlist = !this.protectedlist.value ? [] : this.protectedlist.value.split(',').map(ip => ip.trim())
|
|
169
|
+
const privileges = Array.from(this.protectedPrivileges)
|
|
170
|
+
.map((e: any) => e['data-privilege'])
|
|
171
|
+
.map((priv: any) => {
|
|
172
|
+
const { description, ...others } = priv
|
|
173
|
+
return others
|
|
174
|
+
})
|
|
175
|
+
|
|
176
|
+
const iplist = {
|
|
177
|
+
whitelist,
|
|
178
|
+
blacklist,
|
|
179
|
+
protectedlist,
|
|
180
|
+
privileges
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
const { data } = await client.query({
|
|
184
|
+
query: gql`
|
|
185
|
+
mutation ($iplist: Object!) {
|
|
186
|
+
updateSecureIPList(iplist: $iplist)
|
|
187
|
+
}
|
|
188
|
+
`,
|
|
189
|
+
variables: {
|
|
190
|
+
iplist
|
|
191
|
+
}
|
|
192
|
+
})
|
|
193
|
+
|
|
194
|
+
this.value = data ? data.updateSecureIPList : {}
|
|
195
|
+
}
|
|
196
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function bootstrap(): void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,SAAS,KAAI,CAAC","sourcesContent":["export default function bootstrap() {}\n"]}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
2
|
+
import '@material/mwc-button';
|
|
3
|
+
import '@things-factory/form-ui';
|
|
4
|
+
import '@operato/data-grist';
|
|
5
|
+
import { i18next } from '@operato/i18n';
|
|
6
|
+
import { client, gqlContext } from '@operato/graphql';
|
|
7
|
+
import { isMobileDevice } from '@operato/utils';
|
|
8
|
+
import { CommonGristStyles } from '@operato/styles';
|
|
9
|
+
import gql from 'graphql-tag';
|
|
10
|
+
import { css, html, LitElement } from 'lit';
|
|
11
|
+
import { customElement, query, state } from 'lit/decorators.js';
|
|
12
|
+
let PartnerSelector = class PartnerSelector extends LitElement {
|
|
13
|
+
constructor() {
|
|
14
|
+
super(...arguments);
|
|
15
|
+
this.mode = isMobileDevice() ? 'LIST' : 'GRID';
|
|
16
|
+
}
|
|
17
|
+
render() {
|
|
18
|
+
return html `
|
|
19
|
+
<ox-grist .mode=${this.mode} auto-fetch .config=${this.config} .fetchHandler=${this.fetchHandler.bind(this)}>
|
|
20
|
+
<div slot="headroom">
|
|
21
|
+
<div id="filters">
|
|
22
|
+
<ox-filters-form></ox-filters-form>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
</ox-grist>
|
|
26
|
+
|
|
27
|
+
<div class="button-container">
|
|
28
|
+
<mwc-button raised @click="${this.select.bind(this)}">${i18next.t('button.select')}</mwc-button>
|
|
29
|
+
</div>
|
|
30
|
+
`;
|
|
31
|
+
}
|
|
32
|
+
firstUpdated() {
|
|
33
|
+
this.config = {
|
|
34
|
+
list: { fields: ['name', 'description'] },
|
|
35
|
+
rows: { selectable: { multiple: true }, appendable: false, handlers: { click: 'select-row-toggle' } },
|
|
36
|
+
columns: [
|
|
37
|
+
{ type: 'gutter', gutterName: 'sequence' },
|
|
38
|
+
{ type: 'gutter', gutterName: 'row-selector', multiple: false },
|
|
39
|
+
{
|
|
40
|
+
type: 'string',
|
|
41
|
+
name: 'name',
|
|
42
|
+
header: i18next.t('field.name'),
|
|
43
|
+
record: { editable: false, align: 'left' },
|
|
44
|
+
sortable: true,
|
|
45
|
+
filter: 'search',
|
|
46
|
+
width: 100
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
type: 'string',
|
|
50
|
+
name: 'description',
|
|
51
|
+
header: i18next.t('field.description'),
|
|
52
|
+
record: { editable: false, align: 'left' },
|
|
53
|
+
sortable: true,
|
|
54
|
+
filter: 'search',
|
|
55
|
+
width: 200
|
|
56
|
+
}
|
|
57
|
+
]
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
async fetchHandler({ filters, page, limit, sorters = [] }) {
|
|
61
|
+
const pagination = { page, limit };
|
|
62
|
+
const sortings = sorters;
|
|
63
|
+
const response = await client.query({
|
|
64
|
+
query: gql `
|
|
65
|
+
query searchCustomers($filters: [Filter!]!, $pagination: Pagination!, $sortings: [Sorting!]!) {
|
|
66
|
+
searchCustomers(filters: $filters, pagination: $pagination, sortings: $sortings) {
|
|
67
|
+
items {
|
|
68
|
+
id
|
|
69
|
+
name
|
|
70
|
+
description
|
|
71
|
+
}
|
|
72
|
+
total
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
`,
|
|
76
|
+
variables: { filters, pagination, sortings },
|
|
77
|
+
context: gqlContext()
|
|
78
|
+
});
|
|
79
|
+
return {
|
|
80
|
+
records: response.data.searchCustomers.items || [],
|
|
81
|
+
total: response.data.searchCustomers.total || 0
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
select() {
|
|
85
|
+
const selectedItems = this.dataGrist.selected;
|
|
86
|
+
if (!selectedItems.length) {
|
|
87
|
+
this.showToast(i18next.t('text.nothing_selected'));
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
history.back();
|
|
91
|
+
this.dispatchEvent(new CustomEvent('select', {
|
|
92
|
+
detail: selectedItems[0]
|
|
93
|
+
}));
|
|
94
|
+
}
|
|
95
|
+
showToast(message) {
|
|
96
|
+
document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }));
|
|
97
|
+
}
|
|
98
|
+
};
|
|
99
|
+
PartnerSelector.styles = [
|
|
100
|
+
CommonGristStyles,
|
|
101
|
+
css `
|
|
102
|
+
:host {
|
|
103
|
+
display: flex;
|
|
104
|
+
flex-direction: column;
|
|
105
|
+
overflow: hidden;
|
|
106
|
+
background-color: white;
|
|
107
|
+
}
|
|
108
|
+
.button-container {
|
|
109
|
+
padding: var(--button-container-padding);
|
|
110
|
+
margin: var(--button-container-margin);
|
|
111
|
+
text-align: var(--button-container-align);
|
|
112
|
+
background-color: var(--button-container-background);
|
|
113
|
+
height: var(--button-container-height);
|
|
114
|
+
}
|
|
115
|
+
`
|
|
116
|
+
];
|
|
117
|
+
__decorate([
|
|
118
|
+
state(),
|
|
119
|
+
__metadata("design:type", Object)
|
|
120
|
+
], PartnerSelector.prototype, "config", void 0);
|
|
121
|
+
__decorate([
|
|
122
|
+
state(),
|
|
123
|
+
__metadata("design:type", Object)
|
|
124
|
+
], PartnerSelector.prototype, "data", void 0);
|
|
125
|
+
__decorate([
|
|
126
|
+
state(),
|
|
127
|
+
__metadata("design:type", String)
|
|
128
|
+
], PartnerSelector.prototype, "mode", void 0);
|
|
129
|
+
__decorate([
|
|
130
|
+
query('ox-grist'),
|
|
131
|
+
__metadata("design:type", Object)
|
|
132
|
+
], PartnerSelector.prototype, "dataGrist", void 0);
|
|
133
|
+
PartnerSelector = __decorate([
|
|
134
|
+
customElement('partner-selector')
|
|
135
|
+
], PartnerSelector);
|
|
136
|
+
//# sourceMappingURL=partner-selector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"partner-selector.js","sourceRoot":"","sources":["../../client/components/partner-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-button'\nimport '@things-factory/form-ui'\nimport '@operato/data-grist'\n\nimport { i18next } from '@operato/i18n'\nimport { client, gqlContext } from '@operato/graphql'\nimport { isMobileDevice } from '@operato/utils'\nimport { CommonGristStyles } from '@operato/styles'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\n@customElement('partner-selector')\nclass PartnerSelector extends LitElement {\n static styles = [\n CommonGristStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background-color: white;\n }\n .button-container {\n padding: var(--button-container-padding);\n margin: var(--button-container-margin);\n text-align: var(--button-container-align);\n background-color: var(--button-container-background);\n height: var(--button-container-height);\n }\n `\n ]\n\n @state() private config: any\n @state() private data: any\n @state() private mode: string = isMobileDevice() ? 'LIST' : 'GRID'\n\n @query('ox-grist') private dataGrist: any\n\n render() {\n return html`\n <ox-grist .mode=${this.mode} auto-fetch .config=${this.config} .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\">\n <div id=\"filters\">\n <ox-filters-form></ox-filters-form>\n </div>\n </div>\n </ox-grist>\n\n <div class=\"button-container\">\n <mwc-button raised @click=\"${this.select.bind(this)}\">${i18next.t('button.select')}</mwc-button>\n </div>\n `\n }\n\n firstUpdated() {\n this.config = {\n list: { fields: ['name', 'description'] },\n rows: { selectable: { multiple: true }, appendable: false, handlers: { click: 'select-row-toggle' } },\n columns: [\n { type: 'gutter', gutterName: 'sequence' },\n { type: 'gutter', gutterName: 'row-selector', multiple: false },\n {\n type: 'string',\n name: 'name',\n header: i18next.t('field.name'),\n record: { editable: false, align: 'left' },\n sortable: true,\n filter: 'search',\n width: 100\n },\n {\n type: 'string',\n name: 'description',\n header: i18next.t('field.description'),\n record: { editable: false, align: 'left' },\n sortable: true,\n filter: 'search',\n width: 200\n }\n ]\n }\n }\n\n async fetchHandler({ filters, page, limit, sorters = [] }) {\n const pagination = { page, limit }\n const sortings = sorters\n\n const response = await client.query({\n query: gql`\n query searchCustomers($filters: [Filter!]!, $pagination: Pagination!, $sortings: [Sorting!]!) {\n searchCustomers(filters: $filters, pagination: $pagination, sortings: $sortings) {\n items {\n id\n name\n description\n }\n total\n }\n }\n `,\n variables: { filters, pagination, sortings },\n context: gqlContext()\n })\n\n return {\n records: response.data.searchCustomers.items || [],\n total: response.data.searchCustomers.total || 0\n }\n }\n\n select() {\n const selectedItems = this.dataGrist.selected\n if (!selectedItems.length) {\n this.showToast(i18next.t('text.nothing_selected'))\n return\n }\n\n history.back()\n\n this.dispatchEvent(\n new CustomEvent('select', {\n detail: selectedItems[0]\n })\n )\n }\n\n showToast(message) {\n document.dispatchEvent(new CustomEvent('notify', { detail: { message, option: { timer: 1000 } } }))\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function fetchSettingRule(name: string): Promise<any>;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import gql from 'graphql-tag';
|
|
2
|
+
import { client } from '@operato/graphql';
|
|
3
|
+
export async function fetchSettingRule(name) {
|
|
4
|
+
var _a;
|
|
5
|
+
const response = await client.query({
|
|
6
|
+
query: gql `
|
|
7
|
+
query ($name: String!) {
|
|
8
|
+
setting(name: $name) {
|
|
9
|
+
value
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
`,
|
|
13
|
+
variables: { name }
|
|
14
|
+
});
|
|
15
|
+
if (!response.errors) {
|
|
16
|
+
if ((_a = response.data.setting) === null || _a === void 0 ? void 0 : _a.value) {
|
|
17
|
+
switch (response.data.setting.value.toLowerCase().trim()) {
|
|
18
|
+
case 'true':
|
|
19
|
+
return true;
|
|
20
|
+
case 'false':
|
|
21
|
+
return false;
|
|
22
|
+
default:
|
|
23
|
+
return response.data.setting.value.trim();
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
return false;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=fetch-setting-value.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fetch-setting-value.js","sourceRoot":"","sources":["../client/fetch-setting-value.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,IAAY;;IACjD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;KAMT;QACD,SAAS,EAAE,EAAE,IAAI,EAAE;KACpB,CAAC,CAAA;IAEF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;QACpB,IAAI,MAAA,QAAQ,CAAC,IAAI,CAAC,OAAO,0CAAE,KAAK,EAAE;YAChC,QAAQ,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE;gBACxD,KAAK,MAAM;oBACT,OAAO,IAAI,CAAA;gBACb,KAAK,OAAO;oBACV,OAAO,KAAK,CAAA;gBACd;oBACE,OAAO,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;aAC5C;SACF;QAED,OAAO,KAAK,CAAA;KACb;AACH,CAAC","sourcesContent":["import gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\n\nexport async function fetchSettingRule(name: string) {\n const response = await client.query({\n query: gql`\n query ($name: String!) {\n setting(name: $name) {\n value\n }\n }\n `,\n variables: { name }\n })\n\n if (!response.errors) {\n if (response.data.setting?.value) {\n switch (response.data.setting.value.toLowerCase().trim()) {\n case 'true':\n return true\n case 'false':\n return false\n default:\n return response.data.setting.value.trim()\n }\n }\n\n return false\n }\n}\n"]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from './fetch-setting-value';
|
|
2
|
+
export { SettingPage } from './pages/setting';
|
|
3
|
+
export { SettingList } from './pages/setting-list';
|
|
4
|
+
export * from './setting-lets/domain-switch-let';
|
|
5
|
+
export * from './setting-lets/secure-iplist-setting-let';
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0CAA0C,CAAA","sourcesContent":["export * from './fetch-setting-value'\nexport { SettingPage } from './pages/setting'\nexport { SettingList } from './pages/setting-list'\n\nexport * from './setting-lets/domain-switch-let'\nexport * from './setting-lets/secure-iplist-setting-let'\n"]}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import '@things-factory/form-ui';
|
|
2
|
+
import '../components/partner-selector';
|
|
3
|
+
import { PageView } from '@operato/shell';
|
|
4
|
+
declare const PartnerSettingList_base: (new (...args: any[]) => {
|
|
5
|
+
_storeUnsubscribe: import("redux").Unsubscribe;
|
|
6
|
+
connectedCallback(): void;
|
|
7
|
+
disconnectedCallback(): void;
|
|
8
|
+
stateChanged(_state: unknown): void;
|
|
9
|
+
readonly isConnected: boolean;
|
|
10
|
+
}) & (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
|
|
11
|
+
export declare class PartnerSettingList extends PartnerSettingList_base {
|
|
12
|
+
static styles: import("lit").CSSResult[];
|
|
13
|
+
private config;
|
|
14
|
+
private partnerDomain;
|
|
15
|
+
private mode;
|
|
16
|
+
private refreshHandlers;
|
|
17
|
+
private dataGrist;
|
|
18
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
19
|
+
get context(): {
|
|
20
|
+
title: string;
|
|
21
|
+
help: string;
|
|
22
|
+
actions: {
|
|
23
|
+
icon: string;
|
|
24
|
+
emphasis: {
|
|
25
|
+
raised: boolean;
|
|
26
|
+
outlined: boolean;
|
|
27
|
+
dense: boolean;
|
|
28
|
+
danger: boolean;
|
|
29
|
+
};
|
|
30
|
+
title: string;
|
|
31
|
+
action: () => Promise<void>;
|
|
32
|
+
}[];
|
|
33
|
+
};
|
|
34
|
+
pageInitialized(): void;
|
|
35
|
+
pageUpdated(): void;
|
|
36
|
+
fetchHandler({ filters, page, limit, sorters }: {
|
|
37
|
+
filters: any;
|
|
38
|
+
page: any;
|
|
39
|
+
limit: any;
|
|
40
|
+
sorters?: never[] | undefined;
|
|
41
|
+
}): Promise<{
|
|
42
|
+
records: any;
|
|
43
|
+
total: any;
|
|
44
|
+
}>;
|
|
45
|
+
save(): Promise<void>;
|
|
46
|
+
delete(): Promise<void>;
|
|
47
|
+
openPartnerSelector(): void;
|
|
48
|
+
onRecordChangeHandler({ detail: { after, column } }: {
|
|
49
|
+
detail: {
|
|
50
|
+
after: any;
|
|
51
|
+
column: any;
|
|
52
|
+
};
|
|
53
|
+
}): void;
|
|
54
|
+
fillUpFields(record: any): void;
|
|
55
|
+
showToast(message: any): void;
|
|
56
|
+
}
|
|
57
|
+
export {};
|