[Pas2js] Nyx framework

Sat Oct 3 05:23:29 CEST 2020

Yes all the sample code listed were just links inside of the repo to a particular line of source. The repo can be cloned using the below command

Git clone https://github.com/mr-highball/nyx --recursive

The recursive flag will pull the submodule too (just some css used in the tester application)
In the nyx_browser_test.lpr starting at line 158 in method forum, you can comment out the different samples procedures.
________________________________
From: Pas2js <pas2js-bounces at lists.freepascal.org> on behalf of pas2js-request at lists.freepascal.org <pas2js-request at lists.freepascal.org>
Sent: Friday, October 2, 2020 3:55:10 PM
To: pas2js at lists.freepascal.org <pas2js at lists.freepascal.org>
Subject: Pas2js Digest, Vol 32, Issue 4

Send Pas2js mailing list submissions to
        pas2js at lists.freepascal.org

To subscribe or unsubscribe via the World Wide Web, visit
        https://lists.freepascal.org/cgi-bin/mailman/listinfo/pas2js
or, via email, send a message with subject or body 'help' to
        pas2js-request at lists.freepascal.org

You can reach the person managing the list at
        pas2js-owner at lists.freepascal.org

When replying, please edit your Subject line so it is more specific
than "Re: Contents of Pas2js digest..."

Today's Topics:

   1. Re: html widgets layout question (Michael Van Canneyt)
   2. Re: html widgets layout question (heliosroots)
   3. Nyx framework (Mgr. Janusz Chmiel)
   4. Re: html widgets layout question (Michael Van Canneyt)
   5. Re: html widgets layout question (mister highball)
   6. Re: Nyx framework (Mgr. Janusz Chmiel)
   7. Re: html widgets layout question (Mgr. Janusz Chmiel)
   8. plea for simple code which show text in web page notification
      area (Mgr. Janusz Chmiel)
   9. empty paragraph creation (Mgr. Janusz Chmiel)

----------------------------------------------------------------------

Message: 1
Date: Fri, 2 Oct 2020 18:19:06 +0200 (CEST)
From: Michael Van Canneyt <michael at freepascal.org>
To: pas2js discussions <pas2js at lists.freepascal.org>
Subject: Re: [Pas2js] html widgets layout question
Message-ID: <alpine.DEB.2.21.2010021815420.25499 at home>
Content-Type: text/plain; charset=US-ASCII; format=flowed

On Fri, 2 Oct 2020, heliosroots wrote:

> There should be a more simplified way of handling this at TcustomWidget ....
> example:
>
>
> Widget.Classes := Widget.AddClasses('MyClass1 MayClass2'');
> Widget.Classes := Widget.RemoveClasses('MyClass1 MayClass2'');
>
> it would be simpler just ...
>
> Widget.AddClasses('MyClass1 MayClass2'');
> Widget.RemoveClasses('MyClass1 MayClass2'');

Indeed. I will change the implementation.

Michael.

------------------------------

Message: 2
Date: Fri, 2 Oct 2020 09:26:13 -0700 (MST)
From: heliosroots <heliosroots at gmail.com>
To: pas2js at lists.freepascal.org
Subject: Re: [Pas2js] html widgets layout question
Message-ID: <1601655973642-0.post at n8.nabble.com>
Content-Type: text/plain; charset=us-ascii

How to change the attribute of the "element" in the Widget layer? example the
attribute "aria" would have a direct support for the visually impaired

--
Sent from: http://pas2js.38893.n8.nabble.com/

------------------------------

Message: 3
Date: Fri, 2 Oct 2020 18:40:28 +0200
From: "Mgr. Janusz Chmiel" <janusz.chmiel at volny.cz>
To: "'pas2js discussions'" <pas2js at lists.freepascal.org>
Subject: [Pas2js] Nyx framework
Message-ID: <CB6438DE97194BD0AB8F94C7E60CCC8A at DESKTOPN6LG1HQ>
Content-Type: text/plain;       charset="us-ascii"

I have compiled yours examples successfully. To avoid issues with finding
units, I have placed all files from Src to The folder with LTR units from
PAS2jS. Code also work. I will study yours unit. Sure, I know, that there
are no so much object types like in HTMlwidgets unit. But for beginning, it
is good for testing.
What will happen if I will not add object position values in some cases when
this value is expected?

------------------------------

Message: 4
Date: Fri, 2 Oct 2020 18:59:48 +0200 (CEST)
From: Michael Van Canneyt <michael at freepascal.org>
To: pas2js discussions <pas2js at lists.freepascal.org>
Subject: Re: [Pas2js] html widgets layout question
Message-ID: <alpine.DEB.2.21.2010021857320.26529 at home>
Content-Type: text/plain; charset=US-ASCII; format=flowed

On Fri, 2 Oct 2020, heliosroots wrote:

> How to change the attribute of the "element" in the Widget layer? example the
> attribute "aria" would have a direct support for the visually impaired

Locally I already have a 'ApplyAttribute' call.
(after mr. Chmiel asked for Aria support I added that) but I didn't commit this yet.

Michael.

------------------------------

Message: 5
Date: Fri, 2 Oct 2020 17:02:17 +0000
From: mister highball <mr.highball at hotmail.com>
To: "pas2js at lists.freepascal.org" <pas2js at lists.freepascal.org>
Subject: Re: [Pas2js] html widgets layout question
Message-ID:
        <MN2PR14MB42217560DA487FA165BC0ADFF3310 at MN2PR14MB4221.namprd14.prod.outlook.com>

Content-Type: text/plain; charset="utf-8"

Under the hood for all nyx browser elements css is used for placement but the choice to provide some srandard mechanisms versus using straight css is that nyx is a UI framework that is meant to be a simple interface for web development AND desktop development. Ie. A nyx button when compiled for desktop will use a standard lcl button but for browser will use a standard web button element. Because of this the interface for controlling sizing and positioning needs to be simple to work for both targets.

I like fluent interfaces which is why I incorporated that throughout, however it's not a required thing to use it that way.

I also like being able to see all UI code changes in git diffs clearly vs an ide managed solution to better understand what has been done from commit to commit.

Ultimately, just another option to use (and a fun side project for me)
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.freepascal.org/pipermail/pas2js/attachments/20201002/a7e54c05/attachment-0001.htm>

------------------------------

Message: 6
Date: Fri, 2 Oct 2020 19:34:19 +0200
From: "Mgr. Janusz Chmiel" <janusz.chmiel at volny.cz>
To: "'pas2js discussions'" <pas2js at lists.freepascal.org>
Subject: Re: [Pas2js] Nyx framework
Message-ID: <73CA0E36B5334AEC9B1265A2B436B10C at DESKTOPN6LG1HQ>
Content-Type: text/plain;       charset="us-ascii"

Dear MR highball,
        Please could you add yours samples to The Nyx Github repo so all
source files could be normally loaded by using git clone?
When I have followed yours links to download The samples, It open WeB
interface, and rav button open source code. But it would be very confort if
you would try to add those samples to The Github repository with Nyx
framework.
Fortunately The GUI which is being produced by yours units are fully
accessible with screen readers similarly like GUI which have been created
thanks to htmlwidgets.

------------------------------

Message: 7
Date: Fri, 2 Oct 2020 21:27:01 +0200
From: "Mgr. Janusz Chmiel" <janusz.chmiel at volny.cz>
To: "'pas2js discussions'" <pas2js at lists.freepascal.org>
Subject: Re: [Pas2js] html widgets layout question
Message-ID: <F2E12B5AC7D64C5EB301B805D187C0DD at DESKTOPN6LG1HQ>
Content-Type: text/plain;       charset="us-ascii"

I have found out The brilant solution. NVDA screen reader which I Am using
support special mode. Where every WEB page GUi element can be placed on A
separate virtual line. By other word, mode which ignore original WEB page
layout. So I can perfectly use HTMLwidgets.
I will have a intensive Pascal week end to finally deeply understand The
structure of Pascal sources which uses HTMlwidget unit.
Thanks to NVDA default mode which represent The WEB page original layout I
can know how WEB page really looks for sighted users.
And to have my life more simple, I can switch to The disable display WEB
page like on A screen mode. Thank all of you for yours patience.

------------------------------

Message: 8
Date: Fri, 2 Oct 2020 21:30:30 +0200
From: "Mgr. Janusz Chmiel" <janusz.chmiel at volny.cz>
To: "'pas2js discussions'" <pas2js at lists.freepascal.org>
Subject: [Pas2js] plea for simple code which show text in web page
        notification area
Message-ID: <AF57489F348C464BAF3AA32DDA0FC778 at DESKTOPN6LG1HQ>
Content-Type: text/plain;       charset="us-ascii"

WEB notification area is being videly used by many modern pages. This
approach could be even used to inform user if some question have been
answerred correctly with no need to add some text as A first line of textual
block or with no need to use windowalerd procedure.
The question is, if somebody kind in this mailing list would be so positive
and kind and if this human being would have some time to create simple .lpr
file which used htmlwidgets unit to display some text in The WEB
notification area?
Thank you very very much for yours help.

------------------------------

Message: 9
Date: Fri, 2 Oct 2020 21:55:09 +0200
From: "Mgr. Janusz Chmiel" <janusz.chmiel at volny.cz>
To: "'pas2js discussions'" <pas2js at lists.freepascal.org>
Subject: [Pas2js] empty paragraph creation
Message-ID: <ED49D45917F44F0B959CE7FA2F4730D0 at DESKTOPN6LG1HQ>
Content-Type: text/plain;       charset="us-ascii"

Is it possible to create empty paragraph by using HTMLwidgets unit? To make
empty paragraph which could serve as a divider character between last line
which have been written by using writeln procedure for example?
Do not be afraid, this is my last question for this day.

------------------------------

Subject: Digest Footer

_______________________________________________
Pas2js maillist  -  Pas2js at lists.freepascal.org
https://lists.freepascal.org/cgi-bin/mailman/listinfo/pas2js

------------------------------

End of Pas2js Digest, Vol 32, Issue 4
*************************************
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.freepascal.org/pipermail/pas2js/attachments/20201003/8ce40e80/attachment-0001.htm>