czydojade/resources/components/line.html
Kacper Donat f2f7b19380 #38 - Add lines to destinations
This is useful when we have few different stops, with same destinations and different lines.
2020-02-08 18:36:29 +01:00

17 lines
662 B
HTML

<span class="line__symbol flex" :class="{ [`line--${line.type}`]: true, 'line--night': line.night, 'line--fast': line.fast }">
<span class="flex align-items-stretch">
<slot name="icon" v-if="!simple">
<span class="icon">
<fa :icon="['fac', line.type]" fixed-width/>
</span>
</slot>
<slot name="badge">
<span class="badge badge-dark flex">
<fa :icon="['fal', 'moon']" fixed-width v-if="line.night && !simple"/>
{{ line.symbol }}
<fa :icon="['fas', 'walking']" v-if="line.fast"/>
</span>
</slot>
</span>
</span>