mirror of
https://gitlab.com/bramw/baserow.git
synced 2025-04-11 07:51:20 +00:00
Merge branch '3172-update-add-element-design' into 'develop'
#3172 Apply add new element modal redesign Closes #3172 See merge request baserow/baserow!3120
This commit is contained in:
Evren Ozkan
commit
159c0991e2
38 changed files with 1042 additions and 56 deletions
changelog/entries/unreleased/feature
e2e-tests/tests/builder
web-frontend/modules
builder
assets/icons
element-auth_form.svgelement-button.svgelement-checkbox.svgelement-choice.svgelement-column.svgelement-container.svgelement-datetime_picker.svgelement-fields.svgelement-footer.svgelement-form_container.svgelement-header.svgelement-heading.svgelement-iframe.svgelement-image.svgelement-input_text.svgelement-link.svgelement-map.svgelement-menu.svgelement-positioned_container.svgelement-rating.svgelement-rating_input.svgelement-record_selector.svgelement-repeat.svgelement-rich_text.svgelement-separator.svgelement-table.svgelement-text.svgelement-video.svg
components/elements
elementTypes.jslocales
core/assets/scss/components/builder
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"type": "feature",
|
||||
"message": "Improve 'Add new element' modal.",
|
||||
"domain": "builder",
|
||||
"issue_number": 3172,
|
||||
"bullet_points": [],
|
||||
"created_at": "2025-03-06"
|
||||
}
|
||||
|
|
@ -109,7 +109,7 @@ test.describe("Builder page test suite", () => {
|
|||
await page.getByTitle("Close").click();
|
||||
await expect(page.locator(".box__title").getByText("Page")).toBeHidden();
|
||||
await page.getByText('Click to create an element').click();
|
||||
await page.getByText('Link A link to page/URL').click();
|
||||
await page.locator('.add-element-card__element-type-icon-link').click();
|
||||
await page.getByLabel('my_param=').fill("foo")
|
||||
await page.getByRole('complementary').getByRole('textbox').click();
|
||||
await page.getByRole('complementary').getByRole('textbox').locator('div').first().fill('linkim');
|
||||
|
|
|
|||
|
|
@ -0,0 +1,24 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_2154_91958)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="22.25" width="69.5" height="34.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="22.25" width="69.5" height="34.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect x="76" y="48" width="14" height="4" rx="2" fill="#4E5CFE"/>
|
||||
<rect x="26" y="43" width="68" height="1" fill="#EDEDED"/>
|
||||
<rect opacity="0.48" x="48" y="31" width="38" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<path d="M39.25 33H39.775C40.1064 33 40.375 33.2686 40.375 33.6V36.9C40.375 37.2314 40.1064 37.5 39.775 37.5H34.225C33.8936 37.5 33.625 37.2314 33.625 36.9V33.6C33.625 33.2686 33.8936 33 34.225 33H34.75M39.25 33V30.75C39.25 30 38.8 28.5 37 28.5C35.2 28.5 34.75 30 34.75 30.75V33M39.25 33H34.75" stroke="#D7D8D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_2154_91958" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2154_91958"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2154_91958" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
|
After 
(image error) Size: 1.7 KiB |
19
web-frontend/modules/builder/assets/icons/element-button.svg
Normal file
19
web-frontend/modules/builder/assets/icons/element-button.svg
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_1314_36243)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="36" y="29" width="48" height="20" rx="4" fill="#4E5CFE"/>
|
||||
<rect opacity="0.48" x="46" y="37" width="28" height="4" rx="2" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_1314_36243" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1314_36243"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1314_36243" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.1 KiB |
|
|
@ -0,0 +1,27 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_2154_91994)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="51" y="33" width="44" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect opacity="0.48" x="51" y="41" width="32" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<g clip-path="url(#clip0_2154_91994)">
|
||||
<rect x="27" y="31" width="16" height="16" rx="4" fill="white"/>
|
||||
<path d="M32.0179 39.4821L33.6821 41.1821L37.9248 37.1537" stroke="#4E5CFE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<rect x="26.25" y="30.25" width="17.5" height="17.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_2154_91994" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2154_91994"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2154_91994" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_2154_91994">
|
||||
<rect x="27" y="31" width="16" height="16" rx="4" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.5 KiB |
33
web-frontend/modules/builder/assets/icons/element-choice.svg
Normal file
33
web-frontend/modules/builder/assets/icons/element-choice.svg
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_2154_91891)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="16.25" width="69.5" height="17.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="16.25" width="69.5" height="17.5" rx="4.75" stroke="#EDEDED" stroke-width="1.5"/>
|
||||
<rect opacity="0.48" x="32" y="23" width="42" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<path d="M87.5 23.75L85 26.25L82.5 23.75" stroke="#D7D8D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<g clip-path="url(#clip0_2154_91891)">
|
||||
<rect x="34" y="39" width="60" height="25" rx="4" fill="white"/>
|
||||
<rect x="34" y="39" width="68" height="13" fill="#FAFAFA"/>
|
||||
<rect x="40" y="43" width="26" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<path d="M83.0134 45.4866L84.2616 46.7616L87.4436 43.7403" stroke="#4E5CFE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<rect opacity="0.48" x="40" y="56" width="34" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="34" y="51" width="68" height="1" fill="#EDEDED"/>
|
||||
</g>
|
||||
<rect x="33.25" y="38.25" width="61.5" height="26.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_2154_91891" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2154_91891"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2154_91891" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_2154_91891">
|
||||
<rect x="34" y="39" width="60" height="25" rx="4" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 2 KiB |
22
web-frontend/modules/builder/assets/icons/element-column.svg
Normal file
22
web-frontend/modules/builder/assets/icons/element-column.svg
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_1314_36373)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="16.25" width="69.5" height="45.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="16.25" width="69.5" height="45.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect x="32.75" y="23.75" width="14.5" height="30.5" rx="3.25" fill="#F7F7F7" stroke="#E6E6E7" stroke-width="1.5" stroke-dasharray="4 4"/>
|
||||
<rect x="52.75" y="23.75" width="14.5" height="30.5" rx="3.25" fill="#F7F7F7" stroke="#E6E6E7" stroke-width="1.5" stroke-dasharray="4 4"/>
|
||||
<rect x="72.75" y="23.75" width="14.5" height="30.5" rx="3.25" fill="#F7F7F7" stroke="#E6E6E7" stroke-width="1.5" stroke-dasharray="4 4"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_1314_36373" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1314_36373"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1314_36373" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.5 KiB |
|
|
@ -0,0 +1,22 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_1409_24006)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="28.25" width="69.5" height="21.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="28.25" width="69.5" height="21.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect opacity="0.48" x="66" y="37" width="20" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="48" y="37" width="14" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M39 37.5V35H39.5C39.775 35 40 34.775 40 34.5C40 34.225 39.775 34 39.5 34H34.5C34.225 34 34 34.225 34 34.5C34 34.775 34.225 35 34.5 35H35V37.5C35 38.33 34.33 39 33.5 39V40H36.485V43.5L36.985 44L37.485 43.5V40H40.5V39C39.67 39 39 38.33 39 37.5Z" fill="#D7D8D9"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_1409_24006" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1409_24006"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1409_24006" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.6 KiB |
|
|
@ -0,0 +1,39 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_3714_70853)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<g clip-path="url(#clip0_3714_70853)">
|
||||
<rect x="26" y="17" width="68" height="44" rx="4" fill="white"/>
|
||||
<rect x="26" y="17" width="68" height="9" fill="#FAFAFA"/>
|
||||
<rect opacity="0.64" x="29" y="20" width="6.8" height="3" rx="1.5" fill="#E6E6E7"/>
|
||||
<rect opacity="0.64" x="42.7998" y="20" width="6.8" height="3" rx="1.5" fill="#E6E6E7"/>
|
||||
<rect opacity="0.64" x="56.6001" y="20" width="6.8" height="3" rx="1.5" fill="#E6E6E7"/>
|
||||
<rect opacity="0.64" x="70.3999" y="20" width="6.8" height="3" rx="1.5" fill="#E6E6E7"/>
|
||||
<rect opacity="0.64" x="84.2002" y="20" width="6.8" height="3" rx="1.5" fill="#E6E6E7"/>
|
||||
<rect x="38.7998" y="26" width="1" height="35" fill="#EDEDED"/>
|
||||
<rect x="52.5996" y="26" width="1" height="35" fill="#EDEDED"/>
|
||||
<rect x="66.3999" y="26" width="1" height="35" fill="#EDEDED"/>
|
||||
<rect x="80.1997" y="26" width="1" height="35" fill="#EDEDED"/>
|
||||
<rect x="26" y="34" width="68" height="1" fill="#EDEDED"/>
|
||||
<rect x="26" y="25" width="68" height="1" fill="#EDEDED"/>
|
||||
<rect x="26" y="43" width="68" height="1" fill="#EDEDED"/>
|
||||
<rect x="26" y="52" width="68" height="1" fill="#EDEDED"/>
|
||||
<rect x="55.1001" y="36.5" width="9.8" height="5" rx="2" fill="#4E5CFE"/>
|
||||
</g>
|
||||
<rect x="25.25" y="16.25" width="69.5" height="45.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_3714_70853" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3714_70853"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3714_70853" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_3714_70853">
|
||||
<rect x="26" y="17" width="68" height="44" rx="4" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 2.3 KiB |
27
web-frontend/modules/builder/assets/icons/element-fields.svg
Normal file
27
web-frontend/modules/builder/assets/icons/element-fields.svg
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_1314_36316)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="16.25" width="69.5" height="45.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="16.25" width="69.5" height="45.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect x="32" y="23" width="14" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="32" y="43" width="14" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="67" y="23" width="14" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="67" y="43" width="14" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect opacity="0.48" x="32" y="31" width="21" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect opacity="0.48" x="32" y="51" width="21" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect opacity="0.48" x="67" y="31" width="21" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect opacity="0.48" x="67" y="51" width="21" height="4" rx="2" fill="#E6E6E7"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_1314_36316" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1314_36316"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1314_36316" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.7 KiB |
32
web-frontend/modules/builder/assets/icons/element-footer.svg
Normal file
32
web-frontend/modules/builder/assets/icons/element-footer.svg
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_2043_89937)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="16.25" width="69.5" height="45.5" rx="4.75" fill="#F7F7F7" stroke="#E6E6E7" stroke-width="1.5" stroke-dasharray="4 4"/>
|
||||
<path d="M26 40.25H25.25V41V57C25.25 59.6234 27.3766 61.75 30 61.75H90C92.6234 61.75 94.75 59.6234 94.75 57V41V40.25H94H26Z" fill="white"/>
|
||||
<path d="M26 40.25H25.25V41V57C25.25 59.6234 27.3766 61.75 30 61.75H90C92.6234 61.75 94.75 59.6234 94.75 57V41V40.25H94H26Z" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect opacity="0.48" x="63" y="49" width="11" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect opacity="0.48" x="78" y="49" width="10" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="48" y="49" width="11" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<g clip-path="url(#clip0_2043_89937)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.8311 51.3977C32.6114 51.1781 32.6114 50.8219 32.8311 50.6023L33.9507 49.4827C34.1704 49.263 34.5265 49.263 34.7462 49.4827L35.8658 50.6023C36.0854 50.8219 36.0854 51.1781 35.8658 51.3977L34.7462 52.5173C34.5265 52.737 34.1704 52.737 33.9507 52.5173L32.8311 51.3977Z" fill="#CDCECF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.4826 54.0494C35.2629 53.8298 35.2629 53.4736 35.4826 53.2539L36.6022 52.1343C36.8218 51.9147 37.178 51.9147 37.3977 52.1343L38.5173 53.2539C38.7369 53.4736 38.7369 53.8298 38.5173 54.0494L37.3977 55.169C37.178 55.3887 36.8218 55.3887 36.6022 55.169L35.4826 54.0494Z" fill="#CDCECF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.4826 48.7461C35.2629 48.5264 35.2629 48.1702 35.4826 47.9506L36.6022 46.831C36.8218 46.6113 37.178 46.6113 37.3977 46.831L38.5173 47.9506C38.7369 48.1702 38.7369 48.5264 38.5173 48.7461L37.3977 49.8657C37.178 50.0853 36.8218 50.0853 36.6022 49.8657L35.4826 48.7461Z" fill="#CDCECF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.1344 51.3977C37.9148 51.1781 37.9148 50.8219 38.1344 50.6023L39.254 49.4827C39.4737 49.263 39.8299 49.263 40.0495 49.4827L41.1691 50.6023C41.3888 50.8219 41.3888 51.1781 41.1691 51.3977L40.0495 52.5173C39.8299 52.737 39.4737 52.737 39.254 52.5173L38.1344 51.3977Z" fill="#CDCECF"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_2043_89937" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2043_89937"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2043_89937" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_2043_89937">
|
||||
<rect width="10" height="10" fill="white" transform="translate(32 46)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 3.1 KiB |
|
|
@ -0,0 +1,30 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_1314_36388)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="20.25" width="69.5" height="38.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="20.25" width="69.5" height="38.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect x="76" y="50" width="14" height="4" rx="2" fill="#4E5CFE"/>
|
||||
<rect x="26" y="45" width="68" height="1" fill="#EDEDED"/>
|
||||
<rect x="32" y="27" width="40" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect opacity="0.48" x="32" y="35" width="32" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<g clip-path="url(#clip0_1314_36388)">
|
||||
<path d="M83.0625 30.1875L78.1875 35.0625C78.0625 35.1875 78 35.3125 78 35.5V37.375C78 37.75 78.25 38 78.625 38H80.5C80.6875 38 80.8125 37.9375 80.9375 37.8125L85.8125 32.9375L83.0625 30.1875Z" fill="#D7D8D9"/>
|
||||
<path d="M87.8125 30.0625L85.9375 28.1875C85.6875 27.9375 85.3125 27.9375 85.0625 28.1875L83.9375 29.3125L86.6875 32.0625L87.8125 30.9375C88.0625 30.6875 88.0625 30.3125 87.8125 30.0625Z" fill="#D7D8D9"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_1314_36388" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1314_36388"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1314_36388" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_1314_36388">
|
||||
<rect width="10" height="10" fill="white" transform="translate(78 28)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 2 KiB |
32
web-frontend/modules/builder/assets/icons/element-header.svg
Normal file
32
web-frontend/modules/builder/assets/icons/element-header.svg
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_2043_89952)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="16.25" width="69.5" height="45.5" rx="4.75" fill="#F7F7F7" stroke="#E6E6E7" stroke-width="1.5" stroke-dasharray="4 4"/>
|
||||
<path d="M94 37.75H94.75V37V21C94.75 18.3766 92.6234 16.25 90 16.25H30C27.3766 16.25 25.25 18.3766 25.25 21V37V37.75H26H94Z" fill="white"/>
|
||||
<path d="M94 37.75H94.75V37V21C94.75 18.3766 92.6234 16.25 90 16.25H30C27.3766 16.25 25.25 18.3766 25.25 21V37V37.75H26H94Z" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect opacity="0.48" x="63" y="25" width="11" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect opacity="0.48" x="78" y="25" width="10" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="48" y="25" width="11" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<g clip-path="url(#clip0_2043_89952)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.8311 27.3977C32.6114 27.1781 32.6114 26.8219 32.8311 26.6023L33.9507 25.4827C34.1704 25.263 34.5265 25.263 34.7462 25.4827L35.8658 26.6023C36.0854 26.8219 36.0854 27.1781 35.8658 27.3977L34.7462 28.5173C34.5265 28.737 34.1704 28.737 33.9507 28.5173L32.8311 27.3977Z" fill="#CDCECF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.4826 30.0494C35.2629 29.8298 35.2629 29.4736 35.4826 29.2539L36.6022 28.1343C36.8218 27.9147 37.178 27.9147 37.3977 28.1343L38.5173 29.2539C38.7369 29.4736 38.7369 29.8298 38.5173 30.0494L37.3977 31.169C37.178 31.3887 36.8218 31.3887 36.6022 31.169L35.4826 30.0494Z" fill="#CDCECF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.4826 24.7461C35.2629 24.5264 35.2629 24.1702 35.4826 23.9506L36.6022 22.831C36.8218 22.6113 37.178 22.6113 37.3977 22.831L38.5173 23.9506C38.7369 24.1702 38.7369 24.5264 38.5173 24.7461L37.3977 25.8657C37.178 26.0853 36.8218 26.0853 36.6022 25.8657L35.4826 24.7461Z" fill="#CDCECF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.1344 27.3977C37.9148 27.1781 37.9148 26.8219 38.1344 26.6023L39.254 25.4827C39.4737 25.263 39.8299 25.263 40.0495 25.4827L41.1691 26.6023C41.3888 26.8219 41.3888 27.1781 41.1691 27.3977L40.0495 28.5173C39.8299 28.737 39.4737 28.737 39.254 28.5173L38.1344 27.3977Z" fill="#CDCECF"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_2043_89952" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2043_89952"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2043_89952" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_2043_89952">
|
||||
<rect width="10" height="10" fill="white" transform="translate(32 22)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 3.1 KiB |
|
|
@ -0,0 +1,27 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_1314_36266)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="28.25" width="69.5" height="21.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="28.25" width="69.5" height="21.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect opacity="0.48" x="48" y="37" width="38" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="32" y="34" width="4" height="2" rx="1" fill="#D7D8D9"/>
|
||||
<rect x="33" y="38" width="8" height="2" rx="1" fill="#D7D8D9"/>
|
||||
<rect x="38" y="34" width="4" height="2" rx="1" fill="#D7D8D9"/>
|
||||
<rect x="33" y="34" width="2" height="10" rx="1" fill="#D7D8D9"/>
|
||||
<rect x="39" y="34" width="2" height="10" rx="1" fill="#D7D8D9"/>
|
||||
<rect x="32" y="42" width="4" height="2" rx="1" fill="#D7D8D9"/>
|
||||
<rect x="38" y="42" width="4" height="2" rx="1" fill="#D7D8D9"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_1314_36266" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1314_36266"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1314_36266" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.6 KiB |
24
web-frontend/modules/builder/assets/icons/element-iframe.svg
Normal file
24
web-frontend/modules/builder/assets/icons/element-iframe.svg
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_2154_91943)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="16.25" width="69.5" height="45.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="16.25" width="69.5" height="45.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<path d="M40.9998 25L38.6665 33.3333" stroke="#D7D8D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M36.3333 26.6667L34 29L36.3333 31.3333" stroke="#D7D8D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M43.6667 26.6667L46 29L43.6667 31.3333" stroke="#D7D8D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<rect x="32" y="43" width="56" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect opacity="0.48" x="32" y="51" width="40" height="4" rx="2" fill="#E6E6E7"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_2154_91943" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2154_91943"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2154_91943" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.6 KiB |
26
web-frontend/modules/builder/assets/icons/element-image.svg
Normal file
26
web-frontend/modules/builder/assets/icons/element-image.svg
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_1314_36328)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="37.25" y="24.25" width="45.5" height="29.5" rx="4.75" fill="white"/>
|
||||
<rect x="37.25" y="24.25" width="45.5" height="29.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<g clip-path="url(#clip0_1314_36328)">
|
||||
<path d="M67.8949 44.553L63.8949 36.553C63.7419 36.248 63.4449 36.041 63.1059 36.006C62.7679 35.967 62.4329 36.11 62.2199 36.375L58.7919 40.659L56.5549 39.168C56.3269 39.017 56.0459 38.964 55.7809 39.024C55.5139 39.084 55.2829 39.251 55.1429 39.485L52.1429 44.485C51.9569 44.794 51.9529 45.178 52.1299 45.493C52.3069 45.807 52.6399 46 52.9999 46H66.9999C67.3469 46 67.6679 45.82 67.8509 45.525C68.0339 45.23 68.0489 44.862 67.8949 44.553Z" fill="#12D452"/>
|
||||
<path d="M56.5 36C57.8807 36 59 34.8807 59 33.5C59 32.1193 57.8807 31 56.5 31C55.1193 31 54 32.1193 54 33.5C54 34.8807 55.1193 36 56.5 36Z" fill="#FFC744"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_1314_36328" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1314_36328"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1314_36328" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_1314_36328">
|
||||
<rect width="16" height="16" fill="white" transform="translate(52 31)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.9 KiB |
|
|
@ -0,0 +1,25 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_1314_36279)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="28.25" width="69.5" height="21.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="28.25" width="69.5" height="21.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect x="48" y="37" width="28" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="82" y="33" width="6" height="2" rx="1" fill="#D7D8D9"/>
|
||||
<rect x="84" y="34" width="2" height="10" rx="1" fill="#D7D8D9"/>
|
||||
<rect x="82" y="43" width="6" height="2" rx="1" fill="#D7D8D9"/>
|
||||
<path d="M41.1666 36.0238V34.8333H32.8333V36.0238" stroke="#D7D8D9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M36.9998 34.8333V43.1667M36.9998 43.1667H35.8093M36.9998 43.1667H38.1903" stroke="#D7D8D9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_1314_36279" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1314_36279"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1314_36279" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.7 KiB |
30
web-frontend/modules/builder/assets/icons/element-link.svg
Normal file
30
web-frontend/modules/builder/assets/icons/element-link.svg
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_1314_36388)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="20.25" width="69.5" height="38.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="20.25" width="69.5" height="38.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect x="76" y="50" width="14" height="4" rx="2" fill="#4E5CFE"/>
|
||||
<rect x="26" y="45" width="68" height="1" fill="#EDEDED"/>
|
||||
<rect x="32" y="27" width="40" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect opacity="0.48" x="32" y="35" width="32" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<g clip-path="url(#clip0_1314_36388)">
|
||||
<path d="M83.0625 30.1875L78.1875 35.0625C78.0625 35.1875 78 35.3125 78 35.5V37.375C78 37.75 78.25 38 78.625 38H80.5C80.6875 38 80.8125 37.9375 80.9375 37.8125L85.8125 32.9375L83.0625 30.1875Z" fill="#D7D8D9"/>
|
||||
<path d="M87.8125 30.0625L85.9375 28.1875C85.6875 27.9375 85.3125 27.9375 85.0625 28.1875L83.9375 29.3125L86.6875 32.0625L87.8125 30.9375C88.0625 30.6875 88.0625 30.3125 87.8125 30.0625Z" fill="#D7D8D9"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_1314_36388" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1314_36388"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1314_36388" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_1314_36388">
|
||||
<rect width="10" height="10" fill="white" transform="translate(78 28)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 2 KiB |
38
web-frontend/modules/builder/assets/icons/element-map.svg
Normal file
38
web-frontend/modules/builder/assets/icons/element-map.svg
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_1314_36343)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<g clip-path="url(#clip0_1314_36343)">
|
||||
<rect x="26" y="21" width="68" height="36" rx="4" fill="white"/>
|
||||
<g opacity="0.56">
|
||||
<path d="M58.7717 95.777L58.6539 95.7299L58.5297 95.7845L58.4478 95.9483L56.5856 98.0023L56.4236 98.142L56.1193 98.2648L55.8974 98.3006L55.236 98.2938L54.823 98.3828L54.4723 98.5549L54.1594 98.8532L53.8664 99.3221L53.5225 100.392L53.5603 100.43L53.629 100.528L53.6713 100.685L53.6203 100.905L53.5248 100.976L53.2605 100.983L53.1983 100.996L53.0472 101.638L52.9918 102.048L52.8362 102.312L52.1749 102.578L51.6354 102.685L51.4134 102.669L51.2069 102.564L50.7807 102.252L50.5833 102.184L50.1148 102.295L49.2847 102.778L48.7407 102.821L48.3213 102.742L48.2013 102.371L48.29 101.289L48.2345 100.8L48.1303 100.353L48.108 99.883L48.2968 99.3274L47.6754 98.9474L45.549 98.7511L45.64 98.2001L45.5777 97.5175L45.2692 96.1088L45.1737 95.8097L44.9208 95.2323L44.8208 94.9144L44.6766 93.7754L44.5879 93.517L44.2658 93.2774L43.9306 93.3354L43.5954 93.4808L43.2825 93.5064L43.0118 93.3437L42.5901 92.8457L42.3104 92.6164L42.0042 92.5241L41.3429 92.4657L41.0563 92.2653L40.9208 92.0171L40.7056 91.0528L40.1994 90.0106L39.8265 89.0022L39.8178 88.1114L40.4082 87.4263L39.8378 87.1189L39.7445 86.7117L39.7978 86.2013L39.6645 85.5979L39.347 85.4054L38.5014 85.9471L38.002 85.949L36.4063 85.0668L35.5762 84.7711L34.7106 84.8777H34.7574L34.7951 84.8966L34.8238 84.9342L34.8484 84.9911L34.247 85.5154L33.9363 85.5772L33.5101 85.228L33.3905 85.0028L33.2417 84.4868L33.1507 84.3044L32.8955 84.115L32.3916 84.0099L32.1387 83.8961L31.4618 83.3127L31.1356 83.1319L29.7638 82.872L29.4841 82.548L29.6238 81.933L28.3697 81.1126L28.0654 81.0365L28.0658 81.0316L28.0968 80.4764L29.3731 77.9768L32.0809 77.4118L33.3704 76.4351L35.4478 75.4603L35.6789 74.4866L35.6966 72.7702L35.3327 68.4626L35.5279 67.7744L35.9895 67.684L36.4622 67.4614L36.5044 66.8569L36.2647 66.2644L36.549 65.5028L37.1772 65.3532L40.2976 65.3818L40.0556 64.1694L39.3651 63.433L38.6728 62.897L38.1024 62.1233L37.6853 60.8385L38.1979 59.4603L38.5796 57.3381L39.1545 56.1283L40.8325 55.0457L40.9876 53.8438L40.6992 53.2148L40.566 52.4426L40.7257 51.9175L40.9941 51.5962L41.7355 48.9806L42.8121 48.4544L45.8461 48.3531L46.5475 48.0239L47.2288 47.5538L47.9835 47.7026L48.6426 48.3723L51.45 49.8896L52.8415 50.1796L54.555 50.169L55.2941 49.5246L56.7392 49.7927L58.0333 50.9826L60.0374 54.1775L60.7633 54.3967L62.914 54.2792L65.2488 55.4676L67.0865 55.8251L67.3549 55.9723L67.4349 56.3505L67.4394 56.7671L67.3371 57.0349L65.8656 57.2764L65.0578 58.8071L65.6482 59.51L67.2662 59.9748L68.0076 60.539L68.6067 61.8728L69.6255 63.1185L68.7645 63.2458L67.2839 64.4937L66.8532 65.4289L67.6055 65.8207L69.0661 66.0399L69.6674 66.2749L69.8117 67.0049L69.8671 67.6076L67.1525 69.309L66.4734 69.4175L65.2684 69.3195L64.0922 69.5037L62.1899 70.9829L61.6441 71.1068L61.0937 71.1094L59.9042 70.4231L59.327 71.2846L58.7301 72.4847L57.7981 73.8154L56.3643 73.6094L55.6875 74.136L56.8283 75.2742L57.8294 76.6623L52.7358 82.3767L52.2655 83.0716L51.7883 84.051L51.544 85.1648L51.977 85.7305L52.5474 85.7889L53.0069 86.3697L53.0533 87.4794L53.6947 88.6305L54.789 89.0587L55.2239 89.8573L55.5501 90.8765L56.2469 91.5285L57.0503 91.8924L58.5017 92.1493L58.4285 93.0205L58.0623 93.7614L57.8804 94.4522L58.1533 95.0489L58.6595 95.3905L58.7717 95.777Z" stroke="#E6E6E7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.9801 68.4385L5.07108 68.0381L6.62034 64.1769L7.74566 63.3132L9.04615 63.1004L9.81851 61.773L10.3134 59.875L11.8559 56.9359L13.6449 54.2852L14.4127 52.5036L15.4335 51.1811L16.1148 50.7261L16.461 49.6933L16.5988 48.8093L16.8253 47.9768L18.0748 45.1029L18.632 44.4994L19.3311 44.2674L20.068 44.3194L20.8159 44.1341L21.5282 43.6998L22.2719 43.6576L22.9797 44.023L23.2658 44.7571L23.3878 45.5903L24.5153 46.5026L25.8827 46.5783L28.4263 45.6441L30.8811 44.1793L31.3628 45.0456L31.9955 45.5526L36.7984 46.79L38.3167 46.7485L38.5965 46.5026L38.7939 46.15L39.0491 46.0054L39.6263 46.7112L40.1257 47.6827L41.7369 48.9833L40.9955 51.5989L40.7271 51.9202L40.5674 52.4452L40.7007 53.2174L40.9891 53.8464L40.8339 55.0484L39.1559 56.1309L38.581 57.3408L38.1993 59.4629L37.6867 60.8411L38.1038 62.1259L38.6742 62.8996L39.3666 63.4356L40.057 64.172L40.299 65.3845L37.1786 65.3558L36.5504 65.5054L36.2662 66.267L36.5059 66.8595L36.4636 67.4641L35.991 67.6867L35.5293 67.7771L35.3341 68.4652L35.698 72.7728L35.6803 74.4893L35.4493 75.4629L33.3719 76.4378L32.0823 77.4145L29.3745 77.9795L28.0982 80.479L28.0672 81.0342L28.0669 81.0391L27.7098 80.9499L27.8053 81.7051L27.9185 81.7533L28.0895 81.6998L28.2737 81.7051L28.4247 81.936L28.4625 82.2686L28.3538 82.4151L27.6546 82.6234L26.7936 82.6494L26.4028 82.7511L25.7702 83.3161L24.9887 83.5538L24.2077 83.3884L22.8162 82.0034L22.5742 81.6689L22.4055 81.2708L22.2855 80.8587L22.139 80.4896L21.9015 80.2048L21.6996 80.0029L21.6331 79.8112L21.7018 79.6281L21.9015 79.4571L21.9102 79.433L21.9147 79.407L21.9102 79.3761L21.9015 79.3434L21.5995 79.2793L21.0159 78.9893L20.7339 78.9132L20.5052 78.9667L20.3232 79.0722L20.1058 79.1117L19.7705 78.9599L18.7275 77.6386L18.683 77.3949L18.8408 77.0578L19.076 76.9383L20.1126 76.8984L20.6852 76.6736L21.5995 76.1255L22.0344 75.7485L22.2364 75.2415L21.9012 74.6219L21.6747 74.3966L21.626 74.0591L21.6682 73.7525L21.9012 73.1254L21.9499 73.0195L21.9653 72.9189L21.9544 72.8289L21.9012 72.7528L21.5059 72.2187L21.3859 72.1061L21.022 71.9709L20.8823 72.0609L20.8268 72.2899L20.7068 72.5637L20.0699 73.4459L19.7015 73.7472L19.2043 73.8772L17.2843 73.5378L16.2613 73.6312L15.6309 74.3966L15.5199 74.4712L15.4067 74.4953L15.2911 74.4693L15.1824 74.3966L14.9827 73.7732L14.5142 73.3939L14.0393 73.4305L13.8064 74.0437L13.5199 73.8271L13.3712 73.4824L13.3289 73.0579L13.3557 72.6214L13.2579 72.5366L13.1692 72.4394L13.0937 72.3268L13.0337 72.2003L13.4289 72.0409L12.985 71.8518L11.9774 71.8812L11.4671 71.7339L10.7102 71.2552L10.4992 71.0262L10.3704 70.7346L10.2372 70.3007L10.1639 69.9361L10.2104 69.8423L9.95971 69.7659L9.30474 69.9015L9.00954 69.8981L8.73434 69.7523L8.23491 69.3319L7.99972 69.1877L5.79361 68.5692L5.29645 68.6283L4.9801 68.4385Z" stroke="#E6E6E7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M103.312 -36.6741L103.598 -35.4243L104.091 -34.26L104.435 -32.8472L104.974 -28.7287L106.168 -25.7225L106.958 -24.1966L108.099 -23.5744L109.28 -23.4038L110.265 -22.641L109.917 -21.9984L110.006 -21.0925L110.554 -20.1121L111.372 -19.6623L111.898 -19.1199L112.211 -18.237L112.506 -16.9334L113.075 -15.8949L114.606 -15.099L116.235 -15.3408L117.307 -16.4998L118.346 -15.713L118.006 -13.7558L118.546 -12.9976L119.216 -12.5298L120.426 -13.1366L121.671 -13.4873L122.006 -11.8228L122.139 -9.97898L122.399 -8.73146L122.468 -7.412L122.401 -6.64624L123.602 -5.36595L124.048 -4.74671L124.523 -4.34254L124.672 -4.13312L124.725 -3.78734L124.652 -3.49806L124.559 -3.2197L124.539 -2.90857L124.616 -2.4577L124.718 -2.16127L124.898 -1.99779L125.2 -1.94883L125.255 -1.78159L125.127 -0.618058L125.278 -0.241391L125.639 0.273135L126.074 0.607994L126.445 0.450169L126.696 0.862987L127.219 0.991064L128.351 0.92929L131.694 1.62198L133.372 1.38995L134 1.59109L134.495 2.07172L134.697 2.86724L135.154 2.62616L135.545 2.85556L136.148 3.58667L136.042 3.77689L135.933 4.14262L135.868 4.30384L136.226 4.52457L136.574 4.41609L136.898 4.19235L136.21 5.48544L134.17 8.4969L133.556 9.93162L132.845 10.8413L132.009 11.155L129.492 9.86043L128.613 9.65665L128.222 9.91806L127.867 10.2951L127.729 10.7388L127.627 11.2597L126.433 12.2308L124.073 12.0067L123.248 12.1031L121.197 13.6388L120.445 13.8817L119.355 13.6768L116.414 14.2625L113.305 14.2437L111.671 14.7138L110.146 15.8491L110.282 16.7267L110.628 17.7023L111.052 18.61L111.138 19.5298L111.66 20.818L112.413 21.9676L111.229 22.6833L110.402 23.8476L111.485 25.5121L111.34 26.3004L110.805 26.8074L109.283 27.3445L107.718 27.1001L106.95 26.7859L106.174 26.9927L105.952 27.8756L105.981 28.2305L106.254 28.6904L106.571 29.0682L107.168 29.3443L108.274 29.5786L108.651 29.5386L109.179 29.3055L109.383 29.3251L109.716 29.5514L109.794 29.8562L109.776 30.2479L109.823 30.7364L110.209 31.3368L110.282 31.7621L109.956 32.1463V32.3828L110.617 32.4495L110.595 33.8579L110.076 34.5788L109.572 34.9852L109.527 35.8211L110.386 36.8478L110.255 37.8332L109.993 38.8694L110.033 39.5881L109.798 39.6235L109.596 39.7953L109.334 40.3422L108.943 42.4722L108.764 42.9702L108.684 43.267L108.65 43.6591L108.697 43.9273L108.896 44.5398L109.065 45.6351L109.591 46.9482L102.722 48.3761L99.166 47.2634L97.5148 47.1207L96.0456 46.1666L95.9078 45.6475L95.8168 45.0799L95.1732 44.3556L94.9935 43.2075L94.3453 42.9849L93.6708 43.6222L93.0403 44.501L92.3303 44.9059L89.3473 45.3831L86.7482 44.8445L86.1955 44.4256L85.7406 43.702L85.2412 43.1318L81.7055 40.961L81.0687 39.3485L79.8833 38.9218L79.8101 37.9123L80.083 36.9793L81.459 35.6918L81.8184 34.7475L81.8207 33.6439L81.5432 33.3294L80.7508 32.949L80.5889 32.3926L80.5088 31.2954L80.2982 30.2347L79.6591 28.7028L80.2163 26.7626L81.8897 26.7607L83.177 27.4564L84.7372 27.6722L85.0147 27.105L85.0702 26.2823L84.7418 25.4021L83.5855 24.1979L83.3858 23.2091L83.499 22.7699L83.7142 22.4524L83.9052 22.055L83.7674 21.4859L82.5024 19.7946L80.9464 18.5889L79.5194 17.9305L77.2423 18.1915L76.47 17.9422L76.2835 17.3806L76.3367 16.7252L75.8263 15.959L75.2469 15.2969L75.0694 14.5578L75.7863 14.1386L76.0106 12.3946L75.7131 12.0199L74.8743 11.4579L73.3983 10.8631L73.0653 10.9441L72.7569 10.7791L72.322 9.80695L72.2465 8.58089L71.9758 7.68894L71.3832 7.27687L70.624 7.05087L69.9494 6.70208L69.4322 5.80184L68.8486 5.05755L68.0495 5.12912L67.3658 5.82935L62.9045 6.7533L60.9181 5.15021L59.815 4.63192L57.5557 4.15392L55.4847 2.72862L55.6267 2.12859L55.7131 1.53949L57.3001 -1.07948L57.2137 -1.73073L56.772 -2.18236L56.8853 -3.53459L57.4557 -4.69962L58.9007 -8.9051L59.8218 -9.15257L59.8041 -10.3225L59.185 -11.8164L58.8256 -12.4842L58.5882 -13.2247L58.7701 -13.9408L59.1986 -14.4161L59.3073 -15.725L58.9744 -17.1816L60.0242 -17.0449L60.9208 -17.8005L61.3224 -18.4065L61.7773 -18.8438L62.1925 -18.6709L62.5897 -18.3881L62.9981 -18.3402L63.2046 -18.9467L63.3179 -19.6397L63.3802 -20.3422L63.2069 -21.3912L63.1891 -22.0945L63.0604 -22.7668L64.1612 -23.2847L65.191 -24.1179L65.9324 -24.3059L66.5515 -24.8223L67.1065 -25.9222L67.9589 -26.1881L68.3273 -26.1086L68.6625 -25.8777L68.8022 -25.5621L68.9909 -25.3368L75.7716 -24.2908L77.3873 -24.5876L78.0355 -24.9142L78.5927 -25.5666L78.9566 -26.7723L79.6202 -27.2906L80.4458 -27.2036L81.2314 -27.4382L84.2344 -29.1743L84.9467 -30.0225L85.7236 -30.6538L87.2619 -30.6354L88.6247 -30.9198L90.1981 -31.8256L92.2514 -31.8174L94.1823 -32.4347L95.8116 -34.3742L97.7202 -34.1941L98.6945 -34.3444L99.5711 -34.9655L100.186 -36.1814L100.714 -36.4677L103.312 -36.6741Z" stroke="#E6E6E7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M55.487 2.72486L57.5579 4.15016L59.8173 4.62814L60.9203 5.14644L62.9067 6.74954L67.368 5.82557L68.0517 5.12535L68.8508 5.05378L69.4345 5.79808L69.9516 6.6983L70.6262 7.0471L71.3854 7.2731L71.9781 7.68517L72.2487 8.57712L72.3242 9.80317L72.7591 10.7753L73.0675 10.9403L73.4005 10.8593L74.8765 11.4541L75.7153 12.0161L76.0128 12.3909L75.7885 14.1348L75.0717 14.5541L75.2491 15.2931L75.8286 15.9553L76.3389 16.7214L76.2857 17.3768L76.4722 17.9384L77.2446 18.1878L79.5216 17.9267L80.9486 18.5852L82.5046 19.7909L83.7696 21.4821L83.9074 22.0512L83.7164 22.4486L83.5012 22.7662L83.388 23.2053L83.5877 24.1941L84.744 25.3983L85.0724 26.2786L85.0169 27.1012L84.7394 27.6685L83.1792 27.4526L81.892 26.7569L80.2185 26.7588L79.6613 28.699L80.3004 30.2309L80.5111 31.2916L80.5911 32.3889L80.753 32.9452L81.5454 33.3256L81.8229 33.6401L81.8206 34.7438L81.4612 35.6881L80.0852 36.9755L79.8123 37.9085L79.8855 38.918L79.2706 39.3764L78.4805 41.3256L77.7682 41.6526L77.0535 41.7648L76.3722 42.0971L74.8806 43.5145L74.1906 43.7115L71.8157 43.3804L71.1453 43.6256L70.6194 44.3175L70.0868 46.3771L71.0679 47.8638L71.7316 48.3953L71.9403 49.5343L71.7693 50.6463L71.2831 51.2218L68.4465 49.1449L67.6851 49.282L67.4099 50.3792L67.3944 51.4659L67.4809 52.5379L67.1147 53.5564L66.371 54.057L65.7497 54.6329L65.2503 55.471L62.9154 54.2826L60.7648 54.4001L60.0389 54.1809L58.0347 50.986L56.7407 49.7961L55.2956 49.5279L54.5564 50.1724L52.843 50.183L51.4515 49.8929L48.644 48.3757L47.9849 47.706L47.2303 47.5572L46.5489 48.0273L45.8475 48.3565L42.8135 48.4578L41.7369 48.984L40.1257 47.6834L39.6263 46.712L39.0491 46.0061L38.7939 46.1507L38.5965 46.5033L38.3168 46.7493L36.7984 46.7907L31.9955 45.5534L31.3628 45.0464L30.8811 44.18L30.7456 42.5849L30.5259 41.6466L29.2964 40.546L28.8947 39.5986L28.8347 38.4905L29.1809 37.7277L30.7524 37.3812L31.2919 36.5265L31.6494 35.4481L32.7215 35.125L33.8913 35.7016L34.9121 34.9705L35.5112 33.335L35.4757 31.5037L35.2624 29.6177L35.3689 27.3299L35.9215 25.2247L36.9204 22.84L37.4753 22.0814L38.7048 21.5006L41.8143 21.8388L42.0585 21.5721L43.0906 19.7521L43.1771 18.6594L42.7732 17.5414L42.5312 16.3195L42.6844 15.1315L42.9796 14.0614L43.6588 14.0019L44.4002 14.0874L45.8384 13.7484L46.926 12.467L47.1235 10.2845L47.3477 9.30673L49.4896 8.3918L50.8192 7.11491L50.7614 6.77515L50.4439 6.68287L50.031 5.80523L49.9955 4.679L50.1997 4.4093L50.3552 4.08161L50.7305 3.87519L53.3805 3.82096L54.1929 3.57649L54.3903 3.17986L54.6565 2.78324L55.0649 2.70715L55.487 2.72486Z" stroke="#E6E6E7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M49.9959 4.679L50.0314 5.80523L50.4444 6.68287L50.7618 6.77515L50.8196 7.11491L49.49 8.3918L47.3481 9.30673L47.1239 10.2845L46.9264 12.467L45.8389 13.7484L44.4006 14.0874L43.6592 14.0019L42.98 14.0614L42.6848 15.1315L42.5316 16.3195L42.7736 17.5414L43.1775 18.6594L43.091 19.7521L42.0589 21.5721L41.8147 21.8388L38.7052 21.5006L37.4757 22.0814L36.9208 22.84L35.9219 25.2247L35.3693 27.3299L35.2628 29.6177L35.4761 31.5037L35.5116 33.335L34.9125 34.9705L33.8917 35.7016L32.7219 35.125L31.6498 35.4481L31.2923 36.5265L30.7528 37.3812L29.1813 37.7277L28.8351 38.4905L28.8952 39.5986L29.2968 40.546L30.5263 41.6466L30.746 42.5849L30.8816 44.18L28.4267 45.6449L25.8831 46.579L24.5158 46.5033L23.3882 45.591L23.2662 44.7578L22.9801 44.0237L22.2723 43.6584L21.5286 43.7005L21.2489 41.998L21.0046 38.4863L21.6105 37.0422L20.8359 36.4199L20.019 36.1928L18.703 36.458L17.4335 36.1619L16.9341 34.9031L16.8163 33.4156L17.1024 32.6827L17.6241 32.3388L17.9216 31.4894L18.1349 30.498L16.002 29.116L13.6294 28.4655L11.1058 28.455L10.207 28.6403L9.39463 30.4863L4.95788 31.2687L2.48336 30.3858L1.30934 29.09L-0.77258 27.9306L-1.70274 26.2869L-1.7737 25.1629L-2.15309 24.2909L-4.57438 22.9748L-5.44678 22.7424L-7.3222 23.1037L-7.99264 20.5242L-9.39316 18.9784L-10.9647 20.0459L-11.939 19.725L-12.8624 19.0922L-13.1799 18.1648L-13.0821 16.9677L-12.8869 16.2988L-12.9201 15.6023L-13.2754 15.3793L-13.6461 15.5394L-14.4471 15.5251L-15.2085 14.762L-15.7035 13.8565L-16.0874 12.7702L-17.2705 12.14L-17.8586 11.5302L-18.3626 10.784L-18.5313 9.68376L-18.5181 8.50631L-18.2716 7.47688L-18.2229 6.94653L-18.1119 6.44143L-17.415 4.37842L-17.4619 2.22276L-17.8903 1.18014L-18.8024 -0.436887L-18.3429 -0.756677L-17.7657 -0.754792L-17.7635 -1.81021L-17.9322 -3.09577L-18.1942 -4.32597L-18.9533 -6.40818L-19.0356 -8.37815L-18.9424 -9.12772L-18.9201 -9.92135L-18.7714 -10.2521L-18.4452 -10.2136L-16.4124 -10.857L-15.9975 -11.1259L-15.791 -11.6819L-16.2527 -13.4259L-16.9118 -14.0394L-14.8235 -16.7236L-14.8945 -18.9926L-14.466 -21.0421L-13.2788 -20.6466L-11.9647 -19.8631L-10.6242 -20.0443L-9.30596 -20.5603L-7.23537 -22.5209L-5.49737 -25.2494L-2.3879 -27.0642L-0.805413 -27.5576L-0.18405 -28.1471L0.322179 -29.0451L0.981295 -29.8621L0.845769 -30.8904L0.175329 -31.7492L-0.621571 -32.168L-2.24181 -32.5816L-3.5891 -33.8913L-3.92206 -35.1712L-3.94433 -36.6037L-3.46037 -37.2918L0.492427 -37.1867L1.1406 -37.3122L1.68873 -39.6098L2.1036 -40.7967L2.66947 -41.7813L3.43504 -42.1199L4.25383 -42.1425L5.05716 -41.8879L6.08924 -40.6144L6.97938 -39.046L8.2357 -38.2791L12.6079 -38.1005L13.7555 -37.47L14.7098 -36.3264L14.1149 -35.0036L12.5679 -32.9677L12.8144 -31.8942L14.6389 -30.4689L15.6732 -28.137L13.7113 -26.4796L13.8978 -24.9681L14.5637 -23.6893L14.2595 -21.4696L13.2942 -19.2457L15.0409 -18.6156L16.6702 -17.3952L17.7223 -15.0783L17.2629 -12.5708L17.0077 -12.0861L16.6615 -11.9618L16.2776 -11.9855L15.9159 -11.7094L15.7717 -10.7952L16.5441 -10.0532L16.8816 -9.22226L17.31 -8.53409L18.1825 -8.36798L19.0435 -8.65462L19.4206 -8.99965L20.0911 -8.43465L20.2776 -7.96118L20.3708 -7.37395L20.5396 -7.16227L20.7815 -7.02177L22.1511 -6.55885L23.6449 -6.47674L25.2628 -5.60023L27.4603 -3.58469L28.2258 -3.18919L29.0205 -3.13382L29.7464 -2.83926L30.3678 -2.06371L31.0624 -1.40868L33.2375 -0.832762L33.9721 -1.16498L35.2217 -2.63361L35.6347 -2.52098L35.9431 -2.30628L36.1096 -1.66105L36.3738 -1.09342L36.78 -0.486603L37.2994 -0.323133L37.6233 -0.514478L37.8298 -0.905088L38.2247 -1.07383L38.6377 -1.11564L39.3836 -0.769482L40.0272 -0.0078613L43.5806 2.9049L44.1688 4.23077L44.9412 4.17013L47.1918 3.22017L47.9532 3.11319L49.9959 4.679Z" stroke="#E6E6E7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M79.8856 38.9184L81.071 39.3452L81.7078 40.9577L85.2435 43.1284L85.7429 43.6987L86.1978 44.4222L86.7504 44.8411L89.3495 45.3797L92.3325 44.9025L93.0426 44.4976L93.673 43.6188L94.3476 42.9815L94.9958 43.2041L95.1755 44.3522L95.8191 45.0765L95.9101 45.6442L96.0479 46.1632L97.5171 47.1173L99.1683 47.2601L102.724 48.3727L109.593 46.9448L109.678 47.4043L109.587 47.6051L109.42 47.7493L109.231 47.839L109.078 47.8699V48.103L109.475 48.3968L109.542 49.062L109.384 50.5322L109.36 50.6403L109.304 50.7043L109.249 50.8037L109.224 51.0173L109.271 51.2113L109.371 51.3002L109.471 51.3635L109.517 51.4821L109.557 51.7993L110.103 53.8773L110.212 54.6069L110.281 55.0661L110.305 56.3204L110.13 57.6523L109.977 58.1894L109.724 58.7962L109.396 59.2946L109.012 59.4998L108.448 59.5917L108.08 59.8592L107.465 60.8845L106.444 62.0958L106.293 62.6243L106.182 63.2748L105.911 63.7995L105.252 64.5924L104.857 64.9276L103.481 65.2839L101.428 66.203L101.51 66.3578L101.721 66.8938L101.313 67.3217L100.765 67.6434L100.219 67.7624L99.815 67.5824L98.4967 68.7304L98.4235 68.7564L98.1151 68.7304L98.0309 68.7956L98.0419 68.9451L98.0683 69.1086L98.0419 69.2111L97.8021 69.3881L97.6557 69.3794L97.456 69.2111L97.3405 69.6879L97.0853 69.9181L96.8365 70.045L96.7232 70.222L96.6964 70.5042L96.6187 70.5693L96.5032 70.578L96.3499 70.6917L95.9747 71.2202V71.2756L95.5953 71.3569L95.3842 71.1731L95.1932 70.9234L94.8758 70.7957L94.6628 70.8477L93.7772 71.2752L93.5753 71.4417L93.3756 71.6707L93.1359 71.8737L92.8097 71.9622L91.2163 72.0142L90.9943 72.0975L90.8146 72.2553L90.6036 72.5351L90.4039 72.6496L89.818 72.7069L89.5251 72.9001L89.1921 72.6817L88.9079 72.8655L88.6172 73.1721L88.2642 73.3367L87.4409 72.5536L87.3012 72.7615L87.1657 73.3367L86.7131 73.794L86.6398 73.8354L86.4488 73.8459L86.3601 73.9085L86.2869 74.0731L86.2605 74.429L86.1982 74.6057L85.8984 74.8972L85.2038 75.2313L84.9396 75.6449L84.8554 75.9993L84.2118 76.686L81.3907 76.6092L79.8128 75.6622L79.4066 74.8038L78.4322 73.4324L78.0615 72.6508L77.6999 71.1072L76.7188 69.1662L75.0653 68.063L73.2631 67.4946L72.5395 66.7345L71.6961 66.2821L69.6697 66.2787L69.0683 66.0437L67.6078 65.8245L66.8554 65.4327L67.2862 64.4975L68.7667 63.2496L69.6278 63.1222L68.6089 61.8766L68.0098 60.5428L67.2684 59.9786L65.6505 59.5138L65.0601 58.8109L65.8679 57.2801L67.3394 57.0387L67.4417 56.7709L67.4372 56.3543L67.3571 55.9761L67.0887 55.8288L65.2503 55.471L65.7497 54.6341L66.3711 54.0581L67.1148 53.5575L67.481 52.539L67.3945 51.467L67.41 50.3804L67.6852 49.2831L68.4466 49.146L71.2831 51.223L71.7694 50.6474L71.9404 49.5355L71.7316 48.3965L71.068 47.865L70.0868 46.3783L70.6195 44.3187L71.1454 43.6267L71.8158 43.3815L74.1906 43.7126L74.8807 43.5156L76.3722 42.0982L77.0536 41.766L77.7682 41.6537L78.4806 41.3268L79.2707 39.3776L79.8856 38.9184Z" stroke="#E6E6E7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip1_1314_36343)">
|
||||
<path d="M60 29C56.1 29 53 32.1 53 36C53 37.9 53.7 39.7 55.1 41C55.2 41.1 59.2 44.7 59.3 44.8C59.7 45.1 60.3 45.1 60.6 44.8C60.7 44.7 64.8 41.1 64.8 41C66.2 39.7 66.9 37.9 66.9 36C67 32.1 63.9 29 60 29ZM60 38C58.9 38 58 37.1 58 36C58 34.9 58.9 34 60 34C61.1 34 62 34.9 62 36C62 37.1 61.1 38 60 38Z" fill="#FF5A44"/>
|
||||
</g>
|
||||
</g>
|
||||
<rect x="25.25" y="20.25" width="69.5" height="37.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_1314_36343" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1314_36343"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1314_36343" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_1314_36343">
|
||||
<rect x="26" y="21" width="68" height="36" rx="4" fill="white"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip1_1314_36343">
|
||||
<rect width="16" height="16" fill="white" transform="translate(52 29)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 21 KiB |
22
web-frontend/modules/builder/assets/icons/element-menu.svg
Normal file
22
web-frontend/modules/builder/assets/icons/element-menu.svg
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_2153_91582)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="39" y="43" width="42" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="39" y="55" width="34" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<path d="M37 18.25C34.3766 18.25 32.25 20.3766 32.25 23V31C32.25 33.6234 34.3766 35.75 37 35.75H83C85.6234 35.75 87.75 33.6234 87.75 31V23C87.75 20.3766 85.6234 18.25 83 18.25H37Z" fill="white"/>
|
||||
<path d="M37 18.25C34.3766 18.25 32.25 20.3766 32.25 23V31C32.25 33.6234 34.3766 35.75 37 35.75H83C85.6234 35.75 87.75 33.6234 87.75 31V23C87.75 20.3766 85.6234 18.25 83 18.25H37Z" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect x="39" y="25" width="42" height="4" rx="2" fill="#E6E6E7"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_2153_91582" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2153_91582"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2153_91582" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.5 KiB |
|
|
@ -0,0 +1,22 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_2154_91866)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="28.25" width="69.5" height="21.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="28.25" width="69.5" height="21.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect opacity="0.48" x="66" y="37" width="20" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="48" y="37" width="14" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M39 37.5V35H39.5C39.775 35 40 34.775 40 34.5C40 34.225 39.775 34 39.5 34H34.5C34.225 34 34 34.225 34 34.5C34 34.775 34.225 35 34.5 35H35V37.5C35 38.33 34.33 39 33.5 39V40H36.485V43.5L36.985 44L37.485 43.5V40H40.5V39C39.67 39 39 38.33 39 37.5Z" fill="#D7D8D9"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_2154_91866" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2154_91866"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2154_91866" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.6 KiB |
25
web-frontend/modules/builder/assets/icons/element-rating.svg
Normal file
25
web-frontend/modules/builder/assets/icons/element-rating.svg
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_3351_92289)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="30.25" y="28.25" width="60.5" height="21.5" rx="4.75" fill="white"/>
|
||||
<rect x="30.25" y="28.25" width="60.5" height="21.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<path d="M39.2937 36.8109L40.5924 34.1948C40.7592 33.8589 41.2408 33.8589 41.4076 34.1948L42.7063 36.8109L45.6107 37.233C45.9834 37.2871 46.1319 37.7426 45.8621 38.0038L43.7609 40.0388L44.2568 42.9136C44.3205 43.2828 43.9307 43.5643 43.5973 43.3899L41 42.0319L38.4027 43.3899C38.0693 43.5643 37.6795 43.2828 37.7432 42.9136L38.2391 40.0388L36.1379 38.0038C35.8681 37.7426 36.0166 37.2871 36.3893 37.233L39.2937 36.8109Z" fill="#FFC744"/>
|
||||
<path d="M52.2937 36.8109L53.5924 34.1948C53.7592 33.8589 54.2408 33.8589 54.4076 34.1948L55.7063 36.8109L58.6107 37.233C58.9834 37.2871 59.1319 37.7426 58.8621 38.0038L56.7609 40.0388L57.2568 42.9136C57.3205 43.2828 56.9307 43.5643 56.5973 43.3899L54 42.0319L51.4027 43.3899C51.0693 43.5643 50.6795 43.2828 50.7432 42.9136L51.2391 40.0388L49.1379 38.0038C48.8681 37.7426 49.0166 37.2871 49.3893 37.233L52.2937 36.8109Z" fill="#FFC744"/>
|
||||
<path d="M65.2937 36.8109L66.5924 34.1948C66.7592 33.8589 67.2408 33.8589 67.4076 34.1948L68.7063 36.8109L71.6107 37.233C71.9834 37.2871 72.1319 37.7426 71.8621 38.0038L69.7609 40.0388L70.2568 42.9136C70.3205 43.2828 69.9307 43.5643 69.5973 43.3899L67 42.0319L64.4027 43.3899C64.0693 43.5643 63.6795 43.2828 63.7432 42.9136L64.2391 40.0388L62.1379 38.0038C61.8681 37.7426 62.0166 37.2871 62.3893 37.233L65.2937 36.8109Z" fill="#FFC744"/>
|
||||
<g opacity="0.48">
|
||||
<path d="M78.2937 36.8109L79.5924 34.1948C79.7592 33.8589 80.2408 33.8589 80.4076 34.1948L81.7063 36.8109L84.6107 37.233C84.9834 37.2871 85.1319 37.7426 84.8621 38.0038L82.7609 40.0388L83.2568 42.9136C83.3205 43.2828 82.9307 43.5643 82.5973 43.3899L80 42.0319L77.4027 43.3899C77.0693 43.5643 76.6795 43.2828 76.7432 42.9136L77.2391 40.0388L75.1379 38.0038C74.8681 37.7426 75.0166 37.2871 75.3893 37.233L78.2937 36.8109Z" fill="#D7D8D9"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_3351_92289" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3351_92289"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3351_92289" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 2.9 KiB |
|
|
@ -0,0 +1,21 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_3351_92303)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="28.25" width="69.5" height="21.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="28.25" width="69.5" height="21.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<path opacity="0.48" d="M48 39C48 37.8954 48.8954 37 50 37H84C85.1046 37 86 37.8954 86 39C86 40.1046 85.1046 41 84 41H50C48.8954 41 48 40.1046 48 39Z" fill="#E6E6E7"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M34.847 43.4976H39.3914C40.2815 43.4976 41.0644 42.9095 41.3123 42.0547L41.9923 39.7099C42.3634 38.4305 41.4036 37.1528 40.0715 37.1528H38.6482C38.2419 37.1528 37.9531 36.7575 38.0766 36.3704L38.5796 34.7935C38.6838 34.4672 38.6121 34.1102 38.3901 33.8493C37.9578 33.3411 37.1571 33.396 36.7983 33.9585L35.3499 36.2286C35.2148 36.4402 35.0435 36.6211 34.847 36.7653V43.4976ZM33.447 43.4976L33.447 37.1528H32.6C32.2686 37.1528 32 37.4214 32 37.7528V42.8976C32 43.229 32.2686 43.4976 32.6 43.4976H33.447Z" fill="#D7D8D9"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_3351_92303" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3351_92303"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3351_92303" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.8 KiB |
|
|
@ -0,0 +1,24 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_2153_91635)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="28.25" width="69.5" height="21.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="28.25" width="69.5" height="21.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect x="48" y="37" width="24" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<path d="M85.5 37.75L83 40.25L80.5 37.75" stroke="#D7D8D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M33.5 39V42C33.5 42 33.5 43.5 37 43.5C40.5 43.5 40.5 42 40.5 42V39" stroke="#D7D8D9" stroke-width="1.5"/>
|
||||
<path d="M33.5 36V39C33.5 39 33.5 40.5 37 40.5C40.5 40.5 40.5 39 40.5 39V36" stroke="#D7D8D9" stroke-width="1.5"/>
|
||||
<path d="M37 34.5C40.5 34.5 40.5 36 40.5 36C40.5 36 40.5 37.5 37 37.5C33.5 37.5 33.5 36 33.5 36C33.5 36 33.5 34.5 37 34.5Z" stroke="#D7D8D9" stroke-width="1.5"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_2153_91635" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2153_91635"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2153_91635" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.7 KiB |
29
web-frontend/modules/builder/assets/icons/element-repeat.svg
Normal file
29
web-frontend/modules/builder/assets/icons/element-repeat.svg
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_2154_91928)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<path d="M42 22.25C39.3766 22.25 37.25 24.3766 37.25 27V34C37.25 36.6234 39.3766 38.75 42 38.75H78C80.6234 38.75 82.75 36.6234 82.75 34V27C82.75 24.3766 80.6234 22.25 78 22.25H42Z" fill="#F7F7F7" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<path d="M36 27.25C33.3766 27.25 31.25 29.3766 31.25 32V39C31.25 41.6234 33.3766 43.75 36 43.75H84C86.6234 43.75 88.75 41.6234 88.75 39V32C88.75 29.3766 86.6234 27.25 84 27.25H36Z" fill="#FAFAFA" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect x="25.25" y="32.25" width="69.5" height="21.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="32.25" width="69.5" height="21.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect opacity="0.48" x="66" y="41" width="20" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="48" y="41" width="14" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<g clip-path="url(#clip0_2154_91928)">
|
||||
<path d="M41.8783 38.03C41.8404 38.0142 41.7987 38.01 41.7583 38.0178C41.718 38.0257 41.6809 38.0453 41.6517 38.0742L40.3842 39.3283C39.4656 38.4721 38.2558 37.9973 37 38C36.1477 38 35.3096 38.2179 34.5652 38.6329C33.8208 39.0479 33.1948 39.6464 32.7467 40.3714C32.2987 41.0964 32.0434 41.9238 32.0051 42.7753C31.9667 43.6267 32.1467 44.4738 32.5279 45.2361C32.909 45.9984 33.4787 46.6506 34.1828 47.1308C34.8869 47.611 35.7021 47.9033 36.551 47.9798C37.3998 48.0563 38.2541 47.9146 39.0328 47.5681C39.8115 47.2216 40.4886 46.6818 41 46C41.1326 45.8232 41.1895 45.601 41.1583 45.3822C41.127 45.1634 41.0101 44.966 40.8333 44.8333C40.7458 44.7677 40.6462 44.7199 40.5402 44.6928C40.4341 44.6656 40.3238 44.6596 40.2155 44.6751C39.9967 44.7063 39.7993 44.8232 39.6667 45C39.3258 45.4546 38.8743 45.8144 38.3552 46.0454C37.8361 46.2764 37.2665 46.3709 36.7006 46.3199C36.1348 46.2689 35.5913 46.074 35.1219 45.7539C34.6525 45.4337 34.2727 44.9989 34.0186 44.4907C33.7645 43.9825 33.6445 43.4178 33.67 42.8502C33.6956 42.2826 33.8658 41.7309 34.1645 41.2476C34.4632 40.7642 34.8805 40.3653 35.3768 40.0886C35.8731 39.8119 36.4318 39.6667 37 39.6667C37.8097 39.6651 38.5917 39.9618 39.1967 40.5L37.7842 41.9008C37.7565 41.9285 37.7371 41.9634 37.7282 42.0016C37.7194 42.0398 37.7215 42.0796 37.7342 42.1167C37.747 42.1539 37.7702 42.1868 37.8011 42.2113C37.8319 42.2358 37.8691 42.251 37.9083 42.255L41.775 42.6833H41.7983C41.8258 42.6836 41.8529 42.6783 41.8783 42.6679C41.9037 42.6575 41.9268 42.6422 41.9461 42.6228C41.9655 42.6034 41.9809 42.5804 41.9913 42.555C42.0017 42.5296 42.0069 42.5024 42.0067 42.475V38.2225C42.0066 38.1814 41.9944 38.1411 41.9715 38.1069C41.9487 38.0727 41.9163 38.0459 41.8783 38.03Z" fill="#D7D8D9"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_2154_91928" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2154_91928"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2154_91928" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_2154_91928">
|
||||
<rect width="10" height="10" fill="white" transform="translate(32 38)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 3.6 KiB |
|
|
@ -0,0 +1,25 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_1314_36302)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#F7F7F7"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#D7D8D9"/>
|
||||
<rect x="25.25" y="26.25" width="69.5" height="25.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="26.25" width="69.5" height="25.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect x="32" y="33" width="15" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect opacity="0.48" x="32" y="41" width="10" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<path d="M57.5 38.8194H55.3334M57.5 38.8194C57.5 38.8194 59.3056 38.8194 59.3056 37.0139C59.3056 35.2083 57.5001 35.2083 57.5 35.2083C57.5 35.2083 57.5 35.2083 57.5 35.2083H55.9334C55.602 35.2083 55.3334 35.477 55.3334 35.8083V38.8194M57.5 38.8194C57.5 38.8194 59.6667 38.8194 59.6667 40.8056C59.6667 42.7917 57.5 42.7917 57.5 42.7917C57.5 42.7917 57.5 42.7917 57.5 42.7917H55.9334C55.602 42.7917 55.3334 42.523 55.3334 42.1917V38.8194" stroke="#CDCECF" stroke-width="1.5"/>
|
||||
<path d="M69.9583 35.2083L71.5833 35.2083M73.2083 35.2083L71.5833 35.2083M71.5833 35.2083L69.4166 42.7917M69.4166 42.7917L67.7916 42.7917M69.4166 42.7917L71.0416 42.7917" stroke="#CDCECF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M85.6667 35.2083V38.4583C85.6667 39.6549 84.6967 40.625 83.5 40.625V40.625C82.3034 40.625 81.3334 39.6549 81.3334 38.4583V35.2083" stroke="#CDCECF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M80.25 42.7917L86.75 42.7917" stroke="#CDCECF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_1314_36302" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1314_36302"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1314_36302" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 2.3 KiB |
|
|
@ -0,0 +1,20 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_2043_89914)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="26.75" y="17.75" width="66.5" height="12.5" rx="3.25" fill="#F5F5F5" stroke="#E6E6E7" stroke-width="1.5" stroke-dasharray="4 4"/>
|
||||
<rect x="26.75" y="47.75" width="66.5" height="12.5" rx="3.25" fill="#F5F5F5" stroke="#E6E6E7" stroke-width="1.5" stroke-dasharray="4 4"/>
|
||||
<rect x="34" y="38" width="52" height="2" rx="1" fill="#CDCECF"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_2043_89914" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2043_89914"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2043_89914" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.3 KiB |
34
web-frontend/modules/builder/assets/icons/element-table.svg
Normal file
34
web-frontend/modules/builder/assets/icons/element-table.svg
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_1314_36219)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<g clip-path="url(#clip0_1314_36219)">
|
||||
<rect x="26" y="17" width="68" height="44" rx="4" fill="white"/>
|
||||
<rect x="26" y="17" width="68" height="6" fill="#E6E6E7"/>
|
||||
<rect x="30" y="27" width="14" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect opacity="0.48" x="53" y="27" width="37" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="30" y="53" width="14" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect opacity="0.48" x="53" y="53" width="37" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="30" y="40" width="14" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect opacity="0.48" x="53" y="40" width="21" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="48" y="23" width="1" height="39" fill="#EDEDED"/>
|
||||
<rect x="26" y="35" width="68" height="1" fill="#EDEDED"/>
|
||||
<rect x="26" y="48" width="68" height="1" fill="#EDEDED"/>
|
||||
</g>
|
||||
<rect x="25.25" y="16.25" width="69.5" height="45.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_1314_36219" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1314_36219"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1314_36219" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_1314_36219">
|
||||
<rect x="26" y="17" width="68" height="44" rx="4" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.9 KiB |
24
web-frontend/modules/builder/assets/icons/element-text.svg
Normal file
24
web-frontend/modules/builder/assets/icons/element-text.svg
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_1314_36292)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="26.25" width="69.5" height="25.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="26.25" width="69.5" height="25.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<rect x="32" y="33" width="44" height="4" rx="2" fill="#E6E6E7"/>
|
||||
<rect x="82" y="33" width="6" height="2" rx="1" fill="#D7D8D9"/>
|
||||
<rect x="84" y="34" width="2" height="10" rx="1" fill="#D7D8D9"/>
|
||||
<rect x="82" y="43" width="6" height="2" rx="1" fill="#D7D8D9"/>
|
||||
<rect opacity="0.48" x="32" y="41" width="32" height="4" rx="2" fill="#E6E6E7"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_1314_36292" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1314_36292"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1314_36292" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 1.5 KiB |
25
web-frontend/modules/builder/assets/icons/element-video.svg
Normal file
25
web-frontend/modules/builder/assets/icons/element-video.svg
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_d_1314_36336)">
|
||||
<rect x="2" y="1" width="116" height="76" rx="6" fill="#FAFAFA"/>
|
||||
<rect x="2.5" y="1.5" width="115" height="75" rx="5.5" stroke="#EDEDED"/>
|
||||
<rect x="25.25" y="20.25" width="69.5" height="37.5" rx="4.75" fill="white"/>
|
||||
<rect x="25.25" y="20.25" width="69.5" height="37.5" rx="4.75" stroke="#E6E6E7" stroke-width="1.5"/>
|
||||
<g clip-path="url(#clip0_1314_36336)">
|
||||
<path d="M60 31C58.4178 31 56.871 31.4692 55.5554 32.3482C54.2398 33.2273 53.2145 34.4767 52.609 35.9385C52.0035 37.4003 51.845 39.0089 52.1537 40.5607C52.4624 42.1126 53.2243 43.538 54.3431 44.6569C55.462 45.7757 56.8874 46.5376 58.4393 46.8463C59.9911 47.155 61.5997 46.9965 63.0615 46.391C64.5233 45.7855 65.7727 44.7602 66.6518 43.4446C67.5308 42.129 68 40.5823 68 39C67.9937 36.8802 67.1488 34.8491 65.6499 33.3501C64.1509 31.8512 62.1198 31.0063 60 31ZM62.765 39.424L58.765 41.924C58.6855 41.9737 58.5937 42 58.5 42C58.3674 42 58.2402 41.9473 58.1465 41.8536C58.0527 41.7598 58 41.6326 58 41.5V36.5C58 36.4107 58.0239 36.3231 58.0692 36.2462C58.1145 36.1693 58.1796 36.1059 58.2576 36.0627C58.3357 36.0194 58.4239 35.9978 58.5131 36.0002C58.6023 36.0025 58.6893 36.0287 58.765 36.076L62.765 38.576C62.8369 38.6209 62.8962 38.6834 62.9373 38.7576C62.9784 38.8318 63 38.9152 63 39C63 39.0848 62.9784 39.1682 62.9373 39.2424C62.8962 39.3166 62.8369 39.3791 62.765 39.424Z" fill="#4E5CFE"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_1314_36336" x="0" y="0" width="120" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.027451 0 0 0 0 0.0313726 0 0 0 0 0.0627451 0 0 0 0.1 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1314_36336"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1314_36336" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_1314_36336">
|
||||
<rect width="16" height="16" fill="white" transform="translate(52 31)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After 
(image error) Size: 2.2 KiB |
|
|
@ -1,24 +1,19 @@
|
|||
<template>
|
||||
<div
|
||||
:key="elementType.name"
|
||||
v-tooltip="disabled ? disabledMessage : null"
|
||||
v-tooltip="disabled ? disabledMessage : elementType.description"
|
||||
class="add-element-card"
|
||||
:class="{ 'add-element-card--disabled': disabled }"
|
||||
v-on="$listeners"
|
||||
>
|
||||
<div v-if="loading" class="loading"></div>
|
||||
<template v-else>
|
||||
<div class="add-element-card__element-type">
|
||||
<i
|
||||
class="add-element-card__element-type-icon"
|
||||
:class="elementType.iconClass"
|
||||
></i>
|
||||
<span>{{ elementType.name }}</span>
|
||||
</div>
|
||||
<div class="margin-top-1 add-element-card__description">
|
||||
{{ elementType.description }}
|
||||
</div>
|
||||
</template>
|
||||
<div v-else class="add-element-card__element-type">
|
||||
<div
|
||||
class="add-element-card__element-type-icon"
|
||||
:class="`add-element-card__element-type-icon-${elementType.getType()}`"
|
||||
></div>
|
||||
</div>
|
||||
<span class="add-element-card__label">{{ elementType.name }}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,24 +1,56 @@
|
|||
<template>
|
||||
<Modal>
|
||||
<Modal class="add-element-modal">
|
||||
<h2 class="box__title">{{ $t('addElementModal.title') }}</h2>
|
||||
<FormInput
|
||||
ref="search"
|
||||
v-model="search"
|
||||
size="large"
|
||||
class="margin-bottom-2"
|
||||
:placeholder="$t('addElementModal.searchPlaceholder')"
|
||||
icon-right="iconoir-search"
|
||||
/>
|
||||
<div class="add-element-modal__element-cards">
|
||||
<AddElementCard
|
||||
v-for="elementType in elementTypes"
|
||||
:key="elementType.getType()"
|
||||
:element-type="elementType"
|
||||
:loading="addingElementType === elementType.getType()"
|
||||
:disabled="isElementTypeDisabled(elementType)"
|
||||
:disabled-message="getElementTypeDisabledMessage(elementType)"
|
||||
@click="addElement(elementType)"
|
||||
<div class="add-element-modal__content">
|
||||
<FormInput
|
||||
ref="search"
|
||||
v-model="search"
|
||||
size="large"
|
||||
class="add-element-modal__search"
|
||||
:placeholder="$t('addElementModal.searchPlaceholder')"
|
||||
icon-left="iconoir-search"
|
||||
/>
|
||||
<div class="add-element-modal__element-cards">
|
||||
<template v-for="group in elementTypes">
|
||||
<div
|
||||
v-if="group.elementTypes.length > 0"
|
||||
:key="group.subject"
|
||||
class="add-element-modal__category"
|
||||
>
|
||||
<Expandable
|
||||
:default-expanded="!initiallyCollapsedCategories[group.subject]"
|
||||
>
|
||||
<template #header="{ toggle, expanded }">
|
||||
<a class="add-element-modal__category-title" @click="toggle">
|
||||
{{ group.label }}
|
||||
<i
|
||||
class="add-element-modal__category-arrow"
|
||||
:class="{
|
||||
'iconoir-nav-arrow-down': expanded,
|
||||
'iconoir-nav-arrow-right': !expanded,
|
||||
}"
|
||||
/>
|
||||
</a>
|
||||
</template>
|
||||
<template #default>
|
||||
<div class="add-element-modal__category-content">
|
||||
<AddElementCard
|
||||
v-for="elementType in group.elementTypes"
|
||||
:key="elementType.getType()"
|
||||
:element-type="elementType"
|
||||
:loading="addingElementType === elementType.getType()"
|
||||
:disabled="isElementTypeDisabled(elementType)"
|
||||
:disabled-message="
|
||||
getElementTypeDisabledMessage(elementType)
|
||||
"
|
||||
@click="addElement(elementType)"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
</Expandable>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</Modal>
|
||||
</template>
|
||||
|
|
@ -30,10 +62,11 @@ import { isSubstringOfStrings } from '@baserow/modules/core/utils/string'
|
|||
import { notifyIf } from '@baserow/modules/core/utils/error'
|
||||
import { mapActions } from 'vuex'
|
||||
import { PAGE_PLACES } from '@baserow/modules/builder/enums'
|
||||
import Expandable from '@baserow/modules/core/components/Expandable'
|
||||
|
||||
export default {
|
||||
name: 'AddElementModal',
|
||||
components: { AddElementCard },
|
||||
components: { AddElementCard, Expandable },
|
||||
mixins: [modal],
|
||||
inject: ['builder', 'currentPage'],
|
||||
props: {
|
||||
|
|
@ -50,17 +83,43 @@ export default {
|
|||
parentElementId: null,
|
||||
pagePlace: null,
|
||||
addingElementType: null,
|
||||
initiallyCollapsedCategories: {},
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
elementTypes() {
|
||||
const elementTypesAll = Object.values(this.$registry.getAll('element'))
|
||||
return elementTypesAll.filter((elementType) =>
|
||||
const filteredTypes = elementTypesAll.filter((elementType) =>
|
||||
isSubstringOfStrings(
|
||||
[elementType.name, elementType.description],
|
||||
this.search
|
||||
)
|
||||
)
|
||||
|
||||
// Define group categories
|
||||
const groupsList = ['baseElement', 'layoutElement', 'formElement']
|
||||
|
||||
// Create group objects with label and empty elementTypes array
|
||||
const groups = groupsList.map((subject) => ({
|
||||
subject,
|
||||
label: this.$t(`addElementCategory.${subject}`),
|
||||
elementTypes: [],
|
||||
}))
|
||||
|
||||
// Fill other groups with filtered element types
|
||||
filteredTypes.forEach((elementType) => {
|
||||
const category = elementType.category() || 'baseElement'
|
||||
|
||||
// Add element to its standard category, even if it's already in suggested elements
|
||||
if (category !== 'suggestedElement') {
|
||||
const group = groups.find((g) => g.subject === category)
|
||||
if (group) {
|
||||
group.elementTypes.push(elementType)
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
return groups
|
||||
},
|
||||
sharedPage() {
|
||||
return this.$store.getters['page/getSharedPage'](this.builder)
|
||||
|
|
|
|||
|
|
@ -67,6 +67,10 @@ export class ElementType extends Registerable {
|
|||
return null
|
||||
}
|
||||
|
||||
category() {
|
||||
return 'baseElement'
|
||||
}
|
||||
|
||||
get description() {
|
||||
return null
|
||||
}
|
||||
|
|
@ -697,6 +701,10 @@ export class FormContainerElementType extends ContainerElementTypeMixin(
|
|||
return 'form_container'
|
||||
}
|
||||
|
||||
category() {
|
||||
return 'formElement'
|
||||
}
|
||||
|
||||
get name() {
|
||||
return this.app.i18n.t('elementType.formContainer')
|
||||
}
|
||||
|
|
@ -779,6 +787,10 @@ export class ColumnElementType extends ContainerElementTypeMixin(ElementType) {
|
|||
return 'column'
|
||||
}
|
||||
|
||||
category() {
|
||||
return 'layoutElement'
|
||||
}
|
||||
|
||||
get name() {
|
||||
return this.app.i18n.t('elementType.column')
|
||||
}
|
||||
|
|
@ -849,6 +861,10 @@ export class TableElementType extends CollectionElementTypeMixin(ElementType) {
|
|||
return 'table'
|
||||
}
|
||||
|
||||
category() {
|
||||
return 'layoutElement'
|
||||
}
|
||||
|
||||
get name() {
|
||||
return this.app.i18n.t('elementType.table')
|
||||
}
|
||||
|
|
@ -917,6 +933,10 @@ export class RepeatElementType extends CollectionElementTypeMixin(
|
|||
return 'repeat'
|
||||
}
|
||||
|
||||
category() {
|
||||
return 'layoutElement'
|
||||
}
|
||||
|
||||
get name() {
|
||||
return this.app.i18n.t('elementType.repeat')
|
||||
}
|
||||
|
|
@ -963,6 +983,10 @@ export class FormElementType extends ElementType {
|
|||
return null
|
||||
}
|
||||
|
||||
category() {
|
||||
return 'formElement'
|
||||
}
|
||||
|
||||
/**
|
||||
* Given a form element, and a form data value, is responsible for validating
|
||||
* this form element type against that value. Returns whether the value is valid.
|
||||
|
|
@ -1817,6 +1841,10 @@ export class HeaderElementType extends MultiPageElementTypeMixin(
|
|||
return 'header'
|
||||
}
|
||||
|
||||
category() {
|
||||
return 'layoutElement'
|
||||
}
|
||||
|
||||
get name() {
|
||||
return this.app.i18n.t('elementType.header')
|
||||
}
|
||||
|
|
@ -1899,6 +1927,10 @@ export class FooterElementType extends HeaderElementType {
|
|||
return 'footer'
|
||||
}
|
||||
|
||||
category() {
|
||||
return 'layoutElement'
|
||||
}
|
||||
|
||||
getPagePlace() {
|
||||
return PAGE_PLACES.FOOTER
|
||||
}
|
||||
|
|
|
|||
|
|
@ -135,6 +135,12 @@
|
|||
"searchPlaceholder": "Search elements",
|
||||
"elementInProgress": "Adding element..."
|
||||
},
|
||||
"addElementCategory": {
|
||||
"suggestedElement": "Suggested elements",
|
||||
"baseElement": "Base elements",
|
||||
"layoutElement": "Layout elements",
|
||||
"formElement": "Form elements"
|
||||
},
|
||||
"elementMenu": {
|
||||
"moveUp": "Move up",
|
||||
"moveDown": "Move down",
|
||||
|
|
|
|||
|
|
@ -1,32 +1,56 @@
|
|||
// Main Component
|
||||
.add-element-card {
|
||||
border: solid $color-neutral-400 1px;
|
||||
padding: 10px 15px;
|
||||
width: 133px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 125px;
|
||||
cursor: pointer;
|
||||
|
||||
@include rounded($rounded-md);
|
||||
|
||||
&:hover {
|
||||
background-color: $color-neutral-100;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&--disabled {
|
||||
opacity: 0.3;
|
||||
cursor: not-allowed;
|
||||
background-color: $color-neutral-100;
|
||||
}
|
||||
|
||||
// Nested elements
|
||||
&__description {
|
||||
font-size: 11px;
|
||||
color: $color-neutral-400;
|
||||
}
|
||||
|
||||
&__element-type {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
|
||||
@include flex-align-items(4px);
|
||||
}
|
||||
|
||||
&__element-type-icon {
|
||||
display: inline-block;
|
||||
width: 116px;
|
||||
height: 110px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
font-size: 16px;
|
||||
|
||||
&:hover {
|
||||
filter: contrast(0.95);
|
||||
}
|
||||
}
|
||||
|
||||
&__label {
|
||||
display: block;
|
||||
color: #202128;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
width: 90px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.add-element-card__description {
|
||||
font-size: 11px;
|
||||
color: $color-neutral-400;
|
||||
}
|
||||
|
||||
.add-element-card__element-type {
|
||||
@include flex-align-items(4px);
|
||||
}
|
||||
|
||||
.add-element-card__element-type-icon {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,44 @@
|
|||
// Icon list
|
||||
$baserow-builder-icons: (
|
||||
'auth_form',
|
||||
'button',
|
||||
'checkbox',
|
||||
'choice',
|
||||
'column',
|
||||
'container',
|
||||
'datetime_picker',
|
||||
'fields',
|
||||
'footer',
|
||||
'form_container',
|
||||
'header',
|
||||
'heading',
|
||||
'iframe',
|
||||
'positioned_container',
|
||||
'menu',
|
||||
'image',
|
||||
'input_text',
|
||||
'link',
|
||||
'map',
|
||||
'rating',
|
||||
'rating_input',
|
||||
'record_selector',
|
||||
'repeat',
|
||||
'rich_text',
|
||||
'separator',
|
||||
'table',
|
||||
'text',
|
||||
'video'
|
||||
);
|
||||
|
||||
@mixin baserow-builder-icon($name) {
|
||||
background-image: url('@baserow/modules/builder/assets/icons/element-' + $name + '.svg');
|
||||
}
|
||||
|
||||
$baserow-builder-icon-prefix: 'add-element-card__element-type-icon-';
|
||||
|
||||
// Generate builder icon classes
|
||||
@each $icon in $baserow-builder-icons {
|
||||
.#{$baserow-builder-icon-prefix}#{$icon} {
|
||||
@include baserow-builder-icon($icon);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,5 +1,74 @@
|
|||
.add-element-modal__element-cards {
|
||||
display: flex;
|
||||
flex-flow: wrap;
|
||||
gap: 15px;
|
||||
// Main modal container
|
||||
.add-element-modal {
|
||||
div.modal__box {
|
||||
max-height: 90vh;
|
||||
overflow-y: auto;
|
||||
padding: 2.5em;
|
||||
max-width: 560px;
|
||||
}
|
||||
|
||||
&__element-cards {
|
||||
display: flex;
|
||||
flex-flow: wrap;
|
||||
gap: 15px;
|
||||
flex-direction: column;
|
||||
margin-left: -11px;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.expandable__header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-top: 1px solid #ededed;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
padding-top: 20px;
|
||||
margin-left: 5px;
|
||||
width: 490px;
|
||||
}
|
||||
|
||||
&__category-arrow {
|
||||
font-size: 14px;
|
||||
color: $color-neutral-500;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
margin-top: -14px;
|
||||
}
|
||||
|
||||
&__category-title {
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #6a6b70;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
&__category-content {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
&__category {
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
&__category:first-of-type {
|
||||
.expandable__header {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
&__search {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
&__search-magnifier {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
@import 'theme/all';
|
||||
@import 'page_builder';
|
||||
@import 'elements_context';
|
||||
@import 'add_element_icons';
|
||||
@import 'add_element_card';
|
||||
@import 'add_element_modal';
|
||||
@import 'page_preview';
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue