TrayClock (on the client side)

[Sherzod]

Let's add TrayClock to UniStatusBar (can be added to other controls).

1. 

initialization
  UniAddCSSLibrary('build/packages/ux/classic/classic/resources/ux-all.css', False, [upoFolderJS, upoPlatformDesktop]);
  UniAddJSLibrary('build/packages/ux/classic/ux.js', False, [upoFolderJS, upoPlatformDesktop]);

2. UniStatusBar.ClientEvents.ExtEvents ->

function afterrender(sender, eOpts) 
{
    if (Ext.isDefined(Ext.ux)) {
        sender.add({
            xtype: 'tbfill'
        });
        sender.add(
            new Ext.ux.desktop.TrayClock()
        );
    }
}

 

Let's modify by adding a style, a time format, and an update time of one second.

(2).

function afterrender(sender, eOpts) 
{
    if (Ext.isDefined(Ext.ux)) {
        sender.add({
            xtype: 'tbfill'
        });
        sender.add(new Ext.ux.desktop.TrayClock({
            tpl: '<span style="color: green; font-weight: bold;">{time}</span>', //default = '{time}'
            timeFormat: 'Y-m-d H:i:s', //default = 'g:i A'

            updateTime: function() {
                var me = this,
                    time = Ext.Date.format(new Date(), me.timeFormat),
                    text = me.tpl.apply({
                        time: time
                    });

                if (me.lastText !== text) {
                    me.setText(text);
                    me.lastText = text;
                }

                me.timer = Ext.defer(me.updateTime, 1000, me);
            }
        }));
    }
}

 

[Sherzod]

https://docs.sencha.com/extjs/7.5.1/classic/Ext.ux.desktop.TrayClock.html

https://docs.sencha.com/extjs/7.5.1/classic/Ext.Date.html

[picyka]

It would be possible to create a timer on the client side, which would need a play and a stop, and still take this time on the server side. I once tried to do this on the client side and was unsuccessful.

[Sherzod]

Hello, 

Please explain in more detail. 

[picyka]

I would like when starting a registration to show a time counter, and when saving the registration, I can save this time, I did it using UniTimer, but it keeps talking to the server all the time

[Sherzod]

12 minutes ago, picyka said:

to show a time counter

How to understand this, sorry?

[picyka]

Há 42 minutos, Sherzod disse:

Como entender isso, desculpe?

00:06 - Cronômetro online - RelogioOnline.com.br

[picyka]

I needed a clock that would show how many minutes the person has been in the register, but the timer should only update on the client side. When saving, I could stop the timer and get the time value.

[Sherzod]

Ok.

[Sherzod]

On 4/5/2024 at 9:53 PM, picyka said:

I needed a clock that would show how many minutes the person has been in the register, but the timer should only update on the client side. When saving, I could stop the timer and get the time value.

Hello,

I will give you an example.

[Sherzod]

On 4/5/2024 at 9:53 PM, picyka said:

Are you showing a regular login form?

[picyka]

I did not understand your question.

[picyka]

To access the screens you need to login

[picyka]

With the help of master @Sherzod I managed it, here is an example

Stay here, thank you very much.

TestTimer.zip