# Verbesserung der Grafiken

**URL:** <https://community.gladysassistant.com/t/amelioration-des-graphiques/8954>\
**Category:** Développement\
**Created:** [23. Mai 2024 um 20:51 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954 "2024-05-23T20:51:31Z")\
**Posts on this page:** 20\
**Page:** 5

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [7. Juni 2024 um 10:02 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/81 "2024-06-07T10:02:59Z")

</div>

Am Ende gefällt mir das allererste Bild am besten.

Ich finde, die Versionen mit Rahmen sind zwar verständlicher, aber weniger schön.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [7. Juni 2024 um 12:21 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/82 "2024-06-07T12:21:10Z")

</div>

Der Mülleimer ohne den Knopf ist super sauber, finde ich 🙂

Die Knöpfe vertikal zentriert sind sehr schön, aber sobald die Spalte ultra lang ist, muss man scrollen, um sie zu erreichen, also nicht sehr praktisch, finde ich

Und wenn du den Knopf in Bezug auf die Oberseite des Drop-Bereichs der Spalte (aber nicht des Titels) ausrichtest?

---

<div class="post-metadata">

**Author:** ![Terdious](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/terdious/32/6316_2.png) [@Terdious](https://community.gladysassistant.com/u/Terdious)\
**Post date:** [7. Juni 2024 um 12:37 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/83 "2024-06-07T12:37:32Z")

</div>

Entschuldigung, ich brauche den Kontext, um sicher zu sein ^^

> [@pierre-gilles](#):
>
> Vertikal zentrierte Schaltflächen sehen zwar schön aus, aber sobald die Spalte extrem lang ist, muss man scrollen, um sie zu erreichen, also nicht sehr praktisch, finde ich

Hier sprichst du über die Mülleimer und das ‹&nbsp;+&nbsp;›, oder? Bei den Mülleimern ist es nicht schlimm, da die Spalte leer sein muss, um zu löschen, das passiert oben auf der Seite (der Vorteil eines Zurück-Buttons oben auf der Seite übrigens) oder?

> [@pierre-gilles](#):
>
> Und wenn du die Schaltfläche in Bezug auf den oberen Rand des Drop-Bereichs der Spalte (aber nicht des Titels) ausrichtest?

Hier sprichst du nur über das ‹&nbsp;+&nbsp;›, oder? Also so? Fest oder mobil mit dem Scrollen? :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/2/5/25c273ff29dd5295f784030c4e27bd277d505e13.png)

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [7. Juni 2024 um 13:11 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/84 "2024-06-07T13:11:57Z")

</div>

> [@Terdious](#):
>
> Là tu parles des poubelles et du + ?

Der +!

> [@Terdious](#):
>
> Là tu ne parle que du ‹ + › non ? Comme cela donc ? Fixe ou mobile avec le scroll du coup ? :

Ja, der +!

So, aber ich hätte gerne einen rechteckigen Button hier ausprobiert, damit es eine gerade Linie gibt, die mit der Drop-Zone fluchtet. So versteht man, dass es eine Fortsetzung ist und dass, wenn man darauf klickt, dasselbe erscheint!

Außerdem sollten die Spalten meiner Meinung nach linksbündig und nicht horizontal zentriert sein.

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [7. Juni 2024 um 13:16 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/85 "2024-06-07T13:16:53Z")

</div>

> [@pierre-gilles](#):
>
> Für mich sollten die Spalten linksbündig und nicht horizontal zentriert sein

Damit bin ich einverstanden, und es macht es umso logischer, dass man, wenn rechts etwas leer ist, es ausfüllen kann 😉

---

<div class="post-metadata">

**Author:** ![Terdious](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/terdious/32/6316_2.png) [@Terdious](https://community.gladysassistant.com/u/Terdious)\
**Post date:** [9. Juni 2024 um 06:54 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/86 "2024-06-09T06:54:03Z")

</div>

Hallo hallo !!^^

Wäre das so in Ordnung? Also:

- Grauer Mülleimer ohne Umrandung, zentriert zum Text der Spalte (und nicht auf der unteren Linie).
- Spalten linksbündig mit klarer Aufteilung:
  - Bei 3 Spalten =\> `col-lg-12 / 3`
  - Bei 2 Spalten =\> `col-lg-10 / 2` und `col-lg-2` für das ‹&nbsp;+&nbsp;›
  - Bei 1 Spalte =\> `col-lg-10` und `col-lg-2` für das ‹&nbsp;+&nbsp;›

- Button ‹&nbsp;+&nbsp;› eingefasst, ausgerichtet auf die Card der Boxes. Beschreibung beim Überfahren mit der Maus links (auf eigene Faust). Folgt momentan nicht dem Abstieg, wenn viele Boxes in den anderen Spalten sind. Anzeige des Buttons mit Text im Wrap-Modus auf Mobilgeräten.  
 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/0/c/0c3fbfaa43ac2c29ce00b5aa34a819020d016139.png)

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/0/2/025d1d375f02ee5b9e17a09127ae6f8dcb615e23.png)

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/9/1/919194c58f2fa59ce4f1e456cb43b8a7dc3cd250.png)

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/3/6/3604640b5c80b7a00b7bee0c1899675800d98cd6.png)

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/7/6/76a15cd74331903d6d34280c87968ae05e4ccf4b.png)

Sagt mir, ob ich die Beschreibung entferne (ich denke, das wäre schade), ob ich das Folgen beim Abstieg hinzufüge und ob ich den Text auf Mobilgeräten entferne.

EDIT: Ich habe die rechten Ränder überarbeitet, die nicht gut waren. Alles ist verschoben.

---

<div class="post-metadata">

**Author:** ![MathieuA](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/mathieua/32/22211_2.png) [@MathieuA](https://community.gladysassistant.com/u/MathieuA)\
**Post date:** [9. Juni 2024 um 09:12 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/87 "2024-06-09T09:12:01Z")

</div>

Hallo !

Ich erlaube mir, einzugreifen (das ist jetzt eher selten 😆)

Warum nicht einfach einen Selektor für die Anzahl der Spalten im Formular direkt darüber einfügen?  
Das ist viel einfacher und intuitiver, weil es dem Benutzer sofort ermöglicht zu verstehen/zu sehen, dass er die Anzahl der Spalten seines Dashboards ändern kann, und es gibt keine Designprobleme (im Gegensatz zu den meisten Vorschlägen, die bisher gemacht wurden, ohne böse sein zu wollen)

Edit: Ich habe die Ansicht schnell zusammengeschustert, um ein Beispiel zu haben =\>

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/4/d/4ddde845977368358eb761fcc9496bb9369ed2ee.png)

Ich habe auch das Formular überarbeitet, damit es responsiver ist und die Konsistenz bleibt.

> **Der reine HTML-Code, falls nötig**
>
> ```html
> <div class="row mb-3">
> <div class="col-md-4">
> <div class="form-group">
> <label class="form-label">Name</label>
> <input type="text" class="form-control"placeholder="Name" />
> </div>
> </div>
> <div class="col-md-4">
> <div class="form-group">
> <label class="form-label">Sichtbarkeit</label>
> <select class="form-control">
> <option value="private">privat</option>
> <option value="public">öffentlich</option>
> </select>
> <small>Öffentliche Dashboards sind für alle Mitglieder der Gladys-Installation sichtbar.</small>
> </div>
> </div>
> <div class="col-md-4">
> <div class="form-group">
> <label class="form-label">Anzahl der Spalten</label>
> <select class="form-control">
> <option value="private">1</option>
> <option value="public">2</option>
> <option value="private">3</option>
> </select>
> <small>Dashboards können bis zu 3 Spalten enthalten.</small>
> </div>
> </div>
> </div>
> 
> ```

---

<div class="post-metadata">

**Author:** ![Terdious](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/terdious/32/6316_2.png) [@Terdious](https://community.gladysassistant.com/u/Terdious)\
**Post date:** [9. Juni 2024 um 10:53 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/88 "2024-06-09T10:53:34Z")

</div>

Hallo @MathieuA,

Freut mich, dich wieder lesen zu können. Wie du sagst, bist du ja eher selten hier ^^

Es ist gut, dass du deine Meinung teilst. Teilen ist immer konstruktiv, egal ob man mit den Vorschlägen übereinstimmt oder nicht ^^

Um ehrlich zu sein, ich hatte mit dieser Option angefangen. Und am Ende, bei der Änderung eines bestehenden Dashboards oder eines im Bau, fand ich das sehr einschränkend. Denn was passiert, wenn wir nach dem Befüllen unserer drei Spalten beschließen, wieder auf zwei Spalten umzusteigen?

- Löschen wir nur die dritte und der Nutzer muss dann alle Elemente der dritten Spalte verschieben?
- Überprüfen wir die leeren Spalten und löschen die erste leere?

Ich hatte übrigens die zweite Option gewählt. Aber ich fand das nicht so flüssig.

Zum Schluss denke ich, dass es trotzdem eine gangbare Option bleibt. Ich bin deiner Meinung, denn ich glaube nicht, dass wir die Anzahl der Spalten an einem Dashboard, das alle paar Tage gebaut wird, häufig ändern 😅

Edit: Ich würde hinzufügen, dass das Verhältnis der Teilnehmer, die ihre Meinung äußern, weit davon entfernt ist, den Großteil der Community zu repräsentieren. Ich denke also, dass wir am Ende mit einer Entscheidung von @pierre-gilles landen werden. Wir können sie immer noch überarbeiten, wenn es Feedback gibt. Du hast also sehr gut daran getan, diesen Vorschlag zu machen, um die Bandbreite zu erweitern!!

---

<div class="post-metadata">

**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\
**Post date:** [9. Juni 2024 um 20:31 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/89 "2024-06-09T20:31:14Z")

</div>

![3604640b5c80b7a00b7bee0c1899675800d98cd6_2_690x342](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/a/3/a323e364686d3e7b3a72f1dc0f0936c2e5e17c9e.png)

Kannst du die Spalten so anpassen, dass sie die Breite des weißen Rahmens einnehmen und keinen Versatz nach links haben?  
Kleine Rand / Spalte 1 / kleiner Rand / Spalte 2 / kleiner Rand

---

<div class="post-metadata">

**Author:** ![Terdious](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/terdious/32/6316_2.png) [@Terdious](https://community.gladysassistant.com/u/Terdious)\
**Post date:** [9. Juni 2024 um 20:36 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/90 "2024-06-09T20:36:43Z")

</div>

Ach nein, aber wenn du den weißen Bereich rechts meinst, dann ist das wegen des «&nbsp;+&nbsp;», um eine dritte Spalte hinzufügen zu können. Deshalb würde ich es lieber mit einer Seitenverfolgung haben, wenn man nach unten scrollt ^^

> [@Terdious](#):
>
> ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/e/0/e0671501a5656fffa403e4dc7e1673a1863f1353.png)

Oder habe ich das falsch verstanden, entschuldige ^^

---

<div class="post-metadata">

**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\
**Post date:** [9. Juni 2024 um 20:38 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/91 "2024-06-09T20:38:16Z")

</div>

Ach, das ist die Ansicht im Bearbeitungsmodus.  
Ich dachte, das wäre die Ansicht im Dashboard.  
Wie sieht das im Dashboard aus? Genau wie vorher?

---

<div class="post-metadata">

**Author:** ![Terdious](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/terdious/32/6316_2.png) [@Terdious](https://community.gladysassistant.com/u/Terdious)\
**Post date:** [9. Juni 2024 um 20:48 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/92 "2024-06-09T20:48:05Z")

</div>

Voui ^^ genau das ^^

Mist, ich zeig’s dir morgen, der PC ist im anderen Gebäude ^^ Ich hatte gehofft, ihn auf dem Handy in der «&nbsp;Desktop-Version&nbsp;» zu haben, aber nein ^^ bleibt mobil ^^

---

<div class="post-metadata">

**Author:** ![Terdious](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/terdious/32/6316_2.png) [@Terdious](https://community.gladysassistant.com/u/Terdious)\
**Post date:** [10. Juni 2024 um 05:49 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/93 "2024-06-10T05:49:17Z")

</div>

@Tlse-vins, es sieht immer noch so aus

- 3 Spalten  

- 2 Spalten  

- 1 Spalte

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [10. Juni 2024 um 13:43 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/94 "2024-06-10T13:43:36Z")

</div>

Danke an @MathieuA und @Terdious für diese Vorschläge 🙂

Bei dem Selektor für die Anzahl der Spalten war ich auch schon drauf gekommen. Das ist eine einfache Lösung ohne Design, das umgesetzt werden muss, aber meiner Meinung nach eine sehr „entwicklerische“ Sichtweise.

Genauso wie der Nutzer die Widgets drag&dropen möchte, möchte er auch Spalten direkt über die Oberfläche hinzufügen/entfernen können, und das Verhalten eines Spaltenselektors wäre unmöglich zu verstehen (welche Spalten verschwinden, wenn ich Spalten entferne?)

Für mich ist die Option „+ Button“ / Papierkorb die beste Option, aber wenn ich @MathieuA zustimme, gibt es hier wirklich Designarbeit zu leisten.

@Terdious Bei deinem letzten Vorschlag ist es besser, aber ich finde, der „+“-Button ist vielleicht zu breit. Ich hatte eher etwas wie bei Github Project im Sinn, einen kleineren Button.

Bei dem Hover bin ich mir nicht sicher, ob ich das besonders schön finde.

---

<div class="post-metadata">

**Author:** ![Terdious](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/terdious/32/6316_2.png) [@Terdious](https://community.gladysassistant.com/u/Terdious)\
**Post date:** [10. Juni 2024 um 22:33 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/95 "2024-06-10T22:33:18Z")

</div>

> [@pierre-gilles](#):
>
> Beim Hover finde ich das nicht so schön.

Du meinst den „Titel“? Wir können das anders machen, wenn du möchtest, oder ihn ganz entfernen, aber für mich ist es trotzdem nützliche Information. Du bist der Kapitän. Sag Bescheid.

> [@pierre-gilles](#):
>
> @Terdious Bei deinem letzten Vorschlag ist es besser, aber ich finde, dass der „+“-Button vielleicht zu groß ist. Ich hatte eher etwas Ähnliches wie bei Github Project im Sinn, einen kleineren Button

Ich mach das. Und dann sind wir fertig?

Und was machen wir mit dem Button-Follow beim Scrollen?

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [11. Juni 2024 um 07:21 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/96 "2024-06-11T07:21:28Z")

</div>

> [@Terdious](#):
>
> Du sprichst gut über den ‹ title ›?

Ich sprach über den Text „Spalte zur Dashboard hinzufügen“, der erscheint, wenn du mit der Maus über den „+“-Button fährst, aber wenn du willst, lass es erstmal, ich teste es und sage dir, was ich davon halte.

> [@Terdious](#):
>
> Ich mach das. Und danach sind wir fertig?

Danach funktionelle Überprüfung, und wenn wir fertig sind, geht es zur technischen Überprüfung!

Halte mich auf dem Laufenden, sobald ich testen kann. Denke daran, alle Fälle selbst zu testen, und lies den Code noch einmal, nachdem du ihn auf den PR gepusht hast.

> [@Terdious](#):
>
> Und was machen wir mit der Verfolgung des Buttons beim Scrollen?

Wie du es für richtig hältst, ich habe da keine Antwort! Man muss testen, um es zu wissen.

---

<div class="post-metadata">

**Author:** ![Terdious](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/terdious/32/6316_2.png) [@Terdious](https://community.gladysassistant.com/u/Terdious)\
**Post date:** [11. Juni 2024 um 09:04 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/97 "2024-06-11T09:04:24Z")

</div>

> [@pierre-gilles](#):
>
> Ich sprach über den Text „eine Spalte zur Dashboard hinzufügen“, der erscheint, wenn du mit der Maus über den „+“-Button fährst, aber wenn du willst, lass es erstmal so, ich teste es und sage dir, was ich davon halte

Oki, also ist es genau das, der `title` (der personalisiert ist) des `button`. Ok, ich lasse es so, damit du es siehst (ich habe es an einer festen Position platziert, aber man kann es auch anders machen, du sagst mir Bescheid)

> [@pierre-gilles](#):
>
> Halte mich auf dem Laufenden, sobald ich testen kann. Denke daran, alle Fälle selbst zu testen, und lies den Code noch einmal, nachdem er auf die PR gepusht wurde

Ich versuche immer, alle Fälle zu testen, aber manchmal kann etwas durchrutschen ^^  
In diesem Fall gehe ich jetzt immer über eine GitHub-Review.

> [@pierre-gilles](#):
>
> Wie du es fühlst, ich habe keine Antwort darauf! Man muss testen, um es zu wissen

Oki, ich setze es in die PR und du testest es mit und ohne.

---

<div class="post-metadata">

**Author:** ![Terdious](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/terdious/32/6316_2.png) [@Terdious](https://community.gladysassistant.com/u/Terdious)\
**Post date:** [12. Juni 2024 um 16:55 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/98 "2024-06-12T16:55:26Z")

</div>

Hallo @pierre-gilles,

Es ist gut, es ist gepusht! Du kannst es dir ansehen und deine Tests durchführen. Ich habe den Button zum Herunterfahren und den Kommentar bei Mausüberfahrt hinzugefügt.

Zur Erinnerung die PR: [Add column functionality to EditDashboard component by Terdious · Pull Request #2097 · GladysAssistant/Gladys · GitHub](https://github.com/GladysAssistant/Gladys/pull/2097)

Normalerweise kannst du auch die PR [Add expand charts dashboard by Terdious · Pull Request #2096 · GladysAssistant/Gladys · GitHub](https://github.com/GladysAssistant/Gladys/pull/2096) überprüfen. Aber da sie auf der PR der binären Kurven basiert, nehme ich an, dass du lieber warten möchtest, bis die andere gemerged ist. Jedenfalls nur zur Info.

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [13. Juni 2024 um 08:29 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/99 "2024-06-13T08:29:32Z")

</div>

Danke @Terdious für die PRs, ich habe die PR zum Hinzufügen von Spalten getestet, und ich finde es viel besser, sehr praktisch und viel sauberer als das, was du anfangs vorgeschlagen hast.

Danke, dass du durchgehalten hast!

Technisch gesehen habe ich ein paar Feedback-Punkte, die ich dir als Kommentar hinterlassen habe:

> <https://github.com/GladysAssistant/Gladys/pull/2097#pullrequestreview-2115107499>
>
> \### Pull Request check-list
> 
> To ensure your Pull Request can be accepted as fa…st as possible, make sure to review and check all of these items:
> 
> \- ~~If your changes affects code, did your write the tests?~~
> \- ~~Are tests passing? (\`npm test\` on both front/server)~~
> \- \[x\] Is the linter passing? (\`npm run eslint\` on both front/server)
> \- \[x\] Did you run prettier? (\`npm run prettier\` on both front/server)
> \- \[x\] If you are adding a new features/services, did you run integration comparator? (\`npm run compare-translations\` on front)
> \- \[x\] Did you test this pull request in real life? With real devices? If this development is a big feature or a new service, we recommend that you provide a Docker image to the community (\[french forum\](https://community.gladysassistant.com/)/\[english forum\](https://en-community.gladysassistant.com/)) for testing before merging.
> \- \[\] If you are adding a new features/services which needs explanation, did you modify the user documentation? See \[the GitHub repo\](https://github.com/GladysAssistant/v4-website) and the \[website\](https://gladysassistant.com).
> \- \[\] Did you add fake requests data for the demo mode (\`front/src/config/demo.js\`) so that the demo website is working without a backend? (if needed) See \[https://demo.gladysassistant.com\](https://demo.gladysassistant.com).
> 
> NOTE: these things are not required to open a PR and can be done afterwards / while the PR is open.
> 
> \### Description of change
> 
> Adding the deletion or addition of columns to the dashboard

Bei der PR zur «&nbsp;Expand&nbsp;»-Funktion von Grafiken bin ich etwas skeptisch bezüglich der Verwendung eines Modals. Bisher haben wir in Gladys noch nie ein Modal verwendet, und falls wir eines hinzufügen, dann eher für Bestätigungsaufforderungen zum Löschen oder so etwas, aber nicht um vollständige Bildschirme zu erstellen.

Eine andere Option wäre, eine neue Seite anzuzeigen.

Danach, ist diese PR noch aktuell im Zusammenhang mit der PR zur Mehrspaltenansicht?

---

<div class="post-metadata">

**Author:** ![Terdious](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/terdious/32/6316_2.png) [@Terdious](https://community.gladysassistant.com/u/Terdious)\
**Post date:** [13. Juni 2024 um 08:43 UTC](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954/100 "2024-06-13T08:43:03Z")

</div>

> [@pierre-gilles](#):
>
> Für den PR zu « l’expand » des Diagramms bin ich eher skeptisch bei der Verwendung eines Modals, bisher haben wir in Gladys noch nie ein Modal verwendet, und falls wir eines hinzufügen, dann eher für Bestätigungsaufforderungen zum Löschen oder so etwas, eher als um vollständige Bildschirme zu erstellen.
> 
> Eine andere Option wäre, eine neue Seite anzuzeigen.

Schade, ich fand das Ergebnis wirklich nicht schlecht (ich weiß nicht, ob du es getestet hast). Ich erinnere dich trotzdem daran, dass du mich auf diese Spur gebracht hast:

> [@pierre-gilles](#):
>
> Man muss sehen, wofür die Funktion schließlich genutzt wird, und ob es eher Sinn macht, dies im Dashboard zu haben, zum Beispiel über einen Button, der es ermöglicht, die grafische Ansicht eines Sensors zu „erweitern“, wie wir es zum Beispiel bei den Kameras machen (mit dem Button „Vollbild öffnen“), oder ob man wirklich ein Tab haben will, das speziell der Analyse gewidmet ist.

Aber ich bin in der Hinsicht eher flexibel, also okay für die neue Seite, die ich weniger funktional finde, aber das Wichtigste ist wirklich, diese Daten nutzen zu können.

> [@pierre-gilles](#):
>
> Danach, ist dieser PR nach dem PR zu den Multi-Spalten noch aktuell?

Ich denke schon, nach all unseren Diskussionen. Denn dadurch kann man die 3-Spalten-Ansichten nutzen und in einem « expand » (oder einer neuen Seite ^^) unsere Datums-zu-Datums-Recherchen durchführen.

[Vorherige Seite](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954.md?page=4)

[Nächste Seite](https://community.gladysassistant.com/t/amelioration-des-graphiques/8954.md?page=6)
