Tree view fixes

This commit is contained in:
Jose Gonzalez 2023-02-23 14:30:31 +01:00
parent 6180a42413
commit d7c70bd8a8
12 changed files with 165 additions and 42 deletions

View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 61.2 (89653) - https://sketch.com -->
<title>Dark / 20 / dotted corner@svg</title>
<desc>Created with Sketch.</desc>
<g id="Dark-/-20-/-dotted-corner" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M9,1 L9,3 C9,3.55228475 9.44771525,4 10,4 C10.5522847,4 11,3.55228475 11,3 L11,1 C11,0.44771525 10.5522847,-8.8817842e-16 10,-8.8817842e-16 C9.44771525,-8.8817842e-16 9,0.44771525 9,1 Z M9,6 L9,8 C9,8.55228475 9.44771525,9 10,9 C10.5522847,9 11,8.55228475 11,8 L11,6 C11,5.44771525 10.5522847,5 10,5 C9.44771525,5 9,5.44771525 9,6 Z M11.9475734,11.0046923 L12.1206389,11.0088292 L14.0125056,11 C14.5647843,10.997423 15.0104053,10.5476233 15.0078502,9.9953446 C15.0052507,9.44306587 14.555451,8.99744483 14.0031722,9.00002215 L12.0524764,9.00744533 C11.5009519,8.97847716 11.0303696,9.40209278 11.0014014,9.9536173 C10.9724333,10.5051418 11.3960489,10.9757241 11.9475734,11.0046923 Z M17.0046669,11.0093338 L19.0046451,10.9999893 C19.5569239,10.997412 20.0025449,10.5476123 19.9999787,9.99533358 C19.9973902,9.44305484 19.5475905,8.9974338 18.9953118,9 L16.9953336,9.00934444 C16.4430548,9.01192177 15.9974338,9.46172148 16,10.0140002 C16.0025884,10.5662789 16.4523882,11.0119 17.0046669,11.0093338 Z" id="Path-53" fill="#C1CCDC" fill-rule="nonzero"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 61.2 (89653) - https://sketch.com -->
<title>Dark / 20 / dotted corner@svg</title>
<desc>Created with Sketch.</desc>
<g id="Dark-/-20-/-dotted-corner" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M9,1 L9,3 C9,3.55228475 9.44771525,4 10,4 C10.5522847,4 11,3.55228475 11,3 L11,1 C11,0.44771525 10.5522847,-8.8817842e-16 10,-8.8817842e-16 C9.44771525,-8.8817842e-16 9,0.44771525 9,1 Z M9,6 L9,8 C9,8.55228475 9.44771525,9 10,9 C10.5522847,9 11,8.55228475 11,8 L11,6 C11,5.44771525 10.5522847,5 10,5 C9.44771525,5 9,5.44771525 9,6 Z M11.9475734,11.0046923 L12.1206389,11.0088292 L14.0125056,11 C14.5647843,10.997423 15.0104053,10.5476233 15.0078502,9.9953446 C15.0052507,9.44306587 14.555451,8.99744483 14.0031722,9.00002215 L12.0524764,9.00744533 C11.5009519,8.97847716 11.0303696,9.40209278 11.0014014,9.9536173 C10.9724333,10.5051418 11.3960489,10.9757241 11.9475734,11.0046923 Z M17.0046669,11.0093338 L19.0046451,10.9999893 C19.5569239,10.997412 20.0025449,10.5476123 19.9999787,9.99533358 C19.9973902,9.44305484 19.5475905,8.9974338 18.9953118,9 L16.9953336,9.00934444 C16.4430548,9.01192177 15.9974338,9.46172148 16,10.0140002 C16.0025884,10.5662789 16.4523882,11.0119 17.0046669,11.0093338 Z" id="Path-53" fill="#C1CCDC" fill-rule="nonzero"></path>
</g>
<circle fill="#111" class="st0" cx="10" cy="10" r="5"/>
<rect x="7" y="9" width="6px" height="2px" fill="#FFF" ></rect>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 61.2 (89653) - https://sketch.com -->
<title>Dark / 20 / dotted corner@svg</title>
<desc>Created with Sketch.</desc>
<g id="Dark-/-20-/-dotted-corner" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M9,1 L9,3 C9,3.55228475 9.44771525,4 10,4 C10.5522847,4 11,3.55228475 11,3 L11,1 C11,0.44771525 10.5522847,-8.8817842e-16 10,-8.8817842e-16 C9.44771525,-8.8817842e-16 9,0.44771525 9,1 Z M9,6 L9,8 C9,8.55228475 9.44771525,9 10,9 C10.5522847,9 11,8.55228475 11,8 L11,6 C11,5.44771525 10.5522847,5 10,5 C9.44771525,5 9,5.44771525 9,6 Z M11.9475734,11.0046923 L12.1206389,11.0088292 L14.0125056,11 C14.5647843,10.997423 15.0104053,10.5476233 15.0078502,9.9953446 C15.0052507,9.44306587 14.555451,8.99744483 14.0031722,9.00002215 L12.0524764,9.00744533 C11.5009519,8.97847716 11.0303696,9.40209278 11.0014014,9.9536173 C10.9724333,10.5051418 11.3960489,10.9757241 11.9475734,11.0046923 Z M17.0046669,11.0093338 L19.0046451,10.9999893 C19.5569239,10.997412 20.0025449,10.5476123 19.9999787,9.99533358 C19.9973902,9.44305484 19.5475905,8.9974338 18.9953118,9 L16.9953336,9.00934444 C16.4430548,9.01192177 15.9974338,9.46172148 16,10.0140002 C16.0025884,10.5662789 16.4523882,11.0119 17.0046669,11.0093338 Z" id="Path-53" fill="#C1CCDC" fill-rule="nonzero"></path>
</g>
<circle fill="#111" class="st0" cx="10" cy="10" r="5"/>
<rect x="7" y="9" width="6px" height="2px" fill="#FFF" ></rect>
<rect x="9" y="7" width="2px" height="6px" fill="#FFF" ></rect>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 61.2 (89653) - https://sketch.com -->
<title>Dark / 20 / dotted corner@svg</title>
<desc>Created with Sketch.</desc>
<g id="Dark-/-20-/-dotted-corner" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M9,1 L9,3 C9,3.55228475 9.44771525,4 10,4 C10.5522847,4 11,3.55228475 11,3 L11,1 C11,0.44771525 10.5522847,-8.8817842e-16 10,-8.8817842e-16 C9.44771525,-8.8817842e-16 9,0.44771525 9,1 Z M9,6 L9,8 C9,8.55228475 9.44771525,9 10,9 C10.5522847,9 11,8.55228475 11,8 L11,6 C11,5.44771525 10.5522847,5 10,5 C9.44771525,5 9,5.44771525 9,6 Z M11.9475734,11.0046923 L12.1206389,11.0088292 L14.0125056,11 C14.5647843,10.997423 15.0104053,10.5476233 15.0078502,9.9953446 C15.0052507,9.44306587 14.555451,8.99744483 14.0031722,9.00002215 L12.0524764,9.00744533 C11.5009519,8.97847716 11.0303696,9.40209278 11.0014014,9.9536173 C10.9724333,10.5051418 11.3960489,10.9757241 11.9475734,11.0046923 Z M17.0046669,11.0093338 L19.0046451,10.9999893 C19.5569239,10.997412 20.0025449,10.5476123 19.9999787,9.99533358 C19.9973902,9.44305484 19.5475905,8.9974338 18.9953118,9 L16.9953336,9.00934444 C16.4430548,9.01192177 15.9974338,9.46172148 16,10.0140002 C16.0025884,10.5662789 16.4523882,11.0119 17.0046669,11.0093338 Z" id="Path-53" fill="#C1CCDC" fill-rule="nonzero"></path>
</g>
<g id="Dark-/-20-/-dotted-straight" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M9,1 L9,3 C9,3.55228475 9.44771525,4 10,4 C10.5522847,4 11,3.55228475 11,3 L11,1 C11,0.44771525 10.5522847,0 10,0 C9.44771525,0 9,0.44771525 9,1 Z M9,6 L9,8 C9,8.55228475 9.44771525,9 10,9 C10.5522847,9 11,8.55228475 11,8 L11,6 C11,5.44771525 10.5522847,5 10,5 C9.44771525,5 9,5.44771525 9,6 Z M9,11 L9,13 C9,13.5522847 9.44771525,14 10,14 C10.5522847,14 11,13.5522847 11,13 L11,11 C11,10.4477153 10.5522847,10 10,10 C9.44771525,10 9,10.4477153 9,11 Z M9,16 L9,18 C9,18.5522847 9.44771525,19 10,19 C10.5522847,19 11,18.5522847 11,18 L11,16 C11,15.4477153 10.5522847,15 10,15 C9.44771525,15 9,15.4477153 9,16 Z" id="Path-53" fill="#C1CCDC" fill-rule="nonzero"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 61.2 (89653) - https://sketch.com -->
<title>Dark / 20 / dotted corner@svg</title>
<desc>Created with Sketch.</desc>
<g id="Dark-/-20-/-dotted-corner" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M9,1 L9,3 C9,3.55228475 9.44771525,4 10,4 C10.5522847,4 11,3.55228475 11,3 L11,1 C11,0.44771525 10.5522847,-8.8817842e-16 10,-8.8817842e-16 C9.44771525,-8.8817842e-16 9,0.44771525 9,1 Z M9,6 L9,8 C9,8.55228475 9.44771525,9 10,9 C10.5522847,9 11,8.55228475 11,8 L11,6 C11,5.44771525 10.5522847,5 10,5 C9.44771525,5 9,5.44771525 9,6 Z M11.9475734,11.0046923 L12.1206389,11.0088292 L14.0125056,11 C14.5647843,10.997423 15.0104053,10.5476233 15.0078502,9.9953446 C15.0052507,9.44306587 14.555451,8.99744483 14.0031722,9.00002215 L12.0524764,9.00744533 C11.5009519,8.97847716 11.0303696,9.40209278 11.0014014,9.9536173 C10.9724333,10.5051418 11.3960489,10.9757241 11.9475734,11.0046923 Z M17.0046669,11.0093338 L19.0046451,10.9999893 C19.5569239,10.997412 20.0025449,10.5476123 19.9999787,9.99533358 C19.9973902,9.44305484 19.5475905,8.9974338 18.9953118,9 L16.9953336,9.00934444 C16.4430548,9.01192177 15.9974338,9.46172148 16,10.0140002 C16.0025884,10.5662789 16.4523882,11.0119 17.0046669,11.0093338 Z" id="Path-53" fill="#C1CCDC" fill-rule="nonzero"></path>
</g>
<g id="Dark-/-20-/-dotted-straight" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M9,1 L9,3 C9,3.55228475 9.44771525,4 10,4 C10.5522847,4 11,3.55228475 11,3 L11,1 C11,0.44771525 10.5522847,0 10,0 C9.44771525,0 9,0.44771525 9,1 Z M9,6 L9,8 C9,8.55228475 9.44771525,9 10,9 C10.5522847,9 11,8.55228475 11,8 L11,6 C11,5.44771525 10.5522847,5 10,5 C9.44771525,5 9,5.44771525 9,6 Z M9,11 L9,13 C9,13.5522847 9.44771525,14 10,14 C10.5522847,14 11,13.5522847 11,13 L11,11 C11,10.4477153 10.5522847,10 10,10 C9.44771525,10 9,10.4477153 9,11 Z M9,16 L9,18 C9,18.5522847 9.44771525,19 10,19 C10.5522847,19 11,18.5522847 11,18 L11,16 C11,15.4477153 10.5522847,15 10,15 C9.44771525,15 9,15.4477153 9,16 Z" id="Path-53" fill="#C1CCDC" fill-rule="nonzero"></path>
</g>
<path fill="#C1CCDC" class="st1" d="M 323.217 324.737 L 323.217 255.824 C 323.217 250.901 329.256 247.209 337.309 247.209 C 345.361 247.209 351.4 250.901 351.4 255.824 L 351.4 324.122 C 351.4 329.044 345.361 332.737 337.309 332.737 C 329.256 333.351 323.217 329.66 323.217 324.737 Z" style=""></path>
<circle fill="#111" class="st0" cx="10" cy="10" r="5"/>
<rect x="7" y="9" width="6px" height="2px" fill="#FFF" ></rect>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 61.2 (89653) - https://sketch.com -->
<title>Dark / 20 / dotted corner@svg</title>
<desc>Created with Sketch.</desc>
<g id="Dark-/-20-/-dotted-corner" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M9,1 L9,3 C9,3.55228475 9.44771525,4 10,4 C10.5522847,4 11,3.55228475 11,3 L11,1 C11,0.44771525 10.5522847,-8.8817842e-16 10,-8.8817842e-16 C9.44771525,-8.8817842e-16 9,0.44771525 9,1 Z M9,6 L9,8 C9,8.55228475 9.44771525,9 10,9 C10.5522847,9 11,8.55228475 11,8 L11,6 C11,5.44771525 10.5522847,5 10,5 C9.44771525,5 9,5.44771525 9,6 Z M11.9475734,11.0046923 L12.1206389,11.0088292 L14.0125056,11 C14.5647843,10.997423 15.0104053,10.5476233 15.0078502,9.9953446 C15.0052507,9.44306587 14.555451,8.99744483 14.0031722,9.00002215 L12.0524764,9.00744533 C11.5009519,8.97847716 11.0303696,9.40209278 11.0014014,9.9536173 C10.9724333,10.5051418 11.3960489,10.9757241 11.9475734,11.0046923 Z M17.0046669,11.0093338 L19.0046451,10.9999893 C19.5569239,10.997412 20.0025449,10.5476123 19.9999787,9.99533358 C19.9973902,9.44305484 19.5475905,8.9974338 18.9953118,9 L16.9953336,9.00934444 C16.4430548,9.01192177 15.9974338,9.46172148 16,10.0140002 C16.0025884,10.5662789 16.4523882,11.0119 17.0046669,11.0093338 Z" id="Path-53" fill="#C1CCDC" fill-rule="nonzero"></path>
</g>
<g id="Dark-/-20-/-dotted-straight" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M9,1 L9,3 C9,3.55228475 9.44771525,4 10,4 C10.5522847,4 11,3.55228475 11,3 L11,1 C11,0.44771525 10.5522847,0 10,0 C9.44771525,0 9,0.44771525 9,1 Z M9,6 L9,8 C9,8.55228475 9.44771525,9 10,9 C10.5522847,9 11,8.55228475 11,8 L11,6 C11,5.44771525 10.5522847,5 10,5 C9.44771525,5 9,5.44771525 9,6 Z M9,11 L9,13 C9,13.5522847 9.44771525,14 10,14 C10.5522847,14 11,13.5522847 11,13 L11,11 C11,10.4477153 10.5522847,10 10,10 C9.44771525,10 9,10.4477153 9,11 Z M9,16 L9,18 C9,18.5522847 9.44771525,19 10,19 C10.5522847,19 11,18.5522847 11,18 L11,16 C11,15.4477153 10.5522847,15 10,15 C9.44771525,15 9,15.4477153 9,16 Z" id="Path-53" fill="#C1CCDC" fill-rule="nonzero"></path>
</g>
<path fill="#C1CCDC" class="st1" d="M 323.217 324.737 L 323.217 255.824 C 323.217 250.901 329.256 247.209 337.309 247.209 C 345.361 247.209 351.4 250.901 351.4 255.824 L 351.4 324.122 C 351.4 329.044 345.361 332.737 337.309 332.737 C 329.256 333.351 323.217 329.66 323.217 324.737 Z" style=""></path>
<circle fill="#111" class="st0" cx="10" cy="10" r="5"/>
<rect x="7" y="9" width="6px" height="2px" fill="#FFF" ></rect>
<rect x="9" y="7" width="2px" height="6px" fill="#FFF" ></rect>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 61.2 (89653) - https://sketch.com -->
<title>Dark / 20 / dotted straight@svg</title>
<desc>Created with Sketch.</desc>
<g id="Dark-/-20-/-dotted-straight" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M9,1 L9,3 C9,3.55228475 9.44771525,4 10,4 C10.5522847,4 11,3.55228475 11,3 L11,1 C11,0.44771525 10.5522847,0 10,0 C9.44771525,0 9,0.44771525 9,1 Z M9,6 L9,8 C9,8.55228475 9.44771525,9 10,9 C10.5522847,9 11,8.55228475 11,8 L11,6 C11,5.44771525 10.5522847,5 10,5 C9.44771525,5 9,5.44771525 9,6 Z M9,11 L9,13 C9,13.5522847 9.44771525,14 10,14 C10.5522847,14 11,13.5522847 11,13 L11,11 C11,10.4477153 10.5522847,10 10,10 C9.44771525,10 9,10.4477153 9,11 Z M9,16 L9,18 C9,18.5522847 9.44771525,19 10,19 C10.5522847,19 11,18.5522847 11,18 L11,16 C11,15.4477153 10.5522847,15 10,15 C9.44771525,15 9,15.4477153 9,16 Z" id="Path-53" fill="#C1CCDC" fill-rule="nonzero"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -3354,7 +3354,7 @@ function html_print_input_color($name, $value, $id='', $class=false, $return=fal
/**
* Action buttons.
*
* @param string $content HTML content. Usually must be buttons.
* @param mixed $content HTML content. Usually must be buttons.
* @param array $parameters Parameters for create the action buttons.
* $var['type'] => Type of action-buttons:
* 'form_action' => Fits into form size (fixed size).
@ -3367,8 +3367,12 @@ function html_print_input_color($name, $value, $id='', $class=false, $return=fal
*
* @return mixed.
*/
function html_print_action_buttons(string $content, array $parameters=[], bool $return=false)
function html_print_action_buttons(mixed $content, array $parameters=[], bool $return=false)
{
if (is_array($content) === true) {
$content = implode('', $content);
}
$typeClass = 'fixed_action_buttons ';
switch (($parameters['type'] ?? '')) {
case 'form_action':

View File

@ -59,7 +59,7 @@ function treeview_printModuleTable($id_module, $server_data=false, $no_head=fals
$table->id = 'tree_view_module_data';
$table->style = [];
$table->style['title'] = 'height: 32px; width: 30%; padding-right: 5px; text-align: end;';
$table->style['data'] = 'height: 32px; width: 70%; padding-left: 5px; font-family: \'Pandora-Regular\';';
$table->style['data'] = 'height: 32px; width: 70%; padding-left: 5px;font-weight: lighter;';
$table->data = [];
// Module name.
@ -562,7 +562,7 @@ function treeview_printTable($id_agente, $server_data=[], $no_head=false)
$table->id = 'tree_view_agent_detail';
$table->style = [];
$table->style['title'] = 'height: 32px; width: 30%; padding-right: 5px; text-align: end;';
$table->style['data'] = 'height: 32px; width: 70%; padding-left: 5px; font-family: \'Pandora-Regular\';';
$table->style['data'] = 'height: 32px; width: 70%; padding-left: 5px;font-weight: lighter;';
$table->head = [];
$table->data = [];
@ -822,7 +822,7 @@ function treeview_printTable($id_agente, $server_data=[], $no_head=false)
$table_advanced->id = 'tree_view_agent_advanced';
$table_advanced->style = [];
$table_advanced->style['title'] = 'height: 32px; width: 30%; padding-right: 5px; text-align: end;';
$table_advanced->style['data'] = 'height: 32px; width: 70%; padding-left: 5px; font-family: \'Pandora-Regular\';';
$table_advanced->style['data'] = 'height: 32px; width: 70%; padding-left: 5px;font-weight: lighter;';
$table_advanced->head = [];
$table_advanced->data = [];

View File

@ -150,9 +150,9 @@
self._box
.addClass("fixed-bottom-box")
.css("position", "fixed")
.css("top", "115px")
.css("top", "112px")
.css("right", "0")
.css("width", "30%");
.css("width", "25%");
self._renderHead(head);
self._renderContent(content);

View File

@ -18,7 +18,7 @@
}
.tree-node .module-action-buttons img {
width: 20px;
width: 16px;
float: right;
}
@ -43,20 +43,25 @@
display: flex;
align-items: center;
justify-content: center;
height: 38px;
height: 32px;
}
.tree-node .node-icon .node-icon-container img {
padding: 0;
width: 20px;
width: 16px;
}
.tree-node .node-status {
width: 40px;
height: 38px;
height: 31px;
border-radius: 7px 0 0 7px;
padding: 1px;
box-sizing: border-box;
position: absolute;
padding: 8px;
border-radius: 8px;
width: 19px;
height: 17px;
top: 6px;
left: 9px;
}
.tree-node .node-name {
position: relative;
@ -64,17 +69,16 @@
}
.tree-group {
margin-left: 24px;
margin-left: 40px;
/*padding-top: 1px;*/
}
.tree-node {
white-space: nowrap;
/*
background-image: url(../../images/tree/branch.png);
background-position: 0px 0px;
background-image: url(../../images/tree/straight@tree.svg);
background-position: -1px -1px;
background-repeat: repeat-y;
*/
background-size: 33px;
min-height: 26px;
margin-top: 1px;
}
@ -96,7 +100,7 @@ div.tree-node span {
border-radius: 4px;
width: calc(100% - 50px);
box-sizing: border-box;
height: 40px;
height: 32px;
font-size: 1.2em;
display: flex;
flex-direction: row;
@ -118,7 +122,7 @@ div.tree-node span {
}
.leaf-icon {
width: 18px;
width: 32px;
height: 32px;
}
@ -133,9 +137,11 @@ div.tree-node span {
}
.tree-node.leaf-open > .leaf-icon {
background-image: url(../../images/minus.svg);
/*background-image: url(../../images/minus.svg);*/
background-image: url(../../images/tree/corner@tree.svg);
background-repeat: no-repeat;
background-size: 30px 30px;
}
.tree-node.leaf-closed > .leaf-icon {
background-image: url(../../images/plus.svg);
}
@ -150,11 +156,33 @@ div.tree-node span {
cursor: pointer;
}
.tree-node.leaf-closed > .leaf-icon {
background-image: url(../../images/tree/corner_straight_plus@tree.svg);
}
.tree-node.leaf-closed:last-of-type > .leaf-icon {
background-image: url(../../images/tree/corner_plus@tree.svg);
}
.tree-node.leaf-open > .leaf-icon {
background-image: url(../../images/tree/corner_straight_minus@tree.svg);
}
.tree-node.leaf-open:last-of-type > .leaf-icon {
background-image: url(../../images/tree/corner_minus@tree.svg);
}
.tree-node > .leaf-icon {
background-position: 0px 11px;
background-position: 0px 0px;
background-repeat: no-repeat;
float: left;
margin-right: 10px;
/* margin-right: 10px; */
background-image: url(../../images/tree/corner_straight@tree.svg);
background-repeat: no-repeat;
background-size: 30px 30px;
}
.tree-node:last-of-type > .leaf-icon {
background-image: url(../../images/tree/corner@tree.svg);
}
.tree-node > .node-content > img {
@ -171,11 +199,12 @@ div.tree-node span {
.tree-node > .node-content > .agent-status.status_balls,
.tree-node > .node-content > .status_small_balls {
width: 1.5em;
border-radius: 0;
/*border-radius: 0;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
height: 38px;
position: relative;
*/
}
.tree-node > .node-content > .agent-status.status_balls {
@ -194,11 +223,12 @@ div.tree-node span {
flex: 1 1 80%;
position: relative;
font-weight: bold;
font-size: 11pt;
font-size: 12px;
}
.tree-node > .node-content.module-only-caption > .module-name,
.tree-node > .node-content > .module-name-parent.module-only-caption {
top: 9px;
top: 5px;
}
.node-service > .node-service-name {
@ -206,12 +236,9 @@ div.tree-node span {
font-size: 11pt;
font-weight: bold;
}
.tree-node > .node-content.module-only-caption > .module-name {
top: 7px;
}
.node-content.module:not(.module-only-caption) .module-name {
margin-left: 3.5em;
margin-left: 3em;
font-weight: normal;
}
/*.node-content.module.module-only-caption:not(:first-of-type) {
@ -219,9 +246,9 @@ div.tree-node span {
}*/
.tree-node > .node-content > .module-name-alias {
font-size: 12pt;
font-size: 14px;
font-weight: normal;
top: 8px;
top: 4px;
margin-left: 3.3em;
}
@ -229,7 +256,7 @@ div.tree-node span {
margin-left: 1em;
}
.tree-node > .node-content > .module-name-parent {
font-size: 12pt;
font-size: 14px;
margin-left: 0.5em;
top: -4px;
}
@ -265,10 +292,10 @@ div.tree-node span {
}
.tree-node > .node-content > .tree-node-counters {
font-size: 1.2em;
font-size: 14px;
float: right;
position: relative;
top: 8px;
top: 5px;
right: 10px;
}
@ -287,7 +314,7 @@ div.tree-node span {
div#tree-controller-recipient {
text-align: left;
width: calc((100% - 34%) - 20px);
width: calc((100% - 30%) - 20px);
margin-top: 10px;
margin-left: 20px;
}
@ -332,7 +359,7 @@ div#tree-controller-recipient {
}
.node-content .module-button:hover {
width: 20px;
/* width: 20px; */
background-color: #fff;
border-radius: 8px;
}
@ -343,7 +370,7 @@ div#tree-controller-recipient {
.tree-node.leaf-open:last-child,
.tree-node.leaf-closed:last-child,
.tree-node.leaf-empty:last-child {
margin-bottom: 8px;
margin-bottom: 1px;
}
.tree-root > .tree-node {

View File

@ -160,7 +160,7 @@ $table_status->cellspacing = 0;
$table_status->cellpadding = 0;
$table_status->class = 'floating_form';
$table_status->style[0] = 'height: 32px; width: 30%; padding-right: 5px; text-align: end;';
$table_status->style[1] = 'height: 32px; width: 70%; padding-left: 5px; font-family: \'Pandora-Regular\';';
$table_status->style[1] = 'height: 32px; width: 70%; padding-left: 5px;';
$agentStatusGraph = html_print_div(
[
@ -382,7 +382,7 @@ $table_contact->cellspacing = 0;
$table_contact->cellpadding = 0;
$table_contact->class = 'floating_form';
$table_contact->style[0] = 'height: 32px; width: 30%; padding-right: 5px; text-align: end;';
$table_contact->style[1] = 'height: 32px; width: 70%; padding-left: 5px; font-family: \'Pandora-Regular\';';
$table_contact->style[1] = 'height: 32px; width: 70%; padding-left: 5px;';
$agentContactCaption = html_print_div(
[
@ -539,8 +539,8 @@ $data_opcional->id = 'agent_data_main';
$data_opcional->class = 'floating_form';
$data_opcional->cellspacing = 0;
$data_opcional->cellpadding = 0;
$data_opcional->style[0] = 'height: 46px; width: 25%; padding-right: 5px; font-family: \'Pandora-Bold\'; text-align: end;';
$data_opcional->style[1] = 'height: 46px; width: 75%; padding-left: 5px; font-family: \'Pandora-Regular\';';
$data_opcional->style[0] = 'height: 46px; width: 25%; padding-right: 5px;text-align: end;';
$data_opcional->style[1] = 'height: 46px; width: 75%; padding-left: 5px;';
// Gis and url address.
$agentAdditionalContent = '';
// Position Information.