Discussion :

[omarter]

Bonjour,

Je cherche un script qui me permettrait de compter le nombre d'action ('une plan d'action) dans SharePoint en fonction de son statut.
Dans la colonne "STATUS" de la liste "LISTE", je souhaiterais compter combien d'action ont le status :
"En cours" et "terminé".

Idéalement je souhaiterais avoir une variable par status qui contient le nombre de status pour les placer dans un tableau html du type :

| EN COURS | TERMINE |
-------------------------------
| xxx | yyy |

D'après les infos que j'ai trouvé sur le web, il faut pour cela le faire grace à script que je mettrais dans le script editor.
Mais comme je ne sais pas coder en JavaScript, je cherche une ame charitable qui aurait la réponse

Merci d'avance

[SpaceFrog]

ce n'est pas aussi simple que cela, même pour quelqu'un qui connait parfaitement js ...

Il faut savoir comment tu interroges la liste en question, sur la page de liste elle même? à partir d'une autre page ? , ( avec l'api search ? du camel query? avec CSOM ou JSOM ?)

Si c'est sur la page de la liste ou un affichage de la laits il faudra en effet insérer un composant script sur la page et étudier la structure du code html -DOM) afin de récupérer les éléments souhaites.
Si c'est par requête à partir d'une autre page, il faudra selon le retour parser le résultat pour dénombrer ce que tu souhaites

[omarter]

Oui je pense que ce n'est pas si simple.

Je ne sais pas si avec ma pauvre connaissance je vais pouvoir te donner les infos relatives à tes questions, mais je peux te dire ce que j'ai déjà en place :

- La liste est dans une page
- Dans la page il y a aussi un editeur de script.
- Via cet éditeur, j'ai deja un script qui me permet de faire du format conditionnel :
--> Les lignes de la liste passent en vert quand le status de l'action est "Implémentée"
--> Les lignes de la liste passent en gris quand le status de l'action est "Non retenue"

Je me dis que si le script arrive a trouver la ligne grace au status, je me dis qu'il est aussi capable de compter et de stocker l'info dans une variable que je peux reprendre pour la mettre en forme. Je ne sais pas si c'est possible.

Voici le script deja en place :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> 
<script>
 
 
 
    $(document).ready(function(){
 
        $Text = $("td .ms-vb2:contains('Implémentée')").filter(function() {
  return $(this).text() == "Implémentée";})
        $Text.parent().css("background-color", "#5fc54d");
 
        $Text = $("td .ms-vb2:contains('Non retenue')");
        $Text.parent().css("background-color", "#999999");
 
 
    }); </script>

[SpaceFrog]

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
  $Text = $("td .ms-vb2:contains('Implémentée')").filter(function() {
  return $(this).text() == "Implémentée";})

curieux de faire un filter sur le :contains ...



Nous sommes donc sur une seule et même page et le script en place procède par parsage du DOM (assez maladroitement d'ailleurs au vu du doublonnage du filter )
Il suffit selon moi de remplacer le code en place dans l'editeur de script par celui ci

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
 $(document).ready(function(){
     $Cells = $("td .ms-vb2");
     $Impl=$Cells.filter(function() {return $(this).text() == "Implémentée";});
     NbrImpl= $Impl.length;
     $Impl.parent().css("background-color", "#5fc54d");
 
     $Ref= $Cells.filter(function() { return $(this).text() == "Non retenue";});
     NbrRef=$Ref.length
     $Ref.parent().css("background-color", "#999999");
 
    }); </script>

les deux variables MbrImpl et NbrRef sont respectivement le nombre d'implémentations et de refus
A toi des les utiliser comme tu veux par exemple en les injectant après le tableau dans des spans

[omarter]

Excellent !
C'était donc un si petit bout de code

Merci beaucoup de ton aide !

Je profite de ce post pour exprimer ma nulité et de te demander si tu aurais un exemple de code a ajouter pour afficher le resultat dans la page actuelle ?

[SpaceFrog]

Tout dépend d'où tu souhaites l'afficher.

Crée un élement du DOM n'est pas compliqué.
Ce qui l'est plus est de l'insérer dans la page quand tu ne sais pas comment la page est faite ...

Je peux créer un div et le mettre après le tableau en partant du selecteur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 $("td .ms-vb2:contains('Implémentée')")

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 $("td .ms-vb2:contains('Implémentée')").parents('table:eq(0))

me donne le tableau contenant les textes ...

[omarter]

Merci beaucoup pour ta réponse, mais dans le genre nul, je suis nul.

Je ne suis pas certain de bien avoir compris.
J'ai fait quelques testes mais je n'arrive pas à avoir le resultat attendu.

Voici le dernier code que j'ai testé et je ne vois pas de tableau avec le nombre de "implémentée" qui s'affiche :

Est-ce que tu pourrais me dire ce qui me manque ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> 
<script>
 
 
 
    $(document).ready(function(){
 
     $Cells = $("td .ms-vb2");
     $Impl=$Cells.filter(function() {return $(this).text() == "Implémentée";});
     NbrImpl= $Impl.length;
     $Impl.parent().css("background-color", "#5fc54d");
 
     $Ref= $Cells.filter(function() { return $(this).text() == "Non retenue";});
     NbrRef=$Ref.length
     $Ref.parent().css("background-color", "#999999");
     $("td .ms-vb2:contains('Implémentée')").parents('table:eq(0));
 
    }); </script>

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

  $("td .ms-vb2:contains('Implémentée')").parents('table:eq(0));

ben déja une quote fermante ...

Mais même avec je ne vois pas ce que tu cherches à faire ?

[omarter]

maintenant que j'ai grace a ton code une méthode pour compter combien de ligne contient le mot "Implémentée", maintenant j'aimerais afficher le résultat dans un tableau div ou td qui se trouve sur cette meme page.

Merci pour ta patience SpaceFrog

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
//on créé un div avec le bon texte dedasn
$div=($('<div/>').html('Implémenté : '+NbrImpl+'</br/>Non Retenus : '+NbrRef);
//on pointe sur le tableau et on colle el div après 
  $("td .ms-vb2:contains('Implémentée')").parents('table:eq(0)').After($div);

[omarter]

Donc ca donne ca ?
J'ai copié/collé le code ci-dessous et pour le moment je n'ai pas de resultats

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> 
<script>
 
 
 
    $(document).ready(function(){
 
     $Cells = $("td .ms-vb2");
     $Impl=$Cells.filter(function() {return $(this).text() == "Implémentée";});
     NbrImpl= $Impl.length;
     $Impl.parent().css("background-color", "#5fc54d");
 
     $Ref= $Cells.filter(function() { return $(this).text() == "Non retenue";});
     NbrRef=$Ref.length
     $Ref.parent().css("background-color", "#999999");
 
//on créé un div avec le bon texte dedasn
$div=($('<div/>').html('Implémenté : '+NbrImpl+'</br/>Non Retenus : '+NbrRef);
//on pointe sur le tableau et on colle el div après 
  $("td .ms-vb2:contains('Implémentée')").parents('table:eq(0)').After($div);
 
    }); </script>

[SpaceFrog]

cela devrait insérer un div en dessous du tableau ...
regarde dans le code source en console voir si le div est bien inséré.
Après c'est peut être aussi un souci d'affichage (ovreflow)

[omarter]

Je viens de regarder la console.

Avec les deux lignes qui permettent d'afficher le tableau avec le résultats du nombre "implémenté" à savoir :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> 
<script>
 
 
 
    $(document).ready(function(){
 
     $Cells = $("td .ms-vb2");
     $Impl=$Cells.filter(function() {return $(this).text() == "Implémentée";});
     NbrImpl= $Impl.length;
     $Impl.parent().css("background-color", "#5fc54d");
 
     $Ref= $Cells.filter(function() { return $(this).text() == "Non retenue";});
     NbrRef=$Ref.length
     $Ref.parent().css("background-color", "#999999");
 
//on créé un div avec le bon texte dedasn
$div=($('<div/>').html('Implémenté : '+NbrImpl+'</br/>Non Retenus : '+NbrRef);
//on pointe sur le tableau et on colle el div après 
  $("td .ms-vb2:contains('Implémentée')").parents('table:eq(0)').After($div);
 
    }); </script>

Le script ne se lance pas et le div ne se crée pas. La formatage conditionnel qui permettait de coloré les lignes ne fonctionne plus également.

Quand j'enlève les 2 lignes

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
     $Ref= $Cells.filter(function() { return $(this).text() == "Non retenue";});
     NbrRef=$Ref.length
     $Ref.parent().css("background-color", "#999999");

Les couleurs du tableau reviennent.

As tu une idée qui pourrait résoudre le problème ?

Merci pour ton support

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> 
<script type="text/html">
 $(function(){
 
     $Cells = $("td .ms-vb2");
     $Impl=$Cells.filter(function() {return $(this).text() == "Implémentée";});
     NbrImpl= $Impl.length;
     console.log(NbrImpl);
     $Impl.parent().css("background-color", "#5fc54d");
 
     $Ref= $Cells.filter(function() { return $(this).text() == "Non retenue";});
     NbrRef=$Ref.length;
     console.log(NbrRef);
     $Ref.parent().css("background-color", "#999999");
 
//on créé un div avec le bon texte dedans
$div=($('<div/>').html('Implémenté : '+NbrImpl+'</br/>Non Retenus : '+NbrRef);
console.log($div.html());
//on pointe sur le tableau et on colle le div après 
  $("td .ms-vb2").parents('table:eq(0)').After($div);
 
    }); </script>

Que donne le script ci dessus en console ?