AppGini Helper JavaScript Library

If you're a new user of AppGini, feel free to ask general usage questions, or look for answers here.
Post Reply
User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 238
Joined: 2018-07-06 06:03
Location: Kiel, Germany
Contact:

AppGini Helper JavaScript Library

Post by jsetzer » 2019-09-09 13:21

Hello everyone,

as some of you have requested and some of you already know, I have put together my "most wanted" JavaScript functions in a JavaScript library which can simply be included and used in your app. Many of these functions have been requested a couple of times here, directly by PM or by email. So I have decided to bundle useful functions.

For an experienced TypeScript / JavaScript developer this is definately not rocket science. But I'm convinced that this library may help at least the "normal AppGineers" having less skills in JavaScript and/or Bootstrap classes.

Here is a summarizing picture of a "modified" Online Clinic Management System (OCMS) from here: http://bigprof.com/appgini/applications ... ent-system

AppGiniHelperJavaScriptLibrary-201909.png
AppGiniHelperJavaScriptLibrary-201909.png (147.76 KiB) Viewed 199 times

List of functions which are already available and documented.
  • Two-Column-Layout for detail view pages
  • Hide field /fields
  • Hide labels
  • Rename labels
  • add Buttons below ActionButtons (links to other pages or buttons calling JavaScript functions)
  • change icon and title of your app
  • add dividers and headlines between fields
  • more inside and more to come
Keep in mind that the library is still growing.

Everything you need to know (hopefully) can be read here:
https://www.bizzworxx.de/en/appgini-helper/


Developing all that stuff, testing, bundling, documenting, building and maintaining the homepage and shop-integration took a lot of time, as maintaining the lib will take more time in the future. I hope for your understanding that I can not publish the library for free because I have to live from my programming. You can buy the library at the fastspring.com platform which you might already know from your AppGini ordering process.

I hesitated for a long time whether to write this post or not, because in the end it is obviously advertising that does not really belong here. I hope you do not mind me.

Here are the most important links: There is a lot more on the roadmap and I'm happy to hear your wishes and requirements.

With kind regards,
Jan

onoehring
Veteran Member
Posts: 263
Joined: 2019-05-21 22:42
Contact:

Re: AppGini Helper JavaScript Library

Post by onoehring » 2019-09-10 08:00

Hi Jan,

haven't even read the complete post, but want to say thank you already.
Thank you very much.

Olaf

mekin
Posts: 14
Joined: 2019-04-22 17:09

Re: AppGini Helper JavaScript Library

Post by mekin » 2019-09-10 11:40

Jan, thanks again for this beautifull library.

User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 238
Joined: 2018-07-06 06:03
Location: Kiel, Germany
Contact:

Re: AppGini Helper JavaScript Library

Post by jsetzer » 2019-09-11 02:38

Thank you, @mekin and @onoehring, for your feedback, I am pleased!

Jan

User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 238
Joined: 2018-07-06 06:03
Location: Kiel, Germany
Contact:

AppGini Helper JavaScript Library: More space for data

Post by jsetzer » 2019-09-11 03:34

Update 2019/09/11

Good morning,

next version of AppGini Helper JavaScript Library will contain couple of new features (see changelog) and one of them may be interesting for you if you'd like to provide more space for data and less for (action-) buttons in detail view. Here is a screenshot. Please have a look at the action buttons at the right hand side:

chrome_2019-09-11_04-24-06.png
chrome_2019-09-11_04-24-06.png (104.92 KiB) Viewed 129 times

This can be reached by changing the width of the action buttons container and by hiding button labels with a couple of lines of code provided by AppGini Helper JavaScript Library:

Code: Select all

// file: hooks/patients-dv.js
new AppGiniDetailView().ActionButtons()
    .width(1)
    .sizeButtons(Size.lg)
    .hideText();

Despite there is less information visible now, experienced users will know the buttons' functionality by color, icon and position. Anyway, your users will still see the buttons' text (in your language) as tooltip on mouseover and will get used to it after couple of usages.


chrome_2019-09-11_04-44-44.png
chrome_2019-09-11_04-44-44.png (2.68 KiB) Viewed 129 times

The new function have been documented at the bottom of the following page:
https://www.bizzworxx.de/en/appgini-hel ... n-buttons/

Hope you like it! Have a good day,
Jan

PS: Playing around with the new .addButton() function and the new .compact() function we can even toggle visibility of buttons' texts with only little code:
2019-09-11_05-32-51.gif
2019-09-11_05-32-51.gif (161.38 KiB) Viewed 129 times

Code: Select all

var dv = new AppGiniDetailView();
var container = dv.ActionButtons();
var group = container.addGroup("Links");
// ...
group.addButton("Show", function () { dv.compact(); }, null, "minus");
group.addButton("Hide", function () { dv.compact(false); }, null, "plus");

User avatar
jsetzer
AppGini Super Hero
AppGini Super Hero
Posts: 238
Joined: 2018-07-06 06:03
Location: Kiel, Germany
Contact:

Re: AppGini Helper JavaScript Library

Post by jsetzer » 2019-09-15 19:57

Hello AppGineers,

next version of our AppGini Helper JavaScript Library will provide a couple of new features for input fields:

2019-09-15_19-05-27.png
2019-09-15_19-05-27.png (4.51 KiB) Viewed 38 times
2019-09-15_19-18-01.png
2019-09-15_19-18-01.png (4.26 KiB) Viewed 38 times

Stay tuned, will be released the next days.

Regards,
Jan

Post Reply