Commit 197ecd8d authored by Stephane Bouvry's avatar Stephane Bouvry
Browse files

- Ajout de texte modifiables dans la fiche activité (Boutons projet)

 - Ajout d'un doc développeur pour les textes modifiables dans VueJS
parent 92402be7
Loading
Loading
Loading
Loading
Loading
+5 −1
Original line number Diff line number Diff line
# Note de développement et travaux en cours
# Note de développement

## Travaux en cours
> Les documents présentés ici n'ont pas valeurs de documentation mais regroupe les recherches/test liés à l'évolution fonctionnel de OSCAR

 - [Dépenses - échange OSCAR/SIFAC](./depenses/sifac/README.md)
 - [Recherche *fulltext* via ElasticSearch](./elasticsearch/README.md)

## Aide développeurs

 - [Système de texte dans l'interface](ui/vue-i18n.md) 

dev/ui/vue-i18n.md

0 → 100644
+102 −0
Original line number Diff line number Diff line
# Gestion des textes dans les UI

## Texte dans les interfaces VUEJS

Utiliser le module **OscarText** dans le fichier d'entrée JS : 

```js
import { createApp } from "vue";
import MonUI from "./views/MonUI.vue";
import {oscarText} from "./utils/OscarText.js";

let domId = "#monui";
let elemDatas = document.querySelector(domId);

const app = createApp(MonUI, {
    "foo": "bar",
    // données dans les data-exemple
//    "exemple": elemDatas.dataset.exemple
});

app.config.globalProperties.$filters = {
    oscarText,
    // autres filtres...
};

app.mount(domId);
```

Puis dans l'interface du fichier VUEJS : 

```html
<div class="alert alert-info">
    {{ $filters.oscarText("Mon super texte") }}
</div>
```

Le texte *"Mon super texte"* est affiché par défaut. Pour que la conversion soit disponible depuis l'interface d'administration, pensez à mettre à jour le fichier de référence des textes "convertissable" avec la commande : 

```bash
php bin/oscar.php text:oscar -b
```

Qui va mettre à jour le fichier `install/oscar.text.json`

La commande `php bin/oscar.php text:oscar -b` permet d'afficher les chaînes trouvées dans les fichiers : 

```text
# file '/var/application/module/Oscar/view/partials/menu-project-activity.phtml'
 ------------------------ ------------------------ -------- 
  Original                 Texte                    custom  
 ------------------------ ------------------------ -------- 
  Activités                Activités                ~       
  Projets                  Projets                  ~       
  Liste des projets        Liste des projets        ~       
  Nouveau projet           Nouveau projet           ~       
  Activités                Activités                ~       
  Liste des activités      Liste des activités      ~       
  Documents téléversés     Documents téléversés     ~       
  Nouvelle activité        Nouvelle activité        ~       
  Bientôt terminés         Bientôt terminés         ~       
  Débutant prochainement   Débutant prochainement   ~       
  Versements               Versements               ~       
  Prochains versements     Prochains versements     ~       
  Versements en retard     Versements en retard     ~       
  Écarts de paiement       Écarts de paiement       ~       
  Liste des versements     Liste des versements     ~       
  Jalons                   Jalons                   ~       
  Liste des jalons         Liste des jalons         ~       
 ------------------------ ------------------------ -------- 

# file '/var/application/ui/src/views/Activity.vue'
 ------------------------- ------------------------- -------- 
  Original                  Texte                     custom  
 ------------------------- ------------------------- -------- 
  Membres                   Membres                   ~       
  Partenaires               Partenaires               ~       
  Lier à un projet          Lier à un projet          ~       
  Créer un nouveau projet   Créer un nouveau projet   ~       
  Membres                   Membres                   ~       
  Partenaires               Partenaires               ~       
  Membres                   Membres                   ~       
 ------------------------- ------------------------- -------- 

# file '/var/application/ui/src/views/MilestonesUI.vue'
 ----------------------------- ----------------------------- -------- 
  Original                      Texte                         custom  
 ----------------------------- ----------------------------- -------- 
  activités                     activités                     ~       
  vos activités                 vos activités                 ~       
  activités de vos structures   activités de vos structures   ~       
  jalons                        jalons                        ~       
  Membre de cette activité      Membre de cette activité      ~       
  Mes activités                 Mes activités                 ~       
  Mes activités                 Mes activités                 ~       
  Activités                     Activités                     ~       
  Mes structures                Mes structures                ~       
  Activités                     Activités                     ~       
 ----------------------------- ----------------------------- -------- 
```

> Utiliser l'option -h pour voir les options disponibles.
+2 −0
Original line number Diff line number Diff line
@@ -10,6 +10,7 @@
    "Bient\u00f4t termin\u00e9s": "Bient\u00f4t termin\u00e9s",
    "Configuration": "Configuration",
    "Configuration et maintenance": "Configuration et maintenance",
    "Cr\u00e9er un nouveau projet": "Cr\u00e9er un nouveau projet",
    "Demande d'activit\u00e9": "Demande d'activit\u00e9",
    "Documents": "Documents",
    "Documents pratiques": "Documents pratiques",
@@ -21,6 +22,7 @@
    "Historique de mes feuilles de temps": "Historique de mes feuilles de temps",
    "Identit\u00e9": "Identit\u00e9",
    "Jalons": "Jalons",
    "Lier \u00e0 un projet": "Lier \u00e0 un projet",
    "Liste des activit\u00e9s": "Liste des activit\u00e9s",
    "Liste des d\u00e9clarants": "Liste des d\u00e9clarants",
    "Liste des jalons": "Liste des jalons",
+5 −2
Original line number Diff line number Diff line
@@ -338,11 +338,14 @@

            <a class="btn btn-default" v-if="credentials.core.change_project" :href="core.urls.change_project">
              <i class="icon-cubes"></i>
              Lier à un projet</a>
              {{ $filters.oscarText("Lier à un projet") }}
            </a>


            <a class="btn btn-default" v-if="credentials.core.new_project" :href="core.urls.new_project">
              <i class="icon-cubes"></i>
              Créer un nouveau projet</a>
              {{ $filters.oscarText("Créer un nouveau projet") }}
            </a>

            <a class="btn btn-default" v-if="credentials.core.duplicate" @click="handlerDuplicate">
              <i class="icon-paste"></i>