Merged PR 1212: #3069 Fehlende Icons in der Remission

#3069 Fehlende Icons in der Remission

Related work items: #3069
This commit is contained in:
Andreas Schickinger
2022-05-02 08:26:38 +00:00
committed by Nino Righi
parent d1eba5f1e2
commit 1228698fcf
5 changed files with 51 additions and 2 deletions

View File

@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="18px" height="17px" viewBox="0 0 18 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>Headphone</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="UC1_06_01_Hugendubel_Instoreapp_Kunden_Artikelrecherche_Ergebnisse_1" transform="translate(-138.000000, -570.000000)" fill="#000000" fill-rule="nonzero" stroke="#000000" stroke-width="0.7">
<path d="M153.164811,579.4098 L153.040089,579.4098 L153.040089,577.125612 C153.040089,573.765256 150.338976,571.032071 147.017817,571.032071 C143.696659,571.032071 140.995546,573.765256 140.995546,577.125612 L140.995546,579.4098 L140.870824,579.4098 C139.848107,579.4098 139,580.232962 139,581.262806 L139,584.067261 C139,585.097105 139.848107,585.930958 140.870824,585.930958 L142.763029,585.930958 C143.058797,585.930958 143.311804,585.695768 143.311804,585.4 L143.311804,579.930067 C143.311804,579.634298 143.058797,579.4098 142.763029,579.4098 L142.064588,579.4098 L142.064588,577.125612 C142.064588,574.353229 144.284633,572.101114 147.017817,572.101114 C149.751002,572.101114 151.971047,574.356793 151.971047,577.125612 L151.971047,579.4098 L151.272606,579.4098 C150.976837,579.4098 150.723831,579.634298 150.723831,579.930067 L150.723831,585.4 C150.723831,585.695768 150.976837,585.930958 151.272606,585.930958 L153.164811,585.930958 C154.187528,585.930958 155,585.097105 155,584.067261 L155,581.262806 C155,580.232962 154.187528,579.4098 153.164811,579.4098 Z M142.242762,584.861915 L140.870824,584.861915 C140.439644,584.861915 140.069042,584.509131 140.069042,584.067261 L140.069042,581.262806 C140.069042,580.820935 140.439644,580.478842 140.870824,580.478842 L142.242762,580.478842 L142.242762,584.861915 Z M153.930958,584.067261 C153.930958,584.509131 153.595991,584.861915 153.164811,584.861915 L151.792873,584.861915 L151.792873,580.478842 L153.164811,580.478842 C153.595991,580.478842 153.930958,580.824499 153.930958,581.262806 L153.930958,584.067261 Z" id="Headphone"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="14px" height="20px" viewBox="0 0 14 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>Icon_NB</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Hugendubel_Icons" transform="translate(-33.000000, -138.000000)" fill="#000000" fill-rule="nonzero" stroke="#000000" stroke-width="0.9">
<path d="M37.4137931,139.163636 L35.9655172,142.027273 L35.9655172,144.359091 C34.6827586,144.788636 34,145.381818 34,146.056818 L34,154.709091 C34,155.997727 36.6275862,157 40,157 C43.3724138,157 46,155.997727 46,154.729545 L46,146.077273 C46,145.484091 45.4413793,144.931818 44.4482759,144.522727 L44.4482759,139 L41.5517241,139 L41.5517241,143.868182 C40.6578753,143.780758 39.758215,143.767074 38.862069,143.827273 L38.862069,142.027273 L37.4137931,139.163636 Z M37.4137931,140.084091 L38.4482759,142.129545 L38.4482759,147.877273 C37.7478333,147.81206 37.0551354,147.681943 36.3793103,147.488636 L36.3793103,142.109091 L37.4137931,140.084091 Z M35.9655172,144.809091 L35.9655172,147.365909 C34.9724138,147.018182 34.4137931,146.547727 34.4137931,146.077273 C34.4137931,145.606818 34.9931034,145.156818 35.9655172,144.809091 Z M40,156.590909 C36.6482759,156.590909 34.4137931,155.629545 34.4137931,154.729545 L34.4137931,146.915909 C35.2827586,147.754545 37.4344828,148.347727 40,148.347727 C42.5655172,148.347727 44.7172414,147.754545 45.5862069,146.915909 L45.5862069,154.709091 C45.5862069,155.629545 43.3517241,156.590909 40,156.590909 Z M44.0344828,147.365909 C43.3639001,147.595667 42.6702492,147.753394 41.9655172,147.836364 L41.9655172,141.863636 L44.0344828,141.863636 L44.0344828,147.365909 Z M45.5862069,146.077273 C45.5862069,146.465909 45.1724138,146.854545 44.4482759,147.181818 L44.4482759,144.972727 C45.1724138,145.3 45.5862069,145.688636 45.5862069,146.077273 Z M44.0344828,139.409091 L44.0344828,141.454545 L41.9655172,141.454545 L41.9655172,139.409091 L44.0344828,139.409091 Z M41.5517241,144.277273 L41.5517241,147.877273 C41.0758621,147.918182 40.5586207,147.959091 40,147.959091 L38.862069,147.918182 L38.862069,144.256818 C39.7575696,144.187775 40.6574039,144.194618 41.5517241,144.277273 Z" id="Icon_NB"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="14px" height="20px" viewBox="0 0 14 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>Icon_NB</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Hugendubel_Icons" transform="translate(-33.000000, -138.000000)" fill="#000000" fill-rule="nonzero" stroke="#000000" stroke-width="0.9">
<path d="M37.4137931,139.163636 L35.9655172,142.027273 L35.9655172,144.359091 C34.6827586,144.788636 34,145.381818 34,146.056818 L34,154.709091 C34,155.997727 36.6275862,157 40,157 C43.3724138,157 46,155.997727 46,154.729545 L46,146.077273 C46,145.484091 45.4413793,144.931818 44.4482759,144.522727 L44.4482759,139 L41.5517241,139 L41.5517241,143.868182 C40.6578753,143.780758 39.758215,143.767074 38.862069,143.827273 L38.862069,142.027273 L37.4137931,139.163636 Z M37.4137931,140.084091 L38.4482759,142.129545 L38.4482759,147.877273 C37.7478333,147.81206 37.0551354,147.681943 36.3793103,147.488636 L36.3793103,142.109091 L37.4137931,140.084091 Z M35.9655172,144.809091 L35.9655172,147.365909 C34.9724138,147.018182 34.4137931,146.547727 34.4137931,146.077273 C34.4137931,145.606818 34.9931034,145.156818 35.9655172,144.809091 Z M40,156.590909 C36.6482759,156.590909 34.4137931,155.629545 34.4137931,154.729545 L34.4137931,146.915909 C35.2827586,147.754545 37.4344828,148.347727 40,148.347727 C42.5655172,148.347727 44.7172414,147.754545 45.5862069,146.915909 L45.5862069,154.709091 C45.5862069,155.629545 43.3517241,156.590909 40,156.590909 Z M44.0344828,147.365909 C43.3639001,147.595667 42.6702492,147.753394 41.9655172,147.836364 L41.9655172,141.863636 L44.0344828,141.863636 L44.0344828,147.365909 Z M45.5862069,146.077273 C45.5862069,146.465909 45.1724138,146.854545 44.4482759,147.181818 L44.4482759,144.972727 C45.1724138,145.3 45.5862069,145.688636 45.5862069,146.077273 Z M44.0344828,139.409091 L44.0344828,141.454545 L41.9655172,141.454545 L41.9655172,139.409091 L44.0344828,139.409091 Z M41.5517241,144.277273 L41.5517241,147.877273 C41.0758621,147.918182 40.5586207,147.959091 40,147.959091 L38.862069,147.918182 L38.862069,144.256818 C39.7575696,144.187775 40.6574039,144.194618 41.5517241,144.277273 Z" id="Icon_NB"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="18px" height="17px" viewBox="0 0 18 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
<title>Headphone</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="UC1_06_01_Hugendubel_Instoreapp_Kunden_Artikelrecherche_Ergebnisse_1" transform="translate(-138.000000, -570.000000)" fill="#000000" fill-rule="nonzero" stroke="#000000" stroke-width="0.7">
<path d="M153.164811,579.4098 L153.040089,579.4098 L153.040089,577.125612 C153.040089,573.765256 150.338976,571.032071 147.017817,571.032071 C143.696659,571.032071 140.995546,573.765256 140.995546,577.125612 L140.995546,579.4098 L140.870824,579.4098 C139.848107,579.4098 139,580.232962 139,581.262806 L139,584.067261 C139,585.097105 139.848107,585.930958 140.870824,585.930958 L142.763029,585.930958 C143.058797,585.930958 143.311804,585.695768 143.311804,585.4 L143.311804,579.930067 C143.311804,579.634298 143.058797,579.4098 142.763029,579.4098 L142.064588,579.4098 L142.064588,577.125612 C142.064588,574.353229 144.284633,572.101114 147.017817,572.101114 C149.751002,572.101114 151.971047,574.356793 151.971047,577.125612 L151.971047,579.4098 L151.272606,579.4098 C150.976837,579.4098 150.723831,579.634298 150.723831,579.930067 L150.723831,585.4 C150.723831,585.695768 150.976837,585.930958 151.272606,585.930958 L153.164811,585.930958 C154.187528,585.930958 155,585.097105 155,584.067261 L155,581.262806 C155,580.232962 154.187528,579.4098 153.164811,579.4098 Z M142.242762,584.861915 L140.870824,584.861915 C140.439644,584.861915 140.069042,584.509131 140.069042,584.067261 L140.069042,581.262806 C140.069042,580.820935 140.439644,580.478842 140.870824,580.478842 L142.242762,580.478842 L142.242762,584.861915 Z M153.930958,584.067261 C153.930958,584.509131 153.595991,584.861915 153.164811,584.861915 L151.792873,584.861915 L151.792873,580.478842 L153.164811,580.478842 C153.595991,580.478842 153.930958,580.824499 153.930958,581.262806 L153.930958,584.067261 Z" id="Headphone"></path>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@@ -34,8 +34,13 @@
</div>
<div class="grid grid-flow-row gap-1 w-48">
<div class="overflow-hidden overflow-ellipsis whitespace-nowrap">
<img class="inline" src="/assets/images/Icon_{{ item.dto.product.format }}.svg" [alt]="item.formatDetail" />
<div class="overflow-hidden overflow-ellipsis whitespace-nowrap" *ngIf="!!item.formatDetail">
<img
*ngIf="!!item.dto.product.format"
class="inline"
src="/assets/images/Icon_{{ item.dto.product.format }}.svg"
[alt]="item.formatDetail"
/>
<span class="ml-1 font-bold">{{ item.formatDetail }}</span>
</div>
<div class="font-bold">