extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 23:00:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add Et2DateTimeToday

Browse Source
This commit is contained in:
nathan 2022-02-03 14:58:56 -07:00
parent b91f66c629
commit 28eb3fdd80
2 changed files with 53 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
api/js/etemplate/Et2Date/Et2DateTimeToday.ts Normal file
View File

@ -0,0 +1,52 @@
/**
* EGroupware eTemplate2 - Readonly date-time_today WebComponent
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package api
* @link https://www.egroupware.org
* @author Nathan Gray
*/
import {formatDate, formatDateTime, formatTime, parseDateTime} from "./Et2Date";
import {Et2DateReadonly} from "./Et2DateReadonly";
/**
* Widget displays date/time with different formatting relative to today
* If the date is today, we show just the time. Otherwise, full date + time.
*/
export class Et2DateTimeToday extends Et2DateReadonly
{
constructor()
{
super();
this.parser = parseDateTime;
this.formatter = this.formatDateTime;
}
/**
* Format date+time relative to "now"
* If the date is today, we show just the time. Otherwise, the date and time.
*
* @param {Date} date
* @param {import('@lion/localize/types/LocalizeMixinTypes').FormatDateOptions} [options] Intl options are available
* @returns {string}
*/
formatDateTime(date : Date, options = {dateFormat: "", timeFormat: ""}) : string
{
let display = "";
// Today - just the time
if(formatDate(date, {dateFormat: 'Y-m-d'}) == formatDate(new Date(), {dateFormat: 'Y-m-d'}))
{
display = formatTime(date);
}
// Before today - date and time
else
{
display = formatDateTime(date);
}
return display;
}
}
// @ts-ignore TypeScript is not recognizing that this is a LitElement
customElements.define("et2-date-time_today", Et2DateTimeToday);

1
api/js/etemplate/etemplate2.ts
View File

@ -32,6 +32,7 @@ import './Et2Date/Et2DateReadonly';
import './Et2Date/Et2DateSinceReadonly';
import './Et2Date/Et2DateTime';
import './Et2Date/Et2DateTimeReadonly';
import './Et2Date/Et2DateTimeToday';
import './Et2Description/Et2Description';
import './Et2Select/Et2Select';
import './Et2Select/Et2SelectAccount';