Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Clean up list summary

Browse source
This commit is contained in:
Sam Carlton 2020-12-11 15:18:55 -06:00
parent c5e8ceb15d
commit 12c8072055
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/list-summary.vue
View file

@ -3,7 +3,7 @@
<div class="list-summary space-y-2"> <div class="list-summary space-y-2">
<div> <div>
Currently there are <strong>{{ total }} listed</strong>, <strong>{{ total }} listed</strong>,
<span> <span>
<span <span
v-for="percentage in percentages" v-for="percentage in percentages"
@ -74,28 +74,28 @@ export default {
bgColor: 'bg-green-500', bgColor: 'bg-green-500',
emoji: '✅', emoji: '✅',
percent: this.nativePercent, percent: this.nativePercent,
verbiage: `are natively supported, ` verbiage: `Native, `
}, },
{ {
textColor: 'text-green-200', textColor: 'text-green-200',
bgColor: 'bg-green-200', bgColor: 'bg-green-200',
emoji: '✳️', emoji: '✳️',
percent: this.rosettaPercent, percent: this.rosettaPercent,
verbiage: `run via Rosetta 2, ` verbiage: `Rosetta, `
}, },
{ {
textColor: 'text-orange-500', textColor: 'text-orange-500',
bgColor: 'bg-orange-500', bgColor: 'bg-orange-500',
emoji: '🔶', emoji: '🔶',
percent: this.unreportedPercent, percent: this.unreportedPercent,
verbiage: `need more info, ` verbiage: `need info, `
}, },
{ {
textColor: 'text-red', textColor: 'text-red',
bgColor: 'bg-red', bgColor: 'bg-red',
emoji: '🚫', emoji: '🚫',
percent: this.unsupportedPercent, percent: this.unsupportedPercent,
verbiage: `are not working. ` verbiage: `unsupported. `
}, },
].filter( percentage => { ].filter( percentage => {
const isZero = (percentage.percent === 0) const isZero = (percentage.percent === 0)