@designcrowd/library.brand-page 6.1.6-use-isadminmaker-2 → 6.1.6-use-isadminmaker-3
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/lib/src/{CreatedOnBrandCrowd-de-de-CPLDYp5f.js → CreatedOnBrandCrowd-de-de-t5akeGDG.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-en-us-Br3HqLLr.js → CreatedOnBrandCrowd-en-us-D6iRa7UV.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-es-es-DwkIQVgN.js → CreatedOnBrandCrowd-es-es-BHwAxInw.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-fr-DqeI8mF_.js → CreatedOnBrandCrowd-fr-ca-DETrOR_X.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-ca-DqeI8mF_.js → CreatedOnBrandCrowd-fr-fr-DETrOR_X.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-pt-bvgq_CN8.js → CreatedOnBrandCrowd-pt-br-CtWsOLWg.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-br-bvgq_CN8.js → CreatedOnBrandCrowd-pt-pt-CtWsOLWg.js} +1 -1
- package/lib/src/{CreatedOnDcom-de-de-nT3MnRXy.js → CreatedOnDcom-de-de-DsEbB4hv.js} +1 -1
- package/lib/src/{CreatedOnDcom-en-us-D2TYrEzJ.js → CreatedOnDcom-en-us-CA3kvbs5.js} +1 -1
- package/lib/src/{CreatedOnDcom-es-es-Q-5tnP12.js → CreatedOnDcom-es-es-B7o8joWb.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-ca-txkwqCzm.js → CreatedOnDcom-fr-ca-Yz1cvzRY.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-fr-CUnJXLgr.js → CreatedOnDcom-fr-fr-BETGUOnB.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-br-7XAwvP9H.js → CreatedOnDcom-pt-br-B37QJXKn.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-pt-DjhLiioZ.js → CreatedOnDcom-pt-pt-DMkIALyd.js} +1 -1
- package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts +1 -1
- package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.js +1 -1
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +1 -1
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js +1 -1
- package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js +6 -6
- package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture.d.ts +1 -1
- package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +1 -1
- package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.js +2 -2
- package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.d.ts +1 -1
- package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.js +1 -1
- package/lib/src/brand-page-maker/components/navigation/Navigation.mixin.d.ts +3 -3
- package/lib/src/brand-page-maker/components/navigation/Navigation.mixin.js +1 -1
- package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts +1 -1
- package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.js +6 -6
- package/lib/src/css/library.brand-page-brandCrowd.min.css +57 -57
- package/lib/src/css/library.brand-page-brandPage.min.css +57 -57
- package/lib/src/css/library.brand-page-designCom.min.css +57 -57
- package/lib/src/css/library.brand-page-preview.min.css +57 -57
- package/lib/src/index.mjs +1 -1
- package/lib/src/{lib-dewphkuW.js → lib-BgxxXPxt.js} +191 -191
- package/lib/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.mixin.d.ts +1 -1
- package/lib/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.mixin.js +1 -1
- package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +1 -1
- package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.js +1 -1
- package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +1 -1
- package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.js +2 -2
- package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +1 -1
- package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.js +2 -2
- package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +1 -1
- package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.js +3 -3
- package/lib/src/shared/content-settings/components/draggable-item-list/DraggableItemList.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/draggable-item-list/DraggableItemList.mixin.js +1 -1
- package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.d.ts +1 -1
- package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.js +2 -2
- package/lib/src/shared/content-settings/components/images-field/ImagesField.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/images-field/ImagesField.mixin.js +1 -1
- package/lib/src/shared/content-settings/components/links-field/LinksField.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/links-field/LinksField.mixin.js +1 -1
- package/lib/src/shared/content-settings/components/shape-field/ShapeField.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/shape-field/ShapeField.mixin.js +1 -1
- package/lib/src/shared/content-settings/components/testimonial-items-field/TestimonialItemsField.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/testimonial-items-field/TestimonialItemsField.mixin.js +1 -1
- package/lib/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.js +1 -1
- package/lib/src/shared/content-settings/components/text-style-field/TextStyleField.mixin.d.ts +2 -2
- package/lib/src/shared/content-settings/components/text-style-field/TextStyleField.mixin.js +1 -1
- package/lib/src/shared/my-uploads/MyUploads.mixin.d.ts +1 -1
- package/lib/src/shared/my-uploads/MyUploads.mixin.js +1 -1
- package/lib/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.d.ts +2 -2
- package/lib/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.js +1 -1
- package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +1 -1
- package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.js +1 -1
- package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +2 -2
- package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.js +1 -1
- package/lib/src/shared/side-bar/components/SideBar.mixin.d.ts +1 -1
- package/lib/src/shared/side-bar/components/SideBar.mixin.js +3 -3
- package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts +1 -1
- package/lib/src/shared/style-settings/components/StyleSettings.mixin.js +2 -2
- package/package.json +1 -1
- package/src/brand-page-maker/components/action-bar/ActionBar.mixin.ts +1 -1
- package/src/brand-page-maker/components/action-bar/ActionBar.vue +1 -1
- package/src/brand-page-maker/components/action-bar/ActionBarNavigation.vue +5 -5
- package/src/brand-page-maker/components/admin-background-settings/AdminBackgroundSettings.vue +1 -1
- package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.ts +1 -1
- package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.ts +7 -7
- package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.vue +1 -1
- package/src/brand-page-maker/components/brand-page-maker/__fixtures__/store-fixture.ts +1 -1
- package/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.ts +2 -2
- package/src/brand-page-maker/components/brandpage-settings/BrandPageSettings.vue +3 -3
- package/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.ts +1 -1
- package/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.vue +1 -1
- package/src/brand-page-maker/components/navigation/Navigation.mixin.ts +1 -1
- package/src/brand-page-maker/components/navigation/Navigation.vue +3 -3
- package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue +11 -11
- package/src/brand-page-maker/components/save-contact/SaveContact.vue +2 -2
- package/src/brand-page-maker/components/shop/ReplaceImageSettingsForShop.vue +1 -1
- package/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.ts +6 -6
- package/src/shared/background-settings/components/BackgroundSettings.vue +7 -7
- package/src/shared/background-settings/components/MultiBackgroundShapes.vue +5 -5
- package/src/shared/background-settings/components/ReplaceImageSettingsForBackgroundSettings.vue +2 -2
- package/src/shared/background-settings/components/SingleBackgroundShape.vue +3 -3
- package/src/shared/background-settings/components/background-color/BackgroundColorSettings.vue +4 -4
- package/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.mixin.ts +1 -1
- package/src/shared/background-settings/components/background-shapes/BackgroundShapeSettings.vue +1 -1
- package/src/shared/content-settings/components/button-configuration-field/ButtonConfigurationField.vue +2 -2
- package/src/shared/content-settings/components/color-field/ColorField.vue +6 -6
- package/src/shared/content-settings/components/color-replacements-field/ColorReplacementsField.vue +9 -7
- package/src/shared/content-settings/components/content-settings/ContentSettings.mixin.ts +1 -1
- package/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.ts +2 -2
- package/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.vue +1 -1
- package/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.ts +2 -2
- package/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.ts +3 -3
- package/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.vue +1 -1
- package/src/shared/content-settings/components/draggable-item-list/DraggableItemList.mixin.ts +1 -1
- package/src/shared/content-settings/components/draggable-item-list/DraggableItemList.vue +1 -1
- package/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.ts +2 -2
- package/src/shared/content-settings/components/images-field/ImagesField.mixin.ts +1 -1
- package/src/shared/content-settings/components/images-field/ImagesField.vue +1 -1
- package/src/shared/content-settings/components/links-field/LinksField.mixin.ts +1 -1
- package/src/shared/content-settings/components/links-field/LinksField.vue +1 -1
- package/src/shared/content-settings/components/replace-image-base-settings/ReplaceImageBaseSettings.vue +2 -2
- package/src/shared/content-settings/components/shape-field/ShapeField.mixin.ts +1 -1
- package/src/shared/content-settings/components/shape-field/ShapeField.vue +1 -1
- package/src/shared/content-settings/components/testimonial-items-field/TestimonialItemsField.mixin.ts +1 -1
- package/src/shared/content-settings/components/testimonial-items-field/TestimonialItemsField.vue +5 -5
- package/src/shared/content-settings/components/text-image-field/TextImageField.vue +7 -7
- package/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.test.ts +1 -1
- package/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.ts +1 -1
- package/src/shared/content-settings/components/text-items-field/TextItemsField.vue +2 -2
- package/src/shared/content-settings/components/text-style-field/TextStyleField.mixin.ts +1 -1
- package/src/shared/content-settings/components/text-style-field/TextStyleField.vue +2 -2
- package/src/shared/my-uploads/MyUploads.mixin.ts +1 -1
- package/src/shared/my-uploads/MyUploads.vue +1 -1
- package/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.ts +1 -1
- package/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.vue +12 -9
- package/src/shared/page-settings/components/page-settings/PageSettings.mixin.ts +1 -1
- package/src/shared/page-settings/components/page-settings/PageSettings.vue +3 -3
- package/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.ts +1 -1
- package/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.vue +4 -4
- package/src/shared/shape-library/ShapeLibrary.vue +9 -9
- package/src/shared/side-bar/components/SideBar.mixin.ts +3 -3
- package/src/shared/style-settings/components/StyleSettings.mixin.ts +2 -2
- package/src/shared/style-settings/components/StyleSettings.vue +29 -23
- package/src/shared/style-settings/components/text-style-options-settings-with-state/TextStyleOptionsSettingsWithState.vue +2 -2
|
@@ -54,7 +54,7 @@ export default defineComponent({
|
|
|
54
54
|
() => contentSettingsStore.selectedItemTemplate?.type,
|
|
55
55
|
),
|
|
56
56
|
mode: computed(() => contentSettingsStore.mode),
|
|
57
|
-
|
|
57
|
+
isAdminMaker: computed(() => containerStore.isAdminMaker),
|
|
58
58
|
contentSettingsStore,
|
|
59
59
|
userStore,
|
|
60
60
|
pageSettingsStore,
|
|
@@ -66,7 +66,7 @@ export default defineComponent({
|
|
|
66
66
|
},
|
|
67
67
|
computed: {
|
|
68
68
|
isDeleteEnabled(): boolean {
|
|
69
|
-
return this.
|
|
69
|
+
return this.isAdminMaker;
|
|
70
70
|
},
|
|
71
71
|
selectedField(): ContentItemFieldSettings | undefined {
|
|
72
72
|
if (!this.selectedItemFieldName) {
|
package/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.ts
CHANGED
|
@@ -72,7 +72,7 @@ export default defineComponent({
|
|
|
72
72
|
isPersonalisationEnabled: computed(
|
|
73
73
|
() => uiStore.isPersonalisationEnabled,
|
|
74
74
|
),
|
|
75
|
-
|
|
75
|
+
isAdminMaker: computed(() => containerStore.isAdminMaker),
|
|
76
76
|
contentSettingsStore,
|
|
77
77
|
sideBarStore,
|
|
78
78
|
eventTracker,
|
|
@@ -190,7 +190,7 @@ export default defineComponent({
|
|
|
190
190
|
},
|
|
191
191
|
|
|
192
192
|
showPersonalisationField(): boolean {
|
|
193
|
-
return this.
|
|
193
|
+
return this.isAdminMaker && this.isPersonalisationEnabled;
|
|
194
194
|
},
|
|
195
195
|
|
|
196
196
|
personalisationRole(): PersonalisationRole | undefined {
|
|
@@ -68,7 +68,7 @@ export default defineComponent({
|
|
|
68
68
|
getContent: computed(() => contentSettingsStore.getContent),
|
|
69
69
|
getValue: computed(() => contentSettingsStore.getValue),
|
|
70
70
|
brandPageData: computed(() => brandPageMakerStore.brandPageData),
|
|
71
|
-
|
|
71
|
+
isAdminMaker: computed(() => brandPageContainerStore.isAdminMaker),
|
|
72
72
|
isDesignCom: computed(() => brandPageContainerStore.isDesignCom),
|
|
73
73
|
canUseRichTextEditor: computed(
|
|
74
74
|
() => userStore.features.canUseRichTextEditor,
|
|
@@ -208,7 +208,7 @@ export default defineComponent({
|
|
|
208
208
|
},
|
|
209
209
|
showToggle(): boolean | undefined {
|
|
210
210
|
//TODO: convert showToggle to both boolean and a function
|
|
211
|
-
if (this.field.name === 'backgroundStyle' && this.
|
|
211
|
+
if (this.field.name === 'backgroundStyle' && this.isAdminMaker) {
|
|
212
212
|
return true;
|
|
213
213
|
}
|
|
214
214
|
|
|
@@ -294,7 +294,7 @@ export default defineComponent({
|
|
|
294
294
|
}
|
|
295
295
|
},
|
|
296
296
|
onFieldChangeLogo(): void {
|
|
297
|
-
if (this.
|
|
297
|
+
if (this.isAdminMaker) {
|
|
298
298
|
this.sideBarStore.setSelectedTabName({
|
|
299
299
|
tabName: SIDE_BAR_TAB_NAMES.ADMIN_LOGO_SETTINGS,
|
|
300
300
|
});
|
|
@@ -57,7 +57,7 @@ export default defineComponent({
|
|
|
57
57
|
isPersonalisationEnabled: computed(
|
|
58
58
|
() => uiStore.isPersonalisationEnabled,
|
|
59
59
|
),
|
|
60
|
-
|
|
60
|
+
isAdminMaker: computed(() => containerStore.isAdminMaker),
|
|
61
61
|
canUseRichTextEditor: computed(
|
|
62
62
|
() => userStore.features.canUseRichTextEditor,
|
|
63
63
|
),
|
|
@@ -223,7 +223,7 @@ export default defineComponent({
|
|
|
223
223
|
},
|
|
224
224
|
|
|
225
225
|
showPersonalisationField(): boolean {
|
|
226
|
-
return this.
|
|
226
|
+
return this.isAdminMaker && this.isPersonalisationEnabled;
|
|
227
227
|
},
|
|
228
228
|
|
|
229
229
|
personalisationRole(): PersonalisationRole | undefined {
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
value-prop-name="url"
|
|
11
11
|
field-type="url"
|
|
12
12
|
:settings="itemListSettings"
|
|
13
|
-
:is-admin="
|
|
13
|
+
:is-admin-maker="isAdminMaker"
|
|
14
14
|
:logo-theme="logoTheme"
|
|
15
15
|
@on-intent-image-replace="onItemListIntentImageReplace"
|
|
16
16
|
@on-color-replacements-change="onColorReplacementsChange"
|
|
@@ -128,7 +128,7 @@ const props = defineProps({
|
|
|
128
128
|
type: Object as PropType<BrandPageSettingsMode>,
|
|
129
129
|
required: true,
|
|
130
130
|
},
|
|
131
|
-
|
|
131
|
+
isAdminMaker: {
|
|
132
132
|
type: Boolean,
|
|
133
133
|
required: true,
|
|
134
134
|
default: false,
|
|
@@ -231,7 +231,7 @@ const tabs = ref<Tab[]>([
|
|
|
231
231
|
|
|
232
232
|
const enabledTabs = computed(() => {
|
|
233
233
|
return tabs.value
|
|
234
|
-
.filter((x) => x.id !== 'MY_DESIGNS' || !props.
|
|
234
|
+
.filter((x) => x.id !== 'MY_DESIGNS' || !props.isAdminMaker)
|
|
235
235
|
.filter(
|
|
236
236
|
(x) =>
|
|
237
237
|
props.activeTabs.some((y) => y === x.id) &&
|
package/src/shared/content-settings/components/testimonial-items-field/TestimonialItemsField.vue
CHANGED
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
{{ testimonialMaxLengthErrorMessage }}
|
|
52
52
|
</p>
|
|
53
53
|
<PersonalisationOverrideField
|
|
54
|
-
v-if="
|
|
54
|
+
v-if="isAdminMaker && content.personalisationRole"
|
|
55
55
|
:id="id"
|
|
56
56
|
name="testimonialsOverride"
|
|
57
57
|
:content="content"
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
@update:model-value="onRemoveImage(option.index)"
|
|
73
73
|
/>
|
|
74
74
|
<PersonalisationOverrideField
|
|
75
|
-
v-if="
|
|
75
|
+
v-if="isAdminMaker && content.personalisationRole"
|
|
76
76
|
:id="id"
|
|
77
77
|
name="imageUrlOverride"
|
|
78
78
|
:content="content"
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
: ''
|
|
109
109
|
"
|
|
110
110
|
:value="option.item.colorReplacements"
|
|
111
|
-
:is-admin="
|
|
111
|
+
:is-admin-maker="isAdminMaker"
|
|
112
112
|
:logo-theme="logoTheme"
|
|
113
113
|
:toggle-unique-id="option.index.toString()"
|
|
114
114
|
@update:model-value="
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
{{ testimonialMaxLengthErrorMessage }}
|
|
137
137
|
</p>
|
|
138
138
|
<PersonalisationOverrideField
|
|
139
|
-
v-if="
|
|
139
|
+
v-if="isAdminMaker && content.personalisationRole"
|
|
140
140
|
:id="id"
|
|
141
141
|
name="nameOverride"
|
|
142
142
|
:content="content"
|
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
{{ testimonialMaxLengthErrorMessage }}
|
|
168
168
|
</p>
|
|
169
169
|
<PersonalisationOverrideField
|
|
170
|
-
v-if="
|
|
170
|
+
v-if="isAdminMaker && content.personalisationRole"
|
|
171
171
|
:id="id"
|
|
172
172
|
name="positionOverride"
|
|
173
173
|
:content="content"
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
/>
|
|
52
52
|
|
|
53
53
|
<PersonalisationOverrideField
|
|
54
|
-
v-if="
|
|
54
|
+
v-if="isAdminMaker && content.personalisationRole"
|
|
55
55
|
:id="id"
|
|
56
56
|
name="imageUrlOverride"
|
|
57
57
|
:content="content"
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
: ''
|
|
81
81
|
"
|
|
82
82
|
:value="option.item.colorReplacements"
|
|
83
|
-
:is-admin="
|
|
83
|
+
:is-admin-maker="isAdminMaker"
|
|
84
84
|
:logo-theme="logoTheme"
|
|
85
85
|
:toggle-unique-id="option.index.toString()"
|
|
86
86
|
@update:model-value="onColorReplacementsChange($event, option.index)"
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
{{ maxLengthError }}
|
|
107
107
|
</p>
|
|
108
108
|
<PersonalisationOverrideField
|
|
109
|
-
v-if="
|
|
109
|
+
v-if="isAdminMaker && content.personalisationRole"
|
|
110
110
|
:id="id"
|
|
111
111
|
name="titleOverride"
|
|
112
112
|
:content="content"
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
@update:model-value="onTextAreaTextChange($event, option.index)"
|
|
141
141
|
/>
|
|
142
142
|
<PersonalisationOverrideField
|
|
143
|
-
v-if="
|
|
143
|
+
v-if="isAdminMaker && content.personalisationRole"
|
|
144
144
|
:id="id"
|
|
145
145
|
name="paragraphOverride"
|
|
146
146
|
:content="content"
|
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
{{ maxLengthError }}
|
|
180
180
|
</p>
|
|
181
181
|
<PersonalisationOverrideField
|
|
182
|
-
v-if="
|
|
182
|
+
v-if="isAdminMaker && content.personalisationRole"
|
|
183
183
|
:id="id"
|
|
184
184
|
name="imageTitleOverride"
|
|
185
185
|
:content="content"
|
|
@@ -193,7 +193,7 @@
|
|
|
193
193
|
<ButtonConfigurationField
|
|
194
194
|
:id="id"
|
|
195
195
|
:index="option.index"
|
|
196
|
-
:is-admin="
|
|
196
|
+
:is-admin-maker="isAdminMaker"
|
|
197
197
|
:button-config="{
|
|
198
198
|
buttonText: options[option.index].buttonText ?? false,
|
|
199
199
|
buttonLinkType: options[option.index].buttonLinkType || 'url',
|
|
@@ -325,7 +325,7 @@ interface Props {
|
|
|
325
325
|
maxLength?: number;
|
|
326
326
|
logoTheme: LogoTheme;
|
|
327
327
|
settings: any;
|
|
328
|
-
|
|
328
|
+
isAdminMaker: boolean;
|
|
329
329
|
brandPageType?: string;
|
|
330
330
|
}
|
|
331
331
|
|
package/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.test.ts
CHANGED
|
@@ -41,7 +41,7 @@ const mountHost = () =>
|
|
|
41
41
|
name: 'textItems',
|
|
42
42
|
content: { id: 'item-1', type: 'text' } as Content,
|
|
43
43
|
value: [makeTextItem('<p>one</p>'), makeTextItem('<p>two</p>')],
|
|
44
|
-
|
|
44
|
+
isAdminMaker: false,
|
|
45
45
|
logoTheme: {
|
|
46
46
|
logoTextColor: '#000000',
|
|
47
47
|
logoBackgroundColor: '#ffffff',
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
@update:model-value="onTextAreaTextChange($event, option.index)"
|
|
44
44
|
/>
|
|
45
45
|
<PersonalisationOverrideField
|
|
46
|
-
v-if="
|
|
46
|
+
v-if="isAdminMaker && content.personalisationRole"
|
|
47
47
|
:id="id"
|
|
48
48
|
name="textOverride"
|
|
49
49
|
:content="content"
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
v-if="!showRichTextEditor"
|
|
58
58
|
:id="`text-style-field-${option.index}`"
|
|
59
59
|
:key="`text-style-field-${option.index}`"
|
|
60
|
-
:is-admin="
|
|
60
|
+
:is-admin-maker="isAdminMaker"
|
|
61
61
|
:value="options[option.index].textStyle"
|
|
62
62
|
:logo-theme="logoTheme"
|
|
63
63
|
:show-font-style-only="true"
|
|
@@ -134,7 +134,7 @@
|
|
|
134
134
|
:name="name"
|
|
135
135
|
:value="textColorValue"
|
|
136
136
|
:options="textColorOptions"
|
|
137
|
-
:is-admin="
|
|
137
|
+
:is-admin-maker="isAdminMaker"
|
|
138
138
|
:logo-theme="logoTheme"
|
|
139
139
|
:is-toggled="false"
|
|
140
140
|
:disable-transparent="true"
|
|
@@ -153,7 +153,7 @@
|
|
|
153
153
|
:name="name"
|
|
154
154
|
:value="textBackgroundColorValue"
|
|
155
155
|
:options="textBackgroundColorOptions"
|
|
156
|
-
:is-admin="
|
|
156
|
+
:is-admin-maker="isAdminMaker"
|
|
157
157
|
:logo-theme="logoTheme"
|
|
158
158
|
:is-toggled="false"
|
|
159
159
|
@update:model-value="onSelectBackgroundColor"
|
|
@@ -69,7 +69,7 @@ export default defineComponent({
|
|
|
69
69
|
dropzoneImageUploaderRef,
|
|
70
70
|
endpoints: computed(() => uiStore.endpoints),
|
|
71
71
|
uiStore,
|
|
72
|
-
|
|
72
|
+
isAdminMaker: computed(() => !!containerStore.isAdminMaker),
|
|
73
73
|
isLoggedIn: computed(() => !!userStore.emailAddress),
|
|
74
74
|
};
|
|
75
75
|
},
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
id="navigation-hamburger-default-button-style"
|
|
14
14
|
key="navigation-hamburger-default-button-style"
|
|
15
15
|
name="Default text style"
|
|
16
|
-
:is-admin="
|
|
16
|
+
:is-admin-maker="isAdminMaker"
|
|
17
17
|
:label="commonTr('defaultTextStyle')"
|
|
18
18
|
:logo-theme="logoTheme"
|
|
19
19
|
:value="value.hamburgerMenuStyle.defaultButtonStyle"
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
id="navigation-default-button-style"
|
|
25
25
|
key="navigation-default-button-style"
|
|
26
26
|
name="Default text style"
|
|
27
|
-
:is-admin="
|
|
27
|
+
:is-admin-maker="isAdminMaker"
|
|
28
28
|
:label="commonTr('defaultTextStyle')"
|
|
29
29
|
:logo-theme="logoTheme"
|
|
30
30
|
:value="value.defaultButtonStyle"
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
:key="index"
|
|
42
42
|
class="tw-flex tw-justify-between tw-w-full"
|
|
43
43
|
:class="{
|
|
44
|
-
'tw-items-start':
|
|
45
|
-
'tw-items-center': !
|
|
44
|
+
'tw-items-start': isAdminMaker,
|
|
45
|
+
'tw-items-center': !isAdminMaker,
|
|
46
46
|
'tw-mb-4': index < navigationStyleOptions.length - 1,
|
|
47
47
|
}"
|
|
48
48
|
>
|
|
@@ -50,12 +50,12 @@
|
|
|
50
50
|
<p
|
|
51
51
|
class="tw-font-sans tw-font-bold tw-text-secondary-800 tw-text-sm tw-break-words"
|
|
52
52
|
:class="{
|
|
53
|
-
'tw-mb-2':
|
|
53
|
+
'tw-mb-2': isAdminMaker,
|
|
54
54
|
}"
|
|
55
55
|
>
|
|
56
56
|
{{ navigationStyleConfigOptionTitles[option] }}
|
|
57
57
|
</p>
|
|
58
|
-
<div v-if="
|
|
58
|
+
<div v-if="isAdminMaker">
|
|
59
59
|
<Toggle
|
|
60
60
|
:id="`${option}-color-matched`"
|
|
61
61
|
:model-value="isOptionColorMatched(option)"
|
|
@@ -69,14 +69,14 @@
|
|
|
69
69
|
|
|
70
70
|
<!-- Start style option color picker -->
|
|
71
71
|
<div
|
|
72
|
-
v-if="(
|
|
72
|
+
v-if="(isAdminMaker && !isOptionColorMatched(option)) || !isAdminMaker"
|
|
73
73
|
class="tw-flex-none"
|
|
74
74
|
>
|
|
75
75
|
<ColorField
|
|
76
76
|
id="navigationStyle"
|
|
77
77
|
name="navigationStyle"
|
|
78
78
|
:value="colorPickerValue(option)"
|
|
79
|
-
:is-admin="
|
|
79
|
+
:is-admin-maker="isAdminMaker"
|
|
80
80
|
:is-toggled="false"
|
|
81
81
|
:logo-theme="logoTheme"
|
|
82
82
|
:disable-transparent="
|
|
@@ -89,7 +89,10 @@
|
|
|
89
89
|
<!-- End style option color picker -->
|
|
90
90
|
|
|
91
91
|
<!-- Start Admin Style Theme Key Select -->
|
|
92
|
-
<div
|
|
92
|
+
<div
|
|
93
|
+
v-if="isAdminMaker && isOptionColorMatched(option)"
|
|
94
|
+
class="tw-flex-none"
|
|
95
|
+
>
|
|
93
96
|
<select
|
|
94
97
|
class="c-select c-button-style tw-border tw-appearance-none tw-border-none tw-h-10 tw-pl-2 tw-pr-8 tw-rounded tw-cursor-pointer tw-transition-all tw-duration-300 tw-bg-white"
|
|
95
98
|
@change.stop="onColorPickerInput(option, $event.target.value)"
|
|
@@ -231,7 +231,7 @@ export default defineComponent({
|
|
|
231
231
|
),
|
|
232
232
|
sections: computed(() => pageSettingsStore.sections),
|
|
233
233
|
features: computed(() => userStore.features),
|
|
234
|
-
|
|
234
|
+
isAdminMaker: computed(() => brandPageContainerStore.isAdminMaker),
|
|
235
235
|
isBrandSite: computed(() => brandPageMakerStore.isBrandSite),
|
|
236
236
|
navigationStyleTypeConfigs: computed(
|
|
237
237
|
() => navigationSettingsStore.navigationStyleTypeConfigs,
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
>
|
|
50
50
|
<PageSettingsSectionStyles
|
|
51
51
|
section-name="header"
|
|
52
|
-
:is-admin="
|
|
52
|
+
:is-admin-maker="isAdminMaker"
|
|
53
53
|
:is-brand-site="isBrandSite"
|
|
54
54
|
:logo-theme="logoTheme"
|
|
55
55
|
:style-options="headerPageSectionStyleOptions"
|
|
@@ -66,14 +66,14 @@
|
|
|
66
66
|
<PageSettingsSectionStyles
|
|
67
67
|
section-name="footer"
|
|
68
68
|
:font-settings-options="footerFontSettingsOptions"
|
|
69
|
-
:is-admin="
|
|
69
|
+
:is-admin-maker="isAdminMaker"
|
|
70
70
|
:is-brand-site="isBrandSite"
|
|
71
71
|
:logo-theme="logoTheme"
|
|
72
72
|
:style-options="footerPageSectionStyleOptions"
|
|
73
73
|
/>
|
|
74
74
|
|
|
75
75
|
<div
|
|
76
|
-
v-if="!
|
|
76
|
+
v-if="!isAdminMaker && !isPrePurchase && showBrandCrowdLogo"
|
|
77
77
|
class="tw-flex tw-items-center tw-justify-between tw-cursor-pointer"
|
|
78
78
|
@click="onHideBrandPageLogoClickFromFooter"
|
|
79
79
|
>
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
|
|
86
86
|
<NavigationStyleSettings
|
|
87
87
|
:available-navigation-style-configs="availableNavigationStyleConfigs"
|
|
88
|
-
:is-admin="
|
|
88
|
+
:is-admin-maker="isAdminMaker"
|
|
89
89
|
:logo-theme="logoTheme"
|
|
90
90
|
:value="navigation"
|
|
91
91
|
@option-value-change="handleHeaderNavigationStyleOptionValueChange"
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
:font-family-options="availableTextFontFamilyOptions"
|
|
156
156
|
:value="fontStyle(option.propName)"
|
|
157
157
|
:show-text-alignment-options="false"
|
|
158
|
-
:is-admin="
|
|
158
|
+
:is-admin-maker="isAdminMaker"
|
|
159
159
|
:logo-theme="logoTheme"
|
|
160
160
|
@update:model-value="setTextStyleOption(option.propName, $event)"
|
|
161
161
|
/>
|
|
@@ -173,7 +173,7 @@
|
|
|
173
173
|
name="fill"
|
|
174
174
|
:label="commonTr('iconColor')"
|
|
175
175
|
:value="iconColor"
|
|
176
|
-
:is-admin="
|
|
176
|
+
:is-admin-maker="isAdminMaker"
|
|
177
177
|
:logo-theme="logoTheme"
|
|
178
178
|
:toggle-unique-id="sectionName"
|
|
179
179
|
:disable-transparent="true"
|
|
@@ -194,7 +194,7 @@
|
|
|
194
194
|
name="backgroundColor"
|
|
195
195
|
:label="commonTr('backgroundColor')"
|
|
196
196
|
:value="backgroundColor"
|
|
197
|
-
:is-admin="
|
|
197
|
+
:is-admin-maker="isAdminMaker"
|
|
198
198
|
:logo-theme="logoTheme"
|
|
199
199
|
:toggle-unique-id="sectionName"
|
|
200
200
|
@update:model-value="onSelectColor"
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
<img :src="shape.url" alt="" />
|
|
76
76
|
</figure>
|
|
77
77
|
<div
|
|
78
|
-
v-if="
|
|
78
|
+
v-if="isAdminMaker && !shape.isEnabledToAdmin"
|
|
79
79
|
class="tw-absolute tw-text-sm tw-w-full tw-h-full tw-top-0 tw-flex tw-items-end tw-justify-center"
|
|
80
80
|
>
|
|
81
81
|
<span class="tw-text-error-500 tw-mb-1">{{
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
@click="handleShapeOrShapeCollectionSelection(shape)"
|
|
95
95
|
>
|
|
96
96
|
<div
|
|
97
|
-
v-if="shape.numberOfVariants > 1 && !
|
|
97
|
+
v-if="shape.numberOfVariants > 1 && !isAdminMaker"
|
|
98
98
|
class="tw-absolute tw-top-2 tw-right-2 tw-bg-grayscale-600 tw-rounded-full tw-flex tw-items-center tw-justify-center tw-h-5 tw-w-5 tw-z-5"
|
|
99
99
|
>
|
|
100
100
|
<span class="tw-text-xs tw-text-white">{{
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
<img :src="shape.url" alt="" />
|
|
106
106
|
</figure>
|
|
107
107
|
<div
|
|
108
|
-
v-if="
|
|
108
|
+
v-if="isAdminMaker && !shape.isEnabledToAdmin"
|
|
109
109
|
class="tw-absolute tw-text-sm tw-w-full tw-h-full tw-top-0 tw-flex tw-items-end tw-justify-center"
|
|
110
110
|
>
|
|
111
111
|
<span class="tw-text-error-500 tw-mb-1">{{
|
|
@@ -192,7 +192,7 @@ const containerStore = useBrandPageContainerStore();
|
|
|
192
192
|
const makerStore = useBrandPageMakerStore();
|
|
193
193
|
const sidebarStore = useUiSideBarStore();
|
|
194
194
|
|
|
195
|
-
const
|
|
195
|
+
const isAdminMaker = computed(() => containerStore.isAdminMaker);
|
|
196
196
|
const isBackgroundTab = computed(
|
|
197
197
|
() => sidebarStore.selectedTabName === 'BackgroundSettings',
|
|
198
198
|
);
|
|
@@ -257,7 +257,7 @@ async function getShapesCategories() {
|
|
|
257
257
|
locale,
|
|
258
258
|
)) as ShapeCategoryModel[];
|
|
259
259
|
shapeLibraryCategories.value = categories.filter(
|
|
260
|
-
(shape) =>
|
|
260
|
+
(shape) => isAdminMaker.value || shape.isEnabled,
|
|
261
261
|
);
|
|
262
262
|
} catch (e) {
|
|
263
263
|
if (process.env.NODE_ENV !== 'production') console.error(e);
|
|
@@ -279,7 +279,7 @@ async function getShapes() {
|
|
|
279
279
|
currentPageSize.value,
|
|
280
280
|
locale,
|
|
281
281
|
makerMode.value,
|
|
282
|
-
|
|
282
|
+
isAdminMaker.value,
|
|
283
283
|
)) as ShapeSearchResponseModel;
|
|
284
284
|
totalPageSize.value += newShapes.items.length;
|
|
285
285
|
if (!shapeLibrary.value || !shapeLibrary.value.items) {
|
|
@@ -325,7 +325,7 @@ async function onCategoryClicked(shapeCategory: ShapeCategoryModel) {
|
|
|
325
325
|
currentPageSize.value,
|
|
326
326
|
locale,
|
|
327
327
|
makerMode.value,
|
|
328
|
-
|
|
328
|
+
isAdminMaker.value,
|
|
329
329
|
)) as ShapeSearchResponseModel;
|
|
330
330
|
totalPageSize.value += res.items.length;
|
|
331
331
|
if (!shapeLibrary.value || !shapeLibrary.value.items) {
|
|
@@ -370,7 +370,7 @@ async function handleShapeOrShapeCollectionSelection(shape: any) {
|
|
|
370
370
|
if (
|
|
371
371
|
shape.numberOfVariants > 1 &&
|
|
372
372
|
shape.shapeCollectionToken &&
|
|
373
|
-
!
|
|
373
|
+
!isAdminMaker.value
|
|
374
374
|
) {
|
|
375
375
|
try {
|
|
376
376
|
const shapeCollection =
|
|
@@ -401,7 +401,7 @@ async function searchShapes() {
|
|
|
401
401
|
currentPageSize.value,
|
|
402
402
|
locale,
|
|
403
403
|
makerMode.value,
|
|
404
|
-
|
|
404
|
+
isAdminMaker.value,
|
|
405
405
|
)) as ShapeSearchResponseModel;
|
|
406
406
|
totalPageSize.value += res.items.length;
|
|
407
407
|
if (!shapeLibrary.value || !shapeLibrary.value.items) {
|