<?php

[0] Fix | Delete

[1] Fix | Delete

namespace Nextend\Framework\Style;

[2] Fix | Delete

[3] Fix | Delete

use Nextend\Framework\Settings;

[4] Fix | Delete

[5] Fix | Delete

class StyleRenderer {

[6] Fix | Delete

[7] Fix | Delete

public static $pre = '';

[8] Fix | Delete

[9] Fix | Delete

/**

[10] Fix | Delete

* @var Style

[11] Fix | Delete

*/

[12] Fix | Delete

public static $style;

[13] Fix | Delete

[14] Fix | Delete

public static $mode;

[15] Fix | Delete

[16] Fix | Delete

public static function render($style, $mode, $pre = '') {

[17] Fix | Delete

self::$pre = $pre;

[18] Fix | Delete

[19] Fix | Delete

if (!empty($style)) {

[20] Fix | Delete

[21] Fix | Delete

$value = json_decode($style, true);

[22] Fix | Delete

if ($value) {

[23] Fix | Delete

$selector = 'n2-style-' . md5($style) . '-' . $mode;

[24] Fix | Delete

[25] Fix | Delete

return array(

[26] Fix | Delete

$selector . ' ',

[27] Fix | Delete

self::renderStyle($mode, $pre, $selector, $value['data'])

[28] Fix | Delete

);

[29] Fix | Delete

}

[30] Fix | Delete

}

[31] Fix | Delete

[32] Fix | Delete

return false;

[33] Fix | Delete

}

[34] Fix | Delete

[35] Fix | Delete

private static function renderStyle($mode, $pre, $selector, $tabs) {

[36] Fix | Delete

$search = array(

[37] Fix | Delete

'@pre',

[38] Fix | Delete

'@selector'

[39] Fix | Delete

);

[40] Fix | Delete

$replace = array(

[41] Fix | Delete

$pre,

[42] Fix | Delete

'.' . $selector

[43] Fix | Delete

);

[44] Fix | Delete

$tabs[0] = array_merge(array(

[45] Fix | Delete

'backgroundcolor' => 'ffffff00',

[46] Fix | Delete

'opacity' => 100,

[47] Fix | Delete

'padding' => '0|*|0|*|0|*|0|*|px',

[48] Fix | Delete

'boxshadow' => '0|*|0|*|0|*|0|*|000000ff',

[49] Fix | Delete

'border' => '0|*|solid|*|000000ff',

[50] Fix | Delete

'borderradius' => '0',

[51] Fix | Delete

'extra' => '',

[52] Fix | Delete

), $tabs[0]);

[53] Fix | Delete

[54] Fix | Delete

foreach ($tabs as $k => $tab) {

[55] Fix | Delete

$search[] = '@tab' . $k;

[56] Fix | Delete

$replace[] = self::$style->style($tab);

[57] Fix | Delete

}

[58] Fix | Delete

[59] Fix | Delete

$template = '';

[60] Fix | Delete

foreach (self::$mode[$mode]['selectors'] as $s => $style) {

[61] Fix | Delete

$key = array_search($style, $search);

[62] Fix | Delete

if (is_numeric($key) && !empty($replace[$key])) {

[63] Fix | Delete

$template .= $s . "{" . $style . "}";

[64] Fix | Delete

}

[65] Fix | Delete

}

[66] Fix | Delete

[67] Fix | Delete

return str_replace($search, $replace, $template);

[68] Fix | Delete

}

[69] Fix | Delete

}

[70] Fix | Delete

[71] Fix | Delete

[72] Fix | Delete

$frontendAccessibility = intval(Settings::get('frontend-accessibility', 1));

[73] Fix | Delete

[74] Fix | Delete

StyleRenderer::$mode = array(

[75] Fix | Delete

'0' => array(

[76] Fix | Delete

'id' => '0',

[77] Fix | Delete

'label' => n2_('Single'),

[78] Fix | Delete

'tabs' => array(

[79] Fix | Delete

n2_('Text')

[80] Fix | Delete

),

[81] Fix | Delete

'renderOptions' => array(

[82] Fix | Delete

'combined' => false

[83] Fix | Delete

),

[84] Fix | Delete

'preview' => '<div class="{styleClassName}">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>',

[85] Fix | Delete

'selectors' => array(

[86] Fix | Delete

'@pre@selector' => '@tab'

[87] Fix | Delete

)

[88] Fix | Delete

),

[89] Fix | Delete

'simple' => array(

[90] Fix | Delete

'id' => 'simple',

[91] Fix | Delete

'label' => n2_('Simple'),

[92] Fix | Delete

'tabs' => array(

[93] Fix | Delete

n2_('Normal')

[94] Fix | Delete

),

[95] Fix | Delete

'renderOptions' => array(

[96] Fix | Delete

'combined' => true

[97] Fix | Delete

),

[98] Fix | Delete

'preview' => '<div class="{styleClassName}" style="width: 200px; height:100px;"></div>',

[99] Fix | Delete

'selectors' => array(

[100] Fix | Delete

'@pre@selector' => '@tab0'

[101] Fix | Delete

)

[102] Fix | Delete

),

[103] Fix | Delete

'box' => array(

[104] Fix | Delete

'id' => 'box',

[105] Fix | Delete

'label' => n2_('Box'),

[106] Fix | Delete

'tabs' => array(

[107] Fix | Delete

n2_('Normal'),

[108] Fix | Delete

n2_('Hover')

[109] Fix | Delete

),

[110] Fix | Delete

'renderOptions' => array(

[111] Fix | Delete

'combined' => true

[112] Fix | Delete

),

[113] Fix | Delete

'preview' => '<div class="{styleClassName}" style="width: 200px; height:100px;"></div>',

[114] Fix | Delete

'selectors' => array(

[115] Fix | Delete

'@pre@selector' => '@tab0',

[116] Fix | Delete

'@pre@selector:HOVER' => '@tab1'

[117] Fix | Delete

)

[118] Fix | Delete

),

[119] Fix | Delete

'button' => array(

[120] Fix | Delete

'id' => 'button',

[121] Fix | Delete

'label' => n2_('Button'),

[122] Fix | Delete

'tabs' => array(

[123] Fix | Delete

n2_('Normal'),

[124] Fix | Delete

n2_('Hover')

[125] Fix | Delete

),

[126] Fix | Delete

'renderOptions' => array(

[127] Fix | Delete

'combined' => true

[128] Fix | Delete

),

[129] Fix | Delete

'preview' => '<div><a style="display:inline-block; margin:20px;" class="{styleClassName}" href="#" onclick="return false;">Button</a></div>',

[130] Fix | Delete

'selectors' => $frontendAccessibility ? array(

[131] Fix | Delete

'@pre@selector' => '@tab0',

[132] Fix | Delete

'@pre@selector:Hover, @pre@selector:ACTIVE, @pre@selector:FOCUS' => '@tab1'

[133] Fix | Delete

) : array(

[134] Fix | Delete

'@pre@selector, @pre@selector:FOCUS' => '@tab0',

[135] Fix | Delete

'@pre@selector:Hover, @pre@selector:ACTIVE' => '@tab1'

[136] Fix | Delete

)

[137] Fix | Delete

),

[138] Fix | Delete

'heading' => array(

[139] Fix | Delete

'id' => 'heading',

[140] Fix | Delete

'label' => n2_('Heading'),

[141] Fix | Delete

'tabs' => array(

[142] Fix | Delete

n2_('Normal'),

[143] Fix | Delete

n2_('Hover')

[144] Fix | Delete

),

[145] Fix | Delete

'renderOptions' => array(

[146] Fix | Delete

'combined' => true

[147] Fix | Delete

),

[148] Fix | Delete

'preview' => '<div class="{styleClassName}">Heading</div>',

[149] Fix | Delete

'selectors' => $frontendAccessibility ? array(

[150] Fix | Delete

'@pre@selector' => '@tab0',

[151] Fix | Delete

'@pre@selector:Hover, @pre@selector:ACTIVE, @pre@selector:FOCUS' => '@tab1'

[152] Fix | Delete

) : array(

[153] Fix | Delete

'@pre@selector, @pre@selector:FOCUS' => '@tab0',

[154] Fix | Delete

'@pre@selector:Hover, @pre@selector:ACTIVE' => '@tab1'

[155] Fix | Delete

)

[156] Fix | Delete

),

[157] Fix | Delete

'heading-active' => array(

[158] Fix | Delete

'id' => 'heading-active',

[159] Fix | Delete

'label' => n2_('Heading active'),

[160] Fix | Delete

'tabs' => array(

[161] Fix | Delete

n2_('Normal'),

[162] Fix | Delete

n2_('Active')

[163] Fix | Delete

),

[164] Fix | Delete

'renderOptions' => array(

[165] Fix | Delete

'combined' => true

[166] Fix | Delete

),

[167] Fix | Delete

'preview' => '<div class="{styleClassName}">Heading</div>',

[168] Fix | Delete

'selectors' => array(

[169] Fix | Delete

'@pre@selector' => '@tab0',

[170] Fix | Delete

'@pre@selector.n2-active' => '@tab1'

[171] Fix | Delete

)

[172] Fix | Delete

),

[173] Fix | Delete

'dot' => array(

[174] Fix | Delete

'id' => 'dot',

[175] Fix | Delete

'label' => n2_('Dot'),

[176] Fix | Delete

'tabs' => array(

[177] Fix | Delete

n2_('Normal'),

[178] Fix | Delete

n2_('Active')

[179] Fix | Delete

),

[180] Fix | Delete

'renderOptions' => array(

[181] Fix | Delete

'combined' => true

[182] Fix | Delete

),

[183] Fix | Delete

'preview' => '<div><div class="{styleClassName}" style="display: inline-block; margin: 3px;"></div><div class="{styleClassName} n2-active" style="display: inline-block; margin: 3px;"></div><div class="{styleClassName}" style="display: inline-block; margin: 3px;"></div></div>',

[184] Fix | Delete

'selectors' => array(

[185] Fix | Delete

'@pre@selector' => '@tab0',

[186] Fix | Delete

'@pre@selector.n2-active, @pre@selector:HOVER, @pre@selector:FOCUS' => '@tab1'

[187] Fix | Delete

)

[188] Fix | Delete

),

[189] Fix | Delete

'highlight' => array(

[190] Fix | Delete

'id' => 'highlight',

[191] Fix | Delete

'label' => n2_('Highlight'),

[192] Fix | Delete

'tabs' => array(

[193] Fix | Delete

n2_('Normal'),

[194] Fix | Delete

n2_('Highlight'),

[195] Fix | Delete

n2_('Hover')

[196] Fix | Delete

),

[197] Fix | Delete

'renderOptions' => array(

[198] Fix | Delete

'combined' => true

[199] Fix | Delete

),

[200] Fix | Delete

'preview' => '<div class="{fontClassName}">' . n2_('Button') . '</div>',

[201] Fix | Delete

'selectors' => $frontendAccessibility ? array(

[202] Fix | Delete

'@pre@selector' => '@tab0',

[203] Fix | Delete

'@pre@selector .n2-highlighted' => '@tab1',

[204] Fix | Delete

'@pre@selector .n2-highlighted:HOVER, @pre@selector .n2-highlighted:ACTIVE, @pre@selector .n2-highlighted:FOCUS' => '@tab2'

[205] Fix | Delete

) : array(

[206] Fix | Delete

'@pre@selector' => '@tab0',

[207] Fix | Delete

'@pre@selector .n2-highlighted, @pre@selector .n2-highlighted:FOCUS' => '@tab1',

[208] Fix | Delete

'@pre@selector .n2-highlighted:HOVER, @pre@selector .n2-highlighted:ACTIVE' => '@tab2'

[209] Fix | Delete

)

[210] Fix | Delete

),

[211] Fix | Delete

);

[212] Fix | Delete

[213] Fix | Delete

[214] Fix | Delete

StyleRenderer::$style = new Style();

[215] Fix | Delete