Improve inline filter (#1315)

* Fix UI bugs.

* Improve inline filter.

Author: SebastianStehle

backend/src/Squidex.Domain.Apps.Core.Model/Contents/SquidexRichText.cs

@@ -14,6 +14,8 @@ public static class SquidexRichText
     public static class NodeTypes
     {
         public const string ContentLink = "contentLink";
+
+        public const string PlainHtml = "plainHtml";
     }
 
     private class ExtendedOptions : RichTextOptions
@@ -40,6 +42,7 @@ private static bool IsExtension(string type)
         [
             ..RichTextOptions.Default.NodeTypes,
             NodeTypes.ContentLink,
+            NodeTypes.PlainHtml,
         ],
         MarkTypes = RichTextOptions.Default.MarkTypes,
     };

frontend/package-lock.json

@@ -50,7 +50,7 @@
     "mousetrap": "1.6.5",
     "ng2-charts": "^8.0.0",
     "ngx-doc-viewer": "15.0.1",
-    "ngx-inline-filter": "^0.3.0",
+    "ngx-inline-filter": "^0.4.4",
     "ngx-scrollbar": "^19.1.4",
     "ngx-ui-tour-core": "16.0.0",
     "oidc-client-ts": "^3.4.1",

frontend/package.json

@@ -99,10 +99,12 @@ export class SearchFormComponent {
                 addComparison: localizer.getOrKey('search.addFilter'),
                 addGroup: localizer.getOrKey('search.addGroup'),
                 addSorting: localizer.getOrKey('search.addSorting'),
+                apply: localizer.getOrKey('common.search'),
                 and: 'AND',
                 not: 'NOT',
                 noResults: ' - ',
                 or: 'OR',
+                reset: localizer.getOrKey('common.reset'),
                 save: localizer.getOrKey('common.save'),
                 searchPlaceholder: localizer.getOrKey('common.search'),
                 searchShortcut: 'CTRL + I',

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

@@ -24,7 +24,7 @@ export interface SavedQuery {
 
 const OLDEST_FIRST: Query = {
     sort: [
-        { path: 'lastModified', order: 'descending' },
+        { path: 'lastModified', order: 'ascending' },
     ],
 };
 

frontend/src/app/shared/state/queries.ts

@@ -63,6 +63,10 @@ hr {
     @include no-drag;
 }
 
+.nf-input-dropdown-content {
+    line-height: 1.5rem;
+}
+
 //
 // Rich editor icon. Must be placed here, because element is not created by angular.
 //