Commit 65158741 authored by Hidde-Jan Jongsma's avatar Hidde-Jan Jongsma

Implement wallet select component

parent c4e8bde1
This diff is collapsed.
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="artwork" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 135 40" style="enable-background:new 0 0 135 40;" xml:space="preserve">
<style type="text/css">
.st0{fill:#A6A6A6;}
.st1{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.2;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;}
.st3{fill:url(#SVGID_1_);}
.st4{fill:url(#SVGID_2_);}
.st5{fill:url(#SVGID_3_);}
.st6{fill:url(#SVGID_4_);}
.st7{opacity:0.2;enable-background:new ;}
.st8{opacity:0.12;enable-background:new ;}
.st9{opacity:0.25;fill:#FFFFFF;enable-background:new ;}
</style>
<g>
<g>
<path d="M130,40H5c-2.75,0-5-2.25-5-5V5c0-2.75,2.25-5,5-5h125c2.75,0,5,2.25,5,5v30C135,37.75,132.75,40,130,40z"/>
</g>
<g>
<g>
<path class="st0" d="M130,0.8c2.32,0,4.2,1.88,4.2,4.2v30c0,2.32-1.88,4.2-4.2,4.2H5c-2.32,0-4.2-1.88-4.2-4.2V5
c0-2.32,1.88-4.2,4.2-4.2H130 M130,0H5C2.25,0,0,2.25,0,5v30c0,2.75,2.25,5,5,5h125c2.75,0,5-2.25,5-5V5C135,2.25,132.75,0,130,0
L130,0z"/>
</g>
</g>
<g>
<path class="st1" d="M47.42,10.24c0,0.84-0.25,1.51-0.75,2c-0.56,0.59-1.3,0.89-2.2,0.89c-0.87,0-1.6-0.3-2.21-0.9
c-0.61-0.6-0.91-1.35-0.91-2.23c0-0.89,0.3-1.63,0.91-2.23c0.61-0.6,1.34-0.9,2.21-0.9c0.43,0,0.84,0.08,1.23,0.25
c0.39,0.17,0.7,0.39,0.94,0.67l-0.53,0.53c-0.4-0.47-0.94-0.71-1.64-0.71c-0.63,0-1.18,0.22-1.64,0.67
c-0.46,0.44-0.69,1.02-0.69,1.73s0.23,1.29,0.69,1.73c0.46,0.44,1.01,0.67,1.64,0.67c0.67,0,1.23-0.22,1.68-0.67
c0.29-0.29,0.46-0.7,0.5-1.22h-2.18V9.79h2.91C47.4,9.95,47.42,10.1,47.42,10.24z"/>
<path class="st1" d="M52.03,7.74H49.3v1.9h2.46v0.72H49.3v1.9h2.73V13h-3.5V7h3.5V7.74z"/>
<path class="st1" d="M55.28,13h-0.77V7.74h-1.68V7h4.12v0.74h-1.68V13z"/>
<path class="st1" d="M59.94,13V7h0.77v6H59.94z"/>
<path class="st1" d="M64.13,13h-0.77V7.74h-1.68V7h4.12v0.74h-1.68V13z"/>
<path class="st1" d="M73.61,12.22c-0.59,0.61-1.32,0.91-2.2,0.91c-0.88,0-1.61-0.3-2.2-0.91c-0.59-0.61-0.88-1.35-0.88-2.22
s0.29-1.62,0.88-2.22c0.59-0.61,1.32-0.91,2.2-0.91c0.87,0,1.6,0.3,2.2,0.91c0.59,0.61,0.89,1.35,0.89,2.22
C74.49,10.88,74.2,11.62,73.61,12.22z M69.78,11.72c0.44,0.45,0.99,0.67,1.63,0.67c0.64,0,1.19-0.22,1.63-0.67
c0.44-0.45,0.67-1.02,0.67-1.72s-0.22-1.27-0.67-1.72C72.6,7.83,72.05,7.6,71.41,7.6c-0.64,0-1.19,0.22-1.63,0.67
C69.34,8.73,69.11,9.3,69.11,10S69.34,11.27,69.78,11.72z"/>
<path class="st1" d="M75.58,13V7h0.94l2.92,4.67h0.03l-0.03-1.16V7h0.77v6h-0.8l-3.05-4.89h-0.03l0.03,1.16V13H75.58z"/>
</g>
<path class="st2" d="M68.14,21.75c-2.35,0-4.27,1.79-4.27,4.25c0,2.45,1.92,4.25,4.27,4.25c2.35,0,4.27-1.8,4.27-4.25
C72.41,23.54,70.49,21.75,68.14,21.75z M68.14,28.58c-1.29,0-2.4-1.06-2.4-2.58c0-1.53,1.11-2.58,2.4-2.58
c1.29,0,2.4,1.05,2.4,2.58C70.54,27.52,69.42,28.58,68.14,28.58z M58.82,21.75c-2.35,0-4.27,1.79-4.27,4.25
c0,2.45,1.92,4.25,4.27,4.25c2.35,0,4.27-1.8,4.27-4.25C63.09,23.54,61.17,21.75,58.82,21.75z M58.82,28.58
c-1.29,0-2.4-1.06-2.4-2.58c0-1.53,1.11-2.58,2.4-2.58c1.29,0,2.4,1.05,2.4,2.58C61.22,27.52,60.11,28.58,58.82,28.58z
M47.74,23.06v1.8h4.32c-0.13,1.01-0.47,1.76-0.98,2.27c-0.63,0.63-1.61,1.32-3.33,1.32c-2.66,0-4.74-2.14-4.74-4.8
s2.08-4.8,4.74-4.8c1.43,0,2.48,0.56,3.25,1.29l1.27-1.27c-1.08-1.03-2.51-1.82-4.53-1.82c-3.64,0-6.7,2.96-6.7,6.61
c0,3.64,3.06,6.61,6.7,6.61c1.97,0,3.45-0.64,4.61-1.85c1.19-1.19,1.56-2.87,1.56-4.22c0-0.42-0.03-0.81-0.1-1.13H47.74z
M93.05,24.46c-0.35-0.95-1.43-2.71-3.64-2.71c-2.19,0-4.01,1.72-4.01,4.25c0,2.38,1.8,4.25,4.22,4.25c1.95,0,3.08-1.19,3.54-1.88
l-1.45-0.97c-0.48,0.71-1.14,1.18-2.09,1.18c-0.95,0-1.63-0.44-2.06-1.29l5.69-2.35L93.05,24.46z M87.25,25.88
c-0.05-1.64,1.27-2.48,2.22-2.48c0.74,0,1.37,0.37,1.58,0.9L87.25,25.88z M82.63,30h1.87V17.5h-1.87V30z M79.57,22.7H79.5
c-0.42-0.5-1.22-0.95-2.24-0.95c-2.13,0-4.08,1.87-4.08,4.27c0,2.38,1.95,4.24,4.08,4.24c1.01,0,1.82-0.45,2.24-0.97h0.06v0.61
c0,1.63-0.87,2.5-2.27,2.5c-1.14,0-1.85-0.82-2.14-1.51l-1.63,0.68c0.47,1.13,1.71,2.51,3.77,2.51c2.19,0,4.04-1.29,4.04-4.43
v-7.64h-1.77V22.7z M77.42,28.58c-1.29,0-2.37-1.08-2.37-2.56c0-1.5,1.08-2.59,2.37-2.59c1.27,0,2.27,1.1,2.27,2.59
C79.7,27.5,78.7,28.58,77.42,28.58z M101.81,17.5h-4.47V30h1.87v-4.74h2.61c2.07,0,4.1-1.5,4.1-3.88S103.87,17.5,101.81,17.5z
M101.85,23.52H99.2v-4.29h2.65c1.4,0,2.19,1.16,2.19,2.14C104.04,22.35,103.25,23.52,101.85,23.52z M113.39,21.73
c-1.35,0-2.75,0.6-3.33,1.91l1.66,0.69c0.35-0.69,1.01-0.92,1.7-0.92c0.97,0,1.95,0.58,1.96,1.61v0.13
c-0.34-0.19-1.06-0.48-1.95-0.48c-1.79,0-3.6,0.98-3.6,2.81c0,1.67,1.46,2.75,3.1,2.75c1.25,0,1.95-0.56,2.38-1.22h0.06v0.97h1.8
v-4.79C117.18,22.97,115.52,21.73,113.39,21.73z M113.16,28.58c-0.61,0-1.46-0.31-1.46-1.06c0-0.96,1.06-1.33,1.98-1.33
c0.82,0,1.21,0.18,1.7,0.42C115.24,27.76,114.24,28.58,113.16,28.58z M123.74,22l-2.14,5.42h-0.06L119.32,22h-2.01l3.33,7.58
l-1.9,4.21h1.95L125.82,22H123.74z M106.94,30h1.87V17.5h-1.87V30z"/>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="21.7996" y1="168.4217" x2="5.0172" y2="151.6393" gradientTransform="matrix(1 0 0 -1 0 177.1315)">
<stop offset="0" style="stop-color:#00A0FF"/>
<stop offset="6.574450e-03" style="stop-color:#00A1FF"/>
<stop offset="0.2601" style="stop-color:#00BEFF"/>
<stop offset="0.5122" style="stop-color:#00D2FF"/>
<stop offset="0.7604" style="stop-color:#00DFFF"/>
<stop offset="1" style="stop-color:#00E3FF"/>
</linearGradient>
<path class="st3" d="M10.44,7.54c-0.29,0.31-0.46,0.79-0.46,1.4v22.12c0,0.62,0.17,1.1,0.46,1.4l0.07,0.07L22.9,20.15V20v-0.15
L10.51,7.47L10.44,7.54z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="33.8343" y1="157.13" x2="9.6374" y2="157.13" gradientTransform="matrix(1 0 0 -1 0 177.1315)">
<stop offset="0" style="stop-color:#FFE000"/>
<stop offset="0.4087" style="stop-color:#FFBD00"/>
<stop offset="0.7754" style="stop-color:#FFA500"/>
<stop offset="1" style="stop-color:#FF9C00"/>
</linearGradient>
<path class="st4" d="M27.03,24.28l-4.13-4.13V20v-0.15l4.13-4.13l0.09,0.05l4.89,2.78c1.4,0.79,1.4,2.09,0,2.89l-4.89,2.78
L27.03,24.28z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="24.8269" y1="154.8353" x2="2.0686" y2="132.0771" gradientTransform="matrix(1 0 0 -1 0 177.1315)">
<stop offset="0" style="stop-color:#FF3A44"/>
<stop offset="1" style="stop-color:#C31162"/>
</linearGradient>
<path class="st5" d="M27.12,24.23L22.9,20L10.44,32.46c0.46,0.49,1.22,0.55,2.08,0.06L27.12,24.23"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="7.2972" y1="176.9553" x2="17.4598" y2="166.7927" gradientTransform="matrix(1 0 0 -1 0 177.1315)">
<stop offset="0" style="stop-color:#32A071"/>
<stop offset="0.0685" style="stop-color:#2DA771"/>
<stop offset="0.4762" style="stop-color:#15CF74"/>
<stop offset="0.8009" style="stop-color:#06E775"/>
<stop offset="1" style="stop-color:#00F076"/>
</linearGradient>
<path class="st6" d="M27.12,15.78l-14.61-8.3c-0.86-0.49-1.62-0.43-2.08,0.06L22.9,20L27.12,15.78z"/>
<g>
<path class="st7" d="M27.03,24.13l-14.52,8.25c-0.81,0.46-1.54,0.43-2,0.01l0,0l-0.07,0.07l0,0l0.07,0.07l0,0
c0.47,0.42,1.19,0.45,2-0.01l14.61-8.3L27.03,24.13z"/>
<path class="st8" d="M10.44,32.32c-0.29-0.31-0.46-0.79-0.46-1.4v0.15c0,0.62,0.17,1.1,0.46,1.4l0.07-0.07L10.44,32.32z"/>
</g>
<path class="st8" d="M32.01,21.3l-4.99,2.83l0.09,0.09l4.89-2.78c0.7-0.4,1.05-0.92,1.05-1.44l0,0
C33,20.47,32.65,20.94,32.01,21.3z"/>
<path class="st9" d="M12.51,7.62l19.5,11.08c0.63,0.36,0.99,0.82,1.05,1.3l0,0c0-0.52-0.35-1.05-1.05-1.44L12.51,7.48
c-1.4-0.79-2.54-0.13-2.54,1.47v0.15C9.97,7.49,11.12,6.83,12.51,7.62z"/>
</g>
</g>
</svg>
<?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 170 170" 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:1.41421;">
<g transform="matrix(1,0,0,1,-0.588574,-0.544313)">
<g id="Rounded_Rectangle_1_1_" transform="matrix(0.945114,-0.32674,0.32674,0.945114,-8.94903,58.0541)">
<g transform="matrix(0.945114,0.32674,-0.32674,0.945114,23.6518,-9.46055)">
<path d="M33.906,116.205C29.989,116.205 26.567,113.866 25.389,110.385L4.684,49.145C3.134,44.563 5.885,39.476 10.816,37.805L109.378,4.405C110.432,4.048 111.523,3.866 112.619,3.866C116.536,3.866 119.959,6.205 121.137,9.687L141.842,70.926C143.392,75.507 140.641,80.595 135.71,82.267L37.147,115.666C36.093,116.024 35.003,116.205 33.906,116.205L33.906,116.205Z" style="fill:#d44454;fill-rule:nonzero;"/>
<path d="M112.619,7.116C115.084,7.116 117.302,8.492 118.057,10.728L138.762,71.967C139.74,74.857 137.906,78.09 134.665,79.189L36.103,112.588C35.369,112.837 34.627,112.954 33.905,112.954C31.44,112.954 29.222,111.578 28.466,109.343L7.762,48.104C6.784,45.214 8.619,41.98 11.859,40.883L110.421,7.483C111.154,7.234 111.897,7.116 112.619,7.116M112.619,0.616C111.167,0.616 109.725,0.855 108.335,1.326L9.773,34.726C3.145,36.972 -0.519,43.907 1.605,50.186L22.31,111.424C23.935,116.227 28.595,119.453 33.907,119.453C35.359,119.453 36.801,119.215 38.192,118.743L136.753,85.344C143.381,83.097 147.045,76.161 144.921,69.883L124.214,8.646C122.59,3.843 117.93,0.616 112.619,0.616Z" style="fill:#d44454;fill-rule:nonzero;"/>
</g>
<g transform="matrix(0.945114,0.32674,-0.32674,0.945114,38.5375,-37.9081)">
<path d="M33.906,116.205C29.989,116.205 26.567,113.866 25.389,110.385L4.684,49.145C3.134,44.563 5.885,39.476 10.816,37.805L109.378,4.405C110.432,4.048 111.523,3.866 112.619,3.866C116.536,3.866 119.959,6.205 121.137,9.687L141.842,70.926C143.392,75.507 140.641,80.595 135.71,82.267L37.147,115.666C36.093,116.024 35.003,116.205 33.906,116.205L33.906,116.205Z" style="fill:#ffbb58;fill-rule:nonzero;"/>
<path d="M112.619,7.116C115.084,7.116 117.302,8.492 118.057,10.728L138.762,71.967C139.74,74.857 137.906,78.09 134.665,79.189L36.103,112.588C35.369,112.837 34.627,112.954 33.905,112.954C31.44,112.954 29.222,111.578 28.466,109.343L7.762,48.104C6.784,45.214 8.619,41.98 11.859,40.883L110.421,7.483C111.154,7.234 111.897,7.116 112.619,7.116M112.619,0.616C111.167,0.616 109.725,0.855 108.335,1.326L9.773,34.726C3.145,36.972 -0.519,43.907 1.605,50.186L22.31,111.424C23.935,116.227 28.595,119.453 33.907,119.453C35.359,119.453 36.801,119.215 38.192,118.743L136.753,85.344C143.381,83.097 147.045,76.161 144.921,69.883L124.214,8.646C122.59,3.843 117.93,0.616 112.619,0.616Z" style="fill:#ffbb58;fill-rule:nonzero;"/>
</g>
<g transform="matrix(0.872113,0.489304,-0.489304,0.872113,33.7109,-39.4445)">
<path d="M33.906,116.205C29.989,116.205 26.567,113.866 25.389,110.385L4.684,49.145C3.134,44.563 5.885,39.476 10.816,37.805L109.378,4.405C110.432,4.048 111.523,3.866 112.619,3.866C116.536,3.866 119.959,6.205 121.137,9.687L141.842,70.926C143.392,75.507 140.641,80.595 135.71,82.267L37.147,115.666C36.093,116.024 35.003,116.205 33.906,116.205L33.906,116.205Z" style="fill:#2bc194;fill-rule:nonzero;"/>
<path d="M112.619,7.116C115.084,7.116 117.302,8.492 118.057,10.728L138.762,71.967C139.74,74.857 137.906,78.09 134.665,79.189L36.103,112.588C35.369,112.837 34.627,112.954 33.905,112.954C31.44,112.954 29.222,111.578 28.466,109.343L7.762,48.104C6.784,45.214 8.619,41.98 11.859,40.883L110.421,7.483C111.154,7.234 111.897,7.116 112.619,7.116M112.619,0.616C111.167,0.616 109.725,0.855 108.335,1.326L9.773,34.726C3.145,36.972 -0.519,43.907 1.605,50.186L22.31,111.424C23.935,116.227 28.595,119.453 33.907,119.453C35.359,119.453 36.801,119.215 38.192,118.743L136.753,85.344C143.381,83.097 147.045,76.161 144.921,69.883L124.214,8.646C122.59,3.843 117.93,0.616 112.619,0.616Z" style="fill:#2bc194;fill-rule:nonzero;"/>
</g>
<g transform="matrix(0.876971,0.480544,-0.480544,0.876971,56.23,-21.0767)">
<path d="M33.906,116.205C29.989,116.205 26.567,113.866 25.389,110.385L4.684,49.145C3.134,44.563 5.885,39.476 10.816,37.805L109.378,4.405C110.432,4.048 111.523,3.866 112.619,3.866C116.536,3.866 119.959,6.205 121.137,9.687L141.842,70.926C143.392,75.507 140.641,80.595 135.71,82.267L37.147,115.666C36.093,116.024 35.003,116.205 33.906,116.205L33.906,116.205Z" style="fill:#00b1e6;fill-rule:nonzero;"/>
<path d="M112.619,7.116C115.084,7.116 117.302,8.492 118.057,10.728L138.762,71.967C139.74,74.857 137.906,78.09 134.665,79.189L36.103,112.588C35.369,112.837 34.627,112.954 33.905,112.954C31.44,112.954 29.222,111.578 28.466,109.343L7.762,48.104C6.784,45.214 8.619,41.98 11.859,40.883L110.421,7.483C111.154,7.234 111.897,7.116 112.619,7.116M112.619,0.616C111.167,0.616 109.725,0.855 108.335,1.326L9.773,34.726C3.145,36.972 -0.519,43.907 1.605,50.186L22.31,111.424C23.935,116.227 28.595,119.453 33.907,119.453C35.359,119.453 36.801,119.215 38.192,118.743L136.753,85.344C143.381,83.097 147.045,76.161 144.921,69.883L124.214,8.646C122.59,3.843 117.93,0.616 112.619,0.616Z" style="fill:#00b1e6;fill-rule:nonzero;"/>
</g>
</g>
<g id="Rounded_Rectangle_1_1_1" serif:id="Rounded_Rectangle_1_1_" transform="matrix(1,0,0,1,12.3739,26.4544)">
<g>
<path d="M33.906,116.205C29.989,116.205 26.567,113.866 25.389,110.385L4.684,49.145C3.134,44.563 5.885,39.476 10.816,37.805L109.378,4.405C110.432,4.048 111.523,3.866 112.619,3.866C116.536,3.866 119.959,6.205 121.137,9.687L141.842,70.926C143.392,75.507 140.641,80.595 135.71,82.267L37.147,115.666C36.093,116.024 35.003,116.205 33.906,116.205L33.906,116.205Z" style="fill:#004c92;fill-rule:nonzero;"/>
<path d="M112.619,7.116C115.084,7.116 117.302,8.492 118.057,10.728L138.762,71.967C139.74,74.857 137.906,78.09 134.665,79.189L36.103,112.588C35.369,112.837 34.627,112.954 33.905,112.954C31.44,112.954 29.222,111.578 28.466,109.343L7.762,48.104C6.784,45.214 8.619,41.98 11.859,40.883L110.421,7.483C111.154,7.234 111.897,7.116 112.619,7.116M112.619,0.616C111.167,0.616 109.725,0.855 108.335,1.326L9.773,34.726C3.145,36.972 -0.519,43.907 1.605,50.186L22.31,111.424C23.935,116.227 28.595,119.453 33.907,119.453C35.359,119.453 36.801,119.215 38.192,118.743L136.753,85.344C143.381,83.097 147.045,76.161 144.921,69.883L124.214,8.646C122.59,3.843 117.93,0.616 112.619,0.616Z" style="fill:#fff;fill-rule:nonzero;"/>
</g>
</g>
<g id="IRMA_1_" transform="matrix(1,0,0,1,12.3739,26.4544)">
<clipPath id="_clip1">
<path d="M139.203,72.585L128.166,39.679L135.507,39.343L146.64,71.321L146.64,0L0,0L0,120.72L146.64,120.72L146.64,73.073L139.203,72.585Z"/>
</clipPath>
<g clip-path="url(#_clip1)">
<rect x="42.199" y="40.296" width="6.083" height="32.149" style="fill:#fff;fill-rule:nonzero;"/>
<path d="M55.331,40.296L66.484,40.296C69.767,40.296 72.438,41.26 74.498,43.19C76.559,45.119 77.59,47.507 77.59,50.355C77.59,52.376 77.026,54.19 75.899,55.797C74.774,57.404 73.245,58.606 71.314,59.402L78.796,72.445L72.086,72.445L65.568,60.32L61.415,60.32L61.415,72.445L55.332,72.445L55.332,40.296L55.331,40.296ZM66.484,45.624L61.415,45.624L61.415,54.993L66.484,54.993C67.932,54.993 69.091,54.564 69.96,53.707C70.829,52.85 71.264,51.717 71.264,50.309C71.264,48.931 70.829,47.806 69.96,46.933C69.091,46.06 67.932,45.624 66.484,45.624Z" style="fill:#fff;fill-rule:nonzero;"/>
<path d="M101.017,63.91L96.001,63.893L89.512,52.478L89.512,72.444L83.429,72.444L83.429,40.296L88.836,40.296L98.491,57.426L108.196,40.296L113.555,40.296L113.555,72.445L107.472,72.445L107.472,52.513L101.017,63.91Z" style="fill:#fff;fill-rule:nonzero;"/>
<path d="M139.772,72.445L137.608,65.602L126.101,65.602L123.936,72.445L117.322,72.445L128.764,40.296L134.897,40.296L146.338,72.445L139.772,72.445ZM131.854,47.506L127.596,60.871L136.112,60.871L131.854,47.506Z" style="fill:#fff;fill-rule:nonzero;"/>
</g>
</g>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 400 434.5" style="enable-background:new 0 0 400 560;" xml:space="preserve">
<style type="text/css">
.st0{fill:#575756;}
.st1{fill:#A3A3A2;}
.st2{fill:#7E7E7C;}
.st3{fill:#80807F;}
</style>
<g>
<g>
<g>
<g>
<path class="st1" d="M172.8467,433.1279c0.1579,0.0146,0.2998,0.0292,0.4434,0.0571c9.2174,0.736,18.2634,0.6568,27.2934,0.2501
c0.8006-3.6583,1.6432-7.3017,2.8022-10.8386c16.4901-50.7517,65.2047-83.297,118.4922-79.1105
c12.9473,1.0082,25.2214,4.245,36.5257,9.1457c5.7726-7.188,11.0609-14.747,15.8623-22.6782
c-15.362-7.3942-32.2677-12.2463-50.2735-13.654c-65.8764-5.1654-126.138,35.0606-146.5584,97.8654
C175.4338,420.3532,173.991,426.704,172.8467,433.1279"/>
</g>
</g>
<g>
<g>
<path class="st2" d="M137.2798,427.0332c1.4574-8.1667,3.3715-16.2411,5.9163-24.0859
c25.5503-78.6376,101.0582-129.0454,183.6117-122.5661c22.4208,1.7443,43.8272,7.7103,63.5057,17.1778
c1.6142-4.052,3.2426-8.1169,4.5859-12.3181c1.6579-5.0019,3.0305-10.1246,4.2875-15.3047
c-21.8629-10.0106-45.4428-16.4051-70.136-18.3352c-95.8856-7.5229-183.5973,51.0516-213.3211,142.4362
c-2.5435,7.9033-4.6301,15.9615-6.231,24.1574C118.4308,421.8106,127.7901,424.6318,137.2798,427.0332"/>
</g>
</g>
<g>
<g>
<path class="st1" d="M394.9141,285.241c1.7003-5.2239,3.145-10.5754,4.4162-15.9766
c-35.782-21.6862-58.4469-62.2049-54.9879-106.7186c0.7142-9.0311,2.4866-17.9413,5.2576-26.4721
c4.4164-13.625,11.2474-25.858,19.7931-36.4815c-5.4599-8.2252-11.4185-16.0978-17.9917-23.486
c-12.8609,14.4472-22.965,31.6526-29.266,51.0441c-3.4725,10.695-5.6585,21.8281-6.5599,33.1379
c-4.529,58.1677,26.5662,110.9766,74.7805,137.1127C391.97,293.393,393.5707,289.3847,394.9141,285.241"/>
</g>
</g>
<g>
<g>
<path class="st3" d="M358.8028,352.1749c5.6455-7.1229,10.8607-14.6049,15.5769-22.4496
c-61.0182-32.4955-100.4307-99.0011-94.7004-172.2596c1.1151-14.175,3.8441-28.166,8.2164-41.555
c8.0173-24.6861,20.9502-46.6075,37.4547-64.8693c-7.1015-5.7156-14.5907-10.9178-22.3637-15.7116
c-17.9766,20.527-32.1532,44.8194-41.012,72.1348c-5.0161,15.4552-8.2031,31.5532-9.5173,47.8645
C245.9414,238.5835,290.0968,314.1922,358.8028,352.1749"/>
</g>
</g>
<g>
<g>
<path class="st0" d="M205.5573,174.9066c6.6449-20.4555,10.9031-41.8049,12.5756-63.4618
c2.9427-37.5469-1.8585-73.9581-13.0762-107.6112c-12.1599-0.8501-24.1356-0.5574-35.8537,0.5853
c12.3473,32.2674,17.9636,67.6924,15.091,104.3758c-1.4865,18.963-5.2019,37.7107-11.0186,55.6231
c-26.3219,80.9746-92.084,139.5358-171.2663,158.7196c5.8315,10.5109,12.6753,20.3707,20.1644,29.7519
C107.1268,328.1463,176.8766,263.205,205.5573,174.9066"/>
</g>
</g>
<g>
<g>
<path class="st1" d="M110.0858,18.8677c23.0923,37.3462,62.9042,63.6681,109.9335,67.3703
c39.6684,3.1137,77.2371-10.3325,105.3604-35.1616c-7.2887-5.9089-15.0487-11.2383-23.1069-16.1696
c-22.0929,17.3562-50.3873,26.4872-80.1392,24.143c-35.6677-2.8066-66.2919-21.6846-85.3689-48.9506
C127.619,12.429,118.7455,15.388,110.0858,18.8677"/>
</g>
</g>
<g>
<g>
<path class="st2" d="M54.2404,51.7552c33.4819,54.96,91.7839,93.7713,160.663,99.1665
c58.1313,4.5509,113.1628-15.2768,154.1894-51.8447c-5.4026-8.0176-11.2615-15.6983-17.6342-22.9286
c-35.4396,32.3815-83.5107,49.9864-134.2696,46.0062c-60.0319-4.7076-110.7469-38.8464-139.3851-87.0475
C69.5873,40.1514,61.7133,45.6958,54.2404,51.7552"/>
</g>
</g>
<g>
<g>
<path class="st0" d="M398.2008,163.8748c-3.0013-11.4606-6.7167-22.6064-11.5031-33.274
c-47.2428,40.6199-109.7052,62.5254-175.6385,57.36c-64.0339-5.0365-122.2806-34.6962-164.0358-83.525
c-7.2172-8.4888-13.5474-17.4693-19.506-26.6863c-7.6734,8.8309-14.6622,18.2767-20.8213,28.3367
c4.8029,6.7662,9.8745,13.3467,15.3339,19.7269c47.4286,55.4882,113.6487,89.2202,186.4566,94.9431
C278.8511,226.2726,345.8423,204.7448,398.2008,163.8748"/>
</g>
</g>
</g>
</g>
</svg>
......@@ -16,6 +16,7 @@
v-model="organizationId"
required
:options="organizations"
:disabled="!organizationsLoaded"
></b-form-select>
</b-form-group>
......@@ -41,7 +42,10 @@
</b-form>
<b-card class="mt-3" header="Created Token">
<pre class="token-output m-0">{{ token }}</pre>
<pre class="token-output">{{ token }}</pre>
<p v-if="token" class="m-0">
<router-link :to="tokenLink">{{ tokenLinkText }}</router-link>
</p>
</b-card>
</div>
</template>
......@@ -59,25 +63,41 @@ export default {
requestType: "",
data: {},
token: "",
organizations: [],
organizationsLoaded: false,
organizations: [{ value: null, text: "Loading organizations..." }],
};
},
sockets: {
connect() {
console.log("Connected in Home");
this.$socket.client.emit("message", "New message", (response) => {
console.log("Got response in connect", response, this);
this.message = response;
});
computed: {
tokenLink() {
if (!this.token) {
return;
}
const name = this.isIssueRequest ? "Issue" : "Verify";
return {
name,
params: {
token: this.token,
},
};
},
tokenLinkText() {
const dest = this.isIssueRequest ? "issue" : "verify";
return `Go to ${dest} page`;
},
isIssueRequest() {
return this.requestType === "credential-issue-request";
},
},
async mounted() {
async created() {
try {
const result = await axios.get("/api/organizations");
console.log(result);
this.organizations = result.data.map((o) => {
return { value: o.id, text: `${o.name} (${o.id})` };
});
this.organizationsLoaded = true;
} catch (e) {
console.error(e);
}
......@@ -91,7 +111,7 @@ export default {
aud: this.requestType,
};
if (this.requestType === "credential-issue-request") {
if (this.isIssueRequest) {
data.data = this.data;
}
......
<template>
<b-card
:title="wallet.title"
class="wallet-card text-center"
:class="{ 'wallet-enabled': wallet.enabled }"
body-class="d-flex flex-column"
@click="wallet.enabled && $emit('choice')"
>
<div class="flex-grow-1 d-flex align-items-center">
<div class="flex-grow-1">
<b-img class="wallet-image p-4" :src="wallet.imageUrl" fluid-grow />
<div v-if="!wallet.enabled" class="text-muted">
Unavailable
</div>
</div>
</div>
<template #footer>
<div class="d-inline-flex mx-1">
<a :href="wallet.appleDownloadUrl" target="_blank">
<b-img
class="store-badge"
src="../assets/app-store-badge.svg"
fluid
/>
</a>
</div>
<div class="d-inline-flex mx-1">
<a :href="wallet.googleDownloadUrl" target="_blank">
<b-img
class="store-badge"
alt="Get it on Google Play"
src="../assets/google-play-badge.svg"
fluid
/>
</a>
</div>
</template>
</b-card>
</template>
<script>
export default {
name: "WalletCard",
props: {
wallet: {
type: Object,
required: true,
},
},
};
</script>
<style scoped>
.store-badge {
height: 40px;
}
.wallet-card:hover {
/* background: rgba(0, 0, 0, 0.05); */
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.125) !important;
cursor: pointer;
}
</style>
<template>
<b-card-group class="wallet-select">
<wallet-card
v-for="wallet in walletConfigs"
:key="wallet.name"
:wallet="wallet"
@choice="$emit('choice', wallet.name)"
/>
</b-card-group>
</template>
<script>
import WalletCard from "./WalletCard.vue";
const WALLETS = [
{
name: "jolocom",
title: "Jolocom",
imageUrl: require("../assets/wallet-jolocom-logo.svg"),
appleDownloadUrl:
"https://apps.apple.com/us/app/jolocom-smartwallet/id1223869062",
googleDownloadUrl:
"https://play.google.com/store/apps/details?id=com.jolocomwallet",
},
{
name: "irma",
title: "IRMA",
imageUrl: require("../assets/wallet-irma-logo.svg"),
appleDownloadUrl:
"https://apps.apple.com/nl/app/irma-authenticatie/id1294092994",
googleDownloadUrl:
"https://play.google.com/store/apps/details?id=org.irmacard.cardemu",
},
{
name: "sovrin",
title: "Connect.Me",
imageUrl: "http://placekitten.com/300/200",
appleDownloadUrl: "https://apps.apple.com/us/app/connect-me/id1260651672",
googleDownloadUrl:
"https://play.google.com/store/apps/details?id=me.connect",
},
];
export default {
name: "WalletSelect",
components: {
WalletCard,
},
props: {
enabledWallets: {
type: Array,
required: false,
default: () => WALLETS.map((w) => w.name),
},
},
computed: {
walletConfigs() {
return WALLETS.map((config) => {
return {
...config,
enabled: this.enabledWallets.includes(config.name),
};
});
},
},
};
</script>
......@@ -2,9 +2,15 @@ import Vue from "vue";
import VueRouter from "vue-router";
import Home from "../views/Home.vue";
import Utils from "../views/Utils.vue";
import Issue from "../views/Issue.vue";
import Verify from "../views/Verify.vue";
import WalletSelect from "../components/WalletSelect.vue";
Vue.use(VueRouter);
/**
* @type {import("vue-router").RouteConfig[]}
*/
const routes = [
{
path: "/",
......@@ -17,13 +23,21 @@ const routes = [
component: Utils,
},
{
path: "/about",
name: "About",
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () =>
import(/* webpackChunkName: "about" */ "../views/About.vue"),
path: "/wallet",
name: "Wallet",
component: WalletSelect,
},
{
path: "/issue/:token",
name: "Issue",
component: Issue,
props: true,
},
{
path: "/verify/:token",
name: "Verify",
component: Verify,
props: true,
},
];
......
......@@ -2,7 +2,10 @@
<div class="home">
<ul>
<li>
<router-link to="/utils">A link</router-link>
<router-link to="/utils">Utils</router-link>
</li>
<li>
<router-link to="/issue/someToken">Issue</router-link>
</li>
</ul>
</div>
......
<template>
<div class="issue">
{{ token }}
</div>
</template>
<script>
export default {
name: "Issue",
props: {
token: {
type: String,
required: true,
},
},
};
</script>
<template>
<div class="verify">
{{ token }}
</div>
</template>
<script>
export default {
name: "Verify",
props: {
token: {
type: String,
required: true,
},
},
};
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment