imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Issues #162: done.

Browse Source
This commit is contained in:
chiayin
2023-11-13 13:34:51 +08:00
parent 918de38fcc
commit b92ddbc83b
3 changed files with 12 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Discover/Conformance/ConformanceSidebar/ActList.vue
View File

@@ -1,15 +1,13 @@
<template> <template>
<div class="h-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-2 space-y-2"> <div class="h-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-4 space-y-2">
<p class="h2 pl-2 border-b mb-3">Activity list</p> <p class="h2 pl-2 border-b mb-3">Activity list</p>
<div class="h-[calc(100%_-_48px)]"> <div class="flex flex-wrap justify-start content-start gap-4 px-2 overflow-y-auto scrollbar h-[calc(100%_-_48px)]">
<div class="flex flex-wrap justify-start content-start gap-4 px-2 overflow-y-auto scrollbar h-[calc(100%_-_52px)]">
<div class="flex items-center w-[166px]" v-for="(act, index) in sortData" :key="index"> <div class="flex items-center w-[166px]" v-for="(act, index) in sortData" :key="index">
<Checkbox v-model="actList" :inputId="index.toString()" name="actList" :value="act" @change="actListData"/> <Checkbox v-model="actList" :inputId="index.toString()" name="actList" :value="act" @change="actListData"/>
<label :for="index" class="ml-2 p-2 whitespace-nowrap break-keep text-ellipsis overflow-hidden">{{ act }}</label> <label :for="index" class="ml-2 p-2 whitespace-nowrap break-keep text-ellipsis overflow-hidden">{{ act }}</label>
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
import { sortNumEngZhtw } from '@/module/sortNumEngZhtw.js'; import { sortNumEngZhtw } from '@/module/sortNumEngZhtw.js';

6
src/components/Discover/Conformance/ConformanceSidebar/ActRadio.vue
View File

@@ -1,15 +1,13 @@
<template> <template>
<div class="h-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-2 space-y-2"> <div class="h-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-4 space-y-2">
<p class="h2 pl-2 border-b mb-3">{{ title }}</p> <p class="h2 pl-2 border-b mb-3">{{ title }}</p>
<div class="h-[calc(100%_-_48px)]"> <div class="flex flex-wrap justify-start content-start gap-4 px-2 overflow-y-auto scrollbar h-[calc(100%_-_48px)]">
<div class="flex flex-wrap justify-start content-start gap-4 px-2 overflow-y-auto scrollbar h-[calc(100%_-_52px)]">
<div class="flex items-center w-[166px]" v-for="(act, index) in sortData" :key="index"> <div class="flex items-center w-[166px]" v-for="(act, index) in sortData" :key="index">
<RadioButton v-model="selectedRadio" :inputId="index + act" :name="select" :value="act" @change="actRadioData" /> <RadioButton v-model="selectedRadio" :inputId="index + act" :name="select" :value="act" @change="actRadioData" />
<label :for="index + act" class="ml-2 p-2 whitespace-nowrap break-keep text-ellipsis overflow-hidden">{{ act }}</label> <label :for="index + act" class="ml-2 p-2 whitespace-nowrap break-keep text-ellipsis overflow-hidden">{{ act }}</label>
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
import { sortNumEngZhtw } from '@/module/sortNumEngZhtw.js'; import { sortNumEngZhtw } from '@/module/sortNumEngZhtw.js';

4
src/components/Discover/Conformance/ConformanceSidebar/ActSeqDrag.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="h-full w-full flex justify-between items-center"> <div class="h-full w-full flex justify-between items-center">
<!-- Activity List --> <!-- Activity List -->
<div class="h-full w-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-2 space-y-2"> <div class="h-full w-full bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-4 space-y-2">
<p class="h2 pl-2 border-b mb-3">Activity list</p> <p class="h2 pl-2 border-b mb-3">Activity list</p>
<div class="h-[calc(100%_-_56px)]"> <div class="h-[calc(100%_-_56px)]">
<Draggable :list="datadata" :group="{name: 'activity', pull: 'clone' }" itemKey="name" animation="300" :fallbackTolerance="5" :forceFallback="true" :ghostClass="'ghostSelected'" :dragClass="'dragSelected'" :sort="false" @end="onEnd" class="h-full flex flex-wrap justify-start content-start gap-4 px-2 overflow-y-auto scrollbar"> <Draggable :list="datadata" :group="{name: 'activity', pull: 'clone' }" itemKey="name" animation="300" :fallbackTolerance="5" :forceFallback="true" :ghostClass="'ghostSelected'" :dragClass="'dragSelected'" :sort="false" @end="onEnd" class="h-full flex flex-wrap justify-start content-start gap-4 px-2 overflow-y-auto scrollbar">
@@ -14,7 +14,7 @@
</div> </div>
</div> </div>
<!-- sequence --> <!-- sequence -->
<div class="w-full h-full relative bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-2 space-y-2 text-sm"> <div class="w-full h-full relative bg-neutral-10 border border-neutral-300 rounded-xl ml-4 p-4 space-y-2 text-sm">
<p class="h2 border-b border-500 mb-3">Sequence</p> <p class="h2 border-b border-500 mb-3">Sequence</p>
<!-- No Data --> <!-- No Data -->
<div v-if="listSequence && listSequence.length === 0" class="p-4 w-[calc(100%_-_32px)] h-5/6 flex justify-center items-center absolute"> <div v-if="listSequence && listSequence.length === 0" class="p-4 w-[calc(100%_-_32px)] h-5/6 flex justify-center items-center absolute">