@eturnity/eturnity_reusable_components 7.16.0-qa-dev03.2 → 7.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/assets/svgIcons/charger_icon_white.svg +44 -0
- package/src/assets/svgIcons/energy_meter.svg +12 -0
- package/src/assets/svgIcons/split.svg +88 -6
- package/src/components/card/index.vue +95 -0
- package/src/components/icon/index.vue +8 -1
- package/src/components/inputs/inputNumber/index.vue +8 -5
- package/src/assets/svgIcons/anchor.svg +0 -18
- package/src/assets/svgIcons/flatten_roof.svg +0 -20
package/package.json
CHANGED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
3
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
4
|
+
viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve">
|
|
5
|
+
<style type="text/css">
|
|
6
|
+
.st0{display:none;}
|
|
7
|
+
.st1{display:inline;}
|
|
8
|
+
.st2{fill:#FFFFFF;}
|
|
9
|
+
</style>
|
|
10
|
+
<g class="st0">
|
|
11
|
+
<g class="st1">
|
|
12
|
+
<rect x="-312.013" y="-258.339" class="st2" width="2" height="16"/>
|
|
13
|
+
</g>
|
|
14
|
+
<g class="st1">
|
|
15
|
+
<polygon class="st2" points="-303.346,-242.339 -303.346,-248.339 -312.013,-248.426 -312.013,-242.339 "/>
|
|
16
|
+
</g>
|
|
17
|
+
<g class="st1">
|
|
18
|
+
<rect x="-311.673" y="-258.339" class="st2" width="8" height="2"/>
|
|
19
|
+
</g>
|
|
20
|
+
<g class="st1">
|
|
21
|
+
<path class="st2" d="M-294.833-255.839v-2.5h-7v2.5c0,1.933,1.567,3.5,3.5,3.5l0,0
|
|
22
|
+
C-296.4-252.339-294.833-253.906-294.833-255.839z"/>
|
|
23
|
+
</g>
|
|
24
|
+
<g class="st1">
|
|
25
|
+
<rect x="-305.346" y="-258.339" class="st2" width="2" height="16"/>
|
|
26
|
+
</g>
|
|
27
|
+
<g class="st1">
|
|
28
|
+
<rect x="-299.333" y="-258.339" class="st2" width="2" height="12"/>
|
|
29
|
+
</g>
|
|
30
|
+
<g class="st1">
|
|
31
|
+
<rect x="-303.346" y="-248.339" class="st2" width="6" height="2"/>
|
|
32
|
+
</g>
|
|
33
|
+
<g class="st1">
|
|
34
|
+
<rect x="-301.346" y="-260.339" class="st2" width="2" height="2"/>
|
|
35
|
+
</g>
|
|
36
|
+
<g class="st1">
|
|
37
|
+
<rect x="-297.346" y="-260.339" class="st2" width="2" height="2"/>
|
|
38
|
+
</g>
|
|
39
|
+
</g>
|
|
40
|
+
<g>
|
|
41
|
+
<path class="st2" d="M15.777,8.974h3v-2h-3V6h-1c-1.857,0-3.404,1.272-3.855,2.987H8.889V3V1h-2H3.223h-2v2v14v2h2h5.667v-1v-1
|
|
42
|
+
v-6.013h2.025C11.356,12.716,12.911,14,14.777,14h1v-1.026h3v-2h-3V8.987V8.974z M6.889,17H3.223V3h3.667v5.987v2V17z"/>
|
|
43
|
+
</g>
|
|
44
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
|
3
|
+
<!-- Creator: CorelDRAW 2021 (64-Bit) -->
|
|
4
|
+
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="462px" height="512px" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
|
|
5
|
+
viewBox="0 0 462 511.93"
|
|
6
|
+
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
7
|
+
xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
|
|
8
|
+
<g id="Layer_x0020_1">
|
|
9
|
+
<metadata id="CorelCorpID_0Corel-Layer"/>
|
|
10
|
+
<path fill="white" d="M22.37 0l417.26 0c12.31,0 22.37,10.06 22.37,22.37l0 400.73c0,12.3 -10.06,22.37 -22.37,22.37l-32.27 0 0 19.01c0,6.2 -5.06,11.27 -11.26,11.27l-25.1 0 0 32.03c0,2.28 -1.87,4.15 -4.15,4.15l-32.33 0c-4.56,0 -8.29,-3.73 -8.29,-8.29l0 -27.89 -33.43 0 0 32.03c0,2.28 -1.86,4.15 -4.14,4.15l-32.34 0c-4.56,0 -8.28,-3.73 -8.28,-8.29l0 -27.89 -33.43 0 0 32.03c0,2.28 -1.86,4.15 -4.14,4.15l-32.34 0c-4.56,0 -8.28,-3.73 -8.28,-8.29l0 -27.89 -33.43 0 0 32.03c0,2.28 -1.86,4.15 -4.14,4.15l-32.34 0c-4.56,0 -8.28,-3.73 -8.28,-8.29l0 -27.89 -25.76 0c-6.2,0 -11.26,-5.07 -11.26,-11.27l0 -19.01 -32.27 0c-12.31,0 -22.37,-10.07 -22.37,-22.37l0 -400.73c0,-12.31 10.06,-22.37 22.37,-22.37zm61.36 103.62l294.54 0c3.34,0 6.38,1.38 8.57,3.57 2.19,2.19 3.56,5.23 3.56,8.57l0 53.77c0,3.33 -1.37,6.37 -3.56,8.56 -2.2,2.2 -5.23,3.57 -8.57,3.57l-294.54 0c-3.34,0 -6.38,-1.37 -8.57,-3.57 -2.19,-2.19 -3.56,-5.23 -3.56,-8.56l0 -53.77c0,-3.34 1.36,-6.37 3.56,-8.57 2.2,-2.21 5.23,-3.57 8.57,-3.57zm159 210.98l15.79 0c2.29,0.01 4.15,1.87 4.15,4.16 0,0.83 -0.25,1.63 -0.7,2.32l-37.64 64.27c-0.75,1.23 -2.09,1.98 -3.53,1.98 -2.29,0 -4.15,-1.86 -4.15,-4.14 0,-0.28 0.02,-0.55 0.08,-0.81l5.55 -39.45 -18.73 0.32c-0.02,0 -0.05,0 -0.08,0 -2.25,0 -4.09,-1.81 -4.13,-4.06 0,-0.01 0,-0.01 0,-0.02 0,-0.75 0.2,-1.5 0.58,-2.15l37.06 -64.26c0.75,-1.24 2.1,-2 3.55,-2 2.29,0 4.15,1.85 4.15,4.15 0,0.18 -0.02,0.36 -0.04,0.54l-1.91 39.15zm151.34 -255.93c5.79,0 10.49,4.95 10.49,11.06 0,6.1 -4.7,11.05 -10.49,11.05 -5.8,0 -10.5,-4.95 -10.5,-11.05 0,-6.11 4.7,-11.06 10.5,-11.06zm-326.13 0c5.8,0 10.5,4.95 10.5,11.06 0,6.1 -4.7,11.05 -10.5,11.05 -5.8,0 -10.5,-4.95 -10.5,-11.05 0,-6.11 4.7,-11.06 10.5,-11.06zm0 307.96c5.8,0 10.5,4.96 10.5,11.06 0,6.11 -4.7,11.06 -10.5,11.06 -5.8,0 -10.5,-4.95 -10.5,-11.06 0,-6.1 4.7,-11.06 10.5,-11.06zm326.13 0c5.79,0 10.49,4.96 10.49,11.06 0,6.11 -4.7,11.06 -10.49,11.06 -5.8,0 -10.5,-4.95 -10.5,-11.06 0,-6.1 4.7,-11.06 10.5,-11.06zm-38.94 -206.03c-3.07,0 -5.53,-0.96 -7.39,-2.88 -1.85,-1.92 -2.77,-4.45 -2.77,-7.59l0 -14.98c0,-3.15 0.92,-5.67 2.77,-7.59 1.86,-1.92 4.32,-2.88 7.39,-2.88 3.08,0 5.55,0.96 7.4,2.88 1.85,1.92 2.78,4.44 2.78,7.59l0 14.98c0,3.14 -0.93,5.67 -2.78,7.59 -1.85,1.92 -4.32,2.88 -7.4,2.88zm0 -7.1c0.6,0 1.08,-0.26 1.42,-0.79 0.35,-0.53 0.52,-1.22 0.52,-2.08l0 -15.98c0,-0.86 -0.17,-1.56 -0.52,-2.09 -0.34,-0.52 -0.82,-0.79 -1.42,-0.79 -0.59,0 -1.06,0.27 -1.41,0.79 -0.34,0.53 -0.52,1.23 -0.52,2.09l0 15.98c0,0.86 0.18,1.55 0.52,2.08 0.35,0.53 0.82,0.79 1.41,0.79zm-61.12 7.1c-3.07,0 -5.54,-0.96 -7.39,-2.88 -1.85,-1.92 -2.78,-4.45 -2.78,-7.59l0 -14.98c0,-3.15 0.93,-5.67 2.78,-7.59 1.85,-1.92 4.32,-2.88 7.39,-2.88 3.08,0 5.55,0.96 7.4,2.88 1.85,1.92 2.77,4.44 2.77,7.59l0 14.98c0,3.14 -0.92,5.67 -2.77,7.59 -1.85,1.92 -4.32,2.88 -7.4,2.88zm0 -7.1c0.6,0 1.07,-0.26 1.42,-0.79 0.35,-0.53 0.52,-1.22 0.52,-2.08l0 -15.98c0,-0.86 -0.17,-1.56 -0.52,-2.09 -0.35,-0.52 -0.82,-0.79 -1.42,-0.79 -0.59,0 -1.07,0.27 -1.41,0.79 -0.35,0.53 -0.52,1.23 -0.52,2.09l0 15.98c0,0.86 0.17,1.55 0.52,2.08 0.34,0.53 0.82,0.79 1.41,0.79zm-63.81 7.1c-3.07,0 -5.54,-0.96 -7.39,-2.88 -1.85,-1.92 -2.77,-4.45 -2.77,-7.59l0 -14.98c0,-3.15 0.92,-5.67 2.77,-7.59 1.85,-1.92 4.32,-2.88 7.39,-2.88 3.08,0 5.54,0.96 7.4,2.88 1.85,1.92 2.77,4.44 2.77,7.59l0 14.98c0,3.14 -0.92,5.67 -2.77,7.59 -1.86,1.92 -4.32,2.88 -7.4,2.88zm0 -7.1c0.6,0 1.07,-0.26 1.42,-0.79 0.35,-0.53 0.52,-1.22 0.52,-2.08l0 -15.98c0,-0.86 -0.17,-1.56 -0.52,-2.09 -0.35,-0.52 -0.82,-0.79 -1.42,-0.79 -0.59,0 -1.06,0.27 -1.41,0.79 -0.35,0.53 -0.52,1.23 -0.52,2.09l0 15.98c0,0.86 0.17,1.55 0.52,2.08 0.35,0.53 0.82,0.79 1.41,0.79zm-61.33 7.1c-3.07,0 -5.54,-0.96 -7.39,-2.88 -1.85,-1.92 -2.77,-4.45 -2.77,-7.59l0 -14.98c0,-3.15 0.92,-5.67 2.77,-7.59 1.85,-1.92 4.32,-2.88 7.39,-2.88 3.08,0 5.55,0.96 7.4,2.88 1.85,1.92 2.77,4.44 2.77,7.59l0 14.98c0,3.14 -0.92,5.67 -2.77,7.59 -1.85,1.92 -4.32,2.88 -7.4,2.88zm0 -7.1c0.6,0 1.07,-0.26 1.42,-0.79 0.35,-0.53 0.52,-1.22 0.52,-2.08l0 -15.98c0,-0.86 -0.17,-1.56 -0.52,-2.09 -0.35,-0.52 -0.82,-0.79 -1.42,-0.79 -0.59,0 -1.06,0.27 -1.41,0.79 -0.35,0.53 -0.52,1.23 -0.52,2.09l0 15.98c0,0.86 0.17,1.55 0.52,2.08 0.35,0.53 0.82,0.79 1.41,0.79zm-61.16 7.1c-3.08,0 -5.54,-0.96 -7.39,-2.88 -1.85,-1.92 -2.78,-4.45 -2.78,-7.59l0 -14.98c0,-3.15 0.93,-5.67 2.78,-7.59 1.85,-1.92 4.31,-2.88 7.39,-2.88 3.07,0 5.54,0.96 7.39,2.88 1.85,1.92 2.78,4.44 2.78,7.59l0 14.98c0,3.14 -0.93,5.67 -2.78,7.59 -1.85,1.92 -4.32,2.88 -7.39,2.88zm0 -7.1c0.6,0 1.07,-0.26 1.41,-0.79 0.35,-0.53 0.53,-1.22 0.53,-2.08l0 -15.98c0,-0.86 -0.18,-1.56 -0.53,-2.09 -0.34,-0.52 -0.81,-0.79 -1.41,-0.79 -0.6,0 -1.07,0.27 -1.41,0.79 -0.35,0.53 -0.52,1.23 -0.52,2.09l0 15.98c0,0.86 0.17,1.55 0.52,2.08 0.34,0.53 0.81,0.79 1.41,0.79zm58.85 102.29c-4.25,0 -7.69,-3.45 -7.69,-7.69 0,-4.24 3.44,-7.68 7.69,-7.68l128.88 0c4.25,0 7.69,3.44 7.69,7.68 0,4.24 -3.44,7.69 -7.69,7.69l-128.88 0zm-50.58 -38.85c-4.24,0 -7.69,-3.44 -7.69,-7.68 0,-4.24 3.45,-7.69 7.69,-7.69l230.04 0c4.24,0 7.68,3.45 7.68,7.69 0,4.24 -3.44,7.68 -7.68,7.68l-230.04 0zm212.57 -103.71l0 58.82 49.72 0c0.69,0 1.32,-0.29 1.78,-0.75 0.46,-0.45 0.75,-1.09 0.75,-1.77l0 -53.77c0,-0.69 -0.29,-1.33 -0.75,-1.79 -0.45,-0.45 -1.09,-0.74 -1.78,-0.74l-49.72 0zm-9.61 58.82l0 -58.82 -52.26 0 0 58.82 52.26 0zm-61.87 0l0 -58.82 -52.14 0 0 58.82 52.14 0zm-61.75 0l0 -58.82 -52.3 0 0 58.82 52.3 0zm-61.91 0l0 -58.82 -49.68 0c-0.7,0 -1.33,0.29 -1.79,0.74 -0.45,0.46 -0.74,1.09 -0.74,1.79l0 53.77c0,0.69 0.29,1.32 0.74,1.77 0.46,0.46 1.1,0.75 1.79,0.75l49.68 0zm-74.08 -133.14l343.34 0c12.31,0 22.37,10.07 22.37,22.37l0 324.85c0,12.3 -10.07,22.37 -22.37,22.37l-343.34 0c-12.3,0 -22.37,-10.06 -22.37,-22.37l0 -324.85c0,-12.31 10.06,-22.37 22.37,-22.37z"/>
|
|
11
|
+
</g>
|
|
12
|
+
</svg>
|
|
@@ -1,12 +1,94 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
2
|
+
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
3
|
+
|
|
1
4
|
<svg
|
|
5
|
+
version="1.1"
|
|
6
|
+
id="svg438"
|
|
2
7
|
width="838"
|
|
3
8
|
height="833"
|
|
4
9
|
viewBox="0 0 838 833"
|
|
10
|
+
sodipodi:docname="split.svg"
|
|
11
|
+
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
|
|
12
|
+
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
|
13
|
+
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
|
5
14
|
xmlns="http://www.w3.org/2000/svg"
|
|
6
|
-
>
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
15
|
+
xmlns:svg="http://www.w3.org/2000/svg">
|
|
16
|
+
<defs
|
|
17
|
+
id="defs442">
|
|
18
|
+
<linearGradient
|
|
19
|
+
id="linearGradient7383"
|
|
20
|
+
inkscape:swatch="solid">
|
|
21
|
+
<stop
|
|
22
|
+
style="stop-color:#ffffff;stop-opacity:1;"
|
|
23
|
+
offset="0"
|
|
24
|
+
id="stop7381" />
|
|
25
|
+
</linearGradient>
|
|
26
|
+
<linearGradient
|
|
27
|
+
id="linearGradient6933"
|
|
28
|
+
inkscape:swatch="solid">
|
|
29
|
+
<stop
|
|
30
|
+
style="stop-color:#000000;stop-opacity:1;"
|
|
31
|
+
offset="0"
|
|
32
|
+
id="stop6931" />
|
|
33
|
+
</linearGradient>
|
|
34
|
+
</defs>
|
|
35
|
+
<sodipodi:namedview
|
|
36
|
+
id="namedview440"
|
|
37
|
+
pagecolor="#ffffff"
|
|
38
|
+
bordercolor="#666666"
|
|
39
|
+
borderopacity="1.0"
|
|
40
|
+
inkscape:pageshadow="2"
|
|
41
|
+
inkscape:pageopacity="0.0"
|
|
42
|
+
inkscape:pagecheckerboard="0"
|
|
43
|
+
showgrid="false"
|
|
44
|
+
inkscape:zoom="0.95078031"
|
|
45
|
+
inkscape:cx="466.45896"
|
|
46
|
+
inkscape:cy="549.02273"
|
|
47
|
+
inkscape:window-width="1920"
|
|
48
|
+
inkscape:window-height="1007"
|
|
49
|
+
inkscape:window-x="0"
|
|
50
|
+
inkscape:window-y="0"
|
|
51
|
+
inkscape:window-maximized="1"
|
|
52
|
+
inkscape:current-layer="g444" />
|
|
53
|
+
<g
|
|
54
|
+
inkscape:groupmode="layer"
|
|
55
|
+
inkscape:label="Image"
|
|
56
|
+
id="g444">
|
|
57
|
+
<circle
|
|
58
|
+
id="path5141"
|
|
59
|
+
style="fill:none;stroke:#fffeff;stroke-opacity:1"
|
|
60
|
+
cx="0.66903824"
|
|
61
|
+
cy="263.65976"
|
|
62
|
+
r="0.52949077" />
|
|
63
|
+
<circle
|
|
64
|
+
id="path5143"
|
|
65
|
+
style="fill:none;stroke:#fffeff;stroke-opacity:1"
|
|
66
|
+
cx="0.66903824"
|
|
67
|
+
cy="263.65976"
|
|
68
|
+
r="0.52949077" />
|
|
69
|
+
<g
|
|
70
|
+
id="path5184"
|
|
71
|
+
style="stroke:#fffeff;stroke-opacity:1;fill:none">
|
|
72
|
+
<path
|
|
73
|
+
style="color:#000000;fill:none;stroke-width:154.42;-inkscape-stroke:none;stroke:#fffeff;stroke-opacity:1"
|
|
74
|
+
d="m -156.35359,113.32885 348.76355,221.92361 744.6236,-498.85799"
|
|
75
|
+
id="path6861" />
|
|
76
|
+
<path
|
|
77
|
+
style="color:#000000;fill:none;-inkscape-stroke:none;stroke:#fffeff;stroke-opacity:1"
|
|
78
|
+
d="M 894.06055,-227.75 191.32227,243.04492 -114.9043,48.1875 -197.80273,178.46875 193.49609,427.45898 980.00781,-99.460937 Z"
|
|
79
|
+
id="path6863" />
|
|
80
|
+
</g>
|
|
81
|
+
<g
|
|
82
|
+
id="path5186"
|
|
83
|
+
style="stroke:#fffeff;stroke-opacity:1;fill:none">
|
|
84
|
+
<path
|
|
85
|
+
style="color:#000000;fill:none;stroke-width:166.34;-inkscape-stroke:none;stroke:#fffeff;stroke-opacity:1"
|
|
86
|
+
d="M 816.06617,905.68984 357.97591,628.01443 1035.7943,176.14788"
|
|
87
|
+
id="path6855" />
|
|
88
|
+
<path
|
|
89
|
+
style="color:#000000;fill:none;-inkscape-stroke:none;stroke:#fffeff;stroke-opacity:1"
|
|
90
|
+
d="M 989.66016,106.94531 203.03125,631.34961 772.95312,976.81445 859.17773,834.56641 512.91992,624.67773 1081.9277,245.34961 Z"
|
|
91
|
+
id="path6857" />
|
|
92
|
+
</g>
|
|
93
|
+
</g>
|
|
12
94
|
</svg>
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<Wrapper
|
|
3
|
+
v-show="!isLoading"
|
|
4
|
+
:class="viewCardClass"
|
|
5
|
+
:width="width"
|
|
6
|
+
:minWidth="minWidth"
|
|
7
|
+
>
|
|
8
|
+
<Spinner v-if="isLoading" size="50px" :limitedToModal="true" />
|
|
9
|
+
<CardWrapper v-else>
|
|
10
|
+
<CardTitle :class="titleClass" >
|
|
11
|
+
{{ $gettext(title) }}
|
|
12
|
+
<et-popover
|
|
13
|
+
v-if="showPopover && popoverText !== ''"
|
|
14
|
+
:text="popoverText"
|
|
15
|
+
></et-popover>
|
|
16
|
+
</CardTitle>
|
|
17
|
+
<slot></slot>
|
|
18
|
+
</CardWrapper>
|
|
19
|
+
</Wrapper>
|
|
20
|
+
</template>
|
|
21
|
+
|
|
22
|
+
<script>
|
|
23
|
+
import styled from 'vue-styled-components'
|
|
24
|
+
import Spinner from '../spinner'
|
|
25
|
+
|
|
26
|
+
const WrapperProps = { width: [Number, String], minWidth: [Number, String] }
|
|
27
|
+
const Wrapper = styled('div', WrapperProps)`
|
|
28
|
+
max-width: ${(props) => props.width};
|
|
29
|
+
min-width: ${(props) => props.minWidth};
|
|
30
|
+
padding: 20px;
|
|
31
|
+
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
32
|
+
border-radius: 4px;
|
|
33
|
+
background-color: ${props => props.theme.colors.white};
|
|
34
|
+
height: 100%;
|
|
35
|
+
`
|
|
36
|
+
|
|
37
|
+
const CardWrapper = styled('div')`
|
|
38
|
+
height: 100%;
|
|
39
|
+
width: auto;
|
|
40
|
+
`
|
|
41
|
+
|
|
42
|
+
const CardTitle = styled('p')`
|
|
43
|
+
font-size: 14px;
|
|
44
|
+
line-height: 1;
|
|
45
|
+
color: ${props => props.theme.colors.black};
|
|
46
|
+
font-weight: 700;
|
|
47
|
+
margin-bottom: 10px;
|
|
48
|
+
`
|
|
49
|
+
|
|
50
|
+
export default {
|
|
51
|
+
name: 'Card',
|
|
52
|
+
props: {
|
|
53
|
+
title: {
|
|
54
|
+
type: String,
|
|
55
|
+
default: ''
|
|
56
|
+
},
|
|
57
|
+
width: {
|
|
58
|
+
type: [Number, String],
|
|
59
|
+
required: false,
|
|
60
|
+
default: '400px'
|
|
61
|
+
},
|
|
62
|
+
minWidth: {
|
|
63
|
+
type: [Number, String],
|
|
64
|
+
required: false,
|
|
65
|
+
default: null
|
|
66
|
+
},
|
|
67
|
+
titleClass: {
|
|
68
|
+
type: String,
|
|
69
|
+
default: ''
|
|
70
|
+
},
|
|
71
|
+
showPopover: {
|
|
72
|
+
type: Boolean,
|
|
73
|
+
default: false
|
|
74
|
+
},
|
|
75
|
+
viewCardClass: {
|
|
76
|
+
type: String,
|
|
77
|
+
default: ''
|
|
78
|
+
},
|
|
79
|
+
popoverText: {
|
|
80
|
+
type: String,
|
|
81
|
+
default: ''
|
|
82
|
+
},
|
|
83
|
+
isLoading: {
|
|
84
|
+
type: Boolean,
|
|
85
|
+
default: false
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
components: {
|
|
89
|
+
Spinner,
|
|
90
|
+
Wrapper,
|
|
91
|
+
CardTitle,
|
|
92
|
+
CardWrapper,
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
</script>
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
:size="size"
|
|
6
6
|
:color="color"
|
|
7
7
|
:hoveredColor="hoveredColor"
|
|
8
|
+
:backgroundColor="backgroundColor"
|
|
8
9
|
v-html="
|
|
9
10
|
require(`!html-loader!./../../assets/svgIcons/${name.toLowerCase()}.svg`)
|
|
10
11
|
"
|
|
@@ -40,6 +41,7 @@ const Wrapper = styled('div', wrapperAttrs)`
|
|
|
40
41
|
cursor: ${(props) => (props.isDisabled ? 'not-allowed' : props.cursor)};
|
|
41
42
|
line-height: 0;
|
|
42
43
|
`
|
|
44
|
+
|
|
43
45
|
const strikedAttrs = { isDisabled: Boolean, color: String, hoveredColor: String }
|
|
44
46
|
const strikedLine = styled('div', strikedAttrs)`
|
|
45
47
|
display: flex;
|
|
@@ -56,12 +58,14 @@ const strikedLine = styled('div', strikedAttrs)`
|
|
|
56
58
|
transform-origin: 0% 100%;
|
|
57
59
|
transform: rotate(-45deg);
|
|
58
60
|
`
|
|
59
|
-
const IconImageProps = { color: String, hoveredColor: String, size: String }
|
|
61
|
+
const IconImageProps = { color: String, hoveredColor: String, size: String, backgroundColor: String}
|
|
60
62
|
const IconImage = styled('div', IconImageProps)`
|
|
61
63
|
width: 100%;
|
|
62
64
|
svg {
|
|
63
65
|
width: 100%;
|
|
64
66
|
height: 100%;
|
|
67
|
+
background-color: ${(props) => props.backgroundColor};
|
|
68
|
+
padding: ${(props) => props.backgroundColor ? '3px' : '0'};
|
|
65
69
|
}
|
|
66
70
|
svg path {
|
|
67
71
|
${(props) =>
|
|
@@ -93,6 +97,9 @@ export default {
|
|
|
93
97
|
color: {
|
|
94
98
|
required: false
|
|
95
99
|
},
|
|
100
|
+
backgroundColor: {
|
|
101
|
+
required: false
|
|
102
|
+
},
|
|
96
103
|
hoveredColor: {
|
|
97
104
|
required: false
|
|
98
105
|
},
|
|
@@ -469,7 +469,7 @@ export default {
|
|
|
469
469
|
}
|
|
470
470
|
},
|
|
471
471
|
methods: {
|
|
472
|
-
onEnterPress()
|
|
472
|
+
onEnterPress(){
|
|
473
473
|
this.$emit('on-enter-click')
|
|
474
474
|
this.$refs.inputField1.$el.blur()
|
|
475
475
|
},
|
|
@@ -549,18 +549,21 @@ export default {
|
|
|
549
549
|
return array
|
|
550
550
|
},
|
|
551
551
|
onInput(value) {
|
|
552
|
+
// if(!this.isFocused){
|
|
553
|
+
// return
|
|
554
|
+
// }
|
|
552
555
|
if (this.isBlurred) {
|
|
553
556
|
this.isBlurred = false
|
|
554
557
|
return
|
|
555
558
|
}
|
|
556
|
-
if (value === ''
|
|
559
|
+
if (value === '') {
|
|
557
560
|
this.$emit('on-input', '')
|
|
558
561
|
}
|
|
559
562
|
let evaluatedVal
|
|
560
563
|
try {
|
|
561
564
|
evaluatedVal = this.onEvaluateCode(value)
|
|
562
565
|
} finally {
|
|
563
|
-
if (evaluatedVal
|
|
566
|
+
if (evaluatedVal) {
|
|
564
567
|
this.$emit('on-input', evaluatedVal)
|
|
565
568
|
}
|
|
566
569
|
}
|
|
@@ -646,10 +649,10 @@ export default {
|
|
|
646
649
|
}
|
|
647
650
|
},
|
|
648
651
|
initInteraction(e) {
|
|
649
|
-
this.focusInput()
|
|
650
|
-
e.preventDefault()
|
|
651
652
|
window.addEventListener('mousemove', this.interact, false)
|
|
652
653
|
window.addEventListener('mouseup', this.stopInteract, false)
|
|
654
|
+
e.preventDefault()
|
|
655
|
+
this.focusInput()
|
|
653
656
|
},
|
|
654
657
|
interact(e) {
|
|
655
658
|
e.preventDefault()
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
2
|
-
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
|
3
|
-
<svg height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
4
|
-
viewBox="0 0 204.851 204.851" xml:space="preserve">
|
|
5
|
-
<g>
|
|
6
|
-
<g>
|
|
7
|
-
<g>
|
|
8
|
-
<path fill="white" d="M139.518,128.595l16.834,16.336c0,0-20.644,29.877-42.725,30.473
|
|
9
|
-
c0.479,0,0.117-84.092,0.039-104.472c14.694-4.797,25.402-18.182,25.402-34.117c0-20.009-16.697-36.218-37.273-36.218
|
|
10
|
-
c-20.615,0-37.312,16.209-37.312,36.208c0,15.671,10.376,28.929,24.748,33.961l0.098,104.277
|
|
11
|
-
c-26.643-1.837-42.061-27.474-42.061-27.474l17.997-17.41L0,120.505l9.887,63.301l17.362-16.795
|
|
12
|
-
c15.036,12.105,32.017,37.244,72.876,37.244c51.332-1.309,63.184-28.939,76.344-39.804l18.993,18.514l9.389-63.907
|
|
13
|
-
L139.518,128.595z M82.558,36.208c0-10.298,8.608-18.661,19.218-18.661s19.257,8.363,19.257,18.661
|
|
14
|
-
c0,10.327-8.647,18.681-19.257,18.681S82.558,46.535,82.558,36.208z"/>
|
|
15
|
-
</g>
|
|
16
|
-
</g>
|
|
17
|
-
</g>
|
|
18
|
-
</svg>
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
2
|
-
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
3
|
-
|
|
4
|
-
<svg
|
|
5
|
-
width="16"
|
|
6
|
-
height="8"
|
|
7
|
-
viewBox="0 0 16 8"
|
|
8
|
-
version="1.1"
|
|
9
|
-
id="svg5"
|
|
10
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
11
|
-
xmlns:svg="http://www.w3.org/2000/svg">
|
|
12
|
-
<g
|
|
13
|
-
transform="translate(-55.350933,-93.588073)">
|
|
14
|
-
<path
|
|
15
|
-
fill="#000000"
|
|
16
|
-
d="m 61.719348,100.39494 1.004406,0.0185 -0.0013,-2.679323 0.88345,-4.27e-4 c -0.0051,-0.01381 -0.01401,2.69128 -0.01401,2.69128 l 1.05348,-0.0159 -1.582401,1.44453 z m -6.368415,-0.817395 7.856738,-5.989472 7.616581,6.321372 -1.240034,1.266145 -6.409573,-5.185912 -6.581971,5.125212 z"
|
|
17
|
-
id="path874"
|
|
18
|
-
/>
|
|
19
|
-
</g>
|
|
20
|
-
</svg>
|