9555-Styles

This commit is contained in:
Pablo Aragon 2023-04-20 17:20:08 +02:00
parent 24b652a8a7
commit 6f6a4f6e2e
23 changed files with 923 additions and 201 deletions

View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>96007EC9-FBFB-4CDC-A8D3-39F8126F7269</title>
<g id="Consola-mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="0a-Menu" transform="translate(-35.000000, -391.974583)" fill="#3F3F3F">
<g id="Conmutador" transform="translate(20.000000, 122.000000)">
<g id="Elemento" transform="translate(0.000000, 269.974583)">
<g id="Mobile-agents" transform="translate(15.000000, 0.000000)">
<path d="M15,0 C23.1075582,0 30,2.39269081 30,8.09172156 L30,21.9082784 C30,27.6073092 23.1075582,30 15,30 C6.89244177,30 0,27.6073092 0,21.9082784 L0,8.09172156 C0,2.39269081 6.89244177,0 15,0 Z M20,5 L11.9967103,5 L11.8651969,5.00868163 C11.6483839,5.03744118 11.4456127,5.13675554 11.2893127,5.29318417 L7.29260239,9.29318417 L7.20945254,9.38742572 C6.90458906,9.77984238 6.93255194,10.347062 7.29318417,10.7073976 L7.38742572,10.7905475 C7.77984238,11.0954109 8.34706198,11.0674481 8.70739761,10.7068158 L12.411,6.999 L19.584,6.999 L22.999,10.414 L22.999,19.585 L19.585,22.999 L12.409,22.999 L8.70541325,19.3135693 L8.61100719,19.2306063 C8.21798744,18.9265207 7.65082434,18.9556071 7.29120374,19.3169523 C6.90161476,19.7084097 6.90312938,20.3415729 7.29458675,20.7311618 L11.291297,24.7087963 L11.390258,24.7951247 C11.5635358,24.9272908 11.7763873,25 11.9967103,25 L20,25 L20.131444,24.9913276 C20.3481451,24.9625983 20.5508265,24.8633871 20.7071068,24.7071068 L24.7071068,20.7071068 L24.7939194,20.6080295 C24.9268355,20.434484 25,20.2210137 25,20 L25,10 L24.9913276,9.86855602 C24.9625983,9.65185492 24.8633871,9.44917353 24.7071068,9.29289322 L20.7071068,5.29289322 L20.6080295,5.20608063 C20.434484,5.07316447 20.2210137,5 20,5 Z M14,12 L6,12 C5.44771525,12 5,12.4477153 5,13 L5,17 C5,17.5522847 5.44771525,18 6,18 L14,18 C14.5522847,18 15,17.5522847 15,17 L15,13 C15,12.4477153 14.5522847,12 14,12 Z" id="Mask"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>788260CF-3DE6-4D64-8B30-B9B35413937B</title>
<g id="Consola-mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="0a-Menu" transform="translate(-35.000000, -443.949166)" fill="#3F3F3F">
<g id="Conmutador" transform="translate(20.000000, 122.000000)">
<g id="Elemento" transform="translate(0.000000, 321.949166)">
<g id="Mobile-modules" transform="translate(15.000000, 0.000000)">
<path d="M15,0 C23.1075582,0 30,2.39269081 30,8.09172156 L30,21.9082784 C30,27.6073092 23.1075582,30 15,30 C6.89244177,30 0,27.6073092 0,21.9082784 L0,16.168 L8.72848758,16.1682636 L8.94543532,16.157208 L9.14227765,16.1277192 C9.65858418,16.028234 10.1028383,15.7637314 10.3982027,15.376652 L11.389,14.076 L14.4909605,20.4094649 L14.5913089,20.5871661 L14.683733,20.7158766 C15.5543921,21.8298347 17.4465108,21.7445543 18.1504724,20.5042927 L20.648,16.101 L22.4708713,16.1014498 L22.6743746,16.0918256 C23.7090033,15.9874588 24.5,15.2164353 24.5,14.2651742 C24.5,13.2349122 23.5776613,12.4288985 22.4708713,12.4288985 L19.409919,12.4288985 L19.1910819,12.4401369 L19.0210633,12.4648524 C18.4062088,12.5770255 17.8894481,12.923802 17.6052051,13.4245902 L16.48,15.405 L13.6321609,9.59066736 L13.5274502,9.40648929 C12.7565937,8.2511657 10.9446993,8.19475986 10.1076384,9.29174039 L7.662,12.495 L0,12.495 L0,8.09172156 C0,2.47775097 6.68823265,0.0721601488 14.6378059,0.00160207373 L15,0 Z" id="Mask"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,8 @@
<?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">
<title>Icons/Dark/20/checkbox-on@svg</title>
<g id="Icons/Dark/20/checkbox-on" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle-2" stroke="#14524F" stroke-width="2" x="1" y="1" width="18" height="18" rx="4"></rect>
<path d="M14.3713994,6.22237132 C14.8008905,5.87515972 15.4305323,5.94186038 15.7777439,6.37135141 C16.098247,6.76780467 16.0660673,7.33480068 15.7214138,7.69277628 L15.6287639,7.77769594 L8.20693177,13.7776959 C7.78987666,14.114854 7.18888164,14.0598005 6.83812914,13.672688 L6.76182606,13.5774872 L4.18365814,9.93238606 C3.86473931,9.48148781 3.97172977,8.85742777 4.42262802,8.53850895 C4.83884178,8.24412234 5.40260169,8.31264068 5.73770948,8.67956758 L5.81650513,8.77747883 L7.77861597,11.5510307 L14.3713994,6.22237132 Z" id="Path-10" fill="#14524F" fill-rule="nonzero"></path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 61.2 (101010) - https://sketch.com -->
<title>43B3919E-8FE7-441D-8427-E2652997A80E@svg</title>
<desc>Created with sketchtool.</desc>
<g id="Consola-mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="2e-Events---dropdown-selector" transform="translate(-285.000000, -35.000000)">
<g id="Group" transform="translate(1.000000, 16.000000)">
<g id="Title" transform="translate(15.000000, 15.000000)">
<g id="Icons/Dark/20/close-off" transform="translate(265.000000, 0.000000)">
<rect id="Rectangle" x="0" y="0" width="20" height="20"></rect>
<path d="M4.35059047,4.35059047 C4.81804444,3.88313651 5.57593706,3.88313651 6.04339103,4.35059047 L6.04339103,4.35059047 L10,8.307 L13.956609,4.35059047 C14.4240629,3.88313651 15.1819556,3.88313651 15.6494095,4.35059047 C16.0876476,4.78882857 16.1150375,5.48233501 15.7315792,5.95248165 L15.6494095,6.04339103 L11.693,10 L15.6494095,13.956609 L15.7315792,14.0475184 C16.1150375,14.517665 16.0876476,15.2111714 15.6494095,15.6494095 C15.1819556,16.1168635 14.4240629,16.1168635 13.956609,15.6494095 L13.956609,15.6494095 L10,11.693 L6.04339103,15.6494095 C5.57593706,16.1168635 4.81804444,16.1168635 4.35059047,15.6494095 C3.91235238,15.2111714 3.8849625,14.517665 4.26842083,14.0475184 L4.35059047,13.956609 L8.307,10 L4.35059047,6.04339103 L4.26842083,5.95248165 C3.8849625,5.48233501 3.91235238,4.78882857 4.35059047,4.35059047 Z" id="Path-6" fill="#95A3BF"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>B6EE5BBF-2CE4-4EFF-9E46-50036986C7F3</title>
<g id="Consola-mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="0a-Menu" transform="translate(-35.000000, -236.000000)" fill="#3F3F3F">
<g id="Conmutador" transform="translate(20.000000, 122.000000)">
<g id="Elemento" transform="translate(0.000000, 114.000000)">
<g id="Mobile-groups" transform="translate(15.000000, 0.000000)">
<path d="M15,0 C23.1075582,0 30,2.39269081 30,8.09172156 L30,16 C30,14.8954305 29.1045695,14 28,14 L24,14 L24,22.25 C24,23.2164983 23.2164983,24 22.25,24 L14,24 L14,28 C14,29.044389 14.8005167,29.9018074 15.821432,29.992137 C15.5493714,29.9972395 15.2753866,30 15,30 C6.89244177,30 0,27.6073092 0,21.9082784 L0,8.09172156 C0,2.39269081 6.89244177,0 15,0 Z M19.375,8 L9.625,8 C8.72753728,8 8,8.72753728 8,9.625 L8,19.375 C8,20.2724627 8.72753728,21 9.625,21 L19.375,21 C20.2724627,21 21,20.2724627 21,19.375 L21,9.625 C21,8.72753728 20.2724627,8 19.375,8 Z" id="Mask"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>C79B9248-AD28-44E6-97FA-8E8BEC5C229D</title>
<g id="Consola-mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="0a-Menu" transform="translate(-20.000000, -17.000000)" fill="#ED474A">
<g id="Go-back" transform="translate(20.000000, 15.000000)">
<g id="Icons-/-Dark-/-20-/-Sign-out" transform="translate(8.000000, 10.000000) scale(-1, 1) translate(-8.000000, -10.000000) translate(0.000000, 2.000000)">
<path d="M4,0 C6.209139,-4.05812251e-16 8,1.790861 8,4 L8,12 C8,14.209139 6.209139,16 4,16 C1.790861,16 2.705415e-16,14.209139 0,12 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 Z M4.8,8.8 C4.3581722,8.8 4,8.4418278 4,8 C4,7.5581722 4.3581722,7.2 4.8,7.2 L8,7.2 L13.269,7.2 L10.6343146,4.56568542 C10.3459274,4.27729826 10.3237438,3.82351341 10.5677637,3.50968045 L10.6343146,3.43431458 C10.9227017,3.14592741 11.3764866,3.12374378 11.6903196,3.36776369 L11.7656854,3.43431458 L15.7656854,7.43431458 C16.0540726,7.72270174 16.0762562,8.17648659 15.8322363,8.49031955 L15.7656854,8.56568542 L11.7656854,12.5656854 C11.453266,12.8781049 10.946734,12.8781049 10.6343146,12.5656854 C10.3459274,12.2772983 10.3237438,11.8235134 10.5677637,11.5096804 L10.6343146,11.4343146 L13.269,8.8 L8,8.8 L4.8,8.8 Z" id="Rectangle-2"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="29.9745831px" viewBox="0 0 30 29.9745831" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>1823C61D-1174-471F-8BAD-A0B8CB687967</title>
<g id="Consola-mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="0a-Menu" transform="translate(-35.000000, -340.000000)" fill="#3F3F3F">
<g id="Conmutador" transform="translate(20.000000, 122.000000)">
<g id="Elemento" transform="translate(0.000000, 218.000000)">
<g id="Mobile-alerts" transform="translate(15.000000, 0.000000)">
<path d="M30,8.06630471 L30,21.8828616 C30,27.5818923 23.1075582,29.9745831 15,29.9745831 C6.89244177,29.9745831 0,27.5818923 0,21.8828616 L0,8.06630471 C0,2.70512527 6.09946568,0.269891039 13.5720913,-5.84185478e-14 L13.5723301,2.21012161 C10.2928858,2.85573699 7.86075776,5.48727545 7.86075776,8.77458315 C7.86075776,12.6347599 6.57700299,14.1031078 5.68751656,14.9986099 L5.45596532,15.2300015 C5.43160371,15.2544373 5.40774422,15.2784989 5.38443355,15.302237 C5.11657804,15.5751216 4.99782876,15.9013139 4.99997078,16.220737 C5.00497158,16.9145831 5.57952165,17.5745831 6.43308788,17.5745831 L23.5669121,17.5745831 C24.4204784,17.5745831 24.9954749,16.9145831 25.0000292,16.220737 C25.0021712,15.9013139 24.883422,15.5746985 24.6155664,15.302237 L24.5440347,15.2300015 L24.3124834,14.9986099 C23.422997,14.1031078 22.1392422,12.6347599 22.1392422,8.77458315 C22.1392422,5.48727545 19.7071142,2.85573699 16.4276699,2.21012161 L16.4279087,-5.84185478e-14 C23.9005343,0.269891039 30,2.70512527 30,8.06630471 Z M17.8557862,18.6745831 L12.1442138,18.6745831 C12.1442138,20.4973175 13.4232239,21.9745831 15,21.9745831 C16.5767761,21.9745831 17.8557862,20.4973175 17.8557862,18.6745831 Z" id="Mask"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="29.853037px" viewBox="0 0 30 29.853037" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>DD299FDE-0DC6-4356-92DC-926BFF90D985</title>
<g id="Consola-mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="0a-Menu" transform="translate(-35.000000, -184.146963)" fill="#3F3F3F">
<g id="Conmutador" transform="translate(20.000000, 122.000000)">
<g id="Elemento" transform="translate(0.000000, 62.000000)">
<g id="Content" transform="translate(15.000000, 0.000000)">
<g id="Mobile-events" transform="translate(0.000000, 0.146963)">
<path d="M30,7.94475857 L30,21.7613154 C30,27.4603462 23.1075582,29.853037 15,29.853037 C6.89244177,29.853037 0,27.4603462 0,21.7613154 L0,7.94475857 C0,3.76611131 3.70546339,1.364994 8.8784529,0.381256498 L7.01052877,12.078037 C6.91552985,12.753037 7.47552349,13.353037 8.20051525,13.353037 L14.1354478,13.353037 L11.830474,22.4702245 C11.650476,23.1827245 12.2304694,23.853037 12.9954608,23.853037 C13.415456,23.853037 13.8154514,23.646787 14.0354489,23.290537 L22.8353489,9.04053701 C23.3003436,8.29522451 22.7253502,7.35303701 21.8003607,7.35303701 L16.0304263,7.35303701 L18.3597639,-1.98591144e-13 C24.9238182,0.598158755 30,3.05392333 30,7.94475857 Z" id="Mask"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>2CF74761-33EB-44F4-9088-CC2767F8DD95</title>
<g id="Consola-mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="0a-Menu" transform="translate(-35.000000, -132.000000)" fill="#3F3F3F">
<g id="Conmutador" transform="translate(20.000000, 122.000000)">
<g id="Elemento" transform="translate(0.000000, 10.000000)">
<g id="Mobile-tactical-view" transform="translate(15.000000, 0.000000)">
<path d="M0,21.9082784 L0,8.09172156 C0,2.39269081 6.89244177,0 15,0 C23.1075582,0 30,2.39269081 30,8.09172156 L30,21.9082784 C30,27.6073092 23.1075582,30 15,30 C6.89244177,30 0,27.6073092 0,21.9082784 Z M13.9998991,5 L14.0002435,11.0765696 C12.2748927,11.5205277 11,13.0866876 11,14.9506147 C11,17.1597537 12.790861,18.9506147 15,18.9506147 C16.8638701,18.9506147 18.4299912,17.6758 18.8740044,15.9505296 L24.9506147,15.9507157 C24.4488436,21.00399 20.1853136,24.9506147 15,24.9506147 C9.4771525,24.9506147 5,20.4734622 5,14.9506147 C5,9.76530116 8.94662476,5.50177118 13.9998991,5 Z M16.0010997,5.00009923 C20.7249658,5.46963832 24.481539,9.22651135 24.9506147,13.9505138 L18.8737865,13.9498534 C18.51187,12.5448616 17.4057531,11.4387448 16.0007613,11.0768283 Z" id="Mask"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,15 @@
<?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">
<title>B4F9F258-05E7-4180-8981-655BFA2BA77E@svg</title>
<g id="Consola-mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="0a-Menu" transform="translate(-30.000000, -76.000000)">
<g id="Input" transform="translate(20.000000, 65.000000)">
<g id="Group" transform="translate(10.000000, 11.000000)">
<rect id="Rectangle" x="0" y="0" width="20" height="20"></rect>
<path d="M10.5857864,10.5857864 C11.3257272,9.84584567 12.5012114,9.80690142 13.2869988,10.4689537 L13.4142136,10.5857864 L19.4142136,16.5857864 C20.1952621,17.366835 20.1952621,18.633165 19.4142136,19.4142136 C18.6742728,20.1541543 17.4987886,20.1930986 16.7130012,19.5310463 L16.5857864,19.4142136 L10.5857864,13.4142136 C9.80473785,12.633165 9.80473785,11.366835 10.5857864,10.5857864 Z" id="Path-9" fill="#95A3BF" fill-rule="nonzero"></path>
<path d="M7,0 C3.13400675,0 0,3.13400675 0,7 C0,10.8659932 3.13400675,14 7,14 C10.8659932,14 14,10.8659932 14,7 C14,3.13400675 10.8659932,0 7,0 Z M7,2 C9.76142375,2 12,4.23857625 12,7 C12,9.76142375 9.76142375,12 7,12 C4.23857625,12 2,9.76142375 2,7 C2,4.23857625 4.23857625,2 7,2 Z" id="Oval" fill="#95A3BF" fill-rule="nonzero"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="29px" viewBox="0 0 30 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>5DF60C72-9560-434D-8EEE-2966DF14C3C5</title>
<g id="Consola-mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="0a-Menu" transform="translate(-35.000000, -495.923749)" fill="#3F3F3F">
<g id="Conmutador" transform="translate(20.000000, 122.000000)">
<g id="Elemento" transform="translate(0.000000, 373.923749)">
<g id="Mobile-server-status" transform="translate(15.000000, 0.000000)">
<path d="M8,27 C8.55228475,27 9,27.4477153 9,28 C9,28.5522847 8.55228475,29 8,29 C7.44771525,29 7,28.5522847 7,28 C7,27.4477153 7.44771525,27 8,27 Z M11,27 C11.5522847,27 12,27.4477153 12,28 C12,28.5522847 11.5522847,29 11,29 C10.4477153,29 10,28.5522847 10,28 C10,27.4477153 10.4477153,27 11,27 Z M15,0 C23.1075582,0 30,2.39269081 30,8.09172156 L30,21.9082784 C30,24.9407566 28.0485094,27.0370946 25.0008585,28.3349403 L25,27 C25,26.4477153 24.5522847,26 24,26 L6,26 C5.44771525,26 5,26.4477153 5,27 L5.00014724,28.3353686 C1.95191991,27.0375557 0,24.9410901 0,21.9082784 L0,8.09172156 C0,2.39269081 6.89244177,0 15,0 Z M24,17 L6,17 C5.44771525,17 5,17.4477153 5,18 L5,23 C5,23.5522847 5.44771525,24 6,24 L24,24 C24.5522847,24 25,23.5522847 25,23 L25,18 C25,17.4477153 24.5522847,17 24,17 Z M15,8 C11.6666667,8 8.33333333,8.38888889 5,9.16666667 L5,14 C5,14.5522847 5.44771525,15 6,15 L24,15 C24.5522847,15 25,14.5522847 25,14 L25,9.16666667 C21.6666667,8.38888889 18.3333333,8 15,8 Z M11,10 C11.5522847,10 12,10.4477153 12,11 C12,11.5522847 11.5522847,12 11,12 L8,12 C7.44771525,12 7,11.5522847 7,11 C7,10.4477153 7.44771525,10 8,10 Z" id="Mask"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30.0011092px" height="30px" viewBox="0 0 30.0011092 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>7A93DEF5-4FEF-40B6-99B7-F2F36D7D47A0</title>
<g id="Consola-mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="0a-Menu" transform="translate(-35.000000, -547.898333)" fill="#3F3F3F">
<g id="Conmutador" transform="translate(20.000000, 122.000000)">
<g id="Mobile-services" transform="translate(15.000000, 425.898333)">
<path d="M15,0 C23.1075582,0 30,2.39269081 30,8.09172156 L30.0011092,21.5357707 C29.4125119,21.1950335 28.7290322,21 28,21 C27.2685186,21 26.5828964,21.1963461 25.9929619,21.5392097 L23.1145512,18.1809622 C23.6708634,17.432156 24,16.504515 24,15.5 C24,14.3906757 23.5985973,13.3751041 22.9331138,12.590607 L24.9263454,9.93387288 C25.1105489,9.977122 25.3026027,10 25.5,10 C26.8807119,10 28,8.88071187 28,7.5 C28,6.11928813 26.8807119,5 25.5,5 C24.1192881,5 23,6.11928813 23,7.5 C23,7.94894056 23.1183351,8.37024248 23.3255151,8.73441568 L21.3340363,11.3894793 C20.7738858,11.1391713 20.1531955,11 19.5,11 C18.300645,11 17.2108778,11.4692008 16.4042415,12.2340592 L13.9415885,10.5920657 C13.9799014,10.400661 14,10.2026776 14,10 C14,8.34314575 12.6568542,7 11,7 C9.34314575,7 8,8.34314575 8,10 C8,11.6568542 9.34314575,13 11,13 C11.7271223,13 12.3938258,12.741316 12.9131003,12.3109582 L15.2935368,13.8979357 C15.1038711,14.3956458 15,14.9356927 15,15.5 C15,16.1810495 15.1512936,16.8267624 15.4221048,17.4053628 L11.695466,20.3038146 C11.340333,20.1100926 10.9330233,20 10.5,20 C9.11928813,20 8,21.1192881 8,22.5 C8,23.8807119 9.11928813,25 10.5,25 C11.8807119,25 13,23.8807119 13,22.5 C13,22.286925 12.9733436,22.0800759 12.9231838,21.8826056 L16.6499007,18.9825485 C17.4259628,19.6184248 18.4184206,20 19.5,20 C20.2570179,20 20.9703763,19.8130715 21.5964354,19.4828542 L24.5657994,22.947893 C24.2065164,23.5478609 24,24.2498132 24,25 C24,26.2589117 24.5815758,27.3819891 25.4907148,28.1152196 C22.7594493,29.4088759 19.0298244,30 15,30 C6.89244177,30 0,27.6073092 0,21.9082784 L0,8.09172156 C0,2.39269081 6.89244177,0 15,0 Z" id="Mask"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="29.3024689px" viewBox="0 0 30 29.3024689" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>51F33933-7E26-4D16-9D45-F3415926FFF6</title>
<g id="Consola-mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="0a-Menu" transform="translate(-35.000000, -288.000000)" fill="#3F3F3F">
<g id="Conmutador" transform="translate(20.000000, 122.000000)">
<g id="Elemento" transform="translate(0.000000, 166.000000)">
<g id="Mobile-visual-consoles" transform="translate(15.000000, 0.000000)">
<path d="M15,0 C23.1075582,0 30,2.39269081 30,8.09172156 L30,21.9082784 C30,25.8641319 26.679133,28.2269482 21.9361208,29.3022878 C21.9771584,29.207048 22,29.1054294 22,29 L21.992772,28.8977558 C21.921078,28.3934997 21.3248737,28 20.6,28 L17,28 L17,24 L23,24 C24.1045695,24 25,23.1045695 25,22 L25,10 C25,8.8954305 24.1045695,8 23,8 L7,8 C5.8954305,8 5,8.8954305 5,10 L5,22 C5,23.1045695 5.8954305,24 7,24 L13,24 L13,28 L9.4,28 C8.62680135,28 8,28.4477153 8,29 C8,29.1054294 8.02284162,29.207048 8.0651829,29.3024689 C3.32086702,28.2269482 0,25.8641319 0,21.9082784 L0,8.09172156 C0,2.39269081 6.89244177,0 15,0 Z" id="Mask"></path>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -59,8 +59,9 @@ body {
}
a.ui-link,
/* a:not(> div.event_name), */
a > span.name_count,
a:not(.ui-button) {
font-weight: normal;
text-decoration: underline !important;
text-decoration-color: var(--muted-color) !important;
color: var(--primary-color) !important;
@ -153,7 +154,7 @@ legend {
}
/* For mobiles */
@media screen and (max-width: 750px) {
@media screen and (max-width: 480px) {
#tactical1 *,
#tactical2 * {
font-size: 12px;
@ -164,7 +165,7 @@ legend {
}
}
/* For tablets */
@media screen and (min-width: 750px) {
@media screen and (min-width: 480px) {
#tactical1 a,
#tactical2 a {
font-size: 25px !important;
@ -361,13 +362,13 @@ tr.group_view_data,
}
/* For mobiles */
@media screen and (max-width: 750px) {
@media screen and (max-width: 480px) {
.list_groups .name_count img {
margin-top: 0px;
}
}
/* For tablets */
@media screen and (min-width: 750px) {
@media screen and (min-width: 480px) {
.list_groups .name_count img {
margin-top: 0px;
}
@ -504,7 +505,7 @@ table.event_details td.cell_event_name {
height: 40px;
}
@media screen and (max-width: 35em) {
@media screen and (max-width: 480px) {
/* Hide the title of event name */
#last_agent_events tbody tr.events td.cell_0 b.ui-table-cell-label,
#list_events tbody tr.events td.cell_0 b.ui-table-cell-label {
@ -645,89 +646,7 @@ table.event_details td.cell_event_name {
width: 100%;
}
@media screen and (max-width: 34.99em) {
/* #list_agents td {
height: 35px;
padding-top: 7px;
display: table-cell;
clear: none;
float: none;
padding-left: 0px !important;
padding-right: 0px !important;
width: auto !important;
} */
/* #list_agents td.cell_0 {
border-top: 0px none;
}
#list_agents td.cell_0 > span.tiny > img {
width: 5px;
height: 30px;
margin-top: -6px;
margin-left: 0px;
}
#list_agents .cell_2 .ui-table-cell-label,
#list_agents .cell_3 .ui-table-cell-label,
#list_agents .cell_6 .ui-table-cell-label,
#list_agents .cell_4 .ui-table-cell-label,
#list_agents .cell_5 .ui-table-cell-label,
#list_agents .cell_8 .ui-table-cell-label {
min-width: auto !important;
}
#list_agents .cell_3 .ui-table-cell-label,
#list_agents .cell_6 .ui-table-cell-label,
#list_agents .cell_7 .ui-table-cell-label {
padding-left: 10px;
}
#list_agents .cell_2,
#list_agents .cell_3,
#list_agents .cell_7 {
display: inline !important;
float: none !important;
}
#list_agents .cell_4,
#list_agents .cell_8 {
display: inline !important;
float: none !important;
}
#list_agents .cell_8 {
display: inline !important;
float: none !important;
}
#list_agents b.ui-table-cell-label {
display: none;
}
#list_agents .show_collapside {
display: none !important;
}
#list_agents .cell_1,
#list_agents .cell_2,
#list_agents .cell_3,
#list_agents .cell_4,
#list_agents .cell_7 {
display: none !important;
}
#list_agents .cell_0 .ui-link {
font-size: 12px;
}
#list_agents .cell_6 .show_collapside {
display: none !important;
}
.agents_tiny_stats * {
font-size: 12px !important;
} */
@media screen and (max-width: 480px) {
#list_agent_Modules td {
padding-top: 7px !important;
}
@ -737,18 +656,6 @@ table.event_details td.cell_event_name {
}
}
/* For mobiles */
@media screen and (max-width: 750px) {
.agents_tiny_stats * {
font-size: 12px !important;
}
}
/* For tablets */
@media screen and (min-width: 750px) {
.agents_tiny_stats * {
font-size: 17px !important;
}
}
/*END-----------Agents styles-----------------------------------------*/
/*INIT-----------Network maps styles---------------------------------------*/
@ -777,20 +684,7 @@ table.event_details td.cell_event_name {
}
/* For mobiles */
@media screen and (max-width: 750px) {
#rendered_visual_map div {
font-size: 6pt !important;
}
}
/* For tablets */
@media screen and (min-width: 750px) {
#rendered_visual_map div {
font-size: 8pt !important;
}
}
/* For mobiles */
@media screen and (max-width: 750px) {
@media screen and (max-width: 480px) {
.resize_visual_font_size_4pt * {
font-size: 2pt !important;
}
@ -814,7 +708,7 @@ table.event_details td.cell_event_name {
}
}
/* For tablets */
@media screen and (min-width: 750px) {
@media screen and (min-width: 480px) {
.resize_visual_font_size_4pt * {
font-size: 2pt !important;
}
@ -841,7 +735,7 @@ table.event_details td.cell_event_name {
/*END-----------Visual maps styles---------------------------------------*/
/*INIT-----------Modules styles---------------------------------------*/
@media screen and (max-width: 34.99em) {
@media screen and (max-width: 480px) {
#list_Modules .cell_1 .ui-table-cell-label,
#list_Modules .cell_5 .ui-table-cell-label,
#list_Modules .cell_6 .ui-table-cell-label {
@ -918,6 +812,7 @@ table.event_details td.cell_event_name {
font-size: 12px !important;
}
table#list_agent_Modules tr,
table#list_agents tr,
table#list_Modules tr,
table#list_alerts tr,
@ -989,16 +884,19 @@ table[id^="service-table-"] td.cell_0 {
}
#user_logged {
color: var(--muted-color);
font-weight: 600;
position: absolute;
font-size: 11px !important;
right: 10px;
top: 8px;
background: url(../../../images/header_user.png) no-repeat right;
/* background: url(../../../images/user.svg) no-repeat right !important; */
padding-right: 20px;
line-height: 20px;
background-size: 17px !important;
}
@media screen and (max-width: 34.99em) {
@media screen and (max-width: 480px) {
#list_agent_Modules .ui-table-cell-label,
#list_agent_Modules .cell_2,
#list_agent_Modules .cell_3 {
@ -1060,7 +958,7 @@ li.ui-btn {
float: left;
}
@media screen and (max-width: 34.99em) {
@media screen and (max-width: 480px) {
.ui-table th,
.ui-table td {
padding: 8px !important;
@ -1102,7 +1000,7 @@ li.ui-btn {
height: 28px !important;
}
@media screen and (max-width: 35em) {
@media screen and (max-width: 480px) {
.events .status_row {
display: none;
}
@ -1121,7 +1019,7 @@ li.ui-btn {
}
}
@media screen and (min-width: 35em) {
@media screen and (min-width: 480px) {
.events .cell_0 .event_link {
display: none;
}
@ -1154,7 +1052,7 @@ li.ui-btn {
}
/* For mobiles */
@media screen and (max-width: 750px) {
@media screen and (max-width: 480px) {
.ui-content > .ui-btn {
margin: 10px 7px;
height: 30px;
@ -1182,7 +1080,7 @@ li.ui-btn {
}
}
/* For tablets */
@media screen and (min-width: 750px) {
@media screen and (min-width: 480px) {
.ui-content > .ui-btn {
display: inline-block;
margin: 8px 5px;
@ -1345,6 +1243,41 @@ table.tactical_bars {
background-size: 18px 18px !important;
}
/* New */
.ui-icon-menu-services {
background-image: url(../../../images/services.menu.svg) !important;
}
.ui-icon-menu-server-status {
background-image: url(../../../images/server-status.menu.svg) !important;
}
.ui-icon-menu-brick {
background-image: url(../../../images/brick.menu.svg) !important;
}
.ui-icon-menu-agent_ms {
background-image: url(../../../images/agent_ms.menu.svg) !important;
}
.ui-icon-menu-op_alerts {
background-image: url(../../../images/op_alerts.menu.svg) !important;
}
.ui-icon-menu-visual_console {
background-image: url(../../../images/visual_console.menu.svg) !important;
}
.ui-icon-menu-group {
background-image: url(../../../images/group.menu.svg) !important;
}
.ui-icon-menu-op_events {
background-image: url(../../../images/op_events.menu.svg) !important;
}
.ui-icon-menu-op_monitoring {
background-image: url(../../../images/op_monitoring.menu.svg) !important;
}
.ui-icon-menu-square {
border-radius: 0% !important;
width: 30px !important;
height: 30px !important;
}
.ui-icon-tactical_view,
.ui-icon-events,
.ui-icon-groups,
@ -1376,42 +1309,6 @@ table.tactical_bars {
-webkit-border-radius: 15px !important;
}
/* For mobiles */
@media screen and (max-width: 750px) {
.ui-icon-tactical_view,
.ui-icon-events,
.ui-icon-groups,
.ui-icon-alerts,
.ui-icon-agents,
.ui-icon-modules,
.ui-icon-server-status,
.ui-icon-services,
.ui-icon-network_maps,
.ui-icon-visual_console,
.ui-icon-dashboard {
height: 18px !important;
width: 18px !important;
margin-top: 0px !important;
}
}
/* For tablets */
@media screen and (min-width: 750px) {
.ui-icon-tactical_view,
.ui-icon-events,
.ui-icon-groups,
.ui-icon-alerts,
.ui-icon-agents,
.ui-icon-modules,
.ui-icon-server-status,
.ui-icon-services,
.ui-icon-network_maps,
.ui-icon-visual_console,
.ui-icon-dashboard {
height: 18px !important;
width: 18px !important;
}
}
/*END-----------Network maps styles---------------------------------------*/
#logout_dialog-button_close {
@ -1967,11 +1864,19 @@ span#user_logged {
}
.ui-icon-delete {
background-image: url(../../../images/close@svg.svg) !important;
background-image: url(../../../images/close-grey.svg) !important;
}
.ui-icon-search {
background-image: url(../../../images/details.svg) !important;
background-image: url(../../../images/search-mobile.svg) !important;
}
.ui-checkboxradio-icon {
background-image: url(../../../images/checkbox.svg) !important;
}
.ui-icon-logout {
background-image: url(../../../images/logout-red.svg) !important;
}
.ui-icon {
@ -2151,17 +2056,22 @@ table#last-activity > tbody > tr > td > b {
padding-right: 0px;
}
.white-card.p-tb-0px {
padding-top: 0px;
padding-bottom: 0px;
}
/* Events table */
table#last_agent_events > tbody > tr.events > td.cell_0,
table#list_events > tbody > tr.events > td.cell_0 {
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
table#last_agent_events > tbody > tr.events > td.vertical_middle,
table#list_events > tbody > tr.events > td.vertical_middle {
border-bottom-left-radius: 8px !important;
border-bottom-right-radius: 8px !important;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
color: #4a4a4a;
}
@ -2432,6 +2342,7 @@ div#module-dialog-popup {
div#module-dialog {
height: 100%;
border-radius: 8px;
}
a#close-dialog-btn {
@ -2447,6 +2358,8 @@ a#historical-option {
line-height: 40px;
}
fieldset.ui-controlgroup.ui-controlgroup-vertical.ui-group-theme-inherit
> label,
div[data-role="fieldcontain"] > fieldset > label[for^="select-"] {
margin-top: 10px;
font-size: 10pt !important;
@ -2459,26 +2372,62 @@ div[data-role="fieldcontain"]
> a[id^="select-"] {
box-shadow: unset;
text-align: left;
color: var(--muted-color);
font-weight: 500;
font-weight: 400;
border: 1px solid var(--border-dark-color) !important;
border-radius: 8px !important;
}
li > a.ui-listview-item-button.ui-button.ui-button-active {
color: #000;
ul.ui-selectmenu-custom-list.ui-listview
> li
> a.ui-listview-item-button.ui-button.ui-button-active {
background-color: var(--primary-color);
}
ul.ui-selectmenu-custom-list.ui-listview
> li
> a.ui-listview-item-button.ui-button {
font-weight: 400;
}
div.ui-page-dialog-contain.ui-overlay-shadow.ui-corner-all.ui-body-a
> div.ui-content {
padding: 0px;
}
div.ui-popup.ui-corner-all.ui-overlay-shadow.ui-selectmenu-custom.ui-body-inherit
> ul.ui-selectmenu-custom-list.ui-listview {
margin-left: -1px;
margin-right: -1px;
}
div.ui-popup.ui-corner-all.ui-overlay-shadow.ui-selectmenu-custom.ui-body-inherit,
div.ui-page-dialog-contain.ui-overlay-shadow.ui-corner-all.ui-body-a {
border-radius: 8px;
}
div.ui-toolbar-header.ui-bar-inherit {
height: 40px;
line-height: 22px;
font-size: 10pt;
background-color: var(--secondary-color) !important;
height: 48px;
border-bottom: 1px solid var(--border-color);
}
div.ui-toolbar-header.ui-bar-inherit h1.ui-toolbar-title {
font-size: 11pt;
text-align: left;
margin-left: 10px;
line-height: 28px;
}
div.ui-toolbar-header.ui-bar-inherit
> .ui-page-dialog-close-button.ui-button.ui-corner-all.ui-button-icon-only.ui-toolbar-header-button-left {
background-color: transparent;
border: 0px;
right: 10px;
left: unset;
top: 10px;
}
div#free_search-container
@ -2492,10 +2441,12 @@ div#free_search-container
input[name="free_search"] {
height: 48px;
margin-left: 15px !important;
padding-left: 30px !important;
}
input[name="free_search"]::placeholder {
font-style: italic;
color: var(--muted-color);
}
div#free_search-container
@ -2514,15 +2465,45 @@ a.ui-textinput-clear-button.ui-button-icon-only.ui-button-right.ui-widget.ui-but
box-shadow: unset;
}
div#logout_dialog a#logout_dialog-button_close,
div#detail_event_dialog > div > div a#validate_button,
div#detail_event_dialog > div > div a#process_button,
fieldset[data-role="controlgroup"] > input[type="submit"] {
height: 48px;
border-radius: 8px;
background-color: var(--primary-color);
text-shadow: none;
color: var(--body-color);
color: var(--secondary-color);
font-size: 11pt !important;
}
div#detail_event_dialog > div > div a#validate_button,
div#detail_event_dialog > div > div a#process_button {
margin-right: 10px;
margin-left: 10px;
}
div#detail_event_dialog > div > div a#process_button {
background-color: var(--secondary-color);
color: var(--primary-color);
height: 22px;
}
div#logout_dialog h1.dialog_title {
font-size: 11pt;
}
div#logout_dialog
div.ui-page-dialog-contain.ui-overlay-shadow.ui-corner-all.ui-body-a {
padding: 10px;
}
div#logout_dialog a#logout_dialog-button_close {
height: 30px;
}
div#detail_event_dialog > div > div a#validate_button:active,
div#detail_event_dialog > div > div a#validate_button:hover,
fieldset[data-role="controlgroup"] > input[type="submit"]:active,
fieldset[data-role="controlgroup"] > input[type="submit"]:hover {
background-color: var(--primary-color-hover);
@ -2530,6 +2511,43 @@ fieldset[data-role="controlgroup"] > input[type="submit"]:hover {
color: var(--body-color);
}
fieldset[data-role="controlgroup"] > div.ui-slider > input[type="number"] {
border: 1px solid var(--border-dark-color) !important;
border-radius: 8px;
text-shadow: none;
box-shadow: unset;
font-weight: 400;
height: 32px;
}
fieldset[data-role="controlgroup"]
> div.ui-slider
> div.ui-slider-track.ui-shadow-inset.ui-corner-all.ui-body-inherit {
background-color: var(--border-dark-color);
border: 0px;
box-shadow: unset;
border-radius: 8px;
height: 10px;
margin-top: 10px;
}
fieldset[data-role="controlgroup"]
> div.ui-slider
> div.ui-slider-track.ui-shadow-inset.ui-corner-all.ui-body-inherit
> a {
line-height: 28px;
border-radius: 50%;
background-color: var(--secondary-color);
}
fieldset[data-role="controlgroup"]
> div.ui-slider
> div.ui-slider-track.ui-shadow-inset.ui-corner-all.ui-body-inherit
> a::before {
color: var(--muted-color);
content: "< >";
}
div.filter-collapsible.ui-collapsible.ui-collapsible-inset.ui-corner-all.ui-collapsible-themed-content
> h4
> a {
@ -2561,3 +2579,401 @@ div.filter-collapsible.ui-collapsible.ui-collapsible-inset.ui-corner-all.ui-coll
text-shadow: none !important;
background-color: var(--border-color) !important;
}
div.list_groups.ui-collapsible-set
div.ui-collapsible.ui-collapsible-inset.ui-corner-all.ui-collapsible-themed-content
h4
a {
background-color: var(--secondary-color) !important;
}
div.list_groups.ui-collapsible-set div.ui-collapsible-content.ui-body-d {
padding: 0px;
}
div.list_groups.ui-collapsible-set
div.ui-collapsible-content.ui-body-d
li.ui-listview-item {
height: 28px;
}
div.list_groups.ui-collapsible-set
div.ui-collapsible-content.ui-body-d
li.ui-listview-item
a {
font-weight: 400px;
height: 28px;
line-height: 33px;
padding-top: 0px;
padding-bottom: 0px;
}
div.list_groups.ui-collapsible-set
div.ui-collapsible.ui-collapsible-inset
h4
a
span.ui-icon.ui-collapsible-icon-right {
margin-top: 2px;
}
div.list_groups.ui-collapsible-set
div.ui-collapsible.ui-collapsible-inset
h4
a
span.agents-counter {
margin-top: 4px;
}
div.list_groups.ui-collapsible-set
div.ui-collapsible.ui-collapsible-inset
h4
a
img {
margin-bottom: -4px;
}
a > span.number_count {
font-weight: normal;
}
.close-button-dialog,
div#detail_event_dialog > div .close-button-dialog {
background-image: url(../../../images/close-grey.svg) !important;
background-repeat: no-repeat;
background-position: center;
margin: 0px;
margin-right: 10px !important;
width: 25px;
height: 25px;
background-color: transparent !important;
border: unset !important;
box-shadow: none !important;
}
div#detail_event_dialog > div h1.dialog_title {
font-size: 11pt;
margin-left: 10px;
}
div#detail_event_dialog tr.event_name {
display: none;
}
div#detail_event_dialog table.pandora_responsive.event_details * {
font-size: 10pt;
}
div#detail_event_dialog
table.pandora_responsive.event_details
> tbody
> tr:nth-child(even),
div#detail_event_dialog table.pandora_responsive.event_details th,
div#detail_event_dialog table.pandora_responsive.event_details td {
background-color: var(--secondary-color);
}
a.big_data {
text-decoration: none !important;
color: initial !important;
}
div#module-dialog > div.ui-content > a {
box-shadow: none;
background-color: var(--border-color);
text-shadow: none;
border-radius: 8px;
}
div#agent_graphs,
div#agent_details {
padding-left: 10px;
padding-right: 10px;
}
a.ui-collapsible-heading-toggle.ui-button.ui-button-a.ui-mini {
height: 38px;
line-height: 40px;
font-weight: 400;
font-size: 11pt;
}
div#filter-modules-container
div.ui-textinput.ui-corner-all.ui-shadow-inset.ui-textinput-text.ui-body-inherit {
box-shadow: unset;
border: 1px solid var(--border-dark-color);
border-radius: 8px;
background-color: var(--border-color);
}
div#filter-modules-container input#filter-modules {
height: 38px;
}
table#list_agent_Modules,
table#list_agent_Modules thead,
table#list_agent_Modules tbody,
table#list_agent_Modules tr {
width: calc(100vw - 48px) !important;
}
table#list_agent_Modules tr {
height: 38px;
}
table#list_agent_Modules thead th {
display: initial;
}
table#list_agent_Modules > thead > tr > th[data-colstart="3"],
table#list_agent_Modules > thead > tr > th[data-colstart="4"] {
display: none;
}
table#list_agent_Modules > thead > tr > th[data-colstart="1"],
table#list_agent_Modules > tbody > tr > td.cell_0 {
width: 60%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
table#list_agent_Modules > thead > tr > th[data-colstart="2"],
table#list_agent_Modules > tbody > tr > td.cell_1 {
width: 15%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
table#list_agent_Modules > thead > tr > th[data-colstart="5"],
table#list_agent_Modules > tbody > tr > td.cell_4 {
width: 25%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
div#start_date-container
div.ui-textinput.ui-corner-all.ui-shadow-inset.ui-textinput-text.ui-body-inherit,
div#unknown_graph-container label,
div#time_compare_overlapped-container label,
div#time_compare_separated-container label,
div#draw_events-container label,
div#draw_alerts-container label {
border: 1px solid var(--border-dark-color);
border-radius: 8px;
height: 48px;
line-height: 30px;
font-weight: 400;
}
div#start_date-container
div.ui-textinput.ui-corner-all.ui-shadow-inset.ui-textinput-text.ui-body-inherit {
background-color: #f6f6f6;
border: 1px solid var(--border-dark-color);
border-radius: 8px;
height: 44px;
box-shadow: none;
line-height: 30px;
font-weight: 400;
}
div#start_date-container
div.ui-textinput.ui-corner-all.ui-shadow-inset.ui-textinput-text.ui-body-inherit
input {
margin-top: 10px;
}
div#graph_content > div.parent_graph {
width: 100% !important;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
}
.logout-text {
color: #ed474a !important;
}
div.menu-buttons {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
}
div.menu-buttons > a[data-role="button"] {
margin-top: 0px;
margin-bottom: -1px;
box-shadow: unset;
background-color: var(--secondary-color) !important;
border-radius: 0px;
line-height: 28px;
text-align: left;
}
div.menu-buttons > a[data-role="button"]:first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
div.menu-buttons > a[data-role="button"]:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
div.search-home {
margin-left: -5px;
margin-right: -5px;
}
.no-data {
color: #ed474a !important;
text-align: center !important;
font-size: 10pt !important;
}
a.visual-console-button {
text-shadow: none !important;
box-shadow: unset !important;
background-color: var(--border-color) !important;
}
table#list_visualmaps tr td {
background-color: var(--secondary-color);
border-bottom: 1px solid var(--border-color);
height: 48px;
}
table#list_visualmaps tr td a {
font-size: 10pt;
font-weight: 400;
}
table#list_visualmaps tr:first-child td {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
table#list_visualmaps tr:last-child td {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom: 0px;
}
/* =============================================================== */
/* ========================= For tablets ========================= */
/* =============================================================== */
@media screen and (min-width: 480px) {
table#last-activity > tbody > tr {
display: table-row;
}
table#last-activity > thead > tr > th[data-colstart="1"],
table#last-activity > tbody > tr > td.cell_0 {
width: 10%;
}
table#last-activity > thead > tr > th[data-colstart="2"],
table#last-activity > tbody > tr > td.cell_1 {
width: 50%;
}
table#last-activity > thead > tr > th[data-colstart="3"],
table#last-activity > tbody > tr > td.cell_2 {
width: 20%;
}
table#last-activity > thead > tr > th[data-colstart="4"],
table#last-activity > tbody > tr > td.cell_3 {
width: 20%;
}
table#list_events > tbody > tr {
display: table-row;
}
table#list_events > tbody > tr > td.cell_0 {
width: 70% !important;
line-height: 34px;
border-top-right-radius: 0px !important;
border-top-left-radius: 8px !important;
border-bottom-left-radius: 8px !important;
}
table#list_events > tbody > tr > td.vertical_middle {
width: 30% !important;
line-height: 34px;
border-bottom-left-radius: 0px !important;
border-top-right-radius: 8px !important;
border-bottom-right-radius: 8px !important;
}
table#list_events > tbody > tr > td.vertical_middle .events_timestamp {
margin-top: 10px;
}
table#list_agents > thead > tr > th {
display: unset !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-align: left;
padding-left: 0px;
padding-right: 0px;
}
table#list_agents > tbody > tr > td {
display: initial !important;
white-space: nowrap;
line-height: 48px;
height: 48px;
}
table#list_agents > tbody > tr > td span.align-none-10p {
display: none;
}
table#list_agents > tbody > tr > td .status_rounded_rectangles {
width: 30px;
}
table#list_agents > tbody > tr > td > img {
margin-top: 15px;
}
table#list_agents > tbody > tr {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
table#list_agents > thead > tr > th[data-colstart="1"],
table#list_agents > tbody > tr > td.cell_0 {
width: 40%;
}
table#list_agents > thead > tr > th[data-colstart="2"],
table#list_agents > tbody > tr > td.cell_1 {
width: 7%;
}
table#list_agents > thead > tr > th[data-colstart="3"],
table#list_agents > tbody > tr > td.cell_2 {
width: 7%;
}
table#list_agents > thead > tr > th[data-colstart="4"],
table#list_agents > tbody > tr > td.cell_3 {
width: 7%;
}
table#list_agents > thead > tr > th[data-colstart="5"],
table#list_agents > tbody > tr > td.cell_4 {
width: 7%;
}
table#list_agents > thead > tr > th[data-colstart="6"],
table#list_agents > tbody > tr > td.cell_5 {
width: 12%;
}
table#list_agents > thead > tr > th[data-colstart="7"],
table#list_agents > tbody > tr > td.cell_6 {
width: 10%;
margin-right: 0px;
}
table#list_agents > thead > tr > th[data-colstart="8"],
table#list_agents > tbody > tr > td.cell_7 {
width: 10%;
margin-right: 5px;
}
}

View File

@ -220,11 +220,11 @@ class Ui
if ($left_button === false) {
$left_button = $this->createHeaderButton(
[
'icon' => 'ui-icon-back',
'icon' => 'ui-icon-logout',
'pos' => 'left',
'text' => __('Logout'),
'href' => 'index.php?action=logout',
'class' => 'header-button-left',
'class' => 'header-button-left logout-text',
]
);
}

View File

@ -219,7 +219,7 @@ class Agents
__('Filter Agents by %s'),
$this->filterEventsGetString()
);
$ui->contentBeginCollapsible($filter_title);
$ui->contentBeginCollapsible($filter_title, 'filter-collapsible');
$ui->beginForm('index.php?page=agents');
$system = System::getInstance();
$groups = users_get_groups_for_select(
@ -462,6 +462,7 @@ class Agents
$table->id = 'list_agents';
$table->importFromHash($listAgents['agents']);
$ui->contentAddHtml('<div class="hr-full"></div>');
$ui->contentAddHtml('<div class="white-card p-lr-0px">');
$ui->contentAddHtml($table->getHTML());

View File

@ -208,7 +208,7 @@ class Alerts
__('Filter Alerts by %s'),
$this->filterAlertsGetString()
);
$ui->contentBeginCollapsible($filter_title);
$ui->contentBeginCollapsible($filter_title, 'filter-collapsible');
$ui->beginForm();
$options = [
'name' => 'page',
@ -371,6 +371,7 @@ class Alerts
$tableHTML->id = 'list_alerts';
$tableHTML->importFromHash($table);
if (!$return) {
$ui->contentAddHtml('<div class="hr-full"></div>');
$ui->contentAddHtml('<div class="white-card p-lr-0px">');
$ui->contentAddHtml($tableHTML->getHTML());
$ui->contentAddHtml('</div>');

View File

@ -438,17 +438,17 @@ class Events
// Get Status.
switch ($event['estado']) {
case 0:
$img_st = 'images/star_dark.png';
$img_st = 'images/star-dark.svg';
$title_st = __('New event');
break;
case 1:
$img_st = 'images/tick.png';
$img_st = 'images/validate.svg';
$title_st = __('Event validated');
break;
case 2:
$img_st = 'images/hourglass.png';
$img_st = 'images/clock.svg';
$title_st = __('Event in process');
break;
@ -584,6 +584,43 @@ class Events
}
break;
case 'process_event':
$system = System::getInstance();
$id_event = $system->getRequest('id_event', 0);
$server_id = $system->getRequest('server_id', 0);
try {
if (is_metaconsole() === true
&& $server_id > 0
) {
$node = new Node($server_id);
$node->connect();
}
if (events_change_status($id_event, EVENT_PROCESS) === true) {
echo json_encode(['correct' => 1]);
} else {
echo json_encode(['correct' => 0]);
}
} catch (\Exception $e) {
// Unexistent agent.
if (is_metaconsole() === true
&& $server_id > 0
) {
$node->disconnect();
}
echo json_encode(['correct' => 0]);
} finally {
if (is_metaconsole() === true
&& $server_id > 0
) {
$node->disconnect();
}
}
break;
default:
// Not possible.
break;
@ -783,7 +820,7 @@ class Events
// Content.
ob_start();
?>
<table class="pandora_responsive alternate event_details">
<table class="pandora_responsive event_details">
<tbody>
<tr class="event_name">
<td class="cell_event_name" colspan="2"></td>
@ -852,6 +889,14 @@ class Events
'href' => 'javascript: validateEvent();',
];
$options['content_text'] .= $ui->createButton($options_button);
$options_button = [
'text' => __('In process'),
'id' => 'process_button',
'href' => 'javascript: processEvent();',
];
$options['content_text'] .= $ui->createButton($options_button);
$options_hidden = [
'id' => 'event_id',
'value' => 0,
@ -871,6 +916,13 @@ class Events
$options['content_text'] .= '<div id="validate_button_fail" class="invisible center">
<h3 class="color_ff0">'.__('Fail validate').'</h3></div>';
$options['content_text'] .= '<div id="process_button_loading" class="invisible center">
<img src="images/ajax-loader.gif" /></div>';
$options['content_text'] .= '<div id="process_button_correct" class="invisible center">
<h3>'.__('Sucessful in process').'</h3></div>';
$options['content_text'] .= '<div id="process_button_fail" class="invisible center">
<h3 class="color_ff0">'.__('Fail in process').'</h3></div>';
$options['button_close'] = true;
return $options;
@ -914,7 +966,7 @@ class Events
$ui->contentAddHtml("<a id='detail_event_dialog_error_hook' href='#detail_event_dialog_error' class='invisible'>detail_event_dialog_error_hook</a>");
$filter_title = sprintf(__('Filter Events by %s'), $this->filterEventsGetString());
$ui->contentBeginCollapsible($filter_title);
$ui->contentBeginCollapsible($filter_title, 'filter-collapsible');
$ui->beginForm('index.php?page=events');
$items = db_get_all_rows_in_table('tevent_filter');
$items[] = [
@ -1202,9 +1254,9 @@ class Events
success:
function (data) {
if (data.correct) {
event = data.event;
event = data.event;
//Fill the dialog
$("#detail_event_dialog .cell_event_name")
$("#detail_event_dialog h1.dialog_title")
.html(event["evento"]);
$("#detail_event_dialog .cell_event_id")
.html(id_event);
@ -1220,6 +1272,8 @@ class Events
.html(event["criticity"]);
$("#detail_event_dialog .cell_event_status")
.html(event["status"]);
$("#detail_event_dialog .cell_event_status img")
.addClass("main_menu_icon");
$("#detail_event_dialog .cell_event_acknowledged_by")
.html(event["acknowledged_by"]);
$("#detail_event_dialog .cell_event_group")
@ -1244,15 +1298,19 @@ class Events
//The event is validated.
$("#validate_button").hide();
}
if (event["status"].indexOf("clock") >= 0) {
$("#process_button").hide();
}
$("#validate_button_loading").hide();
$("#validate_button_fail").hide();
$("#validate_button_correct").hide();
$.mobile.loading( "hide" );
$("#detail_event_dialog_hook").click();
$("#detail_event_dialog-button_close").html("X");
$("#detail_event_dialog-button_close").html("");
$("#detail_event_dialog-button_close").addClass("close-button-dialog");
$(".dialog_title").addClass("ml5px");
$(".dialog_title").parent().addClass("flex align-items-center space-between");
$(".dialog_title").parent().append($("#detail_event_dialog-button_close"));
}
@ -1315,6 +1373,53 @@ class Events
}
});
}
function processEvent() {
id_event = $("#event_id").val();
server_id = $("#server_id").val();
$("#process_button").hide();
$("#process_button_loading").show();
//Hide the button to close
$("#detail_event_dialog div.ui-header a.ui-btn-right")
.hide();
postvars = {};
postvars["action"] = "ajax";
postvars["parameter1"] = "events";
postvars["parameter2"] = "process_event";
postvars["id_event"] = id_event;
postvars["server_id"] = server_id;
$.ajax ({
type: "POST",
url: "index.php",
dataType: "json",
data: postvars,
success:
function (data) {
$("#process_button_loading").hide();
if (data.correct) {
$("#process_button_correct").show();
}
else {
$("#process_button_fail").show();
}
$("#detail_event_dialog div.ui-header a.ui-btn-right")
.show();
},
error:
function (jqXHR, textStatus, errorThrown) {
$("#process_button_loading").hide();
$("#process_button_fail").show();
$("#detail_event_dialog div.ui-header a.ui-btn-right")
.show();
}
});
}
</script>'
);
}

View File

@ -45,19 +45,19 @@ class Home
'name' => __('Tactical view'),
'filename' => 'tactical.php',
'menu_item' => true,
'icon' => 'ui-icon-tactical_view ui-widget-icon-floatbeginning',
'icon' => 'ui-icon-menu-op_monitoring ui-widget-icon-floatbeginning ui-icon-menu-square',
];
$items['events'] = [
'name' => __('Events'),
'filename' => 'events.php',
'menu_item' => true,
'icon' => 'ui-icon-events ui-widget-icon-floatbeginning',
'icon' => 'ui-icon-menu-op_events ui-widget-icon-floatbeginning ui-icon-menu-square',
];
$items['groups'] = [
'name' => __('Groups'),
'filename' => 'groups.php',
'menu_item' => true,
'icon' => 'ui-icon-groups ui-widget-icon-floatbeginning',
'icon' => 'ui-icon-menu-group ui-widget-icon-floatbeginning ui-icon-menu-square',
];
if ((bool) $system->getConfig('legacy_vc', false) === false) {
@ -66,7 +66,7 @@ class Home
'name' => __('Visual consoles'),
'filename' => 'visualmaps.php',
'menu_item' => true,
'icon' => 'ui-icon-visual_console ui-widget-icon-floatbeginning',
'icon' => 'ui-icon-menu-visual_console ui-widget-icon-floatbeginning ui-icon-menu-square',
];
}
@ -74,28 +74,28 @@ class Home
'name' => __('Alerts'),
'filename' => 'alerts.php',
'menu_item' => true,
'icon' => 'ui-icon-alerts ui-widget-icon-floatbeginning',
'icon' => 'ui-icon-menu-op_alerts ui-widget-icon-floatbeginning ui-icon-menu-square',
];
$items['agents'] = [
'name' => __('Agents'),
'filename' => 'agents.php',
'menu_item' => true,
'icon' => 'ui-icon-agents ui-widget-icon-floatbeginning',
'icon' => 'ui-icon-menu-agent_ms ui-widget-icon-floatbeginning ui-icon-menu-square',
];
$items['modules'] = [
'name' => __('Modules'),
'filename' => 'modules.php',
'menu_item' => true,
'icon' => 'ui-icon-modules ui-widget-icon-floatbeginning',
'icon' => 'ui-icon-menu-brick ui-widget-icon-floatbeginning ui-icon-menu-square',
];
$items['server_status'] = [
'name' => __('Server status'),
'filename' => 'server_status.php',
'menu_item' => true,
'icon' => 'ui-icon-server-status ui-widget-icon-floatbeginning',
'icon' => 'ui-icon-menu-server-status ui-widget-icon-floatbeginning ui-icon-menu-square',
];
if ((int) $system->getConfig('enterprise_installed', false) === 1) {
@ -103,7 +103,7 @@ class Home
'name' => __('Services'),
'filename' => 'services.php',
'menu_item' => true,
'icon' => 'ui-icon-services ui-widget-icon-floatbeginning',
'icon' => 'ui-icon-menu-services ui-widget-icon-floatbeginning ui-icon-menu-square',
];
}
@ -131,6 +131,7 @@ class Home
$this->loadPagesItems();
}
$ui->contentAddHtml('<div class="menu-buttons">');
foreach ($this->pagesItems as $page => $data) {
if ($data['menu_item']) {
$options = [
@ -143,6 +144,8 @@ class Home
$ui->contentAddHtml($ui->createButton($options));
}
}
$ui->contentAddHtml('</div>');
}
@ -159,11 +162,11 @@ class Home
} else {
$left_button = $ui->createHeaderButton(
[
'icon' => 'ui-icon-back',
'icon' => 'ui-icon-logout',
'pos' => 'left',
'text' => __('Logout'),
'href' => 'index.php?action=logout',
'class' => 'header-button-left',
'class' => 'header-button-left logout-text',
]
);
}
@ -177,6 +180,7 @@ class Home
$ui->createHeader(__('Home'), $left_button, $user_logged);
$ui->showFooter(false);
$ui->beginContent();
$ui->contentAddHtml('<div class="search-home">');
$ui->beginForm('index.php?page=agents');
$options = [
'name' => 'free_search',
@ -185,6 +189,7 @@ class Home
];
$ui->formAddInputSearch($options);
$ui->endForm();
$ui->contentAddHtml('</div>');
// List of buttons
$this->loadButtons($ui);

View File

@ -199,7 +199,7 @@ class ModuleData
$agent_name = agents_get_name($agent_id);
$module_name = modules_get_agentmodule_name($this->moduleId);
$ui->contentAddHtml('<h1 class="center font-10pt">'.$module_name.'</h1>');
$ui->contentAddHtml('<p class="center"><span class="muted">'.$agent_name.'</span></p>');
$ui->contentAddHtml('<p class="center truncate muted">'.$agent_name.'</p>');
$ui->contentAddHtml($table->getHTML());

View File

@ -404,7 +404,7 @@ class ModuleGraph
)
);
$title = sprintf(__('Options for %s : %s'), $agent_alias, $this->module['nombre']);
$ui->contentBeginCollapsible($title);
$ui->contentBeginCollapsible($title, 'filter-collapsible');
$ui->beginForm('index.php?page=module_graph&id='.$this->id.'&server_id='.$this->server_id);
$options = [
'name' => 'draw_alerts',

View File

@ -813,6 +813,7 @@ class Modules
$table->id = 'list_Modules';
$table->importFromHash($listModules['modules']);
$ui->contentAddHtml('<div class="hr-full"></div>');
$ui->contentAddHtml('<div class="white-card p-lr-0px">');
$ui->contentAddHtml($table->getHTML());
@ -847,7 +848,7 @@ class Modules
<div data-role="popup" id="module-dialog" data-overlay-theme="b" data-dismissible="false">
<div data-role="header" data-theme="a" class="flex align-items-center space-between">
<h1 style="margin-left: 10px;" class="font-10pt"> '.__('Choose option').'</h1>
<a href="#" id="close-dialog-btn" data-role="button" class="ui-corner-all " data-rel="back">X</a>
<a href="#" id="close-dialog-btn" data-role="button" class="ui-corner-all close-button-dialog" data-rel="back"></a>
</div>
<div role="main" class="ui-content">

View File

@ -241,7 +241,7 @@ class Visualmaps
'pos' => 'right',
'text' => __('All visual consoles'),
'href' => 'index.php?page=visualmaps&favourite=0',
'class' => '',
'class' => 'visual-console-button',
]
)
);
@ -253,14 +253,16 @@ class Visualmaps
'pos' => 'right',
'text' => __('Favourite visual consoles'),
'href' => 'index.php?page=visualmaps&favourite=1',
'class' => '',
'class' => 'visual-console-button',
]
)
);
}
$ui->contentAddHtml('<div class="hr-full"></div>');
if (empty($visualmaps) === true) {
$ui->contentAddHtml('<p style="color: #ff0000;">'.__('No maps defined').'</p>');
$ui->contentAddHtml('<p class="no-data">'.__('There are no favorite maps to show').'</p>');
} else {
$table = new Table();
// Without header jquery.mobile crashes.
@ -282,7 +284,9 @@ class Visualmaps
$table->addRow([ $map['id'].' flex-center' => $row]);
}
$ui->contentAddHtml('<div class="white-card p-tb-0px p-lr-0px">');
$ui->contentAddHtml($table->getHTML());
$ui->contentAddHtml('</div>');
$ui->contentAddLinkListener('list_visualmaps');
}
}