editor: add an external link to the MEF authority

* Closes rero/rero-ils#1598.
* Changes the schemaform URL to schemas.
* Uses ngx-formly 5.10.12.

Co-Authored-by: Johnny Mariéthoz <Johnny.Mariethoz@rero.ch>

package.json

@@ -73,10 +73,10 @@
     "@angular/platform-browser-dynamic": "^11.0.9",
     "@angular/router": "^11.0.9",
     "@ngneat/hotkeys": "^1.1.2",
-    "@ngx-formly/bootstrap": "^5.10.11",
-    "@ngx-formly/core": "^5.10.11",
+    "@ngx-formly/bootstrap": "^5.10.12",
+    "@ngx-formly/core": "^5.10.12",
     "@ngx-translate/core": "^13.0.0",
-    "@rero/ng-core": "^1.1.2",
+    "@rero/ng-core": "^1.4.0",
     "bootstrap": "^4.5.3",
     "crypto-js": "^3.3.0",
     "document-register-element": "^1.14.10",

projects/admin/src/app/class/typeahead/mef-typeahead.ts

@@ -72,12 +72,13 @@ export class MefTypeahead implements ITypeahead {
           ) {
             return {
               source: source.toUpperCase(),
-              name: data.hits.hits[0].metadata[source].authorized_access_point
+              name: data.hits.hits[0].metadata[source].authorized_access_point,
+              url: data.hits.hits[0].metadata[source].identifier
             };
           }
         }),
-        map((v: { name: string, source: string }) => `
-          <strong>${v.name}</strong>
+        map((v: { name: string, source: string, url: string }) => `
+          <a href="${v.url}" target="_blank">${v.name} <i class="fa fa-external-link"></i></a>
           <small class="badge badge-secondary ml-1">${v.source}</small>
         `)
       );
@@ -136,8 +137,11 @@ export class MefTypeahead implements ITypeahead {
    * @return Metadata the label, $ref and group.
    */
   private _getNameRef(metadata: any, sourceName: string): SuggestionMetadata {
+    const label = metadata[sourceName].authorized_access_point;
+    const url = metadata[sourceName].identifier;
     return {
-      label: metadata[sourceName].authorized_access_point,
+      label: `${label}`,
+      externalLink: url,
       value: `https://mef.rero.ch/api/${sourceName}/${metadata[sourceName].pid}`,
       group: this._translateService.instant(
         'link to authority {{ sourceName }}',

projects/admin/src/app/record/custom-editor/document-editor/document-editor.component.html

@@ -14,5 +14,4 @@
    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
 -->
-
 <ng-core-editor (loadingChange)="loadingChanged($event)" [model]="model"></ng-core-editor>

projects/admin/src/app/service/app-config.service.ts

@@ -40,7 +40,7 @@ export class AppConfigService extends CoreConfigService {
     this.production = environment.production;
     this.apiBaseUrl = environment.apiBaseUrl;
     this.$refPrefix = environment.$refPrefix;
-    this.schemaFormEndpoint = '/schemaform';
+    this.schemaFormEndpoint = '/schemas';
     this.languages = environment.languages;
     this.defaultLanguage = environment.defaultLanguage;
     this.adminRoles = environment.adminRoles;

proxy.conf.json

@@ -8,13 +8,13 @@
       "^/patrons": "https://localhost:5000/patrons"
     }
   },
-  "/schemaform": {
+  "/schemas": {
     "target": "https://localhost:5000",
     "secure": false,
     "logLevel": "debug",
     "changeOrigin": true,
     "pathRewrite": {
-      "^/schemaform": "https://localhost:5000/schemaform"
+      "^/schemas": "https://localhost:5000/schemas"
     }
   },
   "/api/*": {