@indice/ng-components 0.2.63 → 0.2.69

package/_styles.css

@@ -575,14 +575,18 @@
     @apply flex-shrink-0 px-4 py-4 flex bg-gray-100 justify-end;
   }
 
-  .side-view-layout-action-button {
+  .side-view-layout-action-button-cancel {
     @apply bg-white py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-gray-500;
   }
 
-  .side-view-layout-action-button-default {
+  .side-view-layout-action-button-submit {
     @apply ml-4 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-gray-500;
   }
 
+  .side-view-layout-action-button-submit:disabled {
+    @apply ml-4 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-gray-300 focus:outline-none focus:ring-1 focus:ring-offset-1 focus:ring-gray-500;
+  }
+
 }
 
 

package/bundles/indice-ng-components.umd.js

@@ -1916,6 +1916,7 @@
             this.sectionLinksPath = 'main';
             // tslint:disable-next-line:no-input-rename
             this.profileMenuVisible = true;
+            // tslint:disable-next-line:no-input-rename
             this.showUserNameOnHeader = false;
             this.border = true;
             this.sectionLinks = [];
@@ -1927,7 +1928,6 @@
             this.user = null;
             this.avatarName = null;
             this.routeSubject = this.router.events.pipe(operators.filter(function (event) { return event instanceof router.NavigationStart; }));
-            this.userSubject = this.authService.user$;
         }
         ShellHeaderComponent.prototype.ngOnDestroy = function () {
             console.log(this.showUserNameOnHeader);
@@ -1953,11 +1953,11 @@
                 console.log(user);
                 _this.setCurrentUser(user);
             }, function (error) {
-                //console.log(error);
+                console.error(error);
             });
             // Detect user changes and display / or not user info accordingly...
-            this.userSub$ = this.userSubject.subscribe(function (user) {
-                //console.log('ShellHeaderComponent user subscription');
+            this.userSub$ = this.authService.user$.subscribe(function (user) {
+                // console.log('ShellHeaderComponent user subscription');
                 _this.setCurrentUser(user);
             });
         };
@@ -1975,8 +1975,8 @@
             var _a, _b;
             this.user = user;
             if (this.user && this.user.profile) {
-                this.avatarName = "" + ((_a = this.user.profile.given_name) === null || _a === void 0 ? void 0 : _a.charAt(0)) + ((_b = this.user.profile.family_name) === null || _b === void 0 ? void 0 : _b.charAt(0));
-                //console.log('load user', this.avatarName);
+                this.avatarName = ("" + ((_a = this.user.profile.given_name) === null || _a === void 0 ? void 0 : _a.charAt(0)) + ((_b = this.user.profile.family_name) === null || _b === void 0 ? void 0 : _b.charAt(0))).toUpperCase();
+                // console.log('load user', this.avatarName);
             }
         };
         return ShellHeaderComponent;
@@ -2215,7 +2215,7 @@
     SideViewLayoutComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'lib-side-view-layout',
-                    template: "<div class=\"side-view-layout-size-box\">\r\n  <div class=\"side-view-layout-container\">\r\n    <div class=\"side-view-layout-container-inner\">\r\n      <div class=\"side-view-layout-header-margins\">\r\n        <div class=\"side-view-layout-header-container\">\r\n          <h2 class=\"side-view-layout-header-title\" id=\"slide-over-title\">\r\n            {{title}}\r\n          </h2>\r\n          <div class=\"side-view-layout-close-button-container\">\r\n            <button (click)=\"emitClose()\" class=\"side-view-layout-close-button\">\r\n              <span class=\"sr-only\">Close panel</span>\r\n              <!-- Heroicon name: outline/x -->\r\n              <svg class=\"side-view-layout-close-button-icon\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\r\n              </svg>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"side-view-layout-content-container\">\r\n        <!-- Replace with your content -->\r\n        <ng-content></ng-content>\r\n        <!-- /End replace -->\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"showActions\" class=\"side-view-layout-actions-container\">\r\n      <button *ngIf=\"cancelShow\" (click)=\"emitCancel()\" type=\"button\" class=\"side-view-layout-action-button\">\r\n        {{cancelLabel}}\r\n      </button>\r\n      <button *ngIf=\"okShow\" (click)=\"emitOK()\" class=\"side-view-layout-action-button-default\" [disabled]=\"disabled\">\r\n        {{okLabel}}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n"
+                    template: "<div class=\"side-view-layout-size-box\">\r\n  <div class=\"side-view-layout-container\">\r\n    <div class=\"side-view-layout-container-inner\">\r\n      <div class=\"side-view-layout-header-margins\">\r\n        <div class=\"side-view-layout-header-container\">\r\n          <h2 class=\"side-view-layout-header-title\" id=\"slide-over-title\">\r\n            {{title}}\r\n          </h2>\r\n          <div class=\"side-view-layout-close-button-container\">\r\n            <button (click)=\"emitClose()\" class=\"side-view-layout-close-button\">\r\n              <span class=\"sr-only\">Close panel</span>\r\n              <!-- Heroicon name: outline/x -->\r\n              <svg class=\"side-view-layout-close-button-icon\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\r\n              </svg>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"side-view-layout-content-container\">\r\n        <!-- Replace with your content -->\r\n        <ng-content></ng-content>\r\n        <!-- /End replace -->\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"showActions\" class=\"side-view-layout-actions-container\">\r\n      <button *ngIf=\"cancelShow\" (click)=\"emitCancel()\" type=\"button\" class=\"side-view-layout-action-button-cancel\">\r\n        {{cancelLabel}}\r\n      </button>\r\n      <button *ngIf=\"okShow\" (click)=\"emitOK()\" class=\"side-view-layout-action-button-submit\" [disabled]=\"disabled\">\r\n        {{okLabel}}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n"
                 },] }
     ];
     SideViewLayoutComponent.ctorParameters = function () { return [