nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-19 08:32:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

added prettier

Browse Source
This commit is contained in:
Čarodej
2022-02-01 12:21:38 +01:00
parent 5ae875233b
commit b38b532cbe
284 changed files with 25410 additions and 25338 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
resources/js/components/Subscription/PlanDetail.vue
View File

@@ -1,43 +1,43 @@
<template>
<div
class="py-3 px-4 cursor-pointer rounded-lg block select-none"
:class="{'dark:bg-2x-dark-foreground bg-light-background': isSelected}"
>
<div class="flex items-center justify-between mb-1.5">
<CheckBox :is-clicked="isSelected" />
<b class="pl-4 text-lg text-left flex-1">
{{ plan.data.attributes.name }}
</b>
<span class="ml-9 inline-block py-1 px-2 text-theme font-extrabold text-sm rounded-xl bg-theme-100 whitespace-nowrap">
{{ plan.data.attributes.price }} / {{ $t(`interval.${plan.data.attributes.interval}`) }}
</span>
</div>
<ul class="ml-9 mb-3">
<li class="flex items-center mb-1.5" v-for="(value, key, i) in plan.data.attributes.features" :key="i">
<CheckIcon size="12" class="svg-stroke-theme" />
<small class="pl-1.5 text-xs text-gray-600 font-bold" v-if="value !== -1">
{{ $t(key, {value: value}) }}
</small>
<small class="pl-1.5 text-xs text-gray-600 font-bold" v-if="value === -1">
{{ $t(`${key}.unlimited`) }}
</small>
</li>
</ul>
</div>
<div
class="block cursor-pointer select-none rounded-lg py-3 px-4"
:class="{
'bg-light-background dark:bg-2x-dark-foreground': isSelected,
}"
>
<div class="mb-1.5 flex items-center justify-between">
<CheckBox :is-clicked="isSelected" />
<b class="flex-1 pl-4 text-left text-lg">
{{ plan.data.attributes.name }}
</b>
<span class="text-theme bg-theme-100 ml-9 inline-block whitespace-nowrap rounded-xl py-1 px-2 text-sm font-extrabold">
{{ plan.data.attributes.price }} /
{{ $t(`interval.${plan.data.attributes.interval}`) }}
</span>
</div>
<ul class="ml-9 mb-3">
<li class="mb-1.5 flex items-center" v-for="(value, key, i) in plan.data.attributes.features" :key="i">
<CheckIcon size="12" class="svg-stroke-theme" />
<small class="pl-1.5 text-xs font-bold text-gray-600" v-if="value !== -1">
{{ $t(key, { value: value }) }}
</small>
<small class="pl-1.5 text-xs font-bold text-gray-600" v-if="value === -1">
{{ $t(`${key}.unlimited`) }}
</small>
</li>
</ul>
</div>
</template>
<script>
import {CheckIcon} from 'vue-feather-icons'
import CheckBox from "../FilesView/CheckBox"
import { CheckIcon } from 'vue-feather-icons'
import CheckBox from '../FilesView/CheckBox'
export default {
name: 'PlanDetail',
components: {
CheckIcon,
CheckBox,
},
props: [
'isSelected',
'plan',
],
name: 'PlanDetail',
components: {
CheckIcon,
CheckBox,
},
props: ['isSelected', 'plan'],
}
</script>