Vue

Créer une vue

Vous pouvez adapter une vue en fonction de vos besoins, par exemple changer les couleurs, l'ordre d'affichage, les conditions et les champs qui la composent. Chaque type de vue (Tableau, Agenda, Graphique et Pivot) dispose de ses propres options permettant une meilleure souplesse.

Ajouter une nouvelle vue depuis le menu "Vue" puis cliquer sur le bouton "Ajouter" pour accéder au paramétrage.

screenshot

Description

Vous voilà sur la fiche de personnalisation des vues, elle se compose de plusieurs onglets, pour le moment cliquer sur l'onglet Description pour débuter le paramétrage.

capture capture

Il est conseillé de renseigner un certain nombre de champs pour paramétrer correctement la vue :

Champ Description
Intitulé Nom de la vue.
Table Table SQL sur laquelle la vue est connectée
Type Choisir le type de vue : Tableau, Agenda, Graphique, WebReport, Pivot, Kanban
Rapport Afficher la vue dans un rapport.
Afficher dans les accès rapide Permet d'afficher la vue dans l'Accès rapide acces_rapide de la barre de navigation.
Afficher dans le menu des vues Permet d'afficher la vue dans le menu des vues.
Afficher au démarrage Option permettant l'ouverture de la vue au chargement de l'application.
Pour le(s) groupes(s) Fonctionne avec la case à cocher "Afficher au démarrage".
Multi-sélection Active la multi-sélection sur la table.
Afficher total Affiche sur la dernière ligne du tableau le total.
Afficher moyenne Affiche sur la dernière ligne du tableau la moyenne.
Alterner couleur Permet d'alterner la couleur des lignes (blanc/gris).
Retour à la ligne automatique Permet de prendre en compte les retours à la ligne dans un texte, dans le cas d'un champ CKEditor.
Afficher numéro ligne Afficher un numéro de ligne.
Afficher le mode modification Offre la possibilité d'utiliser le mode “Edit View”
Hauteur Max Permet de définir la hauteur d'une vue.
Afficher barre défilement horizontale Permet d'obtenir une barre de défilement à l'horizontale.
Figer colonne Permet de figer la largeur des colonnes, en partant de la gauche.
Nombre de fiches par page par défaut Paramétrage du nombre de fiches à afficher sur une page.
Permissions Permet de gérer les permissions de la vue.
Description Champ note pour la saisie d'une description de la vue.

Il est déconseillé de cocher toutes les options pour un soucis de performance lors du chargement de la vue.

Agencer les champs

Nous allons maintenant passer à l'onglet Champs, c'est ici que vous allez sélectionner les champs que vous souhaitez voir apparaître dans votre nouvelle vue.

screenshot

  1. La liste de table affiche toutes les tables disponibles dans l'application.

  2. Affiche les champs de la table sélectionnée sur le point n°1.

  3. Permet d'ajouter un champ (flèche de droite) dans la vue ou de le supprimer (flèche de gauche).

  4. Les champs choisis pour apparaître dans la vue, l'ordre d'affichage peut-être modifié avec un glissé-déposé.

Pour ajouter ou supprimer un champ, il suffit de le sectionner et de le déplacer à droite ou à gauche à l'aide des flèches.

Propriétés de la colonne

A l'aide d'un double clic sur un des champs de la colonne de droite, vous accédez aux propriétés du champ dans la colonne. C'est ici que vous allez effectuer des actions ciblées sur le champ de votre vue comme par exemple, augmenter ou diminuer la largeur de la colonne ou encore l'alignement du champ.

capture

A l'ouverture de la fiche, un certain nombre de champs sont repris :

Table, Champ, Alias, Intitulé.

D'autres champs sont renseignés par défaut mais peuvent être modifiés :

Champ Signification
Largeur Définir la largeur souhaitée.
Format Par défaut, GoPaaS détecte le type de champ et renseigne la donnée automatiquement. Mais pour plus de personnalisation, il est possible de choisir un format parmi les options suivantes :
- Text
- Date
- Number
- HTML : permet d'inclure des balises HTML dnas le champ "Code"
- Gauge : permet d'afficher une jauge d'avancement (%) en se basant sur un champ nombre ou une liste ayant des valeurs allant de 0 à 100.
- Rating : permet d'afficher une note sous forme d'étoiles en se basant sur un champ nombre ou une liste ayant des valeurs allant de 0 à 5.
- Smileys : permet d'afficher des emojis en se basant sur un champ nombre ou une liste ayant des valeurs allant de 0 à 5.
- SQL : permet d'exécuter une requête SQL dans le champ "Code".
- SQLNumber : permet d'exécuter une requête SQL dans le champ "Code" pour laquelle le résultat est un nombre.
Code Permet d'écrire des balises HTML ou des requêtes SQL, à condition d'avoir choisi le bon format.
Alignement Définir l'alignement du champ dans la colonne (left, center ou right). Si aucune valeur n'est renseignée, la valeur par défaut est left.
Style Permet d'ajouter du style dans ma colonne.
Exemple :
[{"value": "Client", "style":"font-size:8px;background-color:#ff0000;color:#fff;font-weight:bold;"}, {"value": "Prospect", "style":"font-size:8px;background-color:green;color:#fff;font-weight:normal;"}]
Visible Décocher l'option pour masquer le champ dans la vue.
Masquer sur mobile Cocher l'option pour masquer le champ sur le mobile.
Masquer intitulé sur mobile Cocher l'option pour masquer l'intitulé sur le mobile.
Afficher en ligne sur mobile Cocher l'option pour afficher les données à l'horizontal. NB Le mode mobile de l'utilisateur doit être "List".
Autoriser modification Permet de modifier le champ lors de l'utilisation du mode EditView (se référer à la section "Fonctionnalités d'EditView").

Ajouter des conditions

screenshot

  1. La liste de table nous affiche toutes les tables disponibles dans l'application.

  2. Affiche les champs de la table sélectionnée sur le point n°1.

  3. Permet d'ajouter le champ (flèche vers la droite) sur lequel nous allons faire la condition ou de le supprimer (flèche vers la gauche).

  4. Les champs choisis pour les conditions.

Trier une vue

Via l'onglet mise en forme, il est possible d'effectuer des tris sur votre vue, par exemple pour afficher des actions par statut ou encore trier des comptes par ordre alphabétique.

screenshot

  1. Les tris de 1 à 5 permettent de classer les fiches en fonction des champs qui sont affichés dans la vue (onglet Champs).
  2. Afficher par ordre croissant ou décroissant.
  3. Sélectionner le champ pour effectuer le regroupement.

Code source

Dans l'onglet "Code source" apparaît la requête SQL de la vue.

screenshot screenshot

Détails :

Champs Valeur
SELECT Génère automatiquement en fonction des champs sélectionnés dans l'onglet Champs.
FROM Indique le nom de la table.
JOIN Permet de créer une jointure avec une autre table.
WHERE Génère automatiquement en fonction des champs sélectionnés dans les conditions.
COLONNE Génère automatiquement le paramétrage de chacun des champs.
STYLE Permet d'appliquer un style en fonction de la valeur d'un champ du tableau, voir exemple ci-dessous : Si la ville de la fiche contact = "PARIS" il applique une couleur et met en gras le texte :
Au format XML :
<format><item datafield="ville" value="PARIS" code="0xAE642D" fontweight="bold" fontstyle="normal"/></format>
Ou au format JSON :
[{"datafield":"ville", "condition": "=", "value": "PARIS", "style":"background-color:lightblue;color:#AE642D;font-weight:bold;"}]

Script JS

Le champ Script JS est utilisé pour surcharger le code dans le cas d'une vue liée.

capture

Le script JS peut afficher dans la vue liée un nouveau menu sur le bouton "Ajouter"

capture

Détail pour la ligne "Appel sortant" : 

vb.addAddButton("Appel sortant", null, {
      type: "Appel sortant",
      objet: "Commercial",
      statut: "En cours",
      compte: itemComponent.getValue('compte')
   }
);
Champ Valeur
Type Appel sortant
Objet Commercial
Statut En cours
Compte Récupère la connexion compte de la fiche en cours.

Tableau

La vue tableau sert à afficher tout ou partie des enregistrements d’une table donnée. Elle s’ouvre dans un onglet de l’application.

screenshot

Mettre à jour en masse

Utilisez la fonction de mise à jour en masse depuis le menu Outil de la vue pour modifier rapidement les valeurs d'une liste de fiches.

Recherche / Remplace, suppression ou concaténation de plusieurs champs, ces fonctions sont disponibles dans l'outil MassUpdate.

screenshot

L'outil de mise à jour en masse peux s'avérer très utile lorsque que vous souhaitez traiter rapidement un volume de donnée important.

Il existe 4 fonctions :

Pour utiliser le module de mise à jour en masse, sélectionnez les fiches sur lesquelles vous souhaitez effectuer une mise à jour > Menu outil > Mettre à jour en masse.

capture

Remplacement

Dans notre exemple nous allons remplacer la valeur d'une fiche compte de type "Prospect" à "Client". Recherchez le(s) champ(s) à mettre à jour, dans notre exemple ce sera le champ type Ajoutez simplement votre valeur dans le(s) champ(s) concerné(s) puis cliquez sur le bouton Mettre à jour.

capture

Recherche / Remplace

Dans notre exemple nous allons effectuer une mise à jour de permission. Nous souhaitons remplacer la permission nicolas par Jonathan. Renseigner le code suivant : $$[%note|replace|'nicolas'|'jonathan'%]

Explication du code :

​​​​​​​Concaténation

Concaténation de plusieurs champs existants dans GoPaaS.

Dans notre exemple nous allons concaténer les champs "adresse, cp, ville" dans un champ note Tapez le code suivant dans le champ note : $$[%adresse%] & " " & [%cp%] & " " & [%ville%]

Explication du code :

capture

Opération sur une valeur numérique

Dans notre exemple nous allons soustraire 2 années au champ année d'une fiche. Tapez le code suivant dans le champ année de la liste : $$[%annee%] -2.

Explication du code :

Faites simplement varier le chiffre de fin en fonction de l'opération que vous souhaitez effectuer, -3, -4 ou alors +1, +3,....

NB : Ce type d'opération ne peut être réalisé que sur les champs de type nombre

capture

Supprimer les valeurs d'un champ

Utilisez simplement le code : $$null pour vider la ou les valeur(s) d'un champ.

capture

Les listes déroulantes, les connexions, les champs de type date, nombre et heure définies dans le Designer sont disponibles pour les modifications en masse.

capture

Agenda

La vue agenda vous permet d'afficher par exemple les historiques directement dans un agenda.

screenshot

Le paramétrage de la vue Agenda s'effectue dans l'onglet "Agenda". Dans chacune des listes apparaît les champs que l'on a choisi dans l'onglet "Champs" de la vue.

screenshot

Détails :
​​​​

Champs Valeur
Titre C'est le premier texte qui sera affiché sur l'agenda.
Description / Description 2 / Description 3 Idem que sur le point précédent, ce sont les champs que l'on veut voir sur l'agenda.
Date début C'est le champ date de début de votre fiche.
Heure début C'est le champ heure de début de votre fiche.
Date fin C'est le champ date de fin de votre fiche.
Heure fin C'est le champ heure de fin de votre fiche.
Table de collaboration C'est la vue des collaborateurs que l'on veut afficher dans l'agenda.
Champ du code couleur C'est le champ que l'on choisit pour appliquer les codes couleurs.
Code couleur Il faut ici saisir le code couleur en hexadécimal, exemple ci-dessous :
{ "Nicolas.":"#8B16E5", "Nambourt.":"#FF0000" // Attention pas de virgule sur la dernière ligne }
Champ du code icône C'est le champ que l'on choisit pour l'affichage de l'icône.
Code icône Ce sont les icônes que l'on va afficher en fonction du champ code icône, les codes à utiliser viennent du site Fontawesome.

Graphique

Vous pouvez ajouter une vue de type Graphique pour analyser par exemple vos affaires en cours.

capture

capture

Type graphique : Choix du type de graphique.

capture

Détails :

Champ Description
Titre Titre du graphique.
Champ Valeur C'est le champ qu'il faut sélectionner pour le calcul du pourcentage dans le tableau.
Type calcul Choix du type de calcul : Somme, Nombre, Moyenne, Max ou Min.
Sous-titre Sous-titres du graphique.
Champs Dimension
Regroupement Permet de grouper le résultat sur un champ.
Couleur de fond du widget Non utilisé sur ce type de graphique.
En savoir plus Non utilisé sur ce type de graphique.

Pivot

La vue type Pivot vous permet d'avoir un tableau croisé dynamique directement sur votre application. screenshot

  1. Liste des champs que l'on a ajouté dans la vue.
  2. Afficher des champs dans l'axe des ordonnées.
  3. Afficher des champs dans l'axe des abscisses.
  4. Choix du type de pivot : Table, Bar Chart, ...
  5. Visuel dynamique du pivot.

KanBan

La vue KanBan permet de changer le statut des actions rapidement à l'aide de glisser-déposer.

screenshot

capture

  1. Choix du champ pour regrouper les fiches.
  2. Chaîne JSON listant les valeurs de regroupement dans l'ordre souhaité.
  3. Chaîne JSON décrivant les couleurs à appliquer.

Utilisation d’une vue

Les vues servent à afficher tout ou une partie des enregistrements d’une table donnée. Ou bien dans une fiche, généralement pour lister les enregistrements d’une table connectée, comme par exemple la liste des contacts d’un compte donné.

screenshot

capture

Recherche plaintext

capture

Il est possible d'utiliser des opérateurs logiques (ET, OU, AND, OR) dans la barre de recherche afin d'afiner la recherche. Ces opérateurs logiques vont aller chercher les informations dans les données affichées dans la vue.

Opérateur Description
OR - OU Les opérateurs logique "OR" / "OU" permettent de rechercher des résultats contenant au moins l'un des termes spécifiés.
AND - ET Les opérateurs logique "AND" / "ET" permettent de rechercher des résultats contenant tous les termes spécifiés.

Exemple :

Je veux rechercher les fiches dont la ville est soit PARIS soit AMIENS

screenshot

On remarque que dans la deuxième ligne la ville n'est pas égale à PARIS ou AMIENS mais on retrouve la valeur "Paris" dans "Adresse1".

Je veux rechercher les fiches dont la ville est Paris et le code postal 75008

screenshot

La zone « dans » permet de préciser sur quel champ la recherche doit s’effectuer. Par défaut, c’est l’option Tous qui est sélectionnée, c’est-à-dire que la recherche doit s’effectuer dans l’ensemble des champs présents dans la vue. Une recherche utilisant les opérateurs logiques doit s'effectuer dans "Tous".

Recherche avancée

capture

On choisit le champ sur lequel on veut filtrer puis la condition. Là encore, n’apparaît dans la liste de champs que ceux présents dans la vue (y compris les champs invisibles). Pour ajouter une condition, cliquer sur le bouton plus. Quand on est satisfait de son filtre, on peut l’enregistrer. Cliquer sur la flèche du bouton "Filtrer".

capture

Sur la flèche bas du bouton filtre on retrouve les recherches sauvegardées.

capture

Fonctionnalités de ViewDesigner

ViewDesigner est une fonctionnalité conçue pour offrir aux utilisateurs une flexibilité et une personnalisation de leurs vues de données.

Grâce au bouton "Designer", les utilisateurs peuvent passer une vue en mode édition.

Ce mode permet de modifier l'emplacement des colonnes, d'ajuster leur taille et de changer les titres des colonnes.

Avec ViewDesigner, vous avez le contrôle total sur la présentation de vos données. Voici les fonctionnalités clés :

Accès au mode Designer

  1. Ouvrir la vue de données : Accédez à la vue de données que vous souhaitez personnaliser dans l'application GoPaaS.
  2. Activer ViewDesigner : Cliquez sur le bouton "Designer" situé généralement en haut à droite de la vue de données. La vue passera en mode édition, vous permettant de modifier la présentation des données.

capture

Modification de l'emplacement des colonnes

capture

Ajustement de la taille des colonnes

capture

capture

Changement des titres des colonnes

Sauvegarde des modifications

Fonctionnalités d’EditView

EditView offre la possibilité d'ajouter ou de modifier des fiches directement depuis une vue. Cet outil flexible permet une gestion des données plus rapide et plus intuitive, en évitant de naviguer entre différentes fiches pour effectuer des modifications ou ajouts de données.

Activer le Mode Modification

  1. Accès aux Propriétés de la Vue : Ouvrez les paramètres ou les propriétés de la vue où vous souhaitez utiliser EditView.

capture

  1. Activer EditView : Recherchez l'option "Afficher le mode modification" et cochez la case correspondante. Cette action active le mode d'édition pour la vue actuelle, permettant des modifications directes.

capture

Configurer les champs modifiables

Une fois le mode modification activé, vous devez spécifier quels champs seront modifiables :

  1. Accéder aux Propriétés de chaque champ : Ouvrez les propriétés ou les paramètres de chaque champ présent dans la vue.
  2. Autoriser la modification : Pour chaque champ que vous souhaitez rendre modifiable, cochez la case "Autoriser modification". Si vous ne cochez pas cette option, le champ restera en lecture seule et ne pourra pas être édité directement depuis la vue. capture

L'alias du champ doit rester identique au nom du champ pour que les modifications fonctionnent correctement.

Fonctionnalités Clés