3x-ui/web/html/xui/inbounds_client_row.html

{{define "form/client_row"}}
<template slot="client" slot-scope="text, client">
    [[ client.email ]]
    <a-tag v-if="!isClientEnabled(record, client.email)" color="red"> expired</a-tag>
</template>                                    
<template slot="traffic" slot-scope="text, client">
    <a-tag v-if="client._totalGB === 0" color="blue">{{ i18n "used" }}: [[ sizeFormat(getUpStats(record, client.email) + getDownStats(record, client.email)) ]]</a-tag>
    <a-tag v-if="client._totalGB > 0 && !isTrafficExhausted(record, client.email)" color="green">{{ i18n "used" }}: [[ sizeFormat(getUpStats(record, client.email) + getDownStats(record, client.email)) ]] / [[client._totalGB]]GB</a-tag>
    <a-tag v-if="client._totalGB > 0 && isTrafficExhausted(record, client.email)" color="red">{{ i18n "used" }}: [[ sizeFormat(getUpStats(record, client.email) + getDownStats(record, client.email)) ]] / [[client._totalGB]]GB</a-tag>
</template>                                    
<template slot="expiryTime" slot-scope="text, client, index">
    <template v-if="client._expiryTime > 0">
        <a-tag v-if="isExpiry(record, index)" color="red">
            [[ DateUtil.formatMillis(client._expiryTime) ]]
        </a-tag>
        <a-tag v-else color="blue">
            [[ DateUtil.formatMillis(client._expiryTime) ]]
        </a-tag>
    </template>
    <a-tag v-else color="green">{{ i18n "indefinite" }}</a-tag>
</template>
{{end}}