From 7d36713db7f0bf494e2a537b6d34bf12b8b2e4b3 Mon Sep 17 00:00:00 2001
From: "michele.artini" <michele.artini@isti.cnr.it>
Date: Tue, 14 Feb 2023 11:17:37 +0100
Subject: [PATCH] icons

---
 .../app/contexts/context-viewer.component.html    | 15 ++++++++++++---
 .../app/mdstores/mdstore-inspector.component.html |  6 ++++++
 .../src/app/mdstores/mdstores.component.html      | 12 ++++++++++--
 .../src/app/resources/resources.component.html    |  5 ++++-
 .../app/vocabularies/vocabularies.component.html  |  5 ++++-
 .../vocabularies/vocabulary-editor.component.html | 15 ++++++++++++---
 6 files changed, 48 insertions(+), 10 deletions(-)

diff --git a/frontends/dnet-is-application/src/app/contexts/context-viewer.component.html b/frontends/dnet-is-application/src/app/contexts/context-viewer.component.html
index 99af6411..f18e39da 100644
--- a/frontends/dnet-is-application/src/app/contexts/context-viewer.component.html
+++ b/frontends/dnet-is-application/src/app/contexts/context-viewer.component.html
@@ -7,9 +7,18 @@
 </p>
 
 <p>
-	<a mat-stroked-button color="primary" [routerLink]="['/adv_resources/context']">Return to contexts list</a>
-	<button mat-stroked-button color="primary" (click)="showParamsDialog(context?.parameters)">Global parameters</button>
-	<a mat-stroked-button color="primary" href="/api/contexts/{{context?.id}}" target="_blank">Download</a>
+	<a mat-stroked-button color="primary" [routerLink]="['/adv_resources/context']">
+		<mat-icon fontIcon="home"></mat-icon>
+		Return to contexts list
+	</a>
+	<button mat-stroked-button color="primary" (click)="showParamsDialog(context?.parameters)">
+		<mat-icon fontIcon="info"></mat-icon>
+		Global parameters
+	</button>
+	<a mat-stroked-button color="link" href="/api/contexts/{{context?.id}}" target="_blank">
+		<mat-icon fontIcon="download"></mat-icon>
+		Download
+	</a>
 </p>
 
 <ul>
diff --git a/frontends/dnet-is-application/src/app/mdstores/mdstore-inspector.component.html b/frontends/dnet-is-application/src/app/mdstores/mdstore-inspector.component.html
index b5a9cc2c..4992fc28 100644
--- a/frontends/dnet-is-application/src/app/mdstores/mdstore-inspector.component.html
+++ b/frontends/dnet-is-application/src/app/mdstores/mdstore-inspector.component.html
@@ -1,4 +1,10 @@
 <h2>Metadata Store Inspector</h2>
+<p>
+	<a mat-stroked-button color="primary" [routerLink]="['/mdstores']">
+		<mat-icon fontIcon="home"></mat-icon>
+		return to mdstore list
+	</a>
+</p>
 
 <table class="mdstore-table">
 	<tr>
diff --git a/frontends/dnet-is-application/src/app/mdstores/mdstores.component.html b/frontends/dnet-is-application/src/app/mdstores/mdstores.component.html
index 9ee88a87..9e7ec2cc 100644
--- a/frontends/dnet-is-application/src/app/mdstores/mdstores.component.html
+++ b/frontends/dnet-is-application/src/app/mdstores/mdstores.component.html
@@ -1,7 +1,15 @@
 <h2>Metadata Stores</h2>
 
-<button mat-stroked-button color="primary" (click)="openAddMdstoreDialog()">create a new mdstore</button>
-<button mat-stroked-button color="primary" (click)="reload()">refresh</button>
+<p>
+	<button mat-stroked-button color="primary" (click)="openAddMdstoreDialog()">
+		<mat-icon fontIcon="add"></mat-icon>
+		create a new mdstore
+	</button>
+	<button mat-stroked-button color="primary" (click)="reload()">
+		<mat-icon fontIcon="refresh"></mat-icon>
+		refresh
+	</button>
+</p>
 
 <mat-form-field appearance="fill" floatLabel="always" style="width: 100%; margin-top: 10px;">
 	<mat-label><b>Filter</b> (Total: {{(mdstores | searchFilter: searchText).length}})</mat-label>
diff --git a/frontends/dnet-is-application/src/app/resources/resources.component.html b/frontends/dnet-is-application/src/app/resources/resources.component.html
index 426ffefc..17ce536b 100644
--- a/frontends/dnet-is-application/src/app/resources/resources.component.html
+++ b/frontends/dnet-is-application/src/app/resources/resources.component.html
@@ -1,6 +1,9 @@
 <h2>{{type.name}}</h2>
 
-<button mat-stroked-button color="primary" (click)="openNewDialog()">create a new resource</button>
+<button mat-stroked-button color="primary" (click)="openNewDialog()">
+	<mat-icon fontIcon="add"></mat-icon>
+	create a new resource
+</button>
 
 <mat-form-field appearance="fill" floatLabel="always" style="width: 100%; margin-top: 10px;">
 	<mat-label><b>Filter</b> (Total: {{(resources | searchFilter: searchText).length}})</mat-label>
diff --git a/frontends/dnet-is-application/src/app/vocabularies/vocabularies.component.html b/frontends/dnet-is-application/src/app/vocabularies/vocabularies.component.html
index 328544fb..a23cdc66 100644
--- a/frontends/dnet-is-application/src/app/vocabularies/vocabularies.component.html
+++ b/frontends/dnet-is-application/src/app/vocabularies/vocabularies.component.html
@@ -1,6 +1,9 @@
 <h2>Vocabularies</h2>
 
-<button mat-stroked-button color="primary" (click)="newVocabularyDialog()">create a new vocabulary</button>
+<button mat-stroked-button color="primary" (click)="newVocabularyDialog()">
+	<mat-icon fontIcon="add"></mat-icon>
+	create a new vocabulary
+</button>
 
 <mat-form-field appearance="fill" floatLabel="always" style="width: 100%; margin-top: 10px;">
 	<mat-label>Filter</mat-label>
diff --git a/frontends/dnet-is-application/src/app/vocabularies/vocabulary-editor.component.html b/frontends/dnet-is-application/src/app/vocabularies/vocabulary-editor.component.html
index 8cbc146a..a47d2064 100644
--- a/frontends/dnet-is-application/src/app/vocabularies/vocabulary-editor.component.html
+++ b/frontends/dnet-is-application/src/app/vocabularies/vocabulary-editor.component.html
@@ -7,9 +7,18 @@
 </p>
 
 <p>
-	<a mat-stroked-button color="primary" [routerLink]="['/adv_resources/vocabulary']">return to vocabulary list</a>
-	<button mat-stroked-button color="primary" (click)="newVocabularyTermDialog()">create a new term</button>
-	<a mat-stroked-button color="primary" href="/api/vocs/{{voc?.id}}/terms" target="_blank">Download</a>
+	<a mat-stroked-button color="primary" [routerLink]="['/adv_resources/vocabulary']">
+		<mat-icon fontIcon="home"></mat-icon>
+		return to vocabulary list
+	</a>
+	<button mat-stroked-button color="primary" (click)="newVocabularyTermDialog()">
+		<mat-icon fontIcon="add"></mat-icon>
+		create a new term
+	</button>
+	<a mat-stroked-button color="link" href="/api/vocs/{{voc?.id}}/terms" target="_blank">
+		<mat-icon fontIcon="download"></mat-icon>
+		Download
+	</a>
 </p>
 
 <mat-form-field appearance="fill" floatLabel="always" style="width: 100%; margin-top: 10px;">