mirror of
https://github.com/web3privacy/explorer-app.git
synced 2024-10-15 16:46:26 +02:00
Merge branch 'v3' into dk/rating-boolean-conditions-fixes
This commit is contained in:
commit
588ed8a337
5 changed files with 254 additions and 1078 deletions
|
@ -81,7 +81,7 @@ defineExpose({
|
||||||
<ProjectCreateComponentsSelectChips
|
<ProjectCreateComponentsSelectChips
|
||||||
v-model="signRequirements"
|
v-model="signRequirements"
|
||||||
label="Sign-in requirements"
|
label="Sign-in requirements"
|
||||||
:options="signInRequirmentsData.map(s => ({ label: s.name, value: s.id }))"
|
:options="signInRequirmentsData?.map(s => ({ label: s.name, value: s.id }))"
|
||||||
placeholder="Add requirement"
|
placeholder="Add requirement"
|
||||||
hint="What do you need to provide to use your project?"
|
hint="What do you need to provide to use your project?"
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -47,7 +47,7 @@ defineExpose({
|
||||||
/>
|
/>
|
||||||
<ProjectCreateComponentsRadio
|
<ProjectCreateComponentsRadio
|
||||||
v-model="version"
|
v-model="version"
|
||||||
:options="projectPhaseData.map(p => ({ label: p.name, value: p.id }))"
|
:options="projectPhaseData?.map(p => ({ label: p.name, value: p.id }))"
|
||||||
/>
|
/>
|
||||||
<ProjectCreateComponentsCategoryDivider
|
<ProjectCreateComponentsCategoryDivider
|
||||||
w-full
|
w-full
|
||||||
|
@ -71,7 +71,7 @@ defineExpose({
|
||||||
</div>
|
</div>
|
||||||
<ProjectCreateComponentsSelect
|
<ProjectCreateComponentsSelect
|
||||||
v-model="assetType"
|
v-model="assetType"
|
||||||
:options="assetCustodyData.map(c => ({ label: c.name, value: c.id }))"
|
:options="assetCustodyData?.map(c => ({ label: c.name, value: c.id }))"
|
||||||
label="Asset custody type"
|
label="Asset custody type"
|
||||||
placeholder="Select custody type"
|
placeholder="Select custody type"
|
||||||
hint="How are user’s fund handled? (non-custody, multisig, pool,...)"
|
hint="How are user’s fund handled? (non-custody, multisig, pool,...)"
|
||||||
|
|
|
@ -31,24 +31,11 @@ const backgroundColorByScore = computed(() => {
|
||||||
const colorIndex = Math.floor(normalizedPercentage / 10)
|
const colorIndex = Math.floor(normalizedPercentage / 10)
|
||||||
return colors[colorIndex]
|
return colors[colorIndex]
|
||||||
})
|
})
|
||||||
const isLargeScreen = useMediaQuery('(min-width: 1024px)')
|
|
||||||
|
|
||||||
function onClick() {
|
|
||||||
if (isLargeScreen.value)
|
|
||||||
return
|
|
||||||
if (props.disablePopover)
|
|
||||||
emits('selected')
|
|
||||||
else
|
|
||||||
isPopoverVisible.value = !isPopoverVisible.value
|
|
||||||
}
|
|
||||||
|
|
||||||
const isPopoverVisible = ref(false)
|
const isPopoverVisible = ref(false)
|
||||||
|
|
||||||
let hideTimeout: ReturnType<typeof setTimeout> | null = null
|
let hideTimeout: ReturnType<typeof setTimeout> | null = null
|
||||||
const showPopover = () => {
|
const showPopover = () => {
|
||||||
if (!isLargeScreen.value)
|
|
||||||
return
|
|
||||||
console.log('show')
|
|
||||||
if (hideTimeout) {
|
if (hideTimeout) {
|
||||||
clearTimeout(hideTimeout)
|
clearTimeout(hideTimeout)
|
||||||
hideTimeout = null
|
hideTimeout = null
|
||||||
|
@ -57,8 +44,6 @@ const showPopover = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
const hidePopover = () => {
|
const hidePopover = () => {
|
||||||
if (!isLargeScreen.value)
|
|
||||||
return
|
|
||||||
hideTimeout = setTimeout(() => {
|
hideTimeout = setTimeout(() => {
|
||||||
isPopoverVisible.value = false
|
isPopoverVisible.value = false
|
||||||
}, 100) // Delay of 200ms before hiding
|
}, 100) // Delay of 200ms before hiding
|
||||||
|
@ -83,7 +68,7 @@ const hidePopover = () => {
|
||||||
cursor-pointer
|
cursor-pointer
|
||||||
@mouseenter="showPopover"
|
@mouseenter="showPopover"
|
||||||
@mouseleave="hidePopover"
|
@mouseleave="hidePopover"
|
||||||
@click.prevent="onClick()"
|
@click.prevent=" emits('selected')"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
v-for="point of [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]"
|
v-for="point of [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]"
|
||||||
|
|
|
@ -73,7 +73,7 @@ export const useData = defineStore('data', () => {
|
||||||
features.value = data.features
|
features.value = data.features
|
||||||
ranks.value = data.ranks
|
ranks.value = data.ranks
|
||||||
|
|
||||||
projectPhase.value = data.project_phase.map(p => ({ id: p.id.toLowerCase(), name: p.name }))
|
projectPhase.value = data.project_phase?.map(p => ({ id: p.id.toLowerCase(), name: p.name }))
|
||||||
assetCustody.value = data.asset_custody_type.map(a => ({ id: a.id.toLowerCase(), name: a.name }))
|
assetCustody.value = data.asset_custody_type.map(a => ({ id: a.id.toLowerCase(), name: a.name }))
|
||||||
signInRequirments.value = data.sign_in_type_requirments.map(s => ({ id: s.id.toLowerCase(), name: s.name }))
|
signInRequirments.value = data.sign_in_type_requirments.map(s => ({ id: s.id.toLowerCase(), name: s.name }))
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue