templates/areas/col/areas.html.twig line 1

Open in your IDE?
  1. {% block areas %}
  3.   {% set sizeValueSM = [["auto", "ercas_doc_be_col_option_sizeSM_auto"|trans], ["2", "2/12"], ["3", "3/12"], ["4", "4/12"], ["5", "5/12"], ["6", "6/12"], ["7", "7/12"], ["8", "8/12"], ["9", "9/12"], ["10", "10/12"], ["11", "11/12"], ["12", "12/12"]] %}
  4.   {% set sizeValueMD = [["auto", "ercas_doc_be_col_option_sizeMD_auto"|trans], ["2", "2/12"], ["3", "3/12"], ["4", "4/12"], ["5", "5/12"], ["6", "6/12"], ["7", "7/12"], ["8", "8/12"], ["9", "9/12"], ["10", "10/12"], ["11", "11/12"], ["12", "12/12"]] %}
  5.   {% set sizeValueLG = [["auto", "ercas_doc_be_col_option_sizeLG_auto"|trans], ["2", "2/12"], ["3", "3/12"], ["4", "4/12"], ["5", "5/12"], ["6", "6/12"], ["7", "7/12"], ["8", "8/12"], ["9", "9/12"], ["10", "10/12"], ["11", "11/12"], ["12", "12/12"]] %}
  7.   {# Col Margin #}
  8.   {% set colMarginSelect = pimcore_select('colMargin', {
  9.     reload: false,
  10.     store: [
  11.       ["spacing-margin-bottom", "ercas_doc_be_col_option_margin_spacingLarge"|trans],
  12.       ["spacing-medium-margin-bottom", "ercas_doc_be_col_option_margin_spacingMedium"|trans],
  13.       ["spacing-small-margin-bottom", "ercas_doc_be_col_option_margin_spacingSmall"|trans],
  14.       ["spacing-extra-small-margin-bottom", "ercas_doc_be_col_option_margin_spacingColumn"|trans],
  15.       ["spacing-margin-bottom-none", "ercas_doc_be_col_option_margin_spacingNone"|trans]
  16.     ],
  17.     defaultValue: 'spacing-margin-bottom-none',
  18.     width: 300
  19.   }) %}
  21.   {# Col padding #}
  22.   {#{% set colPaddingSelect = pimcore_select('colPadding', {
  23.     reload: false,
  24.     width: 300,
  25.     store: [["spacing-component-padding", "area_spacing_large"|trans], ["spacing-component-small-padding", "area_spacing_small"|trans], ["spacing-component-none-padding", "area_spacing_none"|trans]]
  26.   }) %}
  28.   {% if editmode and colPaddingSelect.isEmpty() %}
  29.     {% do colPaddingSelect.setDataFromResource("spacing-component-none-padding") %}
  30.   {% endif %}
  32.   {% if colPadding is not defined %}
  33.     {% if contentInclude is defined %}
  34.       {% set colPadding = 'spacing-component-none-padding' %}
  35.     {% else %}
  36.       {% set colPadding = colPaddingSelect.getData() %}
  37.     {% endif %}
  38.   {% endif %}#}
  40.   {# Col align #}
  41.   {% set colAlignSelect = pimcore_select('colAlign', {
  42.     reload: false,
  43.     width: 300,
  44.     defaultValue: 'center',
  45.     store: [["auto", "ercas_doc_be_col_option_alignment_auto"|trans], ["start", "ercas_doc_be_col_option_alignment_top"|trans], ["center", "ercas_doc_be_col_option_alignment_center"|trans], ["end", "ercas_doc_be_col_option_alignment_bottom"|trans]]
  46.   }) %}
  48.   {% if editmode and colAlignSelect.isEmpty() %}
  49.       {% do colAlignSelect.setDataFromResource("auto") %}
  50.   {% endif %}
  52.   {% if colAlign is not defined %}
  53.     {% if contentInclude is defined %}
  54.       {% set colAlign = 'auto' %}
  55.     {% else %}
  56.       {% set colAlign = colAlignSelect.getData() %}
  57.     {% endif %}
  58.   {% endif %}
  61.   {# Col content align #}
  62.   {% set colAlignConetentSelect = pimcore_select('colAlignContent', {
  63.     reload: false,
  64.     width: 300,
  65.     defaultValue: 'center',
  66.     store: [["start", "ercas_doc_be_col_option_alignContent_top"|trans], ["center", "ercas_doc_be_col_option_alignContent_center"|trans], ["end", "ercas_doc_be_col_option_alignContent_bottom"|trans]]
  67.   }) %}
  69.   {% if editmode and colAlignConetentSelect.isEmpty() %}
  70.       {% do colAlignConetentSelect.setDataFromResource("auto") %}
  71.   {% endif %}
  73.   {% if colAlignContent is not defined %}
  74.     {% if contentInclude is defined %}
  75.       {% set colAlignContent = 'auto' %}
  76.     {% else %}
  77.       {% set colAlignContent = colAlignConetentSelect.getData() %}
  78.     {% endif %}
  79.   {% endif %}
  81.   {# Col border #}
  82.   {#% set colBorderSelect = pimcore_checkbox('colBorder') %#}
  84.   {# Col sticky #}
  85.   {% set colStickySelect = pimcore_checkbox('colSticky') %}
  87.   {# Col not Equal Hight #}
  88.   {% set colNotEqualHightSelect = pimcore_checkbox('colNotEqualHight') %}
  90.   {# Col create spacer #}
  91.   {% set colCreateSpacerSelect = pimcore_checkbox('colCreateSpacer') %}
  93.   {# Col background #}
  94.   {% set colBackgroundSelect = pimcore_select('colBackground', {
  95.     reload: true,
  96.     width: 300,
  97.     defaultValue: 'none',
  98.     store: [["none", "ercas_doc_be_col_option_backgroundColor_none"|trans], ["white", 'ercas_doc_be_col_option_backgroundColor_white'|trans], ["primary", 'ercas_doc_be_col_option_backgroundColor_primary'|trans], ["primary-light", 'ercas_doc_be_col_option_backgroundColor_primary_light'|trans], ["secondary", 'ercas_doc_be_col_option_backgroundColor_secondary'|trans], ["image", 'ercas_doc_be_col_option_backgroundColor_image'|trans], ["video", 'ercas_doc_be_col_option_backgroundColor_video'|trans], ["border", 'ercas_doc_be_col_option_backgroundColor_border'|trans]]
  99.   }) %}
  101.   {% if editmode and colBackgroundSelect.isEmpty() %}
  102.       {% do colBackgroundSelect.setDataFromResource("none") %}
  103.   {% endif %}
  105.   {% if colBackground is not defined %}
  106.     {% if contentInclude is defined %}
  107.       {% set colBackground = 'none' %}
  108.     {% elseif colBackgroundSelect.getData() == 'none' and (rowBackground != 'none' and rowBackground != 'video' and rowBackground != 'image') %}
  109.       {% set colBackground = rowBackground %}
  110.     {% else %}
  111.       {% set colBackground = colBackgroundSelect.getData() %}
  112.     {% endif %}
  113.   {% endif %}
  115.   {# Col offset #}
  116.   {# {% set colOffsetSelect = pimcore_select('colOffset', {
  117.     reload: false,
  118.     store: [["spacing-margin-top-none", "area_spacing_none"|trans], ["spacing-small-margin-top", "area_spacing_small"|trans], ["spacing-margin-top", "area_spacing_large"|trans], ["c-col__sticky-offset", "sticky offset"|trans]]
  119.   }) %} #}
  121.   {# Col Background opacity #}
  122.  {% set colOpacity = pimcore_numeric('colOpacity',{
  123.         "minValue" : 0,
  124.         "maxValue" : 100,
  125.         "decimalPrecision" : 0,
  126.     "defaultValue": 100,
  127.     width: 300,
  128.     }) %}
  130.   {# Col Size sm #}
  131.   {% set colSizeSmSelect = pimcore_select('colSizeSm', {
  132.     reload: false,
  133.     store: sizeValueSM,
  134.     width: 300,
  135.     defaultValue: '12'
  136.   }) %}
  138.   {# Col Size md #}
  139.   {% set colSizeMdSelect = pimcore_select('colSizeMd', {
  140.     reload: false,
  141.     store: sizeValueMD,
  142.     width: 300,
  143.     defaultValue: 'auto'
  144.   }) %}
  146.   {# Col Size lg #}
  147.   {% set colSizeLgSelect = pimcore_select('colSizeLg', {
  148.     reload: false,
  149.     store: sizeValueLG,
  150.     width: 300,
  151.     defaultValue: 'auto'
  152.   }) %}
  154.   {# Col Behave offset #}
  155.   {% set colBehaveOffset = pimcore_select('colBehaveOffset', {
  156.     reload: true,
  157.     width: 300,
  158.     store: [
  159.       ["spacing-margin-top-none", "ercas_doc_be_col_option_offset_none"|trans],
  160.       ["spacing-small-margin-top", "ercas_doc_be_col_option_offset_spacingSmall"|trans],
  161.       ["spacing-medium-margin-top", "ercas_doc_be_col_option_offset_spacingMedium"|trans],
  162.       ["spacing-margin-top", "ercas_doc_be_col_option_offset_spacingLarge"|trans],
  163.     ]
  164.   }) %}
  166.   {% if editmode and colBehaveOffset.isEmpty() %}
  167.       {% do colBehaveOffset.setDataFromResource("spacing-margin-top-none") %}
  168.   {% endif %}
  170.   {% if colOffset is not defined %}
  171.     {% if contentInclude is defined %}
  172.       {% set colOffset = 'spacing-margin-top-none' %}
  173.     {% else %}
  174.       {% set colOffset = colBehaveOffset.getData() %}
  175.     {% endif %}
  176.   {% endif %}
  178.   {# Col image #}
  179.   {% set colImage = pimcore_image('colImage', {
  180.     reload: true,
  181.     thumbnail: 'content-full'
  182.   }) %}
  184.   {# Col video #}
  185.   {% set colVideo = pimcore_video('colVideo', {
  186.     reload: true,
  187.     width: '100%',
  188.     height: '100%',
  189.     attributes: {
  190.       controls: false,
  191.       loop: 1,
  192.       autoplay: true,
  193.       muted: true
  194.     },
  195.     youtube: {
  196.       rel: 0,
  197.       controls: false,
  198.       loop: 1,
  199.       autoplay: true,
  200.       muted: true
  201.     }
  202.   }) %}
  204.   {# Col height select #}
  205.   {% set colHeightSelect = pimcore_select('colHeightSelect', {
  206.     reload: false,
  207.     width: 300,
  208.     store: [["auto", "ercas_doc_be_col_option_height_auto"|trans], ["square", "ercas_doc_be_col_option_height_square"|trans], ["50", "ercas_doc_be_col_option_height_50"|trans], ["60", "ercas_doc_be_col_option_height_60"|trans], ["70", "ercas_doc_be_col_option_height_70"|trans], ["80", "ercas_doc_be_col_option_height_80"|trans], ["90", "ercas_doc_be_col_option_height_90"|trans], ["100", "ercas_doc_be_col_option_height_100"|trans]]
  209.   }) %}
  211.   {% if editmode and colHeightSelect.isEmpty() %}
  212.       {% do colHeightSelect.setDataFromResource("auto") %}
  213.   {% endif %}
  215.   {# Col padding left-right select #}
  216.   {% set colPaddingLeftRightSelect = pimcore_select('colPaddingLeftRightSelect', {
  217.     reload: false,
  218.     width: 300,
  219.     defaultValue: 'spacing-component-padding-none-left-right',
  220.     store: [["spacing-component-padding-left-right", "ercas_doc_be_col_option_paddingLeftRight_large"|trans], ["spacing-component-medium-padding-left-right", "ercas_doc_be_col_option_paddingLeftRight_medium"|trans], ["spacing-component-small-padding-left-right", "ercas_doc_be_col_option_paddingLeftRight_small"|trans], ["spacing-component-extra-small-padding-left-right", "ercas_doc_be_col_option_paddingLeftRight_extraSmall"|trans], ["spacing-component-padding-none-left-right", "ercas_doc_be_col_option_paddingLeftRight_none"|trans]]
  221.   }) %}
  223.   {% if editmode and colPaddingLeftRightSelect.isEmpty() %}
  224.       {% do colPaddingLeftRightSelect.setDataFromResource("spacing-component-padding-left-right") %}
  225.   {% endif %}
  227.   {# Col padding top-bottom select #}
  228.   {% set colPaddingTopBottomSelect = pimcore_select('colPaddingTopBottomSelect', {
  229.     reload: false,
  230.     width: 300,
  231.     defaultValue: 'spacing-component-padding-none-top-bottom',
  232.     store: [["spacing-component-sticky-offset-padding-top-bottom", "area_spacing_sticky_offset"|trans], ["spacing-component-padding-top-bottom", "ercas_doc_be_col_option_paddingTopBottom_large"|trans], ["spacing-component-medium-padding-top-bottom", "ercas_doc_be_col_option_paddingTopBottom_medium"|trans], ["spacing-component-small-padding-top-bottom", "ercas_doc_be_col_option_paddingTopBottom_small"|trans], ["spacing-component-extra-small-padding-top-bottom", "ercas_doc_be_col_option_paddingTopBottom_extraSmall"|trans], ["spacing-component-padding-none-top-bottom", "ercas_doc_be_col_option_paddingTopBottom_none"|trans]]
  233.   }) %}
  235.   {% if editmode and colPaddingTopBottomSelect.isEmpty() %}
  236.       {% do colPaddingTopBottomSelect.setDataFromResource("spacing-component-padding-top-bottom") %}
  237.   {% endif %}
  239.    {# Col Inner padding top-bottom select #}
  240.   {#% set colInnerTopBottomSelect = pimcore_select('colInnerTopBottomSelect', {
  241.     reload: false,
  242.     width: 300,
  243.     defaultValue: 'spacing-component-medium-Innerpadding-top-bottom',
  244.     store: [["spacing-component-sticky-offset-Innerpadding-top-bottom", "area_spacing_sticky_offset"|trans], ["spacing-component-Innerpadding-top-bottom", "Innerercas_doc_be_col_option_paddingTopBottom_large"|trans], ["spacing-component-medium-Innerpadding-top-bottom", "Innerercas_doc_be_col_option_paddingTopBottom_medium"|trans], ["spacing-component-small-Innerpadding-top-bottom", "Innerercas_doc_be_col_option_paddingTopBottom_small"|trans], ["spacing-component-extra-small-Innerpadding-top-bottom", "Innerercas_doc_be_col_option_paddingTopBottom_extraSmall"|trans], ["spacing-component-Innerpadding-none-top-bottom", "Innerercas_doc_be_col_option_paddingTopBottom_none"|trans]]
  245.   }) %}
  247.   {% if editmode and colInnerTopBottomSelect.isEmpty() %}
  248.       {% do colInnerTopBottomSelect.setDataFromResource("spacing-component-padding-top-bottom") %}
  249.   {% endif %#}
  251.   {# col gradient color select #}
  252.   {% set colGradientColorSelect = pimcore_select('colGradientColorSelect', {
  253.     reload: false,
  254.     width: 300,
  255.     store: [["dark", "ercas_doc_be_col_option_gradientColor_dark"|trans], ["bright", "ercas_doc_be_col_option_gradientColor_light"|trans], ["multi", "ercas_doc_be_col_option_gradientColor_multi"|trans]]
  256.   }) %}
  258.   {% if editmode and colGradientColorSelect.isEmpty() %}
  259.       {% do colGradientColorSelect.setDataFromResource("multi") %}
  260.   {% endif %}
  263.   {# Col gradient opacity #}
  264.   {% set colGradientOpacity = pimcore_numeric('colGradientOpacity',{
  265.     'minValue': 0,
  266.     'maxValue':100,
  267.     'decimalPrecision': 0,
  268.     defaultValue: 50,
  269.     width: 300,
  270.   }) %}
  272.   {# Col gradient height #}
  273.   {% set colGradientSize = pimcore_numeric('colGradientSize', {
  274.     'minValue': 0,
  275.     'maxValue':100,
  276.     'decimalPrecision': 0,
  277.     defaultValue: 100,
  278.     width: 300,
  279.   }) %}
  281.   {% set colGradientAlignment = pimcore_select('colGradientAlignment', {
  282.     reload: false,
  283.     width: 300,
  284.     store: [
  285.       ["none", "ercas_doc_be_col_option_gradientAlignment_none"|trans],
  286.       ["top", "ercas_doc_be_col_option_gradientAlignment_top"|trans],
  287.       ["left", 'ercas_doc_be_col_option_gradientAlignment_left'|trans],
  288.       ["right", 'ercas_doc_be_col_option_gradientAlignment_right'|trans],
  289.       ["bottom", 'ercas_doc_be_col_option_gradientAlignment_bottom'|trans],
  290.       ["full", "ercas_doc_be_col_option_gradientAlignment_full"|trans]
  291.     ],
  292.     defaultValue: 'none'
  293.   }) %}
  297.   {% block editables %}
  298.   {% endblock %}
  299. {% endblock %}