Info the save the query.

backend/i18n/frontend_de.json

@@ -1130,6 +1130,7 @@
   "search.queriesEmpty": "Suchen Sie nach {types} und verwenden Sie das <i class=\"icon-star-empty\"></i>-Symbol im Suchformular, um die Abfrage für alle Mitwirkenden zu speichern.",
   "search.queryAllNewestFirst": "Alle (neueste zuerst)",
   "search.queryAllOldestFirst": "Alle (älteste zuerst)",
+  "search.queryNotUsed": "Run the query before you save it",
   "search.quickNavPlaceholder": "Schnellnavigation (Taste 'q' drücken)",
   "search.saveQueryMyself": "Die Abfrage nur für mich speichern.",
   "search.searchFailed": "Fehler bei der Suche. Bitte neu laden.",

backend/i18n/frontend_en.json

@@ -1130,6 +1130,7 @@
   "search.queriesEmpty": "Search for {types} and use <i class=\"icon-star-empty\"></i> icon in search form to save query for all contributors.",
   "search.queryAllNewestFirst": "All (newest first)",
   "search.queryAllOldestFirst": "All (oldest first)",
+  "search.queryNotUsed": "Run the query before you save it",
   "search.quickNavPlaceholder": "Quick Nav (Press 'q')",
   "search.saveQueryMyself": "Save the query only for myself.",
   "search.searchFailed": "Failed to make search. Please reload.",

backend/i18n/frontend_fr.json

@@ -1130,6 +1130,7 @@
   "search.queriesEmpty": "Recherchez {types} et utilisez<i class=\"icon-star-empty\"></i> icône dans le formulaire de recherche pour enregistrer la requête pour tous les contributeurs.",
   "search.queryAllNewestFirst": "Tous (le plus récent en premier)",
   "search.queryAllOldestFirst": "Tous (le plus ancien en premier)",
+  "search.queryNotUsed": "Run the query before you save it",
   "search.quickNavPlaceholder": "Navigation rapide (Appuyez sur 'q')",
   "search.saveQueryMyself": "Enregistrer la requête uniquement pour moi-même.",
   "search.searchFailed": "Échec de la recherche. Veuillez recharger.",

backend/i18n/frontend_it.json

@@ -1130,6 +1130,7 @@
   "search.queriesEmpty": "Ricerca per {types} e utilizza l'icona <i class=\"icon-star-empty\"></i> nella ricerca per salvare la query per tutti i collaboratori.",
   "search.queryAllNewestFirst": "Tutto (prima i più recenti)",
   "search.queryAllOldestFirst": "Tutto (prima i meno recenti)",
+  "search.queryNotUsed": "Run the query before you save it",
   "search.quickNavPlaceholder": "Navigazione veloce (Press 'q')",
   "search.saveQueryMyself": "Salva la query solamente per me.",
   "search.searchFailed": "Non è stato possibile eseguire la ricerca. Per favore ricarica.",

backend/i18n/frontend_nl.json

@@ -1130,6 +1130,7 @@
   "search.queriesEmpty": "Zoek naar {types} en gebruik <i class = \" icon-star-empty \"> </i> icon in het zoekformulier om de zoekopdracht op te slaan voor alle bijdragers.",
   "search.queryAllNewestFirst": "Alle (nieuwste eerst)",
   "search.queryAllOldestFirst": "Alle (oudste eerst)",
+  "search.queryNotUsed": "Run the query before you save it",
   "search.quickNavPlaceholder": "Snelle navigatie (druk op 'q')",
   "search.saveQueryMyself": "Bewaar de zoekopdracht alleen voor mezelf.",
   "search.searchFailed": "Zoeken mislukt. Laad opnieuw.",

backend/i18n/frontend_pt.json

@@ -1130,6 +1130,7 @@
   "search.queriesEmpty": "Procure por {types} e use <i class=\"icon-star-empty\"></i> ícone em forma de pesquisa para guardar consulta para todos os contribuintes.",
   "search.queryAllNewestFirst": "Todos (o mais novo primeiro)",
   "search.queryAllOldestFirst": "Todos (o mais velho primeiro)",
+  "search.queryNotUsed": "Run the query before you save it",
   "search.quickNavPlaceholder": "Quick Nav (Prima 'q')",
   "search.saveQueryMyself": "Guarde a consulta apenas para mim.",
   "search.searchFailed": "Falhou em fazer uma busca. Por favor, recarregue.",

backend/i18n/frontend_zh.json

@@ -1130,6 +1130,7 @@
   "search.queriesEmpty": "搜索 {types} 并在搜索表单中使用 <i class=\"icon-star-empty\"></i> 图标来保存所有贡献者的查询。",
   "search.queryAllNewestFirst": "全部（最新的在前）",
   "search.queryAllOldestFirst": "所有（最旧的在前）",
+  "search.queryNotUsed": "Run the query before you save it",
   "search.quickNavPlaceholder": "快速导航（按'q'）",
   "search.saveQueryMyself": "只为我保存查询。",
   "search.searchFailed": "搜索失败，请重新加载。",

backend/i18n/source/frontend_en.json

@@ -1130,6 +1130,7 @@
   "search.queriesEmpty": "Search for {types} and use <i class=\"icon-star-empty\"></i> icon in search form to save query for all contributors.",
   "search.queryAllNewestFirst": "All (newest first)",
   "search.queryAllOldestFirst": "All (oldest first)",
+  "search.queryNotUsed": "Run the query before you save it",
   "search.quickNavPlaceholder": "Quick Nav (Press 'q')",
   "search.saveQueryMyself": "Save the query only for myself.",
   "search.searchFailed": "Failed to make search. Please reload.",

frontend/src/app/shared/components/search/search-form.component.html

@@ -72,6 +72,8 @@
         <sqx-modal-dialog (dialogClose)="saveQueryDialog.hide()">
             <ng-container title> {{ "search.nameQuery" | sqxTranslate }}</ng-container>
             <ng-container content>
+                <sqx-form-error [error]="saveQueryForm.error | async" />
+
                 <sqx-form-row for="name" label="common.name" vertical>
                     <input class="form-control" id="name" autocomplete="off" formControlName="name" sqxFocusOnInit />
                 </sqx-form-row>

frontend/src/app/shared/components/search/search-form.component.ts

@@ -10,7 +10,7 @@ import { booleanAttribute, ChangeDetectionStrategy, Component, EventEmitter, Inp
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { BooleanValue, BootstrapClasses, EMPTY_FILTER_MODEL, FieldComponent, FilterField, Input as FilterInput, FilterModel, FilterOptions, NumberValue, SelectValue, StringValue } from 'ngx-inline-filter';
 import { Observable } from 'rxjs';
-import { DateTimeEditorComponent, DropdownComponent, FocusOnInitDirective, FormRowComponent, HighlightPipe, LocalizerService, ModalDialogComponent, ModalDirective, ShortcutComponent, TooltipDirective, TourStepDirective, TranslatePipe, Types } from '@app/framework';
+import { DateTimeEditorComponent, DropdownComponent, FocusOnInitDirective, FormErrorComponent, FormRowComponent, HighlightPipe, LocalizerService, ModalDialogComponent, ModalDirective, ShortcutComponent, TooltipDirective, TourStepDirective, TranslatePipe, Types } from '@app/framework';
 import { AppLanguageDto, ContributorsState, DialogModel, Queries, Query, QueryModel, sanitize, SaveQueryForm, TypedSimpleChanges } from '@app/shared/internal';
 import { UserDtoPicture } from '../pipes';
 import { ReferenceInputComponent } from '../references/reference-input.component';
@@ -40,6 +40,7 @@ import { TourHintDirective } from '../tour-hint.directive';
         TourStepDirective,
         TranslatePipe,
         UserDtoPicture,
+        FormErrorComponent,
     ],
 })
 export class SearchFormComponent {
@@ -216,18 +217,20 @@ export class SearchFormComponent {
     }
 
     public saveQueryComplete() {
-        debugger;
         const value = this.saveQueryForm.submit();
-        if (!value) {
+        if (!value || !this.queries) {
             return;
         }
 
-        if (this.queries && this.query) {
-            if (value.user) {
-                this.queries.addUser(value.name, this.query);
-            } else {
-                this.queries.addShared(value.name, this.query);
-            }
+        if (!this.query) {
+            this.saveQueryForm.submitFailed('i18n:search.queryNotUsed')
+            return;
+        }
+
+        if (value.user) {
+            this.queries.addUser(value.name, this.query);
+        } else {
+            this.queries.addShared(value.name, this.query);
         }
 
         this.saveQueryForm.submitCompleted();