Hauptfenster

Das Hauptfenster weist im großen Ganzen zwei Menüleisten und eine Liste auf. Die Funktionen werden im Folgenden Abschnitt näher erläutert.

Menüleisten

Die Hauptoberfläche weist eine obere Menüleiste mit fünf Buttons und eine weitere mit zwei Texten auf, die allerdings am unteren Rand des Fensters zu sehen ist.

Die wichtigere der beide Leisten ist die obere, da durch diese Menüleiste sämtliche Bedienungen des Programms ermöglicht werden.

Der 1. Button ermöglicht eine appsettings.json in das Programm zu laden. Dadurch wird die darunterliegende Liste mit den Objekten der ausgewählten Json-Datei gefüllt und der Pfad zu dieser Datei in der unteren Menüleiste links angezeigt.

Während Button 2 das aktuell ausgewählte Json-File auf dem gleichen Pfad abspeichert, wo es zuvor aufgerufen wurde, öffnet Button 3 ein Fenster, in dem der Benutzer dazu aufgerufen wird, einen Pfad anzugeben, wo diese Datei abgespeichert werden soll.

Durch Button 4 kann man in einem Standardeditor die appsettings.json öffnen und somit einsehen.

Der 5. Button gibt eine kurze Übersicht über das Programm und den Entwickler zurück.

Das Textfeld, welches mit der Nummer 6 gekennzeichnet ist, wird erst gefüllt, wenn mithilfe des 1. Buttons eine Datei geladen worden ist. Dieses Textfeld zeigt den Pfad zu dieser Datei an.

Nummer 7 kennzeichnet ein Textfeld, welches auch erst gefüllt wird, wenn eine Datei geladen wird. Dieses Textfeld weist auf den Zeitpunkt des letzten Speicherns der zurzeit geladenen Json-Datei hin. Dieses Feld wird durch das Speichern, das Öffnen des aktuellen Json-Files oder durch das Laden einer neuen appsettings.json geupdatet.

 

TreeList

Die Hauptsteuerung des Programms befindet sich allerdings in der Mitte der Hauptoberfläche: die TreeList. Diese listet nach dem Laden einer Json-Datei den hierarchischen Aufbau der Objekte innerhalb der Datei auf.

Für die Visualisierung und Editierung der Daten werden vier Spalten benötigt.

Die Spalte Nummer 1, auch Key, stellt die Schlüsselwörter der Objekte dar, die das appsettings.json beinhält.

Nicht jedes Objekt weist allerdings einen eindeutig, lesbare Wert auf. Deshalb existieren zwei Spalten für die eindeutige Identifizierung der Werte dieser Objekte: die Spalten Value (2) und Datatype (3).  Einige Zellen beider Spalten können leer sein, da aufgrund der hierarchischen Objektdarstellung in der ersten Spalte nicht jedes Objekt die in Spalte 2 und 3 unterstützten Value-Datentypen aufweisen. Dies wird im späteren Verlauf näher erläutert.

Um die Werte in den Spalten 2 und 3 anzupassen, weisen jene Zellen in der Spalte Edit einen Button auf, der einen Editor öffnet. Auf der Seite Editor kann man mehr über diesen lesen.

 

Im Folgenden wird auf die Interpretation dieser Ansicht eingegangen. 

Nach dem erfolgreichen Laden einer appsettings.json füllt sich die TreeList wie im folgenden Beispiel:

Die Hierarchie der Schlüsselwörter (auch Keys) ist ähnlich zu interpretieren wie die einer Ordnerstruktur. Untergeordnete Objekte werden dem Übergeordneten entsprechend weiter rechts eingerückt.

Jede Zelle der Spalte Key weist neben dem Schlüsselwort des Weiteren ein bestimmtes Icon. Dieses Icon passt sich dem Datentyp der Zeile, der in der dritten Spalte einzusehen ist, an, wobei es drei Icons gibt, die anderes bestimmt werden.

Folgende Liste an Icons existieren:

1. Objekt - Zeigt an, dass diese Zeile die Zellen der Spalten Value, Datatype und Edit leer sind, aber dafür untergeordnete                  Objekte aufweist.
2. Integer - Zeigt an, dass diese Zeile eine ganze Zahl kleiner 2.147.483.648 als Value und als Datatype Integer aufweist.                       Noch dazu kann der Edit-Button gedrückt werden.