[Firestore] Lire le contenu de la base de données

Bonjour à tous,

j'ai récupéré un code que j'ai adapté afin d'afficher les données de la base de données Firestore.
Mais je n'arrive pas à écrire une boucle pour tout lire... je n'arrive ici à lire que le champs nommé "Contexete" du document "AbabababBAbabab".

J'aimerai afficher la liste de tous les documents ainsi que la liste des champs à chaque fois...

quelqu'un peut-il m'aider svp ?

Merci

Page html:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
 
<head>
    <title>Firestore</title>
    <script src="https://www.gstatic.com/firebasejs/5.7.2/firebase.js"></script>
    <script src="https://www.gstatic.com/firebasejs/4.6.0/firebase-firestore.js"></script>
 
 
</head>
<body>
 
    <h1 id="lblQuote"></h1>
 
  <!--  <input type="text" id="txtQuote" />
 <button id="saveButton">SAVE</button>-->
    <button id="loadButton">LOAD</button>
    <script src="app.js"></script>
</body>
 
 
</html>

Code js:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
  // Initialize Firebase
  var config = {
    apiKey: "xxx",
    authDomain: "xxx",
    databaseURL: "xxx",
    projectId: "xxx",
    storageBucket: "xxx",
    messagingSenderId: "xxx"
  };
  firebase.initializeApp(config);
 
 const outputHeader=document.querySelector("#lblQuote");
 const inputTextField=document.querySelector("#txtQuote");
 const saveButton=document.querySelector("#saveButton");
 const loadButton=document.querySelector("#loadButton");
 
var firestore = firebase.firestore();
 
const docRef = firestore.doc("BaseDeDonnéesXXX/ababAbabAbabaB");
 
/*
saveButton.addEventListener("click",function(){
    const textToSave=inputTextField.value;
    console.log("Quotes "+textToSave);
    
    docRef.set({
        Contexte:textToSave   
    }).then(function(){
        console.log("Quote Save");
    }).catch(function(error){
        console.log("Got an error: ",error);
    });
});*/
 
loadButton.addEventListener("click",function(){
    docRef.get().then(function(doc){
        if(doc && doc.exists){
            const myQuote=doc.data();
            outputHeader.innerText="My Inspirational Quote: "+myQuote.Contexte; 
        }
    }).catch(function(error){
        console.log("Got an error: ",error);
    });
});
 
 
 
//Real Time Data
 
getRealTimeUpdate=function(){
    docRef.onSnapshot(function(doc){
        if(doc && doc.exists){
            const myQuote=doc.data();
            console.log("Check out this document I received ",doc);
            outputHeader.innerText="Traitement en cours : "+myQuote.Contexte;
        }
    });
}
getRealTimeUpdate();