add dashboard widgets
This commit is contained in:
Felix Niklas
parent
552a1b86e7
commit
60e1e2de24
4 changed files with 430 additions and 12 deletions
|
|
@ -1,5 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="72px" height="141px" viewBox="0 0 72 141" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
|
||||
<svg width="305px" height="299px" viewBox="0 0 305 299" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
|
||||
<title>sprite</title>
|
||||
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
|
||||
<defs></defs>
|
||||
|
|
@ -17,5 +17,81 @@
|
|||
<path d="M4,141 L9,141 L9,129 L4,129 L4,141 Z M7,138 L8,138 L8,139 L7,139 L7,138 Z M6,136 L7,136 L7,137 L6,137 L6,136 Z M7,134 L8,134 L8,135 L7,135 L7,134 Z M6,132 L7,132 L7,133 L6,133 L6,132 Z M7,130 L8,130 L8,131 L7,131 L7,130 Z M4,130 L5,130 L5,131 L4,131 L4,130 Z M4,134 L5,134 L5,135 L4,135 L4,134 Z M4,138 L5,138 L5,139 L4,139 L4,138 Z M1.52039063e-16,141 L3,141 L3,133 L0,133 L1.52039063e-16,141 Z M1,134 L2,134 L2,135 L1,135 L1,134 Z M1,136 L2,136 L2,137 L1,137 L1,136 Z M1,138 L2,138 L2,139 L1,139 L1,138 Z M13.4247788,132.05212 L12.719469,132.05212 L12.719469,130.471392 L12.2123894,130.471392 L12.2123894,129 L11.7876106,129 L11.7876106,130.471392 L11.280531,130.471392 L11.280531,132.05212 L10.5743363,132.05212 L10.5743363,133.672689 L10,133.672689 L10,141 L14,141 L14,133.672689 L13.4247788,133.672689 L13.4247788,132.05212 Z M10,139 L11,139 L11,140 L10,140 L10,139 Z M10,135 L11,135 L11,136 L10,136 L10,135 Z M12,137 L13,137 L13,138 L12,138 L12,137 Z" id="organisation" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M26.3210957,124.814779 C25.6167174,124.516346 24.8342889,124.169622 24.1299105,123.879881 C23.9294855,123.825796 23.7280968,123.770745 23.5267082,123.715694 C23.2877399,123.549576 23.0526259,123.000034 22.9244695,122.727677 C22.7963131,122.708361 22.6700839,122.690976 22.5409639,122.672626 C22.5611992,122.248638 22.8232934,122.226425 22.9244695,121.90288 C23.0150462,121.618934 22.9341054,121.249031 23.0767155,120.984401 C23.176928,120.801864 23.4024062,120.799932 23.5141817,120.643472 C23.6163213,120.500533 23.6837721,120.251356 23.7155703,120.07558 C23.7733852,119.756864 23.824455,119.321287 23.6731727,119.004503 C23.5854867,118.823898 23.5305625,118.805548 23.506473,118.585344 C23.4785291,118.316851 23.5854867,117.44473 23.5883775,117.256398 C23.600904,116.766736 23.5883775,116.727138 23.4708205,116.250031 C23.4708205,116.250031 23.3272468,115.818316 23.1036958,115.688899 L22.653703,115.611634 L22.377155,115.35473 C21.2603636,114.665147 20.0635949,115.148048 19.4218493,115.408815 C18.4987379,115.70918 17.9138437,116.61607 18.3224024,118.553473 C18.3908167,118.883778 18.1402854,119.032511 18.1576299,119.212151 C18.1932824,119.606199 18.2009911,120.55655 18.5729337,120.790274 C18.6076226,120.811522 18.8716441,120.878163 18.8687533,120.859812 C18.906333,121.245168 18.9419855,121.629558 18.9795652,122.013948 C19.0720691,122.26892 19.2956201,122.297894 19.3601801,122.658139 L19.0739963,122.727677 C18.9468035,123.000034 18.7107259,123.549576 18.4717576,123.715694 C18.270369,123.770745 18.0709075,123.825796 17.8695189,123.879881 C17.1661041,124.169622 16.382712,124.516346 15.6773701,124.814779 C15.0356245,125.08617 14.2657226,125.18275 14.0334993,125.857847 C14.0334993,126.316604 13.9911017,127.39927 14.0017011,128 L20.1445358,128 L20.5954921,124.912325 L20.2206587,124.1194 L21.0859553,123.704105 L21.8153868,124.110708 L21.4135731,124.926812 L22.1246966,128 L27.9977282,128 C28.0102548,127.39927 27.9668936,126.316604 27.9668936,125.857847 C27.7327432,125.18275 26.9647684,125.08617 26.3210957,124.814779 Z" id="user" fill="#808080" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M26.3210957,137.814779 C25.6167174,137.516346 24.8342889,137.169622 24.1299105,136.879881 C23.9294855,136.825796 23.7280968,136.770745 23.5267082,136.715694 C23.2877399,136.549576 23.0526259,136.000034 22.9244695,135.727677 C22.7963131,135.708361 22.6700839,135.690976 22.5409639,135.672626 C22.5611992,135.248638 22.8232934,135.226425 22.9244695,134.90288 C23.0150462,134.618934 22.9341054,134.249031 23.0767155,133.984401 C23.176928,133.801864 23.4024062,133.799932 23.5141817,133.643472 C23.6163213,133.500533 23.6837721,133.251356 23.7155703,133.07558 C23.7733852,132.756864 23.824455,132.321287 23.6731727,132.004503 C23.5854867,131.823898 23.5305625,131.805548 23.506473,131.585344 C23.4785291,131.316851 23.5854867,130.44473 23.5883775,130.256398 C23.600904,129.766736 23.5883775,129.727138 23.4708205,129.250031 C23.4708205,129.250031 23.3272468,128.818316 23.1036958,128.688899 L22.653703,128.611634 L22.377155,128.35473 C21.2603636,127.665147 20.0635949,128.148048 19.4218493,128.408815 C18.4987379,128.70918 17.9138437,129.61607 18.3224024,131.553473 C18.3908167,131.883778 18.1402854,132.032511 18.1576299,132.212151 C18.1932824,132.606199 18.2009911,133.55655 18.5729337,133.790274 C18.6076226,133.811522 18.8716441,133.878163 18.8687533,133.859812 C18.906333,134.245168 18.9419855,134.629558 18.9795652,135.013948 C19.0720691,135.26892 19.2956201,135.297894 19.3601801,135.658139 L19.0739963,135.727677 C18.9468035,136.000034 18.7107259,136.549576 18.4717576,136.715694 C18.270369,136.770745 18.0709075,136.825796 17.8695189,136.879881 C17.1661041,137.169622 16.382712,137.516346 15.6773701,137.814779 C15.0356245,138.08617 14.2657226,138.18275 14.0334993,138.857847 C14.0334993,139.316604 13.9911017,140.39927 14.0017011,141 L20.1445358,141 L20.5954921,137.912325 L20.2206587,137.1194 L21.0859553,136.704105 L21.8153868,137.110708 L21.4135731,137.926812 L22.1246966,141 L27.9977282,141 C28.0102548,140.39927 27.9668936,139.316604 27.9668936,138.857847 C27.7327432,138.18275 26.9647684,138.08617 26.3210957,137.814779 Z" id="user" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<g id="channels" sketch:type="MSLayerGroup" transform="translate(0.000000, 141.000000)" fill="#A9BCC4">
|
||||
<path d="M11.3246753,8 L8.5,10.5925926 L5.67532468,8 L1,13 L16,13 L11.3246753,8 Z M17,3 L12,7.59183673 L17,13 L17,3 Z M0,3 L0,13 L5,7.64646465 L0,3 Z M17,2 L0,2 L8.4491018,9 L17,2 Z" id="email" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M31.7211201,1.11066286 C29.6577938,0.407237941 28.6261306,3.2209376 28.3166317,4.92925526 L30.070459,6.73806218 C30.070459,6.73806218 30.070459,7.84344419 27.5944674,10.1546975 C25.1184758,12.4659508 23.9836464,12.3654615 23.9836464,12.3654615 L21.92032,10.355676 C20.5791579,10.5566546 18,12.164483 18,12.164483 C18.3094989,14.5762255 19.96016,16.1840539 22.5393179,15.9830754 C23.5709811,15.8825861 30.6894569,14.375247 33.7844464,6.33610509 C34.4034443,4.52729816 33.6812801,1.81408777 31.7211201,1.11066286 Z M17.9876543,7.40740741 L25,8 L24.4074074,0.987654321 L22.3333333,3.0617284 L19.1728395,0 L17,2.17283951 L20.0617284,5.33333333 L17.9876543,7.40740741 Z" id="calls-in" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M46.07968,10.4187751 L44.0163536,12.4421155 C44.0163536,12.4421155 42.8815242,12.5432825 40.4055326,10.2164411 C37.929541,7.88959959 37.929541,6.77676236 37.929541,6.77676236 L39.6833683,4.95575599 C39.3738694,3.23591665 38.2390399,0.403240076 36.2788799,1.11140922 C34.3187199,1.71841134 33.5965557,4.55108791 34.2155536,6.27092726 C37.3105431,14.4654559 44.4290189,15.9829612 45.4606821,15.9829612 C48.03984,16.1852953 49.6905011,14.5666229 50,12.1386144 C50,12.2397815 47.3176758,10.6211091 46.07968,10.4187751 Z M43.2439024,9 L46.2682927,5.87804878 L48.3170732,7.92682927 L49,1 L42.0731707,1.68292683 L44.1219512,3.73170732 L41,6.85365854 L43.2439024,9 Z" id="calls-out" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M66.1946309,1 L52.8053691,1 C52.3020134,1 52,1.40268456 52,1.80536913 L52,15.1946309 C52,15.6979866 52.4026846,16 52.8053691,16 L60.0536913,16 L60.0536913,10.1610738 L58.0402685,10.1610738 L58.0402685,7.84563758 L60.0536913,7.84563758 L60.0536913,6.13422819 C60.0536913,4.22147651 61.261745,3.11409396 62.9731544,3.11409396 C63.7785235,3.11409396 64.4832215,3.2147651 64.6845638,3.2147651 L64.6845638,5.22818792 L63.4765101,5.22818792 C62.5704698,5.22818792 62.3691275,5.63087248 62.3691275,6.33557047 L62.3691275,7.74496644 L64.5838926,7.74496644 L64.2818792,10.0604027 L62.3691275,10.0604027 L62.3691275,15.8993289 L66.1946309,15.8993289 C66.6979866,15.8993289 67,15.4966443 67,15.0939597 L67,1.70469799 C67,1.40268456 66.5973154,1 66.1946309,1 L66.1946309,1 Z" id="facebook" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M82.1756757,4.98347107 C82.7837838,4.58677686 83.2905405,3.99173554 83.5945946,3.29752066 C82.9864865,3.69421488 82.277027,3.89256198 81.5675676,3.99173554 C80.9594595,3.39669421 80.1486486,3 79.3378378,3 C77.6148649,3 76.1959459,4.38842975 76.1959459,6.07438017 C76.1959459,6.27272727 76.1959459,6.57024793 76.2972973,6.76859504 C73.6621622,6.66942149 71.4324324,5.38016529 69.9121622,3.59504132 C69.6081081,4.09090909 69.5067568,4.58677686 69.5067568,5.08264463 C69.5067568,6.17355372 70.0135135,7.0661157 70.9256757,7.66115702 C70.4189189,7.66115702 69.9121622,7.46280992 69.5067568,7.26446281 C69.5067568,8.75206612 70.6216216,9.94214876 72.0405405,10.2396694 C71.7364865,10.338843 71.5337838,10.338843 71.2297297,10.338843 C71.027027,10.338843 70.8243243,10.338843 70.6216216,10.2396694 C71.027027,11.4297521 72.1418919,12.322314 73.5608108,12.322314 C72.4459459,13.1157025 71.1283784,13.6115702 69.7094595,13.6115702 L69,13.6115702 C70.4189189,14.5041322 72.0405405,15 73.7635135,15 C79.5405405,15 82.5810811,10.338843 82.5810811,6.37190083 L82.5810811,5.97520661 C83.0878378,5.5785124 83.5945946,5.08264463 84,4.48760331 C83.3918919,4.68595041 82.8851351,4.88429752 82.1756757,4.98347107 Z" id="twitter" sketch:type="MSShapeGroup"></path>
|
||||
</g>
|
||||
<g id="mood" sketch:type="MSLayerGroup" transform="translate(0.000000, 157.000000)">
|
||||
<path d="M60.1875,5.14680851 C60.1875,4.33085106 60.125,3.57765957 60,2.76170213 C59.75,1.19255319 58.9375,0.376595745 57.3125,0.188297872 C56.75,0.125531915 56.125,0.0627659574 55.5625,0.0627659574 L4.6875,0.0627659574 C3.875,0.0627659574 3.125,0.188297872 2.3125,0.313829787 C1.125,0.50212766 0.4375,1.31808511 0.1875,2.5106383 C0.0625,3.26382979 -2.13162821e-14,3.95425532 -2.13162821e-14,4.70744681 L-2.13162821e-14,38.4755319 L-2.13162821e-14,39.4170213 C0.125,41.9276596 1.0625,42.8691489 3.5625,42.8691489 C6.875,42.9319149 10.375,42.9319149 13.75,42.9319149 C14.4375,42.9319149 15.5625,42.9946809 15.5625,42.9946809 L15.5625,44.0617021 C15.5625,48.2042553 15.625,52.3468085 15.625,56.4893617 C15.625,57.3053191 15.625,58.2468085 16.5625,58.6861702 C17.5,59.062766 18.0625,58.3095745 18.625,57.7446809 C23.8125,52.9744681 28.9375,48.2670213 34.125,43.5595745 C34.625,43.1202128 35.0625,42.9946809 35.6875,42.9946809 L54.6875,42.9946809 C55.5,42.9946809 56.25,42.9319149 57.0625,42.8691489 C58.9375,42.6808511 59.75,41.9904255 60,40.1074468 C60.0625,39.5425532 60.125,38.9148936 60.125,38.35 C60.1875,27.3031915 60.1875,16.256383 60.1875,5.14680851 L60.1875,5.14680851 Z M45.6875,20.587234 C46.3125,24.2904255 44.75,26.487234 42.3125,26.9265957 C39.9375,27.3659574 37.625,25.7968085 37,22.093617 L45.6875,20.587234 L45.6875,20.587234 Z M18.25,26.9893617 C15.875,26.55 14.25,24.3531915 14.875,20.65 L23.5625,22.156383 C22.875,25.8595745 20.625,27.3659574 18.25,26.9893617 L18.25,26.9893617 Z M38,34.8978723 C38.4375,35.4 38.4375,36.2159574 37.9375,36.6553191 C37.4375,37.0946809 36.625,37.0946809 36.1875,36.5925532 C34.5625,34.8351064 32.4375,33.893617 30.0625,33.893617 C27.75,33.893617 25.5,34.8978723 23.9375,36.5925532 C23.6875,36.843617 23.375,36.9691489 23,36.9691489 C22.6875,36.9691489 22.375,36.843617 22.125,36.6553191 C21.625,36.2159574 21.5625,35.4 22.0625,34.8978723 C24.125,32.6382979 27,31.3829787 30,31.3829787 C33,31.3829787 35.9375,32.6382979 38,34.8978723 L38,34.8978723 Z" id="super-bad" fill="#F35910" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M120.202991,5.14680851 C120.202991,4.33085106 120.140491,3.57765957 120.015491,2.76170213 C119.765491,1.19255319 118.952991,0.376595745 117.327991,0.188297872 C116.765491,0.125531915 116.140491,0.0627659574 115.577991,0.0627659574 L64.7029905,0.0627659574 C63.8904905,0.0627659574 63.1404905,0.188297872 62.3279905,0.313829787 C61.1404905,0.50212766 60.4529905,1.31808511 60.2029905,2.5106383 C60.0779905,3.26382979 60.0154905,3.95425532 60.0154905,4.70744681 L60.0154905,38.4755319 L60.0154905,39.4170213 C60.1404905,41.9276596 61.0779905,42.8691489 63.5779905,42.8691489 C66.8904905,42.9319149 70.3904905,42.9319149 73.7654905,42.9319149 C74.4529905,42.9319149 75.5779905,42.9946809 75.5779905,42.9946809 L75.5779905,44.0617021 C75.5779905,48.2042553 75.6404905,52.3468085 75.6404905,56.4893617 C75.6404905,57.3053191 75.6404905,58.2468085 76.5779905,58.6861702 C77.5154905,59.062766 78.0779905,58.3095745 78.6404905,57.7446809 C83.8279905,52.9744681 88.9529905,48.2670213 94.1404905,43.5595745 C94.6404905,43.1202128 95.0779905,42.9946809 95.7029905,42.9946809 L114.702991,42.9946809 C115.515491,42.9946809 116.265491,42.9319149 117.077991,42.8691489 C118.952991,42.6808511 119.765491,41.9904255 120.015491,40.1074468 C120.077991,39.5425532 120.140491,38.9148936 120.140491,38.35 C120.202991,27.3031915 120.202991,16.256383 120.202991,5.14680851 L120.202991,5.14680851 Z M95.0154905,33.893617 C95.0154905,34.5840426 94.4529905,35.1489362 93.7654905,35.1489362 L86.2654905,35.1489362 C85.5779905,35.1489362 85.0154905,34.5840426 85.0154905,33.893617 C85.0154905,33.2031915 85.5779905,32.6382979 86.2654905,32.6382979 L93.7654905,32.6382979 C94.4529905,32.6382979 95.0154905,33.2031915 95.0154905,33.893617 L95.0154905,33.893617 Z M97.4529905,19.4574468 L106.265491,19.4574468 C106.265491,23.2234043 104.265491,25.106383 101.890491,25.106383 C99.5154905,25.106383 97.4529905,23.2234043 97.4529905,19.4574468 L97.4529905,19.4574468 Z M74.3279905,19.4574468 L83.1404905,19.4574468 C83.1404905,23.2234043 81.1404905,25.106383 78.7654905,25.106383 C76.3904905,25.106383 74.3279905,23.2234043 74.3279905,19.4574468 L74.3279905,19.4574468 Z" id="bad" fill="#F6820B" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M180.218481,5.14680851 C180.218481,4.33085106 180.155981,3.57765957 180.030981,2.76170213 C179.780981,1.19255319 178.968481,0.376595745 177.343481,0.188297872 C176.780981,0.125531915 176.155981,0.0627659574 175.593481,0.0627659574 L124.718481,0.0627659574 C123.905981,0.0627659574 123.155981,0.188297872 122.343481,0.313829787 C121.155981,0.50212766 120.468481,1.31808511 120.218481,2.5106383 C120.093481,3.26382979 120.030981,3.95425532 120.030981,4.70744681 L120.030981,38.4755319 L120.030981,39.4170213 C120.155981,41.9276596 121.093481,42.8691489 123.593481,42.8691489 C126.905981,42.9319149 130.405981,42.9319149 133.780981,42.9319149 C134.468481,42.9319149 135.593481,42.9946809 135.593481,42.9946809 L135.593481,44.0617021 C135.593481,48.2042553 135.655981,52.3468085 135.655981,56.4893617 C135.655981,57.3053191 135.655981,58.2468085 136.593481,58.6861702 C137.530981,59.062766 138.093481,58.3095745 138.655981,57.7446809 C143.843481,52.9744681 148.968481,48.2670213 154.155981,43.5595745 C154.655981,43.1202128 155.093481,42.9946809 155.718481,42.9946809 L174.718481,42.9946809 C175.530981,42.9946809 176.280981,42.9319149 177.093481,42.8691489 C178.968481,42.6808511 179.780981,41.9904255 180.030981,40.1074468 C180.093481,39.5425532 180.155981,38.9148936 180.155981,38.35 C180.218481,27.3031915 180.218481,16.256383 180.218481,5.14680851 L180.218481,5.14680851 Z M142.718481,18.4531915 C142.718481,20.9010638 140.718481,22.8468085 138.343481,22.8468085 C135.905981,22.8468085 133.968481,20.8382979 133.968481,18.4531915 C133.968481,16.0053191 135.968481,14.0595745 138.343481,14.0595745 C140.718481,13.9968085 142.718481,16.0053191 142.718481,18.4531915 L142.718481,18.4531915 Z M165.843481,18.4531915 C165.843481,20.9010638 163.843481,22.8468085 161.468481,22.8468085 C159.030981,22.8468085 157.093481,20.8382979 157.093481,18.4531915 C157.093481,16.0053191 159.093481,14.0595745 161.468481,14.0595745 C163.843481,13.9968085 165.843481,16.0053191 165.843481,18.4531915 L165.843481,18.4531915 Z M158.155981,30.7553191 C158.155981,31.4457447 157.593481,32.0106383 156.905981,32.0106383 L143.155981,32.0106383 C142.468481,32.0106383 141.905981,31.4457447 141.905981,30.7553191 C141.905981,30.0648936 142.468481,29.5 143.155981,29.5 L156.905981,29.5 C157.593481,29.5 158.155981,30.0648936 158.155981,30.7553191 L158.155981,30.7553191 Z" id="ok" fill="#FAAB00" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M240.218481,5.14680851 C240.218481,4.33085106 240.155981,3.57765957 240.030981,2.76170213 C239.780981,1.19255319 238.968481,0.376595745 237.343481,0.188297872 C236.780981,0.125531915 236.155981,0.0627659574 235.593481,0.0627659574 L184.718481,0.0627659574 C183.905981,0.0627659574 183.155981,0.188297872 182.343481,0.313829787 C181.155981,0.50212766 180.468481,1.31808511 180.218481,2.5106383 C180.093481,3.26382979 180.030981,3.95425532 180.030981,4.70744681 L180.030981,38.4755319 L180.030981,39.4170213 C180.155981,41.9276596 181.093481,42.8691489 183.593481,42.8691489 C186.905981,42.9319149 190.343481,42.9319149 193.655981,42.9319149 C194.343481,42.9319149 195.405981,42.9946809 195.405981,42.9946809 L195.405981,44.0617021 C195.405981,48.2042553 195.530981,52.3468085 195.593481,56.4893617 C195.593481,57.3053191 195.655981,58.2468085 196.593481,58.6861702 C197.530981,59.062766 198.093481,58.3095745 198.655981,57.7446809 C203.843481,52.9744681 208.968481,48.2670213 214.155981,43.5595745 C214.655981,43.1202128 215.093481,42.9946809 215.718481,42.9946809 L234.718481,42.9946809 C235.530981,42.9946809 236.280981,42.9319149 237.093481,42.8691489 C238.968481,42.6808511 239.780981,41.9904255 240.030981,40.1074468 C240.093481,39.5425532 240.155981,38.9148936 240.155981,38.35 C240.218481,27.3031915 240.218481,16.256383 240.218481,5.14680851 L240.218481,5.14680851 Z M198.780981,20.3361702 C196.343481,20.3361702 194.405981,18.3276596 194.405981,15.9425532 C194.405981,13.4946809 196.405981,11.5489362 198.780981,11.5489362 C201.218481,11.5489362 203.155981,13.5574468 203.155981,15.9425532 C203.218481,18.3276596 201.218481,20.3361702 198.780981,20.3361702 L198.780981,20.3361702 Z M226.343481,15.9425532 C226.343481,18.3904255 224.343481,20.3361702 221.968481,20.3361702 C219.530981,20.3361702 217.593481,18.3276596 217.593481,15.9425532 C217.593481,13.4946809 219.593481,11.5489362 221.968481,11.5489362 C224.343481,11.4861702 226.343481,13.4946809 226.343481,15.9425532 L226.343481,15.9425532 Z M218.093481,27.3031915 C218.593481,27.7425532 218.655981,28.5585106 218.155981,29.0606383 C216.093481,31.3202128 213.218481,32.5755319 210.155981,32.5755319 C207.093481,32.5755319 204.218481,31.3202128 202.155981,29.0606383 C201.718481,28.5585106 201.718481,27.7425532 202.218481,27.3031915 C202.718481,26.8638298 203.530981,26.8638298 203.968481,27.3659574 C205.593481,29.1234043 207.718481,30.0648936 210.093481,30.0648936 C212.405981,30.0648936 214.655981,29.0606383 216.218481,27.3659574 C216.780981,26.8638298 217.593481,26.8638298 218.093481,27.3031915 L218.093481,27.3031915 Z" id="happy" fill="#A9AC41" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M300.003335,5.14680851 C300.003335,4.33085106 299.940835,3.57765957 299.815835,2.76170213 C299.565835,1.19255319 298.753335,0.376595745 297.128335,0.188297872 C296.565835,0.125531915 295.940835,0.0627659574 295.378335,0.0627659574 L244.503335,0.0627659574 C243.690835,0.0627659574 242.940835,0.188297872 242.128335,0.313829787 C240.940835,0.50212766 240.253335,1.31808511 240.003335,2.5106383 C239.878335,3.26382979 239.815835,3.95425532 239.815835,4.70744681 L239.815835,38.4755319 L239.815835,39.4170213 C239.940835,41.9276596 240.878335,42.8691489 243.378335,42.8691489 C246.690835,42.9319149 250.128335,42.9319149 253.440835,42.9319149 C254.128335,42.9319149 255.190835,42.9946809 255.190835,42.9946809 L255.190835,44.0617021 C255.190835,48.2042553 255.315835,52.3468085 255.378335,56.4893617 C255.378335,57.3053191 255.440835,58.2468085 256.378335,58.6861702 C257.315835,59.062766 257.878335,58.3095745 258.440835,57.7446809 C263.628335,52.9744681 268.753335,48.2670213 273.940835,43.5595745 C274.440835,43.1202128 274.878335,42.9946809 275.503335,42.9946809 L294.503335,42.9946809 C295.315835,42.9946809 296.065835,42.9319149 296.878335,42.8691489 C298.753335,42.6808511 299.565835,41.9904255 299.815835,40.1074468 C299.878335,39.5425532 299.940835,38.9148936 299.940835,38.35 C300.003335,27.3031915 300.003335,16.256383 300.003335,5.14680851 L300.003335,5.14680851 Z M259.315835,20.712766 L280.565835,20.712766 C280.565835,25.7340426 275.815835,30.943617 269.940835,30.943617 C264.065835,30.943617 259.315835,25.7340426 259.315835,20.712766 L259.315835,20.712766 Z M263.440835,15.6914894 L253.440835,15.6914894 C252.753335,15.6914894 252.190835,15.1265957 252.190835,14.4361702 C252.190835,13.7457447 252.753335,13.1808511 253.440835,13.1808511 L254.065835,13.1808511 C254.440835,10.2308511 256.253335,8.78723404 258.378335,8.78723404 C260.503335,8.78723404 262.315835,10.293617 262.690835,13.1808511 L263.440835,13.1808511 C264.128335,13.1808511 264.690835,13.7457447 264.690835,14.4361702 C264.690835,15.1265957 264.128335,15.6914894 263.440835,15.6914894 L263.440835,15.6914894 Z M287.815835,14.4361702 C287.815835,15.1265957 287.253335,15.6914894 286.565835,15.6914894 L276.565835,15.6914894 C275.878335,15.6914894 275.315835,15.1265957 275.315835,14.4361702 C275.315835,13.7457447 275.878335,13.1808511 276.565835,13.1808511 L277.190835,13.1808511 C277.565835,10.2308511 279.378335,8.78723404 281.503335,8.78723404 C283.628335,8.78723404 285.440835,10.293617 285.815835,13.1808511 L286.565835,13.1808511 C287.253335,13.1808511 287.815835,13.7457447 287.815835,14.4361702 L287.815835,14.4361702 Z" id="super-happy" fill="#38AE6A" sketch:type="MSShapeGroup"></path>
|
||||
</g>
|
||||
<g id="stopwatch" sketch:type="MSLayerGroup" transform="translate(0.000000, 216.000000)">
|
||||
<path d="M10.5,24.8 C9.5,23.9 8.4,22.9 7.5,22 L13.7,15.8 C14.5,16.7 15.4,17.7 16.3,18.7 C17.1,18.1 17.7,17.6 18.3,17.2 C22.2,14.3 26.5,12.3 31.2,11.2 C31.9,11 32.1,10.8 32.1,10.1 C32,8.4 32.1,6.7 32.1,4.9 L47.5,4.9 L47.5,10.9 C60.3,14.2 69.4,21.8 74,34.1 C77.6,43.7 77,53.3 72.6,62.5 C63.7,81.1 41.2,88.4 22.7,78.7 C3.7,68.8 -3.2,43.3 10.5,24.8 L10.5,24.8 Z M39.9,74.3 C54.9,74.3 67.3,62.3 67.6,47.1 C67.9,31.1 55,19.1 40.4,18.8 C25.3,18.5 12.3,30.6 12.1,46.1 C12,61.9 24.3,74.3 39.9,74.3 Z M14.9,12.4 C14.6,12.9 14.5,13.5 14.1,13.9 C11.2,16.8 8.3,19.7 5.5,22.6 C4.8,23.3 4,23.4 3.1,23.1 C1.8,22.7 1,21.8 0.6,20.6 C0.3,19.7 0.4,18.9 1.1,18.1 L9.7,9.5 C10.3,8.9 11.1,8.7 11.9,8.9 C13.4,9.2 14.7,10.8 14.9,12.4 Z M33.7,3.9 C33.5,2.5 34,1.3 35.3,0.8 C38.2,-0.3 41.2,-0.3 44.2,0.8 C45.4,1.2 46,2.4 45.9,3.9 L33.7,3.9 Z" id="Shape" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
|
||||
<circle id="inlay" opacity="0.3" fill="#DDE5E8" sketch:type="MSShapeGroup" cx="39.4" cy="46.4" r="25.4"></circle>
|
||||
</g>
|
||||
<g id="Tickets-in-Process" sketch:type="MSLayerGroup" transform="translate(77.000000, 216.000000)">
|
||||
<path d="M0,0 L0,64 L64,64 L64,0 L0,0 Z M8,44 C8.0372093,40.1315939 8.0372093,36.3380601 8,32 C5.75503876,32.0453772 3.86976744,31.1469087 2,29 C0.79379845,27.8525241 0,25.9557572 0,24 L0,8 C0,3.79353375 3.77054264,0 8,0 L39,0 C44.1550388,0 47.9255814,3.59387408 48,8 C48.0248062,13.4770278 48.0248062,18.5683494 48,24 C47.8263566,28.4515031 44.055814,32.0453772 39,32 C33.1410853,32.0453772 27.0883721,32.0453772 21,32 C20.4403101,32.0453772 19.6465116,32.3448667 19,33 C15.4790698,36.43789 12.0062016,40.2314237 8,44 C8.33488372,44.0249575 8.23565891,44.0249575 8,44 Z" id="Background" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M52,20 C55.6088127,19.8277235 59.1443996,19.8277235 62,23 C63.1850703,24.4041305 63.9932045,26.1948985 64,28 C63.9932045,33.3579704 63.7911709,38.4318129 64,43 C64.195238,47.9825754 59.851517,51.8625727 56,52 C56.3159301,52.0615469 56.1138965,52.161034 56,52 C55.911863,56.0410313 55.911863,59.8215414 56,64 C55.4067792,63.5025645 55.0027121,63.3035902 55,63 C51.3661084,59.7220543 48.0325551,56.4389797 45,53 C43.8908676,52.3600082 43.0827335,51.9620598 42,52 C35.9105429,52.0615469 29.8495368,51.9620598 24,52 C18.434642,51.9620598 14.2929545,47.1866785 15,42 C15.2021054,41.6154004 15.404139,41.3169391 16,41 C17.2224408,39.5261711 18.6366756,38.0338645 20,37 C20.6570109,36.2430965 21.3641283,36.0441223 22,36 C27.5261512,36.0441223 33.1830902,36.0441223 39,36 C45.002052,36.0441223 50.3559408,31.8656637 52,26 C51.972209,24.2051563 51.7701755,22.2154141 52,20 L52,20 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
|
||||
</g>
|
||||
<g id="Reopening" sketch:type="MSLayerGroup" transform="translate(141.000000, 216.000000)">
|
||||
<path d="M0,0 L0,47 L68,47 L68,0 L0,0 Z M39.3,18.7 L40.1,18.7 L60.4,18.7 C64,18.7 66.8,21 67.7,24.4 C67.8,25 67.9,25.5 67.9,26.1 L67.9,39.9 C67.9,43.3 65.1,46.3 61.8,46.8 C61.4,46.9 61,46.9 60.6,46.9 L38.7,46.9 C35,46.9 32,44.4 31.4,40.8 C31.3,40.3 31.3,39.9 31.3,39.4 L31.3,26.2 C31.3,23.8 32.2,21.9 34.1,20.4 C34.4,20.2 34.4,20 34.4,19.7 L34.4,11.5 C34.4,6.1 38.1,1.5 43.3,0.3 C44.1,0.1 44.9,0 45.7,0 L53.6,0 C59.8,0 65,5.2 64.9,11.5 C64.9,12.9 63.8,14 62.5,14 C61.1,14.1 59.9,13.1 59.8,11.8 C59.7,10.7 59.6,9.6 59.1,8.6 C57.9,6.5 56.2,5.3 53.8,5.3 C51,5.2 48.2,5.2 45.4,5.3 C42.7,5.3 40,7.7 39.8,10.4 C39.2,13 39.3,15.9 39.3,18.7 Z" id="Background" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M47.2,30.7 C47.4,31.4 47.3,32.1 47.1,32.7 C46.9,33.5 46.7,34.2 46.5,35 C46.3,35.5 46.5,36 46.8,36.3 C48.5,37.8 50.2,37.9 51.9,36.2 C52.2,35.9 52.3,35.5 52.2,35 C51.9,34 51.6,32.9 51.4,31.9 C51.3,31.6 51.4,31.3 51.4,31.1 C52,29.7 50.9,28.1 49.4,28.1 C48,28.1 46.8,29.4 47.2,30.7 Z" id="inner-part" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M20.8,18.3 C20.5,17.2 20,16.4 19,15.8 L19,11 L18.7,11 C18.7,7 16.1,4.4 12.5,4.4 L8.1,4.4 C7.6,4.4 7.3,4.4 6.8,4.5 C3.8,5.2 1.7,7.8 1.7,10.9 L1.7,15.6 C1.7,15.8 1.7,15.9 1.5,16 C0.5,16.9 1.49020707e-09,18 1.49020707e-09,19.3 L1.49020707e-09,26.8 C1.49020707e-09,27.1 1.49020705e-09,27.3 0.100000001,27.6 C0.500000001,29.7 2.1,31.1 4.2,31.1 L16.7,31.1 C16.9,31.1 17.2,31.1 17.4,31 C19.3,30.7 20.9,29 20.9,27.1 C21,24.5 21,21.9 21,19.3 C21,19 20.9,18.6 20.8,18.3 Z M4.8,15 C4.8,13 4.8,11.8 4.9,10.2 C5,8.7 6.6,7.4 8.1,7.3 L12.9,7.3 C14.3,7.3 15.3,8.2 15.9,9.4 C16.2,9.9 16.2,11 16.3,11 L17.1,11 L17.1,15.1 C13.1,15.1 9,15 5.3,15 L4.8,15 L4.8,15 Z M12,25.1 C11,26 10.1,26 9.1,25.1 C8.9,24.9 8.8,24.7 8.9,24.3 C9,23.9 9.1,23.4 9.2,23 C9.3,22.6 9.4,22.3 9.2,21.9 C9,21.1 9.6,20.4 10.4,20.4 C11.3,20.4 11.9,21.3 11.6,22.1 C11.6,22.2 11.5,22.4 11.6,22.6 C11.7,23.2 11.9,23.8 12,24.4 C12.2,24.6 12.2,24.9 12,25.1 L12,25.1 Z" id="Shape" opacity="0.4" fill="#A9BCC4" sketch:type="MSShapeGroup"></path>
|
||||
<g id="Arrow" transform="translate(11.000000, 34.000000)" sketch:type="MSShapeGroup">
|
||||
<path d="M10,6.5 L-0.5,6.5 L-0.5,0" id="Shape" stroke="#A9BCC4"></path>
|
||||
<path d="M16.6,6.9 L6.7,2.9 L9,6.9 L6.7,11 L16.6,6.9 Z" id="Shape" fill="#A9BCC4"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Status" sketch:type="MSLayerGroup" transform="translate(209.000000, 216.000000)">
|
||||
<g id="total" sketch:type="MSShapeGroup">
|
||||
<path d="M37.5,83 L0,83 L10,75 L47.5,75 L37.5,83 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,80 L0,80 L10,73 L47.5,73 L37.5,80 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,78 L0,78 L10,70 L47.5,70 L37.5,78 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,75 L0,75 L10,68 L47.5,68 L37.5,75 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,73 L0,73 L10,65 L47.5,65 L37.5,73 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,70 L0,70 L10,63 L47.5,63 L37.5,70 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,68 L0,68 L10,60 L47.5,60 L37.5,68 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,65 L0,65 L10,58 L47.5,58 L37.5,65 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,63 L0,63 L10,55 L47.5,55 L37.5,63 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,60 L0,60 L10,53 L47.5,53 L37.5,60 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,58 L0,58 L10,50 L47.5,50 L37.5,58 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,55 L0,55 L10,48 L47.5,48 L37.5,55 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,53 L0,53 L10,45 L47.5,45 L37.5,53 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,50 L0,50 L10,43 L47.5,43 L37.5,50 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,48 L0,48 L10,40 L47.5,40 L37.5,48 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,45 L0,45 L10,38 L47.5,38 L37.5,45 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,43 L0,43 L10,35 L47.5,35 L37.5,43 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,40 L0,40 L10,33 L47.5,33 L37.5,40 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,38 L0,38 L10,30 L47.5,30 L37.5,38 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,35 L0,35 L10,28 L47.5,28 L37.5,35 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,33 L0,33 L10,25 L47.5,25 L37.5,33 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,30 L0,30 L10,23 L47.5,23 L37.5,30 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,28 L0,28 L10,20 L47.5,20 L37.5,28 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,25 L0,25 L10,18 L47.5,18 L37.5,25 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,23 L0,23 L10,15 L47.5,15 L37.5,23 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,20 L0,20 L10,13 L47.5,13 L37.5,20 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,18 L0,18 L10,10 L47.5,10 L37.5,18 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,15 L0,15 L10,8 L47.5,8 L37.5,15 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,13 L0,13 L10,5 L47.5,5 L37.5,13 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
<path d="M37.5,10 L0,10 L10,3 L47.5,3 L37.5,10 Z" id="Shape" fill="#FFFFFF"></path>
|
||||
<path d="M37.5,8 L0,8 L10,0 L47.5,0 L37.5,8 Z" id="Shape" opacity="0.4" fill="#A9BCC4"></path>
|
||||
</g>
|
||||
<path d="M85.5,50 L48,50 L58,43 L95.5,43 L85.5,50 Z" id="Shape-copy-4" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M85.5,48 L48,48 L58,40 L95.5,40 L85.5,48 Z" id="Shape-copy-4" fill="#F35910" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M85.5,40 L48,40 L58,33 L95.5,33 L85.5,40 Z" id="Shape-copy-3" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M85.5,38 L48,38 L58,30 L95.5,30 L85.5,38 Z" id="Shape-copy-3" fill="#F6820B" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M85.5,30 L48,30 L58,23 L95.5,23 L85.5,30 Z" id="Shape-copy-2" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M85.5,28 L48,28 L58,20 L95.5,20 L85.5,28 Z" id="Shape-copy-2" fill="#FAAB00" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M85.5,20 L48,20 L58,13 L95.5,13 L85.5,20 Z" id="Shape-copy" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M85.5,18 L48,18 L58,10 L95.5,10 L85.5,18 Z" id="Shape-copy" fill="#A9AC41" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M85.5,10 L48,10 L58,3 L95.5,3 L85.5,10 Z" id="Shape-copy" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M85.5,8 L48,8 L58,0 L95.5,0 L85.5,8 Z" id="Shape-copy" fill="#38AE6A" sketch:type="MSShapeGroup"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 40 KiB |
|
|
@ -1,12 +1,122 @@
|
|||
<div class="horizontal reverse">
|
||||
<div class="sidebar">
|
||||
<div class="activity sidebar">
|
||||
<div class="side-overviews" id="sortable-sidebar"></div>
|
||||
</div>
|
||||
<div class="main flex">
|
||||
|
||||
<div class="page-header">
|
||||
<h1><%- @T( @head ) %> <small><!--<a href="#" data-type="settings" class="glyphicon glyphicon-edit">--></a></small></h1>
|
||||
<div class="main flex center">
|
||||
<div class="tabs wide-tabs horizontal">
|
||||
<div class="tab my-stats active">My Stats</div>
|
||||
<div class="tab my-groups">My Group</div>
|
||||
<div class="tab all-stats">All</div>
|
||||
</div>
|
||||
|
||||
<div class="stat-widgets three-columns horizontal">
|
||||
<div class="column">
|
||||
<div class="time stat-widget vertical">
|
||||
<h3>∅ Waiting time today</h3>
|
||||
<div class="stat-visualisation flex horizontal centered">
|
||||
<div class="stopwatch icon"></div>
|
||||
</div>
|
||||
<div class="stat-label">My handling time: 25 minutes</div>
|
||||
<div class="stat-detail">Average: 13%</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="mood stat-widget vertical">
|
||||
<h3>Stimmung</h3>
|
||||
<div class="stat-visualisation flex horizontal centered">
|
||||
<div class="mood icon bad-state"></div>
|
||||
</div>
|
||||
<div class="stat-label">3% of my tickets escalated.</div>
|
||||
<div class="stat-detail">Average: 17%</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="channel-distribution stat-widget vertical centered">
|
||||
<h3>Channel Distribution</h3>
|
||||
<div class="stat-visualisation flex horizontal centered">
|
||||
<div class="stats-channel email-channel vertical center">
|
||||
<div class="email channel icon"></div>
|
||||
<div class="channel-bars flex horizontal end justify-center">
|
||||
<div class="channel-bar primary" style="height: 80%"></div>
|
||||
<div class="channel-bar secondary" style="height: 100%"></div>
|
||||
</div>
|
||||
<div class="channel-percentage">34%</div>
|
||||
</div>
|
||||
<div class="stats-channel received-calls-channel vertical center">
|
||||
<div class="received-calls channel icon"></div>
|
||||
<div class="channel-bars flex horizontal end justify-center">
|
||||
<div class="channel-bar primary" style="height: 53%"></div>
|
||||
<div class="channel-bar secondary" style="height: 47%"></div>
|
||||
</div>
|
||||
<div class="channel-percentage">26%</div>
|
||||
</div>
|
||||
<div class="stats-channel outbound-calls-channel vertical center">
|
||||
<div class="outbound-calls channel icon"></div>
|
||||
<div class="channel-bars flex horizontal end justify-center">
|
||||
<div class="channel-bar primary" style="height: 46%"></div>
|
||||
<div class="channel-bar secondary" style="height: 53%"></div>
|
||||
</div>
|
||||
<div class="channel-percentage">24%</div>
|
||||
</div>
|
||||
<div class="stats-channel facebook-channel vertical center">
|
||||
<div class="facebook channel icon"></div>
|
||||
<div class="channel-bars flex horizontal end justify-center">
|
||||
<div class="channel-bar primary" style="height: 24%"></div>
|
||||
<div class="channel-bar secondary" style="height: 18%"></div>
|
||||
</div>
|
||||
<div class="channel-percentage">12%</div>
|
||||
</div>
|
||||
<div class="stats-channel twitter-channel vertical center">
|
||||
<div class="twitter channel icon"></div>
|
||||
<div class="channel-bars flex horizontal end justify-center">
|
||||
<div class="channel-bar primary" style="height: 13%"></div>
|
||||
<div class="channel-bar secondary" style="height: 16%"></div>
|
||||
</div>
|
||||
<div class="channel-percentage">4%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="status stat-widget vertical">
|
||||
<h3>Status</h3>
|
||||
<div class="stat-visualisation flex horizontal centered">
|
||||
<div class="stat-tickets vertical reverse end">
|
||||
<div class="stat-ticket icon supergood-state"></div>
|
||||
<div class="stat-ticket icon supergood-state"></div>
|
||||
<div class="stat-ticket icon supergood-state"></div>
|
||||
<div class="stat-ticket icon supergood-state"></div>
|
||||
<div class="stat-ticket icon supergood-state"></div>
|
||||
<div class="stat-ticket icon supergood-state"></div>
|
||||
</div>
|
||||
<div class="stat-all-tickets icon"></div>
|
||||
</div>
|
||||
<div class="stat-label">Tickets of my Group: 78 of 234</div>
|
||||
<div class="stat-detail">Average: 22%</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="in-process stat-widget vertical">
|
||||
<h3>Tickets in process</h3>
|
||||
<div class="stat-visualisation flex horizontal centered">
|
||||
<div class="in-process icon supergood-state"></div>
|
||||
</div>
|
||||
<div class="stat-label">74% are currently in process</div>
|
||||
<div class="stat-detail">Average: 62%</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="reopening stat-widget vertical">
|
||||
<h3>Reopening rate</h3>
|
||||
<div class="stat-visualisation flex horizontal centered">
|
||||
<div class="reopening icon ok-state"></div>
|
||||
</div>
|
||||
<div class="stat-label">7% are being reopened</div>
|
||||
<div class="stat-detail">Average: 6%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid main-overviews" id="sortable">
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
.horizontal, .vertical {
|
||||
.horizontal, .vertical, .centered {
|
||||
display: -webkit-box !important;
|
||||
display: -ms-flexbox !important;
|
||||
display: -moz-flex !important;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
body {
|
||||
font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
line-height: 1.7;
|
||||
font-weight: normal;
|
||||
background: #2c2d36;
|
||||
}
|
||||
|
||||
|
|
@ -637,13 +638,12 @@ ol.tabs li {
|
|||
}
|
||||
|
||||
.tab {
|
||||
height: 43px;
|
||||
padding: 10px;
|
||||
height: 39px;
|
||||
padding: 9px;
|
||||
text-align: center;
|
||||
border-right: 1px solid rgba(0,8,14,.08);
|
||||
cursor: pointer;
|
||||
flex-grow: 1;
|
||||
box-shadow: 0 2px rgba(0,0,0,.03);
|
||||
}
|
||||
|
||||
.tab.active {
|
||||
|
|
@ -661,6 +661,23 @@ ol.tabs li {
|
|||
border-right: none;
|
||||
}
|
||||
|
||||
.wide-tabs {
|
||||
width: 60%;
|
||||
margin: 25px auto 20px;
|
||||
font-size: 15px;
|
||||
font-weight: 300;
|
||||
background: white;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.wide-tabs .tab:first-child {
|
||||
border-radius: 8px 0 0 8px;
|
||||
}
|
||||
|
||||
.wide-tabs .tab:last-child {
|
||||
border-radius: 0 8px 8px 0;
|
||||
}
|
||||
|
||||
.contain-text {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
|
|
@ -779,7 +796,6 @@ ol.tabs li {
|
|||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.modified.priority.icon {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
|
|
@ -872,6 +888,139 @@ ol.tabs li {
|
|||
background-position: -14px -128px;
|
||||
}
|
||||
|
||||
.channel.icon {
|
||||
width: 17px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.email.channel.icon {
|
||||
background-position: 0 -141px;
|
||||
}
|
||||
|
||||
.received-calls.channel.icon {
|
||||
background-position: -17px -141px;
|
||||
}
|
||||
|
||||
.outbound-calls.channel.icon {
|
||||
background-position: -34px -141px;
|
||||
}
|
||||
|
||||
.facebook.channel.icon {
|
||||
background-position: -51px -141px;
|
||||
}
|
||||
|
||||
.twitter.channel.icon {
|
||||
background-position: -68px -141px;
|
||||
}
|
||||
|
||||
.mood.icon {
|
||||
width: 60px;
|
||||
height: 59px;
|
||||
}
|
||||
|
||||
.mood.icon.superbad-state {
|
||||
background-position: 0 -157px;
|
||||
}
|
||||
|
||||
.mood.icon.bad-state {
|
||||
background-position: -60px -157px;
|
||||
}
|
||||
|
||||
.mood.icon.ok-state {
|
||||
background-position: -120px -157px;
|
||||
}
|
||||
|
||||
.mood.icon.good-state {
|
||||
background-position: -180px -157px;
|
||||
}
|
||||
|
||||
.mood.icon.supergood-state {
|
||||
background-position: -240px -157px;
|
||||
}
|
||||
|
||||
.stopwatch.icon {
|
||||
width: 77px;
|
||||
height: 83px;
|
||||
background-position: 0 -216px;
|
||||
}
|
||||
|
||||
.in-process.icon {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
background-position: -77px -216px;
|
||||
}
|
||||
|
||||
.in-process.superbad-state,
|
||||
.reopening.superbad-state {
|
||||
background-color: #f35910;
|
||||
}
|
||||
|
||||
.in-process.bad-state,
|
||||
.reopening.bad-state {
|
||||
background-color: #f6820b;
|
||||
}
|
||||
|
||||
.in-process.ok-state,
|
||||
.reopening.ok-state {
|
||||
background-color: #faab00;
|
||||
}
|
||||
|
||||
.in-process.good-state,
|
||||
.reopening.good-state {
|
||||
background-color: #a9ac41;
|
||||
}
|
||||
|
||||
.in-process.supergood-state,
|
||||
.reopening.supergood-state {
|
||||
background-color: #38ae6a;
|
||||
}
|
||||
|
||||
.reopening.icon {
|
||||
width: 68px;
|
||||
height: 47px;
|
||||
background-position: -141px -216px;
|
||||
}
|
||||
|
||||
.stat-all-tickets.icon {
|
||||
width: 48px;
|
||||
height: 83px;
|
||||
background-position: -209px -216px;
|
||||
}
|
||||
|
||||
.stat-tickets {
|
||||
height: 83px;
|
||||
margin-right: 4px;
|
||||
margin-bottom: -9px;
|
||||
}
|
||||
|
||||
.stat-ticket.icon {
|
||||
width: 48px;
|
||||
height: 10px;
|
||||
margin-top: -7px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.stat-ticket.superbad-state {
|
||||
background-position: -257px -256px;
|
||||
}
|
||||
|
||||
.stat-ticket.bad-state {
|
||||
background-position: -257px -246px;
|
||||
}
|
||||
|
||||
.stat-ticket.ok-state {
|
||||
background-position: -257px -236px;
|
||||
}
|
||||
|
||||
.stat-ticket.good-state {
|
||||
background-position: -257px -226px;
|
||||
}
|
||||
|
||||
.stat-ticket.supergood-state {
|
||||
background-position: -257px -216px;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* removed margin of forms to not break the layout with submit buttons within <form></form> area e. g. for modal dialogs
|
||||
*/
|
||||
|
|
@ -1762,4 +1911,87 @@ footer {
|
|||
|
||||
.popover .column {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.stat-widgets {
|
||||
margin: 0 -7px;
|
||||
}
|
||||
|
||||
.stat-widget {
|
||||
height: 200px;
|
||||
margin: 7px;
|
||||
padding: 13px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
background: white;
|
||||
border: 1px solid #e5f0f5;
|
||||
border-radius: 1px;
|
||||
box-shadow: 0 1px rgba(0,8,14,.02);
|
||||
}
|
||||
|
||||
.stat-widget h3 {
|
||||
margin: 2px 0 8px;
|
||||
color: #444a4f;
|
||||
letter-spacing: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.stat-widget .stat-label {
|
||||
color: #444a4f;
|
||||
}
|
||||
|
||||
.stat-widget .stat-detail {
|
||||
color: #b4b7b9;
|
||||
}
|
||||
|
||||
.channel-distribution.stat-widget {
|
||||
color: #a1a4a7;
|
||||
}
|
||||
|
||||
.stats-channel {
|
||||
padding: 8px 0 7px;
|
||||
margin-bottom: -7px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.stats-channel:hover {
|
||||
background: rgba(0,8,14,.03);
|
||||
}
|
||||
|
||||
.stats-channel .channel-bars {
|
||||
height: 73px;
|
||||
margin: 16px 0 15px;
|
||||
padding: 2px 12px;
|
||||
width: 100%;
|
||||
background: linear-gradient(to top, #f2f2f3, #f2f2f3 1px, transparent 1px);
|
||||
background-position: center bottom;
|
||||
background-size: 100% 12px;
|
||||
}
|
||||
|
||||
.channel-bars .channel-bar {
|
||||
border-radius: 5px;
|
||||
width: 10px;
|
||||
background: #a9bcc4;
|
||||
}
|
||||
|
||||
.channel-bars .channel-bar.secondary {
|
||||
opacity: .38;
|
||||
}
|
||||
|
||||
.activity.sidebar {
|
||||
border-left: 1px solid #e8e8e8;
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
----------------
|
||||
normal screens
|
||||
----------------
|
||||
|
||||
*/
|
||||
|
||||
@media only screen and (max-width: 1280px) {
|
||||
.activity.sidebar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue