feat: add action chips to search results

This commit is contained in:
Wieland Schöbl
2021-06-22 15:09:40 +00:00
parent 0aa26020be
commit 67fb4a43c9
27 changed files with 771 additions and 303 deletions

View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<path d="M108.501,426.805C108.501,455.987 132.458,480 161.572,480L426.929,480C456.043,480 480,455.987 480,426.805L480,229.819C480,228.452 478.877,227.326 477.512,227.326L110.989,227.326C109.624,227.326 108.501,228.452 108.501,229.819L108.501,426.805ZM254.947,391.406L215.221,351.68C211.334,347.793 205.022,347.793 201.135,351.68C197.248,355.568 197.248,361.879 201.135,365.766L240.861,405.492C244.748,409.379 251.06,409.379 254.947,405.492C258.834,401.605 258.834,395.293 254.947,391.406ZM372.827,285.955L287.144,383.878C287.144,383.878 254.947,351.68 254.947,351.68C251.06,347.793 244.748,347.793 240.861,351.68C236.974,355.568 236.974,361.879 240.861,365.766L280.586,405.492C282.536,407.441 285.206,408.496 287.961,408.404C290.716,408.312 293.31,407.083 295.125,405.008L387.819,299.073C391.439,294.936 391.019,288.638 386.882,285.018C382.744,281.398 376.447,281.818 372.827,285.955ZM333.089,285.969L276.811,350.523C273.199,354.667 273.63,360.964 277.774,364.576C281.917,368.189 288.214,367.757 291.827,363.613L348.105,299.059C351.717,294.916 351.286,288.619 347.142,285.006C342.999,281.394 336.702,281.825 333.089,285.969ZM480,187.43C480,158.248 456.043,134.235 426.929,134.235L161.572,134.235C132.458,134.235 108.501,158.248 108.501,187.43L108.501,197.404C108.501,199.228 109.998,200.729 111.818,200.729L476.683,200.729C478.503,200.729 480,199.228 480,197.404L480,187.43Z"/>
<g transform="matrix(0.829239,0,0,0.831165,18.4134,32)">
<path d="M83.619,143.999L20.384,143.999C18.19,143.999 16.384,145.804 16.384,147.999L16.384,383.999C16.384,417.261 42.316,444.942 74.896,447.744L74.896,182.264C74.896,168.561 78.028,155.581 83.619,143.999ZM109.789,111.999C124.68,100.626 143.302,93.874 163.492,93.874L464.33,93.874C463.209,59.728 434.781,31.999 400.384,31.999L384.384,31.999L384.384,16.449C384.384,7.839 377.764,0.449 369.154,0.019C368.898,0.006 368.641,0 368.384,0C359.608,0 352.385,7.222 352.384,15.999L352.384,31.999L128.384,31.999L128.384,16.449C128.384,7.839 121.764,0.449 113.154,0.019C112.898,0.006 112.641,0 112.384,0C103.608,0 96.385,7.222 96.384,15.999L96.384,31.999L80.384,31.999C45.275,31.999 16.384,60.889 16.384,95.999L16.384,107.999C16.384,110.193 18.19,111.999 20.384,111.999L109.789,111.999Z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<path d="M108.501,426.805C108.501,455.987 132.458,480 161.572,480L426.929,480C456.043,480 480,455.987 480,426.805L480,229.819C480,228.452 478.877,227.326 477.512,227.326L110.989,227.326C109.624,227.326 108.501,228.452 108.501,229.819L108.501,426.805ZM327.42,386.91C338.338,386.91 347.322,395.914 347.322,406.858C347.322,417.801 338.338,426.805 327.42,426.805C316.502,426.805 307.518,417.801 307.518,406.858C307.518,395.914 316.502,386.91 327.42,386.91ZM255.609,296.582L193.751,367.277C193.751,367.277 174.507,348.033 174.507,348.033C168.263,341.789 158.124,341.789 151.88,348.033C145.635,354.277 145.635,364.416 151.88,370.66L183.217,401.997C186.348,405.129 190.637,406.822 195.063,406.675C199.489,406.527 203.655,404.552 206.572,401.22L279.692,317.654C285.507,311.008 284.832,300.892 278.186,295.077C271.541,289.262 261.424,289.936 255.609,296.582ZM393.759,320.416C404.677,320.416 413.661,329.421 413.661,340.364C413.661,351.307 404.677,360.312 393.759,360.312C382.841,360.312 373.857,351.307 373.857,340.364C373.857,329.421 382.841,320.416 393.759,320.416ZM327.42,320.416C338.338,320.416 347.322,329.421 347.322,340.364C347.322,351.307 338.338,360.312 327.42,360.312C316.502,360.312 307.518,351.307 307.518,340.364C307.518,329.421 316.502,320.416 327.42,320.416ZM393.759,253.923C404.677,253.923 413.661,262.928 413.661,273.871C413.661,284.814 404.677,293.819 393.759,293.819C382.841,293.819 373.857,284.814 373.857,273.871C373.857,262.928 382.841,253.923 393.759,253.923ZM327.42,253.923C338.338,253.923 347.322,262.928 347.322,273.871C347.322,284.814 338.338,293.819 327.42,293.819C316.502,293.819 307.518,284.814 307.518,273.871C307.518,262.928 316.502,253.923 327.42,253.923ZM480,187.43C480,158.248 456.043,134.235 426.929,134.235L161.572,134.235C132.458,134.235 108.501,158.248 108.501,187.43L108.501,197.404C108.501,199.228 109.998,200.729 111.818,200.729L476.683,200.729C478.503,200.729 480,199.228 480,197.404L480,187.43Z"/>
<g transform="matrix(0.829239,0,0,0.831165,18.4134,32)">
<path d="M83.619,143.999L20.384,143.999C18.19,143.999 16.384,145.804 16.384,147.999L16.384,383.999C16.384,417.261 42.316,444.942 74.896,447.744L74.896,182.264C74.896,168.561 78.028,155.581 83.619,143.999ZM109.789,111.999C124.68,100.626 143.302,93.874 163.492,93.874L464.33,93.874C463.209,59.728 434.781,31.999 400.384,31.999L384.384,31.999L384.384,16.449C384.384,7.839 377.764,0.449 369.154,0.019C368.898,0.006 368.641,0 368.384,0C359.608,0 352.385,7.222 352.384,15.999L352.384,31.999L128.384,31.999L128.384,16.449C128.384,7.839 121.764,0.449 113.154,0.019C112.898,0.006 112.641,0 112.384,0C103.608,0 96.385,7.222 96.384,15.999L96.384,31.999L80.384,31.999C45.275,31.999 16.384,60.889 16.384,95.999L16.384,107.999C16.384,110.193 18.19,111.999 20.384,111.999L109.789,111.999Z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(0.829239,0,0,0.831165,81.9652,81.0409)">
<path d="M480,128C480,92.891 451.109,64 416,64L96,64C60.891,64 32,92.891 32,128L32,140C32,142.194 33.806,144 36,144L476,144C478.194,144 480,142.194 480,140L480,128ZM32,416C32,451.109 60.891,480 96,480L416,480C451.109,480 480,451.109 480,416L480,179C480,177.354 478.646,176 477,176L35,176C33.354,176 32,177.354 32,179L32,416ZM376,208C389.166,208 400,218.834 400,232C400,245.166 389.166,256 376,256C362.834,256 352,245.166 352,232C352,218.834 362.834,208 376,208ZM376,288C389.166,288 400,298.834 400,312C400,325.166 389.166,336 376,336C362.834,336 352,325.166 352,312C352,298.834 362.834,288 376,288ZM296,208C309.166,208 320,218.834 320,232C320,245.166 309.166,256 296,256C282.834,256 272,245.166 272,232C272,218.834 282.834,208 296,208ZM296,288C309.166,288 320,298.834 320,312C320,325.166 309.166,336 296,336C282.834,336 272,325.166 272,312C272,298.834 282.834,288 296,288ZM296,368C309.166,368 320,378.834 320,392C320,405.166 309.166,416 296,416C282.834,416 272,405.166 272,392C272,378.834 282.834,368 296,368ZM216,288C229.166,288 240,298.834 240,312C240,325.166 229.166,336 216,336C202.834,336 192,325.166 192,312C192,298.834 202.834,288 216,288ZM216,368C229.166,368 240,378.834 240,392C240,405.166 229.166,416 216,416C202.834,416 192,405.166 192,392C192,378.834 202.834,368 216,368ZM136,288C149.166,288 160,298.834 160,312C160,325.166 149.166,336 136,336C122.834,336 112,325.166 112,312C112,298.834 122.834,288 136,288ZM136,368C149.166,368 160,378.834 160,392C160,405.166 149.166,416 136,416C122.834,416 112,405.166 112,392C112,378.834 122.834,368 136,368Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(0.829239,0,0,0.831165,18.4134,32)">
<path d="M83.619,143.999L20.384,143.999C18.19,143.999 16.384,145.804 16.384,147.999L16.384,383.999C16.384,417.261 42.316,444.942 74.896,447.744L74.896,182.264C74.896,168.561 78.028,155.581 83.619,143.999ZM109.789,111.999C124.68,100.626 143.302,93.874 163.492,93.874L464.33,93.874C463.209,59.728 434.781,31.999 400.384,31.999L384.384,31.999L384.384,16.449C384.384,7.839 377.764,0.449 369.154,0.019C368.898,0.006 368.641,0 368.384,0C359.608,0 352.385,7.222 352.384,15.999L352.384,31.999L128.384,31.999L128.384,16.449C128.384,7.839 121.764,0.449 113.154,0.019C112.898,0.006 112.641,0 112.384,0C103.608,0 96.385,7.222 96.384,15.999L96.384,31.999L80.384,31.999C45.275,31.999 16.384,60.889 16.384,95.999L16.384,107.999C16.384,110.193 18.19,111.999 20.384,111.999L109.789,111.999Z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@@ -19,6 +19,19 @@
"TITLE": "Angebote"
}
},
"chips": {
"add_events": {
"ADDED_ALL": "Hinzugefügt",
"ADDED_SOME": "Manche Termine Hinzugefügt",
"REMOVED_ALL": "Termine Auswählen",
"UNAVAILABLE": "Keine Termine Verfügbar",
"popover": {
"ALL": "Alle Termine",
"AT": "um",
"UNTIL": "bis"
}
}
},
"types": {
"dish": {
"detail": {

View File

@@ -19,6 +19,19 @@
"TITLE": "offers"
}
},
"chips": {
"add_events": {
"ADDED_ALL": "Added",
"ADDED_SOME": "Added Some Events",
"REMOVED_ALL": "Choose Events",
"UNAVAILABLE": "No Associated Events",
"popover": {
"ALL": "All Events",
"AT": "at",
"UNTIL": "until"
}
}
},
"types": {
"dish": {
"detail": {