[Pas2js] Modern UI for pas2js

[warleyalex]

I recreated/translated an old project "Project ATM for pas2js"
LIVE PREVIEW: https://pas2js.github.io/master/projATM/www/index.html
use the PIN = 1234 

This is really a simple app! Really, I'm interested in doing it with Lazarus
this designer entirely, and get minimum/lower file JS footprint.

Gentlemen, how to you see the method of drawing UI in Lazarus? 

Basically, there are 2 ways to create a modern UI in Lazarus.

1. components /UI/Frameworks based on "custom paint"
2. implement basic CSS drawing and positioning around LCL

a long time ago I tried the second option. And it's quite easy to implement
basic drawing using CSS. But there are too many challenges for me. And I
think this concept to design UI is wrong. I sincerely don't the TMS Core
approach. I always prefer handwritting HTML and CSS approach to design
complex apps.

...sometimes I think if all the efforts put into create new components,
designing widgets/user interfaces would be put into the quality of the
programs in pas2js we would be amazed how fast, reliable and secure software
can be. While the visual widgets/UI in Lazarus still is very customizable
(by user and developer) and looks the same on every system. I often spend
more time on UI parts to realize the look and feel i want to have. 

---------
OFFTOPIC: Please  implement the "Multi line strings" feature, which can be
quite useful when you have multi-line string content, a long format string,
a snippet of CSS or HTML etc. Something like the syntax of Prism/Oxygen:

var s := #"
   Lorem ipsum 'dolor' sit amet, consectetur adipiscing elit. 
   Duis l'ipsum odio, pretium ""hendrerit"" varius sed, 
   aliquet vitae elit. 
   Sed eu libero nec nisl ""malesuada"" dignissim.
"; 

or feature like  {$INCLUDE 'page1.html'} to include a file as a string it
would be nice addiction.
--------------------------------





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