IU-DATA

Spinner 4 Borders v1.0.0



1 - Présentation & fonctionnalités

Cette extension "add-on" permet d'ajouter une indication de chargement configurable aux utilisateurs de vos solutions FileMaker lors du déroulement d'une procédure!

Uniquement contenu à l'intérieur d'un web viewer, il est possible de paramétrer le web viewer de manière totalement indépendante avec un simple copier-coller.

Il suffit d'afficher le web viewer à l'aide du script d'appel Spinner 4 Borders - Show / Hide the spinner en début de procédure puis de cacher le web viewer à l'aide du même script en fin de procédure.

Fonctionnalités :


2 - Installation / Configuration / Paramètres

2.1 Installation

  1. Fermer FileMaker Pro

  2. Copier le dossier IUD_Spinner4Borders_v1_AddOn dans le répertoire suivant :

     - macOs : ~/Library/Application Support/FileMaker/Extensions/AddonModules/
     - Windows : AppData\Local\FileMaker\Extensions\AddonModules\
    
  3. Dans FileMaker Pro, ouvrir la solution dans laquelle vous souhaitez ajouter le Add-On.

  4. En mode modèle, ouvrir le panneau latéral gauche sur l'onglet Add-ons, cliquer sur le bouton ajouter   .

  5. Dans la catégorie IU-DATA, sélectionner Spinner 4 Borders puis cliquer sur Choisir   .

  6. Glisser-déposer le add-on Spinner 4 Borders sur le modèle.

2.1 Configuration

Le Add-on peut fonctionner hors contexte grâce à l'utilisation de la rubrique globale IUD_Spinner4Borders:gct_WV_FinalCode.

  1. Copier-coller le web viewer contenant la formule de calcul du Add-on sur le modèle souhaité.

  2. Modifier les paramètres dans le cacul du web viewer.

  3. Incorporer l'affichage et le masquage du Spinner dans vos procédure à l'aide du script Spinner 4 borders - Show / Hide the spinner.

Exemple de code associé au web viewer :

Let ( 
[
_Spinner_BorderTopColor = "#97CFC2" ;
_Spinner_BorderRightColor = "" ;
_Spinner_BorderBottomColor = "#D9E13A" ;
_Spinner_BorderLeftColor = "" ;
_Spinner_InactivColor = "#F3F3F3" ;

_Spinner_Size = 20 ;
_Spinner_BorderSize = 3 ;
_Spinner_Speed = 1 ;

_Text_Content = "Loading..." ;
_Text_Color = "#97CFC2" ;
_Text_Size = "1.2rem" ;
_Text_Weigh = "normal" ;
_Text_Position = "Right" ;

_Container_PositionX = "50%" ;
_Container_PositionY = "50%" ;

_Body_BackgroundColor = "" ;
_Body_BackgroundPicture = "" ;

_Img = Case ( not IsEmpty ( _Body_BackgroundPicture ) ; "     <img class='background_img' src='data:image/png;base64, "& Base64Encode ( _Body_BackgroundPicture )&"' alt='' />"; "" );
_TextDiv = "<div class=\"text{{Spinner_ClassSide}}\">{{Spinner_Text}}</div>";

_DivTextBottom = Case ( _Text_Position = "Bottom" or _Text_Position = "Right" ; _textDiv ; "" ) ;
_DivTextTop = Case ( _Text_Position = "Top" or _Text_Position = "Left" ; _textDiv ; "" ) ;
_ClassSide = Case ( _Text_Position = "Left" or _Text_Position = "Right" ; "-side" ; "" ) ;

_BorderTop = Case ( not IsEmpty ( _Spinner_BorderTopColor ) ; "{{Spinner_BorderSize}}px solid " & _Spinner_BorderTopColor ; "''" );
_BorderBottom = Case ( not IsEmpty ( _Spinner_BorderBottomColor ) ; "{{Spinner_BorderSize}}px solid " & _Spinner_BorderBottomColor ; "''" );
_BorderLeft = Case ( not IsEmpty ( _Spinner_BorderLeftColor ) ; "{{Spinner_BorderSize}}px solid " & _Spinner_BorderLeftColor ; "''" );
_BorderRight = Case ( not IsEmpty ( _Spinner_BorderRightColor ) ; "{{Spinner_BorderSize}}px solid " & _Spinner_BorderRightColor ; "''" );

_Code = IUD_Spinner4Borders::gct_WV_FinalCode ;

_FinalCode = Substitute (
               _Code ; 
               [ "{{Spinner_BackgroundColor}}" ; _Body_BackgroundColor ] ;
               [ "{{Spinner_BackgroundImage}}" ; _img ] ;

               [ "{{Spinner_DivTextBottom}}" ; _divTextBottom ] ;
               [ "{{Spinner_DivTextTop}}" ; _divTextTop ] ;

               [ "{{Spinner_BorderTop}}" ; _BorderTop ] ;
               [ "{{Spinner_BorderBottom}}" ; _BorderBottom ] ;
               [ "{{Spinner_BorderLeft}}" ; _BorderLeft ] ;
               [ "{{Spinner_BorderRight}}" ; _BorderRight ];
               [ "{{Spinner_InactivColor}}" ; _Spinner_InactivColor ] ;

               [ "{{Spinner_Size}}" ; _Spinner_Size ] ;
               [ "{{Spinner_BorderSize}}" ; _Spinner_BorderSize ] ;
               [ "{{Spinner_Speed}}" ; _Spinner_Speed ] ;

               [ "{{Spinner_PositionX}}" ; _Container_PositionX ] ;
               [ "{{Spinner_PositionY}}" ; _Container_PositionY ] ;

               [ "{{Spinner_DivTextBottom}}" ; _DivTextBottom ] ;
               [ "{{Spinner_DivTextTop}}" ; _DivTextTop ] ;
               [ "{{Spinner_FontColor}}" ; _Text_Color ] ;
               [ "{{Spinner_FontSize}}" ; _Text_Size ] ;
               [ "{{Spinner_TextPosition}}" ; _Text_Position ] ;
               [ "{{Spinner_TextWeigh}}" ; _Text_Weigh ] ;
               [ "{{Spinner_Text}}" ; _Text_Content ] ;
               [ "{{Spinner_ClassSide}}" ; _ClassSide ]

 
            )
]
;
"data:text/html;charset=utf-8,¶" & _FinalCode
)

2.2 Paramètres

Valeurs de paramètres modifiables :

⚠️   si vous modifiez les noms des paramètres il faudra reporter vos modifications dans _finalCode le cas échant

⚠️   Paramètres à ne pas modifier :


3 - Tables / Scripts / Fonctions personnalisées / Listes de valeurs

3.1 - Tables

3.2 - Scripts

3.3 - Fonctions personnalisées

Aucune fonction personnalisée dans cet add-on.

3.4 - Listes de valeurs

Aucune liste de valeurs dans cet add-on.


4 - Dépendances

Aucune dépendance dans cet add-on.


5 - Compatibilités

Systèmes d'exploitations :

Plateformes :


6 - Contrat de licence utilisateur final

Remarque importante : Veuillez lire attentivement le présent CLUF. Le fait de télécharger, d'installer, d'utiliser ou de modifier le présent add-on signifie que l'utilisateur final et son organisation acceptent le présent CLUF.

Définitions :

Termes du contrat :
IU-DATA autorise l'utilisateur final et son organisation ou son foyer à utiliser, modifier, copier le add-on à sa convenance. IU-DATA autorise, l'utilisateur final et son organisation, l'utilisation à des fins commerciales lorsque le add-on fait partie intégrante d'une solution dont le spectre d'utlisation est autrement plus large que celui définit par les fonctionnalités du add-on seul. En revanche IU-DATA n'autorise pas, l'utilisateur final et son organisation, l'utilisation à des fins commerciales ou de distribution du add-on, modifié ou non en tant que produit fini.

L'utilisateur final et son organisation / foyer disposent d'une assitance gratuite d'une durée de 2 mois à compter de la date d'achat, pour toute question relative à l'utilisation et la configuration de cet add-on.
L'accès intégral aux sources FileMaker ainsi qu'au code source utilisé dans le web viewer offre, à l'utilisateur final et son organisation / foyer, un contrôle total sur la modification de cet add-on. Il est donc naturel que nous ne puissions intervenir de manière gratuite sur un add-on dont le code aurait été altéré par rapport à la version d'origine qu'IU-DATA a délivré. De même IU-DATA ne serait être tenue responsable de tout dysfonctionnement des éventuelles bibliothèques mentionnées en paragraphe 4 - Dépendances, ainsi que des dysfonctionnements du add-on suite à une utilisation sur un système d'exploitation ou une plateforme FileMaker autre que ceux mentionné en paragraphe 5 - Compatibilités.

Contact :
Pour toute information, veuillez nous contacter à cette adresse : product@iu-data.com


7 - Réalisation

Création et développement :

Design de l'icône :


8 - Change Log

16/02/2021 - Spinner 4 Borders v1.0.0 - 1st release



© IU-DATA 2021