092fb2e083
Some checks failed
Lock Threads / action (push) Has been cancelled
Mark stale issues and pull requests / stale (push) Has been cancelled
Publish Chatwoot EE docker images / build (linux/amd64, ubuntu-latest) (push) Has been cancelled
Publish Chatwoot EE docker images / build (linux/arm64, ubuntu-22.04-arm) (push) Has been cancelled
Publish Chatwoot EE docker images / merge (push) Has been cancelled
Publish Chatwoot CE docker images / build (linux/amd64, ubuntu-latest) (push) Has been cancelled
Publish Chatwoot CE docker images / build (linux/arm64, ubuntu-22.04-arm) (push) Has been cancelled
Publish Chatwoot CE docker images / merge (push) Has been cancelled
Run Chatwoot CE spec / lint-backend (push) Has been cancelled
Run Chatwoot CE spec / lint-frontend (push) Has been cancelled
Run Chatwoot CE spec / frontend-tests (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (0, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (1, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (10, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (11, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (12, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (13, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (14, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (15, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (2, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (3, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (4, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (5, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (6, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (7, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (8, 16) (push) Has been cancelled
Run Chatwoot CE spec / backend-tests (9, 16) (push) Has been cancelled
Run Linux nightly installer / nightly (push) Has been cancelled
- Add Logistics component with progress tracking - Add OrderDetail component for order information - Support data-driven steps and actions - Add blue color scale to widget SCSS - Fix node overflow and progress bar rendering issues - Add English translations for dashboard components Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
78 lines
1.6 KiB
Vue
78 lines
1.6 KiB
Vue
<script>
|
|
import NextButton from 'dashboard/components-next/button/Button.vue';
|
|
|
|
export default {
|
|
components: {
|
|
NextButton,
|
|
},
|
|
props: {
|
|
totalLength: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
currentIndex: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
},
|
|
emits: ['prev', 'next'],
|
|
computed: {
|
|
isUpDisabled() {
|
|
return this.currentIndex === 1;
|
|
},
|
|
isDownDisabled() {
|
|
return this.currentIndex === this.totalLength || this.totalLength <= 1;
|
|
},
|
|
},
|
|
methods: {
|
|
handleUpClick() {
|
|
if (this.currentIndex > 1) {
|
|
this.$emit('prev');
|
|
}
|
|
},
|
|
handleDownClick() {
|
|
if (this.currentIndex < this.totalLength) {
|
|
this.$emit('next');
|
|
}
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex gap-2 items-center">
|
|
<div class="flex gap-1 items-center">
|
|
<NextButton
|
|
icon="i-lucide-chevron-up"
|
|
xs
|
|
slate
|
|
faded
|
|
:disabled="isUpDisabled"
|
|
@click="handleUpClick"
|
|
/>
|
|
<NextButton
|
|
icon="i-lucide-chevron-down"
|
|
xs
|
|
slate
|
|
faded
|
|
:disabled="isDownDisabled"
|
|
@click="handleDownClick"
|
|
/>
|
|
</div>
|
|
<div class="flex items-center gap-1 whitespace-nowrap">
|
|
<span class="text-sm font-medium text-n-slate-12 tabular-nums">
|
|
{{ totalLength <= 1 ? '1' : currentIndex }}
|
|
</span>
|
|
<span
|
|
v-if="totalLength > 1"
|
|
class="text-sm text-n-slate-9 relative -top-px"
|
|
>
|
|
/
|
|
</span>
|
|
<span v-if="totalLength > 1" class="text-sm text-n-slate-9 tabular-nums">
|
|
{{ totalLength }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</template>
|