Skip to content

Commit 35cd2bd

Browse files
boalDer-Alex-K
boal
and
Der-Alex-K
authored
FV-49 Refactoring Icons von Bezierkurven zu html svg text Komponenten (#154)
* change zaehlart icon from bezier curves to svg text component * art icons * resize ZaehlartIcon --------- Co-authored-by: alexander.kerscher <[email protected]>
1 parent 8d33cec commit 35cd2bd

File tree

18 files changed

+92
-238
lines changed

18 files changed

+92
-238
lines changed

‎frontend/src/components/icons/ArtIcons/ArtFJS.vue‎

Lines changed: 4 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,6 @@
11
<template>
2-
<svg
3-
xmlns="http://www.w3.org/2000/svg"
4-
viewBox="0 0 32 32"
5-
>
6-
<text
7-
x="0"
8-
y="26"
9-
class="svg-text"
10-
textLength="100%"
11-
fill="currentColor"
12-
>
13-
FjS
14-
</text>
15-
</svg>
2+
<art-icon model-value="FjS" />
163
</template>
17-
<style lang="css">
18-
.svg-text {
19-
font: bold 23px Arial;
20-
}
21-
</style>
4+
<script setup lang="ts">
5+
import ArtIcon from "@/components/icons/ArtIcons/ArtIcon.vue";
6+
</script>

‎frontend/src/components/icons/ArtIcons/ArtH.vue‎

Lines changed: 4 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,6 @@
11
<template>
2-
<svg
3-
version="1.1"
4-
xmlns="http://www.w3.org/2000/svg"
5-
fill="currentColor"
6-
width="32"
7-
height="32"
8-
viewBox="0 0 32 32"
9-
>
10-
<path
11-
d="M8.916 25.804c0-6.385 0-12.77 0-19.155 1.133 0 2.267 0 3.4 0 0 2.569 0 5.138 0 7.707 2.191 0 4.383 0 6.574 0 0-2.569 0-5.138 0-7.707 1.133 0 2.267 0 3.4 0 0 6.385 0 12.77 0 19.155-1.133 0-2.267 0-3.4 0 0-2.834 0-5.667 0-8.501-2.191 0-4.383 0-6.574 0 0 2.834 0 5.667 0 8.501-1.133 0-2.267 0-3.4 0z"
12-
></path>
13-
</svg>
2+
<art-icon model-value="H" />
143
</template>
4+
<script setup lang="ts">
5+
import ArtIcon from "@/components/icons/ArtIcons/ArtIcon.vue";
6+
</script>

‎frontend/src/components/icons/ArtIcons/ArtIcon.vue‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<template>
2+
<svg
3+
xmlns="http://www.w3.org/2000/svg"
4+
viewBox="0 0 32 32"
5+
>
6+
<text
7+
x="16"
8+
y="24"
9+
class="svg-text"
10+
text-anchor="middle"
11+
fill="currentColor"
12+
>
13+
{{ iconText }}
14+
</text>
15+
</svg>
16+
</template>
17+
<script setup lang="ts">
18+
const iconText = defineModel<string>({
19+
required: true,
20+
});
21+
</script>
22+
<style lang="css">
23+
.svg-text {
24+
font: bold 23px Arial;
25+
font-stretch: condensed;
26+
}
27+
</style>

‎frontend/src/components/icons/ArtIcons/ArtN.vue‎

Lines changed: 4 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,6 @@
11
<template>
2-
<svg
3-
version="1.1"
4-
xmlns="http://www.w3.org/2000/svg"
5-
fill="currentColor"
6-
width="32"
7-
height="32"
8-
viewBox="0 0 32 32"
9-
>
10-
<path
11-
d="M9.486 6.741h3.476l5.959 10.75 1.957 4.061h0.117c-0.078-0.994-0.17-2.060-0.277-3.199s-0.161-2.245-0.161-3.316v-8.296h3.243v19.104h-3.476l-5.959-10.75-1.958-4.060h-0.116c0.077 1.012 0.17 2.074 0.277 3.184s0.16 2.2 0.16 3.271v8.354h-3.242v-19.104z"
12-
></path>
13-
</svg>
2+
<art-icon model-value="N" />
143
</template>
4+
<script setup lang="ts">
5+
import ArtIcon from "@/components/icons/ArtIcons/ArtIcon.vue";
6+
</script>

‎frontend/src/components/icons/ArtIcons/ArtQ.vue‎

Lines changed: 4 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,6 @@
11
<template>
2-
<svg
3-
version="1.1"
4-
xmlns="http://www.w3.org/2000/svg"
5-
fill="currentColor"
6-
width="32"
7-
height="32"
8-
viewBox="0 0 32 32"
9-
>
10-
<path
11-
d="M16.17 23.726c1.209 0 2.191-0.642 2.909-1.851 0.756-1.247 1.096-3.022 1.096-5.403 0-2.229-0.34-3.929-1.096-5.1-0.718-1.209-1.7-1.813-2.909-1.813-1.247 0-2.229 0.604-2.947 1.813-0.718 1.171-1.096 2.871-1.096 5.1 0 2.38 0.378 4.156 1.096 5.403 0.718 1.209 1.7 1.851 2.947 1.851zM21.573 31.131c-1.813 0-3.287-0.453-4.458-1.36-1.133-0.907-2.002-2.040-2.569-3.438-1.776-0.416-3.211-1.436-4.269-3.136-1.096-1.662-1.625-3.929-1.625-6.725 0-1.587 0.189-2.985 0.567-4.194 0.34-1.247 0.869-2.267 1.511-3.098 0.68-0.831 1.473-1.473 2.38-1.889 0.907-0.453 1.927-0.68 3.060-0.68 1.096 0 2.116 0.227 3.060 0.68 0.907 0.416 1.7 1.058 2.342 1.889 0.68 0.831 1.209 1.851 1.549 3.098 0.378 1.209 0.529 2.607 0.529 4.194 0 2.72-0.491 4.949-1.473 6.612-1.020 1.625-2.342 2.682-4.043 3.136 0.34 0.756 0.831 1.322 1.549 1.662 0.68 0.34 1.436 0.491 2.267 0.491 0.302 0 0.567-0.038 0.831-0.113s0.491-0.151 0.642-0.227l0.642 2.607c-0.34 0.151-0.68 0.264-1.133 0.34-0.416 0.113-0.869 0.151-1.36 0.151z"
12-
></path>
13-
</svg>
2+
<art-icon model-value="Q" />
143
</template>
4+
<script setup lang="ts">
5+
import ArtIcon from "@/components/icons/ArtIcons/ArtIcon.vue";
6+
</script>

‎frontend/src/components/icons/ArtIcons/ArtQB.vue‎

Lines changed: 4 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,6 @@
11
<template>
2-
<svg
3-
version="1.1"
4-
xmlns="http://www.w3.org/2000/svg"
5-
fill="currentColor"
6-
width="32"
7-
height="32"
8-
viewBox="0 0 32 32"
9-
>
10-
<path
11-
d="M8.614 23.726c1.209 0 2.191-0.642 2.909-1.851 0.756-1.247 1.096-3.022 1.096-5.403 0-2.229-0.34-3.929-1.096-5.1-0.718-1.209-1.7-1.813-2.909-1.813-1.247 0-2.229 0.604-2.947 1.813-0.718 1.171-1.096 2.871-1.096 5.1 0 2.38 0.378 4.156 1.096 5.403 0.718 1.209 1.7 1.851 2.947 1.851zM14.017 31.131c-1.813 0-3.287-0.453-4.458-1.36-1.133-0.907-2.002-2.040-2.569-3.438-1.776-0.416-3.211-1.436-4.269-3.136-1.096-1.662-1.625-3.929-1.625-6.725 0-1.587 0.189-2.985 0.567-4.194 0.34-1.247 0.869-2.267 1.511-3.098 0.68-0.831 1.473-1.473 2.38-1.889 0.907-0.453 1.927-0.68 3.060-0.68 1.096 0 2.116 0.227 3.060 0.68 0.907 0.416 1.7 1.058 2.342 1.889 0.68 0.831 1.209 1.851 1.549 3.098 0.378 1.209 0.529 2.607 0.529 4.194 0 2.72-0.491 4.949-1.473 6.612-1.020 1.625-2.342 2.682-4.043 3.136 0.34 0.756 0.831 1.322 1.549 1.662 0.68 0.34 1.436 0.491 2.267 0.491 0.302 0 0.567-0.038 0.831-0.113s0.491-0.151 0.642-0.227l0.642 2.607c-0.34 0.151-0.68 0.264-1.133 0.34-0.416 0.113-0.869 0.151-1.36 0.151z"
12-
></path>
13-
<path
14-
d="M17.455 25.804v-19.155h5.932c1.020 0 1.927 0.076 2.758 0.227s1.549 0.416 2.116 0.793c0.605 0.378 1.096 0.831 1.436 1.436s0.491 1.36 0.491 2.229c0 0.944-0.264 1.776-0.793 2.569s-1.36 1.322-2.494 1.625v0.113c1.36 0.227 2.456 0.718 3.174 1.473 0.756 0.718 1.133 1.738 1.133 3.060 0 0.945-0.189 1.776-0.567 2.494-0.34 0.718-0.869 1.285-1.511 1.776-0.642 0.453-1.436 0.793-2.305 1.020-0.907 0.227-1.889 0.34-2.947 0.34h-6.423zM20.855 14.508h2.267c1.322 0 2.305-0.227 2.871-0.68 0.567-0.491 0.869-1.171 0.869-2.078 0-0.869-0.302-1.473-0.907-1.851s-1.549-0.529-2.796-0.529h-2.305v5.138zM20.855 23.084h2.682c1.398 0 2.494-0.264 3.211-0.756 0.756-0.491 1.096-1.285 1.096-2.38 0-1.020-0.34-1.738-1.058-2.191s-1.813-0.642-3.249-0.642h-2.682v5.969z"
15-
></path>
16-
</svg>
2+
<art-icon model-value="QB" />
173
</template>
4+
<script setup lang="ts">
5+
import ArtIcon from "@/components/icons/ArtIcons/ArtIcon.vue";
6+
</script>

‎frontend/src/components/icons/ArtIcons/ArtQH.vue‎

Lines changed: 4 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,6 @@
11
<template>
2-
<svg
3-
version="1.1"
4-
xmlns="http://www.w3.org/2000/svg"
5-
fill="currentColor"
6-
width="32"
7-
height="32"
8-
viewBox="0 0 32 32"
9-
>
10-
<path
11-
d="M8.614 23.726c1.209 0 2.191-0.642 2.909-1.851 0.756-1.247 1.096-3.022 1.096-5.403 0-2.229-0.34-3.929-1.096-5.1-0.718-1.209-1.7-1.813-2.909-1.813-1.247 0-2.229 0.604-2.947 1.813-0.718 1.171-1.096 2.871-1.096 5.1 0 2.38 0.378 4.156 1.096 5.403 0.718 1.209 1.7 1.851 2.947 1.851zM14.017 31.131c-1.813 0-3.287-0.453-4.458-1.36-1.133-0.907-2.002-2.040-2.569-3.438-1.776-0.416-3.211-1.436-4.269-3.136-1.096-1.662-1.625-3.929-1.625-6.725 0-1.587 0.189-2.985 0.567-4.194 0.34-1.247 0.869-2.267 1.511-3.098 0.68-0.831 1.473-1.473 2.38-1.889 0.907-0.453 1.927-0.68 3.060-0.68 1.096 0 2.116 0.227 3.060 0.68 0.907 0.416 1.7 1.058 2.342 1.889 0.68 0.831 1.209 1.851 1.549 3.098 0.378 1.209 0.529 2.607 0.529 4.194 0 2.72-0.491 4.949-1.473 6.612-1.020 1.625-2.342 2.682-4.043 3.136 0.34 0.756 0.831 1.322 1.549 1.662 0.68 0.34 1.436 0.491 2.267 0.491 0.302 0 0.567-0.038 0.831-0.113s0.491-0.151 0.642-0.227l0.642 2.607c-0.34 0.151-0.68 0.264-1.133 0.34-0.416 0.113-0.869 0.151-1.36 0.151z"
12-
></path>
13-
<path
14-
d="M16.85 6.574c1.133 0 2.267 0 3.4 0 0 2.569 0 5.138 0 7.707 2.607 0 5.214 0 7.783 0 0-2.569 0-5.138 0-7.707 1.133 0 2.267 0 3.4 0 0 6.385 0 12.77 0 19.155-1.133 0-2.267 0-3.4 0 0-2.834 0-5.667 0-8.501-2.569 0-5.176 0-7.783 0 0 2.834 0 5.667 0 8.501-1.133 0-2.267 0-3.4 0 0-6.385 0-12.77 0-19.155z"
15-
></path>
16-
</svg>
2+
<art-icon model-value="QH" />
173
</template>
4+
<script setup lang="ts">
5+
import ArtIcon from "@/components/icons/ArtIcons/ArtIcon.vue";
6+
</script>

‎frontend/src/components/icons/ArtIcons/ArtQI.vue‎

Lines changed: 4 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,6 @@
11
<template>
2-
<svg
3-
version="1.1"
4-
xmlns="http://www.w3.org/2000/svg"
5-
fill="currentColor"
6-
width="32"
7-
height="32"
8-
viewBox="0 0 32 32"
9-
>
10-
<path
11-
d="M8.614 23.726c1.209 0 2.191-0.642 2.909-1.851 0.756-1.247 1.096-3.022 1.096-5.403 0-2.229-0.34-3.929-1.096-5.1-0.718-1.209-1.7-1.813-2.909-1.813-1.247 0-2.229 0.604-2.947 1.813-0.718 1.171-1.096 2.871-1.096 5.1 0 2.38 0.378 4.156 1.096 5.403 0.718 1.209 1.7 1.851 2.947 1.851zM14.017 31.131c-1.813 0-3.287-0.453-4.458-1.36-1.133-0.907-2.002-2.040-2.569-3.438-1.776-0.416-3.211-1.436-4.269-3.136-1.096-1.662-1.625-3.929-1.625-6.725 0-1.587 0.189-2.985 0.567-4.194 0.34-1.247 0.869-2.267 1.511-3.098 0.68-0.831 1.473-1.473 2.38-1.889 0.907-0.453 1.927-0.68 3.060-0.68 1.096 0 2.116 0.227 3.060 0.68 0.907 0.416 1.7 1.058 2.342 1.889 0.68 0.831 1.209 1.851 1.549 3.098 0.378 1.209 0.529 2.607 0.529 4.194 0 2.72-0.491 4.949-1.473 6.612-1.020 1.625-2.342 2.682-4.043 3.136 0.34 0.756 0.831 1.322 1.549 1.662 0.68 0.34 1.436 0.491 2.267 0.491 0.302 0 0.567-0.038 0.831-0.113s0.491-0.151 0.642-0.227l0.642 2.607c-0.34 0.151-0.68 0.264-1.133 0.34-0.416 0.113-0.869 0.151-1.36 0.151z"
12-
></path>
13-
<path
14-
d="M16.926 25.804c0-0.945 0-1.927 0-2.871 1.549 0 3.098 0 4.647 0 0-4.496 0-8.954 0-13.412-1.549 0-3.098 0-4.647 0 0-0.982 0-1.927 0-2.871 4.231 0 8.463 0 12.656 0 0 0.944 0 1.889 0 2.871-1.511 0-3.060 0-4.609 0 0 4.458 0 8.916 0 13.412 1.549 0 3.098 0 4.609 0 0 0.945 0 1.927 0 2.871-4.194 0-8.425 0-12.656 0z"
15-
></path>
16-
</svg>
2+
<art-icon model-value="QI" />
173
</template>
4+
<script setup lang="ts">
5+
import ArtIcon from "@/components/icons/ArtIcons/ArtIcon.vue";
6+
</script>

‎frontend/src/components/icons/ArtIcons/ArtQJS.vue‎

Lines changed: 4 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,6 @@
11
<template>
2-
<svg
3-
xmlns="http://www.w3.org/2000/svg"
4-
viewBox="0 0 32 32"
5-
>
6-
<text
7-
x="0"
8-
y="26"
9-
class="svg-text"
10-
textLength="100%"
11-
fill="currentColor"
12-
>
13-
QjS
14-
</text>
15-
</svg>
2+
<art-icon model-value="QjS" />
163
</template>
17-
<style lang="css">
18-
.svg-text {
19-
font: bold 23px Arial;
20-
}
21-
</style>
4+
<script setup lang="ts">
5+
import ArtIcon from "@/components/icons/ArtIcons/ArtIcon.vue";
6+
</script>

‎frontend/src/components/icons/ArtIcons/ArtQR.vue‎

Lines changed: 4 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,6 @@
11
<template>
2-
<svg
3-
version="1.1"
4-
xmlns="http://www.w3.org/2000/svg"
5-
fill="currentColor"
6-
width="32"
7-
height="32"
8-
viewBox="0 0 32 32"
9-
>
10-
<path
11-
d="M8.614 23.726c1.209 0 2.191-0.642 2.909-1.851 0.756-1.247 1.096-3.022 1.096-5.403 0-2.229-0.34-3.929-1.096-5.1-0.718-1.209-1.7-1.813-2.909-1.813-1.247 0-2.229 0.604-2.947 1.813-0.718 1.171-1.096 2.871-1.096 5.1 0 2.38 0.378 4.156 1.096 5.403 0.718 1.209 1.7 1.851 2.947 1.851zM14.017 31.131c-1.813 0-3.287-0.453-4.458-1.36-1.133-0.907-2.002-2.040-2.569-3.438-1.776-0.416-3.211-1.436-4.269-3.136-1.096-1.662-1.625-3.929-1.625-6.725 0-1.587 0.189-2.985 0.567-4.194 0.34-1.247 0.869-2.267 1.511-3.098 0.68-0.831 1.473-1.473 2.38-1.889 0.907-0.453 1.927-0.68 3.060-0.68 1.096 0 2.116 0.227 3.060 0.68 0.907 0.416 1.7 1.058 2.342 1.889 0.68 0.831 1.209 1.851 1.549 3.098 0.378 1.209 0.529 2.607 0.529 4.194 0 2.72-0.491 4.949-1.473 6.612-1.020 1.625-2.342 2.682-4.043 3.136 0.34 0.756 0.831 1.322 1.549 1.662 0.68 0.34 1.436 0.491 2.267 0.491 0.302 0 0.567-0.038 0.831-0.113s0.491-0.151 0.642-0.227l0.642 2.607c-0.34 0.151-0.68 0.264-1.133 0.34-0.416 0.113-0.869 0.151-1.36 0.151z"
12-
></path>
13-
<path
14-
d="M17.455 25.842v-19.155h6.385c1.020 0 1.927 0.076 2.796 0.264s1.625 0.529 2.229 0.944c0.642 0.453 1.133 1.058 1.511 1.776s0.529 1.625 0.529 2.682c0 1.473-0.34 2.645-1.020 3.551-0.718 0.907-1.625 1.549-2.796 1.927l4.609 8.009h-3.854l-4.118-7.518h-2.871v7.518h-3.4zM20.855 15.641h2.645c1.322 0 2.342-0.264 3.022-0.831 0.718-0.529 1.058-1.36 1.058-2.456s-0.34-1.889-1.058-2.305c-0.68-0.453-1.7-0.642-3.022-0.642h-2.645v6.234z"
15-
></path>
16-
</svg>
2+
<art-icon model-value="QR" />
173
</template>
4+
<script setup lang="ts">
5+
import ArtIcon from "@/components/icons/ArtIcons/ArtIcon.vue";
6+
</script>

0 commit comments

Comments
 (0)