adb-shared 0.0.47 → 0.0.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/adb-shared.d.ts +1 -0
- package/adb-shared.metadata.json +1 -1
- package/bundles/adb-shared.umd.js +65 -29
- package/bundles/adb-shared.umd.js.map +1 -1
- package/bundles/adb-shared.umd.min.js +1 -1
- package/bundles/adb-shared.umd.min.js.map +1 -1
- package/esm2015/adb-shared.js +2 -1
- package/esm2015/lib/adb-header.component.js +14 -25
- package/esm2015/lib/adb-header.module.js +3 -2
- package/esm2015/lib/click-outside.directive.js +48 -0
- package/esm5/adb-shared.js +2 -1
- package/esm5/lib/adb-header.component.js +16 -30
- package/esm5/lib/adb-header.module.js +3 -2
- package/esm5/lib/click-outside.directive.js +51 -0
- package/fesm2015/adb-shared.js +63 -27
- package/fesm2015/adb-shared.js.map +1 -1
- package/fesm5/adb-shared.js +67 -32
- package/fesm5/adb-shared.js.map +1 -1
- package/lib/adb-header.component.d.ts +2 -1
- package/lib/click-outside.directive.d.ts +7 -0
- package/package.json +1 -1
package/adb-shared.d.ts
CHANGED
package/adb-shared.metadata.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"ADBHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"adb-header2","template":"<header id=\"top-header\">\r\n <nav class=\"px-2\">\r\n <div class=\"logo d-none d-md-block\">\r\n <img src=\"/assets/images/logo.svg\" style=\"height: 3.2rem;\">\r\n </div>\r\n <div class=\"logo pl-2 d-sm-block d-md-none d-flex align-items-center\">\r\n <img src=\"/assets/images/logo_sm_white.png\" style=\"height: 2rem;\">\r\n </div>\r\n <div class=\"title\">Artfakta</div>\r\n <nav class=\"d-none d-lg-flex align-items-center pr-4\" style=\"gap:2rem;\" *ngIf=\"navigation\">\r\n <ng-container *ngFor=\"let link of navigation.links\">\r\n <a [href]=\"link.url\" *ngIf=\"link.topLink\" [ngClass]=\"{'d-none d-xl-block':link.transId==='ADB_HEADER.OBSERVATION'}\">\r\n {{link.transId|translate}}\r\n </a>\r\n </ng-container>\r\n </nav>\r\n <button class=\"btn py-1 px-2 btn-primary\" (click)=\"showUserMenu = false;showMenu=!showMenu\">\r\n {{'ADB_HEADER.MENY'|translate}}\r\n </button>\r\n <div class=\"d-none d-md-block auth\">\r\n <button *ngIf=\"initials\" class=\"btn initials\" (click)=\"showMenu=false;showUserMenu = !showUserMenu\">{{initials}}</button>\r\n <button *ngIf=\"!initials\" (click)=\"showMenu=false;showUserMenu = !showUserMenu\" class=\"btn btn-link\">\r\n {{'ADB_HEADER.LOGIN'|translate}}\r\n </button>\r\n </div>\r\n </nav>\r\n <div class=\"menu\" *ngIf=\"showUserMenu\">\r\n <div class=\"menu-body bg-white\" style=\"width:15rem\">\r\n <ng-container *ngIf=\"initials\">\r\n <div class=\"text-dark\">\r\n <span class=\"initials mr-2\">{{initials}}</span>\r\n <strong>{{fullName}}</strong>\r\n </div>\r\n <hr class=\"mx-n3\">\r\n <button (click)=\"logout()\" class=\"btn btn-link p-0\">\r\n <i class=\"fas fa-sign-out-alt mr-1\"></i>{{'ADB_HEADER.LOGOUT'|translate}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngIf=\"!initials\">\r\n <div class=\"d-flex justify-content-center\">\r\n <button class=\"btn btn-primary\" (click)=\"login()\">{{'ADB_HEADER.LOGIN'|translate}}</button>\r\n </div>\r\n <a class=\"d-block mt-3\" href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\">\r\n {{'ADB_HEADER.CREATE_USER'|translate}}\r\n </a>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"menu\" *ngIf=\"showMenu\">\r\n <div class=\"menu-body d-flex flex-column\" *ngIf=\"navigation\">\r\n <div class=\"px-3 pt-3 mb-1\">\r\n <div class=\"d-flex justify-content-between flex-wrap gap-2 mb-2\">\r\n <div>\r\n <div class=\"d-flex d-md-none align-items-center gap-2\" *ngIf=\"initials\">\r\n <span class=\"initials mr-2\">{{initials}}</span>\r\n <button (click)=\"logout()\" class=\"btn btn-primary\">\r\n {{'ADB_HEADER.LOGOUT'|translate}}\r\n </button>\r\n </div>\r\n <div class=\"d-flex gap-2 d-md-none\" *ngIf=\"!initials\">\r\n <button (click)=\"login()\" class=\"btn btn-primary\">\r\n {{'ADB_HEADER.LOGIN'|translate}}\r\n </button>\r\n <a href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\"\r\n class=\"btn btn-primary\">\r\n {{'ADB_HEADER.CREATE_USER'|translate}}\r\n </a>\r\n </div>\r\n </div>\r\n <div>\r\n <button *ngIf=\"trans.currentLang==='en'\" (click)=\"setLanguage('sv')\"\r\n class=\"btn btn-primary\">\r\n {{'ADB_HEADER.IN_SWEDISH'|translate}}\r\n </button>\r\n <button *ngIf=\"trans.currentLang==='sv'\" (click)=\"setLanguage('en')\"\r\n class=\"btn btn-primary\">\r\n {{'ADB_HEADER.IN_ENGLISH'|translate}}\r\n </button>\r\n </div>\r\n </div>\r\n {{'ADB_HEADER.SERVICES'|translate}}\r\n </div>\r\n <div id=\"splash\">\r\n <div class=\"px-3\">\r\n <ul class=\"list-group ml-0 mb-0 pl-0\">\r\n <li class=\"mb-1 list-group-item rounded-0\"\r\n [ngClass]=\"{'pointer list-group-item-action':link.children&&link.children.length>0}\"\r\n *ngFor=\"let link of navigation.links\">\r\n <div class=\"d-flex align-items-center justify-content-between\"\r\n [attr.aria-expanded]=\"link.transId===expandedLink?true:false\" role=\"button\"\r\n (click)=\"onExpandLink(link.transId)\">\r\n <div>\r\n <small class=\"fa-stack\" *ngIf=\"link.icon\">\r\n <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"link.icon\"></span>\r\n </small>\r\n <a [href]=\"link.url\" (click)=\"$event.stopPropagation();\">\r\n {{link.transId|translate}}\r\n </a>\r\n </div>\r\n <div class=\"text-dark\" *ngIf=\"link.children&&link.children.length>0\">\r\n <i class=\"fas fa-chevron-up\" *ngIf=\"link.transId===expandedLink\"></i>\r\n <i class=\"fas fa-chevron-down\" *ngIf=\"link.transId!==expandedLink\"></i>\r\n </div>\r\n </div>\r\n <ul class=\"list-unstyled pl-4\" *ngIf=\"link.transId===expandedLink\">\r\n <li class=\"py-1m-0\" *ngFor=\"let subLink of link.children\">\r\n <a [href]=\"subLink.url\">\r\n {{subLink.transId|translate}}\r\n </a>\r\n </li>\r\n </ul>\r\n </li>\r\n </ul>\r\n <div style=\"height:5rem\"></div>\r\n <div *ngIf=\"navigation.about\" class=\"mb-4\">\r\n <div class=\"mb-1\">{{'ADB_HEADER.CONTACT'|translate}}</div>\r\n <ul class=\"list-unstyled ml-0 pl-0\">\r\n <li class=\"p-2 bg-white mb-1 d-flex justify-content-between flex-wrap align-items-center\">\r\n <div>\r\n <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"navigation.about.icon\"></span>\r\n </small>\r\n <a [href]=\"navigation.about.url\">\r\n {{navigation.about.transId|translate}}\r\n </a>\r\n </div>\r\n <a href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n </li>\r\n </ul>\r\n </div>\r\n <div>\r\n <img style=\"height: 3.2rem;\" src=\"/assets/images/logo.svg\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</header>\r\n"}]}],"members":{"loginClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"logoutClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"userName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":31,"character":24},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":33,"character":18}]}],"ngOnInit":[{"__symbolic":"method"}],"initAllTranslations":[{"__symbolic":"method"}],"initTranslations":[{"__symbolic":"method"}],"setLanguage":[{"__symbolic":"method"}],"onExpandLink":[{"__symbolic":"method"}],"login":[{"__symbolic":"method"}],"logout":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ADBHeaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ADBHeaderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":15,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":16,"character":4}],"exports":[{"__symbolic":"reference","name":"ADBHeaderComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["environment"],"value":{"ngModule":{"__symbolic":"reference","name":"ADBHeaderModule"},"providers":[{"__symbolic":"reference","name":"ɵa"},{"provide":"env","useValue":{"__symbolic":"reference","name":"environment"}}]}}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":4,"character":17},"arguments":["env"]}]],"parameters":[null]}]}}},"origins":{"ADBHeaderComponent":"./lib/adb-header.component","ADBHeaderModule":"./lib/adb-header.module","ɵa":"./lib/environment.service"},"importAs":"adb-shared"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"ADBHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"adb-header2","template":"<header id=\"top-header\" (clickOutside)=\"showUserMenu=false;showMenuDropdown(false);\">\r\n <nav class=\"d-flex flex-wrap px-3\">\r\n <div class=\"flex-grow-1 d-flex align-items-center justify-content-between justify-content-md-start\">\r\n <div class=\"logo d-none d-md-block\">\r\n <img src=\"/assets/images/logo.svg\" style=\"height: 3.2rem;\">\r\n </div>\r\n <div class=\"logo pl-2 d-sm-block d-md-none d-flex align-items-center\">\r\n <img src=\"/assets/images/logo_sm_white.png\" style=\"height: 2rem;\">\r\n </div>\r\n <strong class=\"bigger\">Artfakta</strong>\r\n </div>\r\n <div class=\"flex-grow-1 d-flex justify-content-lg-between justify-content-end align-items-center\">\r\n <div class=\"d-flex align-items-center\">\r\n <nav class=\"d-none align-items-center d-lg-flex pr-4\" style=\"gap:2rem;\" *ngIf=\"navigation\">\r\n <ng-container *ngFor=\"let link of navigation.links\">\r\n <a [href]=\"link.url\" *ngIf=\"link.topLink\" [ngClass]=\"{'d-none d-xl-block':link.transId==='ADB_HEADER.OBSERVATION'}\">\r\n {{link.transId|translate}}\r\n </a>\r\n </ng-container>\r\n </nav>\r\n <div>\r\n <button class=\"btn py-1 px-2 btn-primary\" (click)=\"showUserMenu = false;showMenuDropdown(!showMenu)\">\r\n {{'ADB_HEADER.MENY'|translate}}\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"d-none d-md-block pl-4\">\r\n <button *ngIf=\"initials\" class=\"btn initials px-2 py-1\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\">{{initials}}</button>\r\n <button *ngIf=\"!initials\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\" class=\"btn btn-link\">\r\n {{'ADB_HEADER.LOGIN'|translate}}\r\n </button>\r\n </div>\r\n </div>\r\n </nav>\r\n <div class=\"menu\" *ngIf=\"showUserMenu\">\r\n <div class=\"menu-body bg-white p-3\" style=\"width:15rem\">\r\n <ng-container *ngIf=\"initials\">\r\n <div class=\"text-dark\">\r\n <span class=\"initials py-2 px-2 mr-2\">{{initials}}</span>\r\n <strong>{{fullName}}</strong>\r\n </div>\r\n <hr class=\"mx-n3\">\r\n <button (click)=\"logout()\" class=\"btn btn-link p-0\">\r\n <i class=\"fas fa-sign-out-alt mr-1\"></i>{{'ADB_HEADER.LOGOUT'|translate}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngIf=\"!initials\">\r\n <div class=\"d-flex justify-content-center\">\r\n <button class=\"btn btn-primary\" (click)=\"login()\" id=\"start-login\">{{'ADB_HEADER.LOGIN'|translate}}</button>\r\n </div>\r\n <a class=\"d-block mt-3\" href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\">\r\n {{'ADB_HEADER.CREATE_USER'|translate}}\r\n </a>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"menu\" *ngIf=\"showMenu\">\r\n <div class=\"menu-body d-flex flex-column\" *ngIf=\"navigation\">\r\n <div class=\"px-3 pt-3 mb-1\">\r\n <div class=\"d-flex justify-content-between flex-wrap gap-2 mb-2\">\r\n <div>\r\n <div class=\"d-flex d-md-none align-items-center gap-2\" *ngIf=\"initials\">\r\n <span class=\"initials mr-2\">{{initials}}</span>\r\n <button (click)=\"logout()\" class=\"btn btn-primary\">\r\n {{'ADB_HEADER.LOGOUT'|translate}}\r\n </button>\r\n </div>\r\n <div class=\"d-flex gap-2 d-md-none\" *ngIf=\"!initials\">\r\n <button (click)=\"login()\" class=\"btn btn-primary\" id=\"login\">\r\n {{'ADB_HEADER.LOGIN'|translate}}\r\n </button>\r\n <a href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\"\r\n class=\"btn btn-primary\">\r\n {{'ADB_HEADER.CREATE_USER'|translate}}\r\n </a>\r\n </div>\r\n </div>\r\n <div>\r\n <button *ngIf=\"trans.currentLang==='en'\" (click)=\"setLanguage('sv')\"\r\n class=\"btn btn-primary\">\r\n {{'ADB_HEADER.IN_SWEDISH'|translate}}\r\n </button>\r\n <button *ngIf=\"trans.currentLang==='sv'\" (click)=\"setLanguage('en')\"\r\n class=\"btn btn-primary\">\r\n {{'ADB_HEADER.IN_ENGLISH'|translate}}\r\n </button>\r\n </div>\r\n </div>\r\n {{'ADB_HEADER.SERVICES'|translate}}\r\n </div>\r\n <div id=\"splash\">\r\n <div class=\"px-3\">\r\n <ul class=\"list-group ml-0 mb-0 pl-0\">\r\n <li class=\"mb-1 list-group-item rounded-0\"\r\n [ngClass]=\"{'pointer list-group-item-action':link.children&&link.children.length>0}\"\r\n *ngFor=\"let link of navigation.links\">\r\n <div class=\"d-flex align-items-center justify-content-between\"\r\n [attr.aria-expanded]=\"link.transId===expandedLink?true:false\" role=\"button\"\r\n (click)=\"onExpandLink(link.transId)\">\r\n <div>\r\n <small class=\"fa-stack\" *ngIf=\"link.icon\">\r\n <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"link.icon\"></span>\r\n </small>\r\n <a [href]=\"link.url\" (click)=\"$event.stopPropagation();\">\r\n {{link.transId|translate}}\r\n </a>\r\n </div>\r\n <div class=\"text-dark\" *ngIf=\"link.children&&link.children.length>0\">\r\n <i class=\"fas fa-chevron-up\" *ngIf=\"link.transId===expandedLink\"></i>\r\n <i class=\"fas fa-chevron-down\" *ngIf=\"link.transId!==expandedLink\"></i>\r\n </div>\r\n </div>\r\n <ul class=\"list-unstyled pl-4\" *ngIf=\"link.transId===expandedLink\">\r\n <li class=\"py-1m-0\" *ngFor=\"let subLink of link.children\">\r\n <a [href]=\"subLink.url\">\r\n {{subLink.transId|translate}}\r\n </a>\r\n </li>\r\n </ul>\r\n </li>\r\n </ul>\r\n <div style=\"height:10rem\"></div>\r\n <div *ngIf=\"navigation.about\" class=\"mb-4\">\r\n <div class=\"mb-1\">{{'ADB_HEADER.CONTACT'|translate}}</div>\r\n <ul class=\"list-unstyled ml-0 pl-0\">\r\n <li class=\"p-2 bg-white mb-1 d-flex justify-content-between flex-wrap align-items-center\">\r\n <div>\r\n <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"navigation.about.icon\"></span>\r\n </small>\r\n <a [href]=\"navigation.about.url\">\r\n {{navigation.about.transId|translate}}\r\n </a>\r\n </div>\r\n <a href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n </li>\r\n </ul>\r\n </div>\r\n <div>\r\n <img style=\"height: 3.2rem;\" src=\"/assets/images/logo.svg\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</header>\r\n"}]}],"members":{"loginClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"logoutClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"dropMenuChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"userName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":32,"character":24},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":34,"character":18}]}],"ngOnInit":[{"__symbolic":"method"}],"initAllTranslations":[{"__symbolic":"method"}],"showMenuDropdown":[{"__symbolic":"method"}],"setLanguage":[{"__symbolic":"method"}],"onExpandLink":[{"__symbolic":"method"}],"login":[{"__symbolic":"method"}],"logout":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ADBHeaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ADBHeaderComponent"},{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":16,"character":4},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"ADBHeaderComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["environment"],"value":{"ngModule":{"__symbolic":"reference","name":"ADBHeaderModule"},"providers":[{"__symbolic":"reference","name":"ɵa"},{"provide":"env","useValue":{"__symbolic":"reference","name":"environment"}}]}}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":4,"character":17},"arguments":["env"]}]],"parameters":[null]}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":1,"character":1},"arguments":[{"selector":"[clickOutside]"}]}],"members":{"clickOutside":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":5,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":6,"character":36}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":8,"character":5},"arguments":["document:click",["$event.target"]]}]}]}}},"origins":{"ADBHeaderComponent":"./lib/adb-header.component","ADBHeaderModule":"./lib/adb-header.module","ɵa":"./lib/environment.service","ɵb":"./lib/click-outside.directive"},"importAs":"adb-shared"}
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
this.subscription = new rxjs.Subscription();
|
|
39
39
|
this.loginClicked = new core.EventEmitter();
|
|
40
40
|
this.logoutClicked = new core.EventEmitter();
|
|
41
|
+
this.dropMenuChange = new core.EventEmitter();
|
|
41
42
|
this.showMenu = false;
|
|
42
43
|
this.showUserMenu = false;
|
|
43
44
|
}
|
|
@@ -79,15 +80,6 @@
|
|
|
79
80
|
_this.navigation = result;
|
|
80
81
|
})));
|
|
81
82
|
this.initAllTranslations(baseUrl);
|
|
82
|
-
// if (this.trans.store.translations[this.trans.currentLang]) {
|
|
83
|
-
// console.log('this.trans.currentLang', this.trans.currentLang);
|
|
84
|
-
// this.initTranslations(baseUrl, this.trans.currentLang);
|
|
85
|
-
// } else {
|
|
86
|
-
// this.subscription.add(this.trans.onLangChange.subscribe((event) => {
|
|
87
|
-
// console.log('event', event);
|
|
88
|
-
// this.initTranslations(baseUrl, event.lang);
|
|
89
|
-
// }));
|
|
90
|
-
// }
|
|
91
83
|
};
|
|
92
84
|
/**
|
|
93
85
|
* @private
|
|
@@ -113,27 +105,18 @@
|
|
|
113
105
|
})));
|
|
114
106
|
};
|
|
115
107
|
/**
|
|
116
|
-
* @
|
|
117
|
-
* @param {?} baseUrl
|
|
118
|
-
* @param {?} lang
|
|
108
|
+
* @param {?} show
|
|
119
109
|
* @return {?}
|
|
120
110
|
*/
|
|
121
|
-
ADBHeaderComponent.prototype.
|
|
122
|
-
* @
|
|
123
|
-
* @param {?} baseUrl
|
|
124
|
-
* @param {?} lang
|
|
111
|
+
ADBHeaderComponent.prototype.showMenuDropdown = /**
|
|
112
|
+
* @param {?} show
|
|
125
113
|
* @return {?}
|
|
126
114
|
*/
|
|
127
|
-
function (
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
* @return {?}
|
|
133
|
-
*/
|
|
134
|
-
function (translations) {
|
|
135
|
-
_this.trans.setTranslation(lang, translations, true);
|
|
136
|
-
})));
|
|
115
|
+
function (show) {
|
|
116
|
+
if (this.showMenu !== show) {
|
|
117
|
+
this.showMenu = show;
|
|
118
|
+
this.dropMenuChange.emit(show);
|
|
119
|
+
}
|
|
137
120
|
};
|
|
138
121
|
/**
|
|
139
122
|
* @param {?} lang
|
|
@@ -145,7 +128,7 @@
|
|
|
145
128
|
*/
|
|
146
129
|
function (lang) {
|
|
147
130
|
this.trans.use(lang);
|
|
148
|
-
//set localstorage/cookies
|
|
131
|
+
//TODO: set localstorage/cookies or probaly event to main app
|
|
149
132
|
};
|
|
150
133
|
/**
|
|
151
134
|
* @param {?} transId
|
|
@@ -192,7 +175,7 @@
|
|
|
192
175
|
ADBHeaderComponent.decorators = [
|
|
193
176
|
{ type: core.Component, args: [{
|
|
194
177
|
selector: 'adb-header2',
|
|
195
|
-
template: "<header id=\"top-header\">\r\n <nav class=\"px-
|
|
178
|
+
template: "<header id=\"top-header\" (clickOutside)=\"showUserMenu=false;showMenuDropdown(false);\">\r\n <nav class=\"d-flex flex-wrap px-3\">\r\n <div class=\"flex-grow-1 d-flex align-items-center justify-content-between justify-content-md-start\">\r\n <div class=\"logo d-none d-md-block\">\r\n <img src=\"/assets/images/logo.svg\" style=\"height: 3.2rem;\">\r\n </div>\r\n <div class=\"logo pl-2 d-sm-block d-md-none d-flex align-items-center\">\r\n <img src=\"/assets/images/logo_sm_white.png\" style=\"height: 2rem;\">\r\n </div>\r\n <strong class=\"bigger\">Artfakta</strong>\r\n </div>\r\n <div class=\"flex-grow-1 d-flex justify-content-lg-between justify-content-end align-items-center\">\r\n <div class=\"d-flex align-items-center\">\r\n <nav class=\"d-none align-items-center d-lg-flex pr-4\" style=\"gap:2rem;\" *ngIf=\"navigation\">\r\n <ng-container *ngFor=\"let link of navigation.links\">\r\n <a [href]=\"link.url\" *ngIf=\"link.topLink\" [ngClass]=\"{'d-none d-xl-block':link.transId==='ADB_HEADER.OBSERVATION'}\">\r\n {{link.transId|translate}}\r\n </a>\r\n </ng-container>\r\n </nav>\r\n <div>\r\n <button class=\"btn py-1 px-2 btn-primary\" (click)=\"showUserMenu = false;showMenuDropdown(!showMenu)\">\r\n {{'ADB_HEADER.MENY'|translate}}\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"d-none d-md-block pl-4\">\r\n <button *ngIf=\"initials\" class=\"btn initials px-2 py-1\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\">{{initials}}</button>\r\n <button *ngIf=\"!initials\" (click)=\"showUserMenu = !showUserMenu;showMenuDropdown(false)\" class=\"btn btn-link\">\r\n {{'ADB_HEADER.LOGIN'|translate}}\r\n </button>\r\n </div>\r\n </div>\r\n </nav>\r\n <div class=\"menu\" *ngIf=\"showUserMenu\">\r\n <div class=\"menu-body bg-white p-3\" style=\"width:15rem\">\r\n <ng-container *ngIf=\"initials\">\r\n <div class=\"text-dark\">\r\n <span class=\"initials py-2 px-2 mr-2\">{{initials}}</span>\r\n <strong>{{fullName}}</strong>\r\n </div>\r\n <hr class=\"mx-n3\">\r\n <button (click)=\"logout()\" class=\"btn btn-link p-0\">\r\n <i class=\"fas fa-sign-out-alt mr-1\"></i>{{'ADB_HEADER.LOGOUT'|translate}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngIf=\"!initials\">\r\n <div class=\"d-flex justify-content-center\">\r\n <button class=\"btn btn-primary\" (click)=\"login()\" id=\"start-login\">{{'ADB_HEADER.LOGIN'|translate}}</button>\r\n </div>\r\n <a class=\"d-block mt-3\" href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\">\r\n {{'ADB_HEADER.CREATE_USER'|translate}}\r\n </a>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"menu\" *ngIf=\"showMenu\">\r\n <div class=\"menu-body d-flex flex-column\" *ngIf=\"navigation\">\r\n <div class=\"px-3 pt-3 mb-1\">\r\n <div class=\"d-flex justify-content-between flex-wrap gap-2 mb-2\">\r\n <div>\r\n <div class=\"d-flex d-md-none align-items-center gap-2\" *ngIf=\"initials\">\r\n <span class=\"initials mr-2\">{{initials}}</span>\r\n <button (click)=\"logout()\" class=\"btn btn-primary\">\r\n {{'ADB_HEADER.LOGOUT'|translate}}\r\n </button>\r\n </div>\r\n <div class=\"d-flex gap-2 d-md-none\" *ngIf=\"!initials\">\r\n <button (click)=\"login()\" class=\"btn btn-primary\" id=\"login\">\r\n {{'ADB_HEADER.LOGIN'|translate}}\r\n </button>\r\n <a href=\"{{navigation.createAccountLink}}?returnUrl={{url}}\"\r\n class=\"btn btn-primary\">\r\n {{'ADB_HEADER.CREATE_USER'|translate}}\r\n </a>\r\n </div>\r\n </div>\r\n <div>\r\n <button *ngIf=\"trans.currentLang==='en'\" (click)=\"setLanguage('sv')\"\r\n class=\"btn btn-primary\">\r\n {{'ADB_HEADER.IN_SWEDISH'|translate}}\r\n </button>\r\n <button *ngIf=\"trans.currentLang==='sv'\" (click)=\"setLanguage('en')\"\r\n class=\"btn btn-primary\">\r\n {{'ADB_HEADER.IN_ENGLISH'|translate}}\r\n </button>\r\n </div>\r\n </div>\r\n {{'ADB_HEADER.SERVICES'|translate}}\r\n </div>\r\n <div id=\"splash\">\r\n <div class=\"px-3\">\r\n <ul class=\"list-group ml-0 mb-0 pl-0\">\r\n <li class=\"mb-1 list-group-item rounded-0\"\r\n [ngClass]=\"{'pointer list-group-item-action':link.children&&link.children.length>0}\"\r\n *ngFor=\"let link of navigation.links\">\r\n <div class=\"d-flex align-items-center justify-content-between\"\r\n [attr.aria-expanded]=\"link.transId===expandedLink?true:false\" role=\"button\"\r\n (click)=\"onExpandLink(link.transId)\">\r\n <div>\r\n <small class=\"fa-stack\" *ngIf=\"link.icon\">\r\n <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"link.icon\"></span>\r\n </small>\r\n <a [href]=\"link.url\" (click)=\"$event.stopPropagation();\">\r\n {{link.transId|translate}}\r\n </a>\r\n </div>\r\n <div class=\"text-dark\" *ngIf=\"link.children&&link.children.length>0\">\r\n <i class=\"fas fa-chevron-up\" *ngIf=\"link.transId===expandedLink\"></i>\r\n <i class=\"fas fa-chevron-down\" *ngIf=\"link.transId!==expandedLink\"></i>\r\n </div>\r\n </div>\r\n <ul class=\"list-unstyled pl-4\" *ngIf=\"link.transId===expandedLink\">\r\n <li class=\"py-1m-0\" *ngFor=\"let subLink of link.children\">\r\n <a [href]=\"subLink.url\">\r\n {{subLink.transId|translate}}\r\n </a>\r\n </li>\r\n </ul>\r\n </li>\r\n </ul>\r\n <div style=\"height:10rem\"></div>\r\n <div *ngIf=\"navigation.about\" class=\"mb-4\">\r\n <div class=\"mb-1\">{{'ADB_HEADER.CONTACT'|translate}}</div>\r\n <ul class=\"list-unstyled ml-0 pl-0\">\r\n <li class=\"p-2 bg-white mb-1 d-flex justify-content-between flex-wrap align-items-center\">\r\n <div>\r\n <small class=\"fa-stack\" *ngIf=\"navigation.about.icon\">\r\n <span class=\"fas fa-circle fa-stack-2x text-primary\"></span>\r\n <span class=\"fas fa-stack-1x fa-inverse\" [ngClass]=\"navigation.about.icon\"></span>\r\n </small>\r\n <a [href]=\"navigation.about.url\">\r\n {{navigation.about.transId|translate}}\r\n </a>\r\n </div>\r\n <a href=\"mailto:artfakta@artdatabanken.se\">artfakta@artdatabanken.se</a>\r\n </li>\r\n </ul>\r\n </div>\r\n <div>\r\n <img style=\"height: 3.2rem;\" src=\"/assets/images/logo.svg\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</header>\r\n"
|
|
196
179
|
}] }
|
|
197
180
|
];
|
|
198
181
|
/** @nocollapse */
|
|
@@ -204,6 +187,7 @@
|
|
|
204
187
|
ADBHeaderComponent.propDecorators = {
|
|
205
188
|
loginClicked: [{ type: core.Output }],
|
|
206
189
|
logoutClicked: [{ type: core.Output }],
|
|
190
|
+
dropMenuChange: [{ type: core.Output }],
|
|
207
191
|
userName: [{ type: core.Input }]
|
|
208
192
|
};
|
|
209
193
|
return ADBHeaderComponent;
|
|
@@ -219,6 +203,8 @@
|
|
|
219
203
|
/** @type {?} */
|
|
220
204
|
ADBHeaderComponent.prototype.logoutClicked;
|
|
221
205
|
/** @type {?} */
|
|
206
|
+
ADBHeaderComponent.prototype.dropMenuChange;
|
|
207
|
+
/** @type {?} */
|
|
222
208
|
ADBHeaderComponent.prototype.fullName;
|
|
223
209
|
/** @type {?} */
|
|
224
210
|
ADBHeaderComponent.prototype.initials;
|
|
@@ -247,6 +233,55 @@
|
|
|
247
233
|
/* Skipping unhandled member: ;*/
|
|
248
234
|
}
|
|
249
235
|
|
|
236
|
+
/**
|
|
237
|
+
* @fileoverview added by tsickle
|
|
238
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
239
|
+
*/
|
|
240
|
+
var ClickOutsideDirective = /** @class */ (function () {
|
|
241
|
+
function ClickOutsideDirective(elementRef) {
|
|
242
|
+
this.elementRef = elementRef;
|
|
243
|
+
this.clickOutside = new core.EventEmitter();
|
|
244
|
+
}
|
|
245
|
+
/**
|
|
246
|
+
* @param {?} target
|
|
247
|
+
* @return {?}
|
|
248
|
+
*/
|
|
249
|
+
ClickOutsideDirective.prototype.onClick = /**
|
|
250
|
+
* @param {?} target
|
|
251
|
+
* @return {?}
|
|
252
|
+
*/
|
|
253
|
+
function (target) {
|
|
254
|
+
/** @type {?} */
|
|
255
|
+
var clickedInside = this.elementRef.nativeElement.contains(target);
|
|
256
|
+
if (!clickedInside) {
|
|
257
|
+
this.clickOutside.emit();
|
|
258
|
+
}
|
|
259
|
+
};
|
|
260
|
+
ClickOutsideDirective.decorators = [
|
|
261
|
+
{ type: core.Directive, args: [{
|
|
262
|
+
selector: '[clickOutside]',
|
|
263
|
+
},] }
|
|
264
|
+
];
|
|
265
|
+
/** @nocollapse */
|
|
266
|
+
ClickOutsideDirective.ctorParameters = function () { return [
|
|
267
|
+
{ type: core.ElementRef }
|
|
268
|
+
]; };
|
|
269
|
+
ClickOutsideDirective.propDecorators = {
|
|
270
|
+
clickOutside: [{ type: core.Output }],
|
|
271
|
+
onClick: [{ type: core.HostListener, args: ['document:click', ['$event.target'],] }]
|
|
272
|
+
};
|
|
273
|
+
return ClickOutsideDirective;
|
|
274
|
+
}());
|
|
275
|
+
if (false) {
|
|
276
|
+
/** @type {?} */
|
|
277
|
+
ClickOutsideDirective.prototype.clickOutside;
|
|
278
|
+
/**
|
|
279
|
+
* @type {?}
|
|
280
|
+
* @private
|
|
281
|
+
*/
|
|
282
|
+
ClickOutsideDirective.prototype.elementRef;
|
|
283
|
+
}
|
|
284
|
+
|
|
250
285
|
/**
|
|
251
286
|
* @fileoverview added by tsickle
|
|
252
287
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -277,7 +312,7 @@
|
|
|
277
312
|
};
|
|
278
313
|
ADBHeaderModule.decorators = [
|
|
279
314
|
{ type: core.NgModule, args: [{
|
|
280
|
-
declarations: [ADBHeaderComponent],
|
|
315
|
+
declarations: [ADBHeaderComponent, ClickOutsideDirective],
|
|
281
316
|
imports: [
|
|
282
317
|
common.CommonModule,
|
|
283
318
|
http.HttpClientModule,
|
|
@@ -293,6 +328,7 @@
|
|
|
293
328
|
exports.ADBHeaderComponent = ADBHeaderComponent;
|
|
294
329
|
exports.ADBHeaderModule = ADBHeaderModule;
|
|
295
330
|
exports.ɵa = EnvironmentService;
|
|
331
|
+
exports.ɵb = ClickOutsideDirective;
|
|
296
332
|
|
|
297
333
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
298
334
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"adb-shared.umd.js","sources":["ng://adb-shared/lib/environment.service.ts","ng://adb-shared/lib/adb-header.component.ts","ng://adb-shared/lib/adb-header.module.ts"],"sourcesContent":["import { Inject, Injectable } from \"@angular/core\";\r\n\r\n@Injectable()\r\nexport class EnvironmentService {\r\n constructor(@Inject('env') public environment) {\r\n }\r\n}","import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { forkJoin, Subscription } from 'rxjs';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { Navigation } from './navigation.model';\r\nimport { take } from 'rxjs/operators';\r\n@Component({\r\n selector: 'adb-header2',\r\n templateUrl: './adb-header.component.html'\r\n})\r\nexport class ADBHeaderComponent implements OnInit, OnDestroy {\r\n private subscription = new Subscription();\r\n @Output() loginClicked = new EventEmitter();\r\n @Output() logoutClicked = new EventEmitter();\r\n fullName: string;\r\n @Input() set userName(fullName: string) {\r\n this.fullName = fullName;\r\n const splitted = fullName.split(' ');\r\n if (splitted && splitted.length > 1) {\r\n const initials = splitted.shift().charAt(0) + splitted.pop().charAt(0);\r\n this.initials = initials.toUpperCase();\r\n }\r\n };\r\n initials: string;\r\n showMenu = false;\r\n showUserMenu = false;\r\n navigation: Navigation;\r\n url: string;\r\n expandedLink: string;\r\n constructor(\r\n private httpClient: HttpClient,\r\n private envService: EnvironmentService,\r\n public trans: TranslateService) {\r\n }\r\n\r\n ngOnInit() {\r\n this.url = window.location.href;\r\n const baseUrl = this.envService.environment.resourceUrl;\r\n this.subscription.add(this.httpClient.get<Navigation>(baseUrl + '/assets/links.json').subscribe(result => {\r\n this.navigation = result;\r\n }));\r\n this.initAllTranslations(baseUrl);\r\n
|
|
1
|
+
{"version":3,"file":"adb-shared.umd.js","sources":["ng://adb-shared/lib/environment.service.ts","ng://adb-shared/lib/adb-header.component.ts","ng://adb-shared/lib/click-outside.directive.ts","ng://adb-shared/lib/adb-header.module.ts"],"sourcesContent":["import { Inject, Injectable } from \"@angular/core\";\r\n\r\n@Injectable()\r\nexport class EnvironmentService {\r\n constructor(@Inject('env') public environment) {\r\n }\r\n}","import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { forkJoin, Subscription } from 'rxjs';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { Navigation } from './navigation.model';\r\nimport { take } from 'rxjs/operators';\r\n@Component({\r\n selector: 'adb-header2',\r\n templateUrl: './adb-header.component.html'\r\n})\r\nexport class ADBHeaderComponent implements OnInit, OnDestroy {\r\n private subscription = new Subscription();\r\n @Output() loginClicked = new EventEmitter();\r\n @Output() logoutClicked = new EventEmitter();\r\n @Output() dropMenuChange = new EventEmitter<boolean>();\r\n fullName: string;\r\n @Input() set userName(fullName: string) {\r\n this.fullName = fullName;\r\n const splitted = fullName.split(' ');\r\n if (splitted && splitted.length > 1) {\r\n const initials = splitted.shift().charAt(0) + splitted.pop().charAt(0);\r\n this.initials = initials.toUpperCase();\r\n }\r\n };\r\n initials: string;\r\n showMenu = false;\r\n showUserMenu = false;\r\n navigation: Navigation;\r\n url: string;\r\n expandedLink: string;\r\n constructor(\r\n private httpClient: HttpClient,\r\n private envService: EnvironmentService,\r\n public trans: TranslateService) {\r\n }\r\n\r\n ngOnInit() {\r\n this.url = window.location.href;\r\n const baseUrl = this.envService.environment.resourceUrl;\r\n this.subscription.add(this.httpClient.get<Navigation>(baseUrl + '/assets/links.json').subscribe(result => {\r\n this.navigation = result;\r\n }));\r\n this.initAllTranslations(baseUrl);\r\n }\r\n\r\n private initAllTranslations(baseUrl: string): void {\r\n const trans$ = forkJoin([this.httpClient.get(baseUrl + '/assets/i18n/en.json'), this.httpClient.get(baseUrl + '/assets/i18n/sv.json')])\r\n this.subscription.add(trans$.subscribe(result => {\r\n this.trans.setTranslation('en', result[0], true);\r\n this.trans.setTranslation('sv', result[1], true);\r\n }));\r\n }\r\n\r\n showMenuDropdown(show: boolean): void {\r\n if (this.showMenu !== show) {\r\n this.showMenu = show;\r\n this.dropMenuChange.emit(show);\r\n }\r\n }\r\n\r\n setLanguage(lang): void {\r\n this.trans.use(lang);\r\n //TODO: set localstorage/cookies or probaly event to main app\r\n }\r\n\r\n onExpandLink(transId: string): void {\r\n if (this.expandedLink === transId) {\r\n this.expandedLink = null;\r\n return;\r\n }\r\n this.expandedLink = transId;\r\n }\r\n\r\n login(): void {\r\n this.loginClicked.emit();\r\n }\r\n\r\n logout(): void {\r\n this.logoutClicked.emit();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.subscription.unsubscribe();\r\n }\r\n\r\n}\r\n\r\n\r\n // if (this.trans.store.translations[this.trans.currentLang]) {\r\n // console.log('this.trans.currentLang', this.trans.currentLang);\r\n // this.initTranslations(baseUrl, this.trans.currentLang);\r\n // } else {\r\n // this.subscription.add(this.trans.onLangChange.subscribe((event) => {\r\n // console.log('event', event);\r\n // this.initTranslations(baseUrl, event.lang);\r\n // }));\r\n // }\r\n // private initTranslations(baseUrl: string, lang: string): void {\r\n // //TODO: Prepare for diffents lang then en sv (en-GB) or add more files in devcomponentserver :)\r\n // this.subscription.add(this.httpClient.get(baseUrl + `/assets/i18n/${lang}.json`, { headers: new HttpHeaders() }).subscribe(translations => {\r\n // this.trans.setTranslation(lang, translations, true);\r\n // }));\r\n // }","import { Directive, Input, Output, EventEmitter, ElementRef, HostListener } from '@angular/core';\r\n@Directive({\r\n selector: '[clickOutside]',\r\n})\r\nexport class ClickOutsideDirective {\r\n @Output() clickOutside = new EventEmitter<void>();\r\n constructor(private elementRef: ElementRef) { }\r\n\r\n @HostListener('document:click', ['$event.target'])\r\n public onClick(target: any) {\r\n const clickedInside = this.elementRef.nativeElement.contains(target);\r\n if (!clickedInside) {\r\n this.clickOutside.emit();\r\n }\r\n }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { TranslateLoader, TranslateModule } from '@ngx-translate/core';\r\nimport { ADBHeaderComponent } from './adb-header.component';\r\nimport { HttpClient, HttpClientModule } from '@angular/common/http';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { RouterModule } from '@angular/router';\r\nimport { ClickOutsideDirective } from './click-outside.directive';\r\n\r\n\r\n@NgModule({\r\n declarations: [ADBHeaderComponent, ClickOutsideDirective],\r\n imports: [\r\n CommonModule,\r\n HttpClientModule,\r\n RouterModule,\r\n TranslateModule\r\n ],\r\n exports: [ADBHeaderComponent]\r\n})\r\nexport class ADBHeaderModule {\r\n public static forRoot(environment: any): ModuleWithProviders<ADBHeaderModule> {\r\n return {\r\n ngModule: ADBHeaderModule,\r\n providers: [\r\n EnvironmentService,\r\n {\r\n provide: 'env', // you can also use InjectionToken\r\n useValue: environment\r\n }\r\n ]\r\n };\r\n }\r\n}\r\n"],"names":["Injectable","Inject","Subscription","EventEmitter","forkJoin","Component","HttpClient","TranslateService","Output","Input","Directive","ElementRef","HostListener","NgModule","CommonModule","HttpClientModule","RouterModule","TranslateModule"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common/http"),require("@angular/core"),require("@ngx-translate/core"),require("rxjs"),require("@angular/common"),require("@angular/router")):"function"==typeof define&&define.amd?define("adb-shared",["exports","@angular/common/http","@angular/core","@ngx-translate/core","rxjs","@angular/common","@angular/router"],t):t((n=n||self)["adb-shared"]={},n.ng.common.http,n.ng.core,n.core$1,n.rxjs,n.ng.common,n.ng.router)}(this,(function(n,t,r,e,s,i,a){"use strict";var l=function(){function n(n){this.environment=n}return n.decorators=[{type:r.Injectable}],n.ctorParameters=function(){return[{type:void 0,decorators:[{type:r.Inject,args:["env"]}]}]},n}();var o=function(){function n(n,t,e){this.httpClient=n,this.envService=t,this.trans=e,this.subscription=new s.Subscription,this.loginClicked=new r.EventEmitter,this.logoutClicked=new r.EventEmitter,this.showMenu=!1,this.showUserMenu=!1}return Object.defineProperty(n.prototype,"userName",{set:function(n){this.fullName=n;var t=n.split(" ");if(t&&t.length>1){var r=t.shift().charAt(0)+t.pop().charAt(0);this.initials=r.toUpperCase()}},enumerable:!0,configurable:!0}),n.prototype.ngOnInit=function(){var n=this;this.url=window.location.href;var t=this.envService.environment.resourceUrl;this.subscription.add(this.httpClient.get(t+"/assets/links.json").subscribe((function(t){n.navigation=t}))),this.initAllTranslations(t)},n.prototype.initAllTranslations=function(n){var t=this,r=s.forkJoin([this.httpClient.get(n+"/assets/i18n/en.json"),this.httpClient.get(n+"/assets/i18n/sv.json")]);this.subscription.add(r.subscribe((function(n){t.trans.setTranslation("en",n[0],!0),t.trans.setTranslation("sv",n[1],!0)})))},n.prototype.initTranslations=function(n,r){var e=this;this.subscription.add(this.httpClient.get(n+"/assets/i18n/"+r+".json",{headers:new t.HttpHeaders}).subscribe((function(n){e.trans.setTranslation(r,n,!0)})))},n.prototype.setLanguage=function(n){this.trans.use(n)},n.prototype.onExpandLink=function(n){this.expandedLink!==n?this.expandedLink=n:this.expandedLink=null},n.prototype.login=function(){this.loginClicked.emit()},n.prototype.logout=function(){this.logoutClicked.emit()},n.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},n.decorators=[{type:r.Component,args:[{selector:"adb-header2",template:'<header id="top-header">\r\n <nav class="px-2">\r\n <div class="logo d-none d-md-block">\r\n <img src="/assets/images/logo.svg" style="height: 3.2rem;">\r\n </div>\r\n <div class="logo pl-2 d-sm-block d-md-none d-flex align-items-center">\r\n <img src="/assets/images/logo_sm_white.png" style="height: 2rem;">\r\n </div>\r\n <div class="title">Artfakta</div>\r\n <nav class="d-none d-lg-flex align-items-center pr-4" style="gap:2rem;" *ngIf="navigation">\r\n <ng-container *ngFor="let link of navigation.links">\r\n <a [href]="link.url" *ngIf="link.topLink" [ngClass]="{\'d-none d-xl-block\':link.transId===\'ADB_HEADER.OBSERVATION\'}">\r\n {{link.transId|translate}}\r\n </a>\r\n </ng-container>\r\n </nav>\r\n <button class="btn py-1 px-2 btn-primary" (click)="showUserMenu = false;showMenu=!showMenu">\r\n {{\'ADB_HEADER.MENY\'|translate}}\r\n </button>\r\n <div class="d-none d-md-block auth">\r\n <button *ngIf="initials" class="btn initials" (click)="showMenu=false;showUserMenu = !showUserMenu">{{initials}}</button>\r\n <button *ngIf="!initials" (click)="showMenu=false;showUserMenu = !showUserMenu" class="btn btn-link">\r\n {{\'ADB_HEADER.LOGIN\'|translate}}\r\n </button>\r\n </div>\r\n </nav>\r\n <div class="menu" *ngIf="showUserMenu">\r\n <div class="menu-body bg-white" style="width:15rem">\r\n <ng-container *ngIf="initials">\r\n <div class="text-dark">\r\n <span class="initials mr-2">{{initials}}</span>\r\n <strong>{{fullName}}</strong>\r\n </div>\r\n <hr class="mx-n3">\r\n <button (click)="logout()" class="btn btn-link p-0">\r\n <i class="fas fa-sign-out-alt mr-1"></i>{{\'ADB_HEADER.LOGOUT\'|translate}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngIf="!initials">\r\n <div class="d-flex justify-content-center">\r\n <button class="btn btn-primary" (click)="login()">{{\'ADB_HEADER.LOGIN\'|translate}}</button>\r\n </div>\r\n <a class="d-block mt-3" href="{{navigation.createAccountLink}}?returnUrl={{url}}">\r\n {{\'ADB_HEADER.CREATE_USER\'|translate}}\r\n </a>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class="menu" *ngIf="showMenu">\r\n <div class="menu-body d-flex flex-column" *ngIf="navigation">\r\n <div class="px-3 pt-3 mb-1">\r\n <div class="d-flex justify-content-between flex-wrap gap-2 mb-2">\r\n <div>\r\n <div class="d-flex d-md-none align-items-center gap-2" *ngIf="initials">\r\n <span class="initials mr-2">{{initials}}</span>\r\n <button (click)="logout()" class="btn btn-primary">\r\n {{\'ADB_HEADER.LOGOUT\'|translate}}\r\n </button>\r\n </div>\r\n <div class="d-flex gap-2 d-md-none" *ngIf="!initials">\r\n <button (click)="login()" class="btn btn-primary">\r\n {{\'ADB_HEADER.LOGIN\'|translate}}\r\n </button>\r\n <a href="{{navigation.createAccountLink}}?returnUrl={{url}}"\r\n class="btn btn-primary">\r\n {{\'ADB_HEADER.CREATE_USER\'|translate}}\r\n </a>\r\n </div>\r\n </div>\r\n <div>\r\n <button *ngIf="trans.currentLang===\'en\'" (click)="setLanguage(\'sv\')"\r\n class="btn btn-primary">\r\n {{\'ADB_HEADER.IN_SWEDISH\'|translate}}\r\n </button>\r\n <button *ngIf="trans.currentLang===\'sv\'" (click)="setLanguage(\'en\')"\r\n class="btn btn-primary">\r\n {{\'ADB_HEADER.IN_ENGLISH\'|translate}}\r\n </button>\r\n </div>\r\n </div>\r\n {{\'ADB_HEADER.SERVICES\'|translate}}\r\n </div>\r\n <div id="splash">\r\n <div class="px-3">\r\n <ul class="list-group ml-0 mb-0 pl-0">\r\n <li class="mb-1 list-group-item rounded-0"\r\n [ngClass]="{\'pointer list-group-item-action\':link.children&&link.children.length>0}"\r\n *ngFor="let link of navigation.links">\r\n <div class="d-flex align-items-center justify-content-between"\r\n [attr.aria-expanded]="link.transId===expandedLink?true:false" role="button"\r\n (click)="onExpandLink(link.transId)">\r\n <div>\r\n <small class="fa-stack" *ngIf="link.icon">\r\n <span class="fas fa-circle fa-stack-2x text-primary"></span>\r\n <span class="fas fa-stack-1x fa-inverse" [ngClass]="link.icon"></span>\r\n </small>\r\n <a [href]="link.url" (click)="$event.stopPropagation();">\r\n {{link.transId|translate}}\r\n </a>\r\n </div>\r\n <div class="text-dark" *ngIf="link.children&&link.children.length>0">\r\n <i class="fas fa-chevron-up" *ngIf="link.transId===expandedLink"></i>\r\n <i class="fas fa-chevron-down" *ngIf="link.transId!==expandedLink"></i>\r\n </div>\r\n </div>\r\n <ul class="list-unstyled pl-4" *ngIf="link.transId===expandedLink">\r\n <li class="py-1m-0" *ngFor="let subLink of link.children">\r\n <a [href]="subLink.url">\r\n {{subLink.transId|translate}}\r\n </a>\r\n </li>\r\n </ul>\r\n </li>\r\n </ul>\r\n <div style="height:5rem"></div>\r\n <div *ngIf="navigation.about" class="mb-4">\r\n <div class="mb-1">{{\'ADB_HEADER.CONTACT\'|translate}}</div>\r\n <ul class="list-unstyled ml-0 pl-0">\r\n <li class="p-2 bg-white mb-1 d-flex justify-content-between flex-wrap align-items-center">\r\n <div>\r\n <small class="fa-stack" *ngIf="navigation.about.icon">\r\n <span class="fas fa-circle fa-stack-2x text-primary"></span>\r\n <span class="fas fa-stack-1x fa-inverse" [ngClass]="navigation.about.icon"></span>\r\n </small>\r\n <a [href]="navigation.about.url">\r\n {{navigation.about.transId|translate}}\r\n </a>\r\n </div>\r\n <a href="mailto:artfakta@artdatabanken.se">artfakta@artdatabanken.se</a>\r\n </li>\r\n </ul>\r\n </div>\r\n <div>\r\n <img style="height: 3.2rem;" src="/assets/images/logo.svg">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</header>\r\n'}]}],n.ctorParameters=function(){return[{type:t.HttpClient},{type:l},{type:e.TranslateService}]},n.propDecorators={loginClicked:[{type:r.Output}],logoutClicked:[{type:r.Output}],userName:[{type:r.Input}]},n}();var c=function(){function n(){}return n.forRoot=function(t){return{ngModule:n,providers:[l,{provide:"env",useValue:t}]}},n.decorators=[{type:r.NgModule,args:[{declarations:[o],imports:[i.CommonModule,t.HttpClientModule,a.RouterModule,e.TranslateModule],exports:[o]}]}],n}();n.ADBHeaderComponent=o,n.ADBHeaderModule=c,n.ɵa=l,Object.defineProperty(n,"__esModule",{value:!0})}));
|
|
1
|
+
!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common/http"),require("@angular/core"),require("@ngx-translate/core"),require("rxjs"),require("@angular/common"),require("@angular/router")):"function"==typeof define&&define.amd?define("adb-shared",["exports","@angular/common/http","@angular/core","@ngx-translate/core","rxjs","@angular/common","@angular/router"],t):t((n=n||self)["adb-shared"]={},n.ng.common.http,n.ng.core,n.core$1,n.rxjs,n.ng.common,n.ng.router)}(this,(function(n,t,e,r,i,s,a){"use strict";var l=function(){function n(n){this.environment=n}return n.decorators=[{type:e.Injectable}],n.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:["env"]}]}]},n}();var o=function(){function n(n,t,r){this.httpClient=n,this.envService=t,this.trans=r,this.subscription=new i.Subscription,this.loginClicked=new e.EventEmitter,this.logoutClicked=new e.EventEmitter,this.dropMenuChange=new e.EventEmitter,this.showMenu=!1,this.showUserMenu=!1}return Object.defineProperty(n.prototype,"userName",{set:function(n){this.fullName=n;var t=n.split(" ");if(t&&t.length>1){var e=t.shift().charAt(0)+t.pop().charAt(0);this.initials=e.toUpperCase()}},enumerable:!0,configurable:!0}),n.prototype.ngOnInit=function(){var n=this;this.url=window.location.href;var t=this.envService.environment.resourceUrl;this.subscription.add(this.httpClient.get(t+"/assets/links.json").subscribe((function(t){n.navigation=t}))),this.initAllTranslations(t)},n.prototype.initAllTranslations=function(n){var t=this,e=i.forkJoin([this.httpClient.get(n+"/assets/i18n/en.json"),this.httpClient.get(n+"/assets/i18n/sv.json")]);this.subscription.add(e.subscribe((function(n){t.trans.setTranslation("en",n[0],!0),t.trans.setTranslation("sv",n[1],!0)})))},n.prototype.showMenuDropdown=function(n){this.showMenu!==n&&(this.showMenu=n,this.dropMenuChange.emit(n))},n.prototype.setLanguage=function(n){this.trans.use(n)},n.prototype.onExpandLink=function(n){this.expandedLink!==n?this.expandedLink=n:this.expandedLink=null},n.prototype.login=function(){this.loginClicked.emit()},n.prototype.logout=function(){this.logoutClicked.emit()},n.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},n.decorators=[{type:e.Component,args:[{selector:"adb-header2",template:'<header id="top-header" (clickOutside)="showUserMenu=false;showMenuDropdown(false);">\r\n <nav class="d-flex flex-wrap px-3">\r\n <div class="flex-grow-1 d-flex align-items-center justify-content-between justify-content-md-start">\r\n <div class="logo d-none d-md-block">\r\n <img src="/assets/images/logo.svg" style="height: 3.2rem;">\r\n </div>\r\n <div class="logo pl-2 d-sm-block d-md-none d-flex align-items-center">\r\n <img src="/assets/images/logo_sm_white.png" style="height: 2rem;">\r\n </div>\r\n <strong class="bigger">Artfakta</strong>\r\n </div>\r\n <div class="flex-grow-1 d-flex justify-content-lg-between justify-content-end align-items-center">\r\n <div class="d-flex align-items-center">\r\n <nav class="d-none align-items-center d-lg-flex pr-4" style="gap:2rem;" *ngIf="navigation">\r\n <ng-container *ngFor="let link of navigation.links">\r\n <a [href]="link.url" *ngIf="link.topLink" [ngClass]="{\'d-none d-xl-block\':link.transId===\'ADB_HEADER.OBSERVATION\'}">\r\n {{link.transId|translate}}\r\n </a>\r\n </ng-container>\r\n </nav>\r\n <div>\r\n <button class="btn py-1 px-2 btn-primary" (click)="showUserMenu = false;showMenuDropdown(!showMenu)">\r\n {{\'ADB_HEADER.MENY\'|translate}}\r\n </button>\r\n </div>\r\n </div>\r\n <div class="d-none d-md-block pl-4">\r\n <button *ngIf="initials" class="btn initials px-2 py-1" (click)="showUserMenu = !showUserMenu;showMenuDropdown(false)">{{initials}}</button>\r\n <button *ngIf="!initials" (click)="showUserMenu = !showUserMenu;showMenuDropdown(false)" class="btn btn-link">\r\n {{\'ADB_HEADER.LOGIN\'|translate}}\r\n </button>\r\n </div>\r\n </div>\r\n </nav>\r\n <div class="menu" *ngIf="showUserMenu">\r\n <div class="menu-body bg-white p-3" style="width:15rem">\r\n <ng-container *ngIf="initials">\r\n <div class="text-dark">\r\n <span class="initials py-2 px-2 mr-2">{{initials}}</span>\r\n <strong>{{fullName}}</strong>\r\n </div>\r\n <hr class="mx-n3">\r\n <button (click)="logout()" class="btn btn-link p-0">\r\n <i class="fas fa-sign-out-alt mr-1"></i>{{\'ADB_HEADER.LOGOUT\'|translate}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngIf="!initials">\r\n <div class="d-flex justify-content-center">\r\n <button class="btn btn-primary" (click)="login()" id="start-login">{{\'ADB_HEADER.LOGIN\'|translate}}</button>\r\n </div>\r\n <a class="d-block mt-3" href="{{navigation.createAccountLink}}?returnUrl={{url}}">\r\n {{\'ADB_HEADER.CREATE_USER\'|translate}}\r\n </a>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class="menu" *ngIf="showMenu">\r\n <div class="menu-body d-flex flex-column" *ngIf="navigation">\r\n <div class="px-3 pt-3 mb-1">\r\n <div class="d-flex justify-content-between flex-wrap gap-2 mb-2">\r\n <div>\r\n <div class="d-flex d-md-none align-items-center gap-2" *ngIf="initials">\r\n <span class="initials mr-2">{{initials}}</span>\r\n <button (click)="logout()" class="btn btn-primary">\r\n {{\'ADB_HEADER.LOGOUT\'|translate}}\r\n </button>\r\n </div>\r\n <div class="d-flex gap-2 d-md-none" *ngIf="!initials">\r\n <button (click)="login()" class="btn btn-primary" id="login">\r\n {{\'ADB_HEADER.LOGIN\'|translate}}\r\n </button>\r\n <a href="{{navigation.createAccountLink}}?returnUrl={{url}}"\r\n class="btn btn-primary">\r\n {{\'ADB_HEADER.CREATE_USER\'|translate}}\r\n </a>\r\n </div>\r\n </div>\r\n <div>\r\n <button *ngIf="trans.currentLang===\'en\'" (click)="setLanguage(\'sv\')"\r\n class="btn btn-primary">\r\n {{\'ADB_HEADER.IN_SWEDISH\'|translate}}\r\n </button>\r\n <button *ngIf="trans.currentLang===\'sv\'" (click)="setLanguage(\'en\')"\r\n class="btn btn-primary">\r\n {{\'ADB_HEADER.IN_ENGLISH\'|translate}}\r\n </button>\r\n </div>\r\n </div>\r\n {{\'ADB_HEADER.SERVICES\'|translate}}\r\n </div>\r\n <div id="splash">\r\n <div class="px-3">\r\n <ul class="list-group ml-0 mb-0 pl-0">\r\n <li class="mb-1 list-group-item rounded-0"\r\n [ngClass]="{\'pointer list-group-item-action\':link.children&&link.children.length>0}"\r\n *ngFor="let link of navigation.links">\r\n <div class="d-flex align-items-center justify-content-between"\r\n [attr.aria-expanded]="link.transId===expandedLink?true:false" role="button"\r\n (click)="onExpandLink(link.transId)">\r\n <div>\r\n <small class="fa-stack" *ngIf="link.icon">\r\n <span class="fas fa-circle fa-stack-2x text-primary"></span>\r\n <span class="fas fa-stack-1x fa-inverse" [ngClass]="link.icon"></span>\r\n </small>\r\n <a [href]="link.url" (click)="$event.stopPropagation();">\r\n {{link.transId|translate}}\r\n </a>\r\n </div>\r\n <div class="text-dark" *ngIf="link.children&&link.children.length>0">\r\n <i class="fas fa-chevron-up" *ngIf="link.transId===expandedLink"></i>\r\n <i class="fas fa-chevron-down" *ngIf="link.transId!==expandedLink"></i>\r\n </div>\r\n </div>\r\n <ul class="list-unstyled pl-4" *ngIf="link.transId===expandedLink">\r\n <li class="py-1m-0" *ngFor="let subLink of link.children">\r\n <a [href]="subLink.url">\r\n {{subLink.transId|translate}}\r\n </a>\r\n </li>\r\n </ul>\r\n </li>\r\n </ul>\r\n <div style="height:10rem"></div>\r\n <div *ngIf="navigation.about" class="mb-4">\r\n <div class="mb-1">{{\'ADB_HEADER.CONTACT\'|translate}}</div>\r\n <ul class="list-unstyled ml-0 pl-0">\r\n <li class="p-2 bg-white mb-1 d-flex justify-content-between flex-wrap align-items-center">\r\n <div>\r\n <small class="fa-stack" *ngIf="navigation.about.icon">\r\n <span class="fas fa-circle fa-stack-2x text-primary"></span>\r\n <span class="fas fa-stack-1x fa-inverse" [ngClass]="navigation.about.icon"></span>\r\n </small>\r\n <a [href]="navigation.about.url">\r\n {{navigation.about.transId|translate}}\r\n </a>\r\n </div>\r\n <a href="mailto:artfakta@artdatabanken.se">artfakta@artdatabanken.se</a>\r\n </li>\r\n </ul>\r\n </div>\r\n <div>\r\n <img style="height: 3.2rem;" src="/assets/images/logo.svg">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</header>\r\n'}]}],n.ctorParameters=function(){return[{type:t.HttpClient},{type:l},{type:r.TranslateService}]},n.propDecorators={loginClicked:[{type:e.Output}],logoutClicked:[{type:e.Output}],dropMenuChange:[{type:e.Output}],userName:[{type:e.Input}]},n}();var c=function(){function n(n){this.elementRef=n,this.clickOutside=new e.EventEmitter}return n.prototype.onClick=function(n){this.elementRef.nativeElement.contains(n)||this.clickOutside.emit()},n.decorators=[{type:e.Directive,args:[{selector:"[clickOutside]"}]}],n.ctorParameters=function(){return[{type:e.ElementRef}]},n.propDecorators={clickOutside:[{type:e.Output}],onClick:[{type:e.HostListener,args:["document:click",["$event.target"]]}]},n}();var d=function(){function n(){}return n.forRoot=function(t){return{ngModule:n,providers:[l,{provide:"env",useValue:t}]}},n.decorators=[{type:e.NgModule,args:[{declarations:[o,c],imports:[s.CommonModule,t.HttpClientModule,a.RouterModule,r.TranslateModule],exports:[o]}]}],n}();n.ADBHeaderComponent=o,n.ADBHeaderModule=d,n.ɵa=l,n.ɵb=c,Object.defineProperty(n,"__esModule",{value:!0})}));
|
|
2
2
|
//# sourceMappingURL=adb-shared.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ng://adb-shared/lib/environment.service.ts","ng://adb-shared/lib/adb-header.component.ts","ng://adb-shared/lib/adb-header.module.ts"],"names":["EnvironmentService","environment","this","Injectable","Inject","args","ADBHeaderComponent","httpClient","envService","trans","subscription","Subscription","loginClicked","EventEmitter","logoutClicked","showMenu","showUserMenu","Object","defineProperty","prototype","fullName","splitted","split","length","initials","shift","charAt","pop","toUpperCase","ngOnInit","_this","url","window","location","href","baseUrl","resourceUrl","add","get","subscribe","result","navigation","initAllTranslations","trans$","forkJoin","setTranslation","
|
|
1
|
+
{"version":3,"sources":["ng://adb-shared/lib/environment.service.ts","ng://adb-shared/lib/adb-header.component.ts","ng://adb-shared/lib/click-outside.directive.ts","ng://adb-shared/lib/adb-header.module.ts"],"names":["EnvironmentService","environment","this","Injectable","Inject","args","ADBHeaderComponent","httpClient","envService","trans","subscription","Subscription","loginClicked","EventEmitter","logoutClicked","dropMenuChange","showMenu","showUserMenu","Object","defineProperty","prototype","fullName","splitted","split","length","initials","shift","charAt","pop","toUpperCase","ngOnInit","_this","url","window","location","href","baseUrl","resourceUrl","add","get","subscribe","result","navigation","initAllTranslations","trans$","forkJoin","setTranslation","showMenuDropdown","show","emit","setLanguage","lang","use","onExpandLink","transId","expandedLink","login","logout","ngOnDestroy","unsubscribe","Component","selector","template","HttpClient","TranslateService","Output","Input","ClickOutsideDirective","elementRef","clickOutside","onClick","target","nativeElement","contains","Directive","ElementRef","HostListener","ADBHeaderModule","forRoot","ngModule","providers","provide","useValue","NgModule","declarations","imports","CommonModule","HttpClientModule","RouterModule","TranslateModule","exports"],"mappings":"6iBAAA,IAAAA,EAAA,WAII,SAAAA,EAAkCC,GAAAC,KAAAD,YAAAA,EAEtC,2BAJCE,EAAAA,+EAEgBC,EAAAA,OAAMC,KAAA,CAAC,YAExBL,EANA,GCAA,IAAAM,EAAA,WA+BE,SAAAA,EACUC,EACAC,EACDC,GAFCP,KAAAK,WAAAA,EACAL,KAAAM,WAAAA,EACDN,KAAAO,MAAAA,EAtBDP,KAAAQ,aAAe,IAAIC,EAAAA,aACjBT,KAAAU,aAAe,IAAIC,EAAAA,aACnBX,KAAAY,cAAgB,IAAID,EAAAA,aACpBX,KAAAa,eAAiB,IAAIF,EAAAA,aAW/BX,KAAAc,UAAW,EACXd,KAAAe,cAAe,EA2DjB,OArEEC,OAAAC,eAAab,EAAAc,UAAA,WAAQ,KAArB,SAAsBC,GACpBnB,KAAKmB,SAAWA,MACVC,EAAWD,EAASE,MAAM,KAChC,GAAID,GAAYA,EAASE,OAAS,EAAG,KAC7BC,EAAWH,EAASI,QAAQC,OAAO,GAAKL,EAASM,MAAMD,OAAO,GACpEzB,KAAKuB,SAAWA,EAASI,gDAe7BvB,EAAAc,UAAAU,SAAA,WAAA,IAAAC,EAAA7B,KACEA,KAAK8B,IAAMC,OAAOC,SAASC,SACrBC,EAAUlC,KAAKM,WAAWP,YAAYoC,YAC5CnC,KAAKQ,aAAa4B,IAAIpC,KAAKK,WAAWgC,IAAgBH,EAAU,sBAAsBI,WAAS,SAACC,GAC9FV,EAAKW,WAAaD,MAEpBvC,KAAKyC,oBAAoBP,IAGnB9B,EAAAc,UAAAuB,oBAAR,SAA4BP,GAA5B,IAAAL,EAAA7B,KACQ0C,EAASC,EAAAA,SAAS,CAAC3C,KAAKK,WAAWgC,IAAIH,EAAU,wBAAyBlC,KAAKK,WAAWgC,IAAIH,EAAU,0BAC9GlC,KAAKQ,aAAa4B,IAAIM,EAAOJ,WAAS,SAACC,GACrCV,EAAKtB,MAAMqC,eAAe,KAAML,EAAO,IAAI,GAC3CV,EAAKtB,MAAMqC,eAAe,KAAML,EAAO,IAAI,QAI/CnC,EAAAc,UAAA2B,iBAAA,SAAiBC,GACX9C,KAAKc,WAAagC,IACpB9C,KAAKc,SAAWgC,EAChB9C,KAAKa,eAAekC,KAAKD,KAI7B1C,EAAAc,UAAA8B,YAAA,SAAYC,GACVjD,KAAKO,MAAM2C,IAAID,IAIjB7C,EAAAc,UAAAiC,aAAA,SAAaC,GACPpD,KAAKqD,eAAiBD,EAI1BpD,KAAKqD,aAAeD,EAHlBpD,KAAKqD,aAAe,MAMxBjD,EAAAc,UAAAoC,MAAA,WACEtD,KAAKU,aAAaqC,QAGpB3C,EAAAc,UAAAqC,OAAA,WACEvD,KAAKY,cAAcmC,QAGrB3C,EAAAc,UAAAsC,YAAA,WACExD,KAAKQ,aAAaiD,mCA5ErBC,EAAAA,UAASvD,KAAA,CAAC,CACTwD,SAAU,cACVC,SAAA,k0RATOC,EAAAA,kBAIA/D,SAFAgE,EAAAA,0DAWNC,EAAAA,8BACAA,EAAAA,+BACAA,EAAAA,yBAEAC,EAAAA,SAqEH5D,EAtFA,GCAA,IAAA6D,EAAA,WAMI,SAAAA,EAAoBC,GAAAlE,KAAAkE,WAAAA,EADVlE,KAAAmE,aAAe,IAAIxD,EAAAA,aAUjC,OANWsD,EAAA/C,UAAAkD,QADP,SACeC,GACWrE,KAAKkE,WAAWI,cAAcC,SAASF,IAEzDrE,KAAKmE,aAAapB,4BAX7ByB,EAAAA,UAASrE,KAAA,CAAC,CACPwD,SAAU,8DAFmCc,EAAAA,oDAK5CV,EAAAA,wBAGAW,EAAAA,aAAYvE,KAAA,CAAC,iBAAkB,CAAC,qBAOrC8D,EAfA,GCAA,IAAAU,EAAA,WAWA,SAAAA,KAuBA,OAZgBA,EAAAC,QAAd,SAAsB7E,GACpB,MAAO,CACL8E,SAAUF,EACVG,UAAW,CACThF,EACA,CACEiF,QAAS,MACTC,SAAUjF,0BAlBnBkF,EAAAA,SAAQ9E,KAAA,CAAC,CACR+E,aAAc,CAAC9E,EAAoB6D,GACnCkB,QAAS,CACPC,EAAAA,aACAC,EAAAA,iBACAC,EAAAA,aACAC,EAAAA,iBAEFC,QAAS,CAACpF,OAeZuE,EAlCA","sourcesContent":["import { Inject, Injectable } from \"@angular/core\";\r\n\r\n@Injectable()\r\nexport class EnvironmentService {\r\n constructor(@Inject('env') public environment) {\r\n }\r\n}","import { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { forkJoin, Subscription } from 'rxjs';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { Navigation } from './navigation.model';\r\nimport { take } from 'rxjs/operators';\r\n@Component({\r\n selector: 'adb-header2',\r\n templateUrl: './adb-header.component.html'\r\n})\r\nexport class ADBHeaderComponent implements OnInit, OnDestroy {\r\n private subscription = new Subscription();\r\n @Output() loginClicked = new EventEmitter();\r\n @Output() logoutClicked = new EventEmitter();\r\n @Output() dropMenuChange = new EventEmitter<boolean>();\r\n fullName: string;\r\n @Input() set userName(fullName: string) {\r\n this.fullName = fullName;\r\n const splitted = fullName.split(' ');\r\n if (splitted && splitted.length > 1) {\r\n const initials = splitted.shift().charAt(0) + splitted.pop().charAt(0);\r\n this.initials = initials.toUpperCase();\r\n }\r\n };\r\n initials: string;\r\n showMenu = false;\r\n showUserMenu = false;\r\n navigation: Navigation;\r\n url: string;\r\n expandedLink: string;\r\n constructor(\r\n private httpClient: HttpClient,\r\n private envService: EnvironmentService,\r\n public trans: TranslateService) {\r\n }\r\n\r\n ngOnInit() {\r\n this.url = window.location.href;\r\n const baseUrl = this.envService.environment.resourceUrl;\r\n this.subscription.add(this.httpClient.get<Navigation>(baseUrl + '/assets/links.json').subscribe(result => {\r\n this.navigation = result;\r\n }));\r\n this.initAllTranslations(baseUrl);\r\n }\r\n\r\n private initAllTranslations(baseUrl: string): void {\r\n const trans$ = forkJoin([this.httpClient.get(baseUrl + '/assets/i18n/en.json'), this.httpClient.get(baseUrl + '/assets/i18n/sv.json')])\r\n this.subscription.add(trans$.subscribe(result => {\r\n this.trans.setTranslation('en', result[0], true);\r\n this.trans.setTranslation('sv', result[1], true);\r\n }));\r\n }\r\n\r\n showMenuDropdown(show: boolean): void {\r\n if (this.showMenu !== show) {\r\n this.showMenu = show;\r\n this.dropMenuChange.emit(show);\r\n }\r\n }\r\n\r\n setLanguage(lang): void {\r\n this.trans.use(lang);\r\n //TODO: set localstorage/cookies or probaly event to main app\r\n }\r\n\r\n onExpandLink(transId: string): void {\r\n if (this.expandedLink === transId) {\r\n this.expandedLink = null;\r\n return;\r\n }\r\n this.expandedLink = transId;\r\n }\r\n\r\n login(): void {\r\n this.loginClicked.emit();\r\n }\r\n\r\n logout(): void {\r\n this.logoutClicked.emit();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.subscription.unsubscribe();\r\n }\r\n\r\n}\r\n\r\n\r\n // if (this.trans.store.translations[this.trans.currentLang]) {\r\n // console.log('this.trans.currentLang', this.trans.currentLang);\r\n // this.initTranslations(baseUrl, this.trans.currentLang);\r\n // } else {\r\n // this.subscription.add(this.trans.onLangChange.subscribe((event) => {\r\n // console.log('event', event);\r\n // this.initTranslations(baseUrl, event.lang);\r\n // }));\r\n // }\r\n // private initTranslations(baseUrl: string, lang: string): void {\r\n // //TODO: Prepare for diffents lang then en sv (en-GB) or add more files in devcomponentserver :)\r\n // this.subscription.add(this.httpClient.get(baseUrl + `/assets/i18n/${lang}.json`, { headers: new HttpHeaders() }).subscribe(translations => {\r\n // this.trans.setTranslation(lang, translations, true);\r\n // }));\r\n // }","import { Directive, Input, Output, EventEmitter, ElementRef, HostListener } from '@angular/core';\r\n@Directive({\r\n selector: '[clickOutside]',\r\n})\r\nexport class ClickOutsideDirective {\r\n @Output() clickOutside = new EventEmitter<void>();\r\n constructor(private elementRef: ElementRef) { }\r\n\r\n @HostListener('document:click', ['$event.target'])\r\n public onClick(target: any) {\r\n const clickedInside = this.elementRef.nativeElement.contains(target);\r\n if (!clickedInside) {\r\n this.clickOutside.emit();\r\n }\r\n }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { TranslateLoader, TranslateModule } from '@ngx-translate/core';\r\nimport { ADBHeaderComponent } from './adb-header.component';\r\nimport { HttpClient, HttpClientModule } from '@angular/common/http';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { EnvironmentService } from './environment.service';\r\nimport { RouterModule } from '@angular/router';\r\nimport { ClickOutsideDirective } from './click-outside.directive';\r\n\r\n\r\n@NgModule({\r\n declarations: [ADBHeaderComponent, ClickOutsideDirective],\r\n imports: [\r\n CommonModule,\r\n HttpClientModule,\r\n RouterModule,\r\n TranslateModule\r\n ],\r\n exports: [ADBHeaderComponent]\r\n})\r\nexport class ADBHeaderModule {\r\n public static forRoot(environment: any): ModuleWithProviders<ADBHeaderModule> {\r\n return {\r\n ngModule: ADBHeaderModule,\r\n providers: [\r\n EnvironmentService,\r\n {\r\n provide: 'env', // you can also use InjectionToken\r\n useValue: environment\r\n }\r\n ]\r\n };\r\n }\r\n}\r\n"]}
|
package/esm2015/adb-shared.js
CHANGED
|
@@ -6,5 +6,6 @@
|
|
|
6
6
|
* Generated bundle index. Do not edit.
|
|
7
7
|
*/
|
|
8
8
|
export { ADBHeaderComponent, ADBHeaderModule } from './public-api';
|
|
9
|
+
export { ClickOutsideDirective as ɵb } from './lib/click-outside.directive';
|
|
9
10
|
export { EnvironmentService as ɵa } from './lib/environment.service';
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRiLXNoYXJlZC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2FkYi1zaGFyZWQvIiwic291cmNlcyI6WyJhZGItc2hhcmVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxvREFBYyxjQUFjLENBQUM7QUFFN0IsT0FBTyxFQUFDLHFCQUFxQixJQUFJLEVBQUUsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQzFFLE9BQU8sRUFBQyxrQkFBa0IsSUFBSSxFQUFFLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcblxuZXhwb3J0IHtDbGlja091dHNpZGVEaXJlY3RpdmUgYXMgybVifSBmcm9tICcuL2xpYi9jbGljay1vdXRzaWRlLmRpcmVjdGl2ZSc7XG5leHBvcnQge0Vudmlyb25tZW50U2VydmljZSBhcyDJtWF9IGZyb20gJy4vbGliL2Vudmlyb25tZW50LnNlcnZpY2UnOyJdfQ==
|