platform/packages/ui/src/components/TimeShiftPresenter.svelte
2022-04-29 12:27:17 +07:00

53 lines
1.7 KiB
Svelte

<!--
// Copyright © 2022 Hardcore Engineering Inc.
//
// Licensed under the Eclipse Public License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License. You may
// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//
// See the License for the specific language governing permissions and
// limitations under the License.
-->
<script lang="ts">
import { translate } from '@anticrm/platform'
import ui from '../plugin'
export let value: number
const SECOND = 1000
const MINUTE = SECOND * 60
const HOUR = MINUTE * 60
const DAY = HOUR * 24
let time: string = ''
async function formatTime (value: number) {
if (value > 0) {
if (value < HOUR) {
time = await translate(ui.string.MinutesAfter, { minutes: Math.floor(value / MINUTE) })
} else if (value < DAY) {
time = await translate(ui.string.HoursAfter, { hours: Math.floor(value / HOUR) })
} else {
time = await translate(ui.string.DaysAfter, { days: Math.floor(value / DAY) })
}
} else {
const abs = Math.abs(value)
if (abs < HOUR) {
time = await translate(ui.string.MinutesBefore, { minutes: Math.floor(abs / MINUTE) })
} else if (abs < DAY) {
time = await translate(ui.string.HoursBefore, { hours: Math.floor(abs / HOUR) })
} else {
time = await translate(ui.string.DaysBefore, { days: Math.floor(abs / DAY) })
}
}
}
$: formatTime(value)
</script>
<span style="white-space: nowrap;">{time}</span>