Hide Share button from My Projects Page

Remove consol.log() Add additional business logic to header buttons refactor rename twig header variable param. remove console.log debug files
sillsdev · Mar 10, 2022 · 2d40d0a · 2d40d0a
1 parent fcc0c75
commit 2d40d0a
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 8 deletions.
diff --git a/src/Site/views/languageforge/container/languageforge.html.twig b/src/Site/views/languageforge/container/languageforge.html.twig
@@ -81,7 +81,7 @@
                     <breadcrumbs id="top" class="breadcrumbs d-none d-md-block"></breadcrumbs>
                 </div>
                 <ul class="nav navbar-nav">
-                    <li class="nav-item" ng-if="$ctrl.project" id="settings-dropdown-button" uib-dropdown data-ng-class="{'app-settings-available': $ctrl.header.settings.length > 0 && $ctrl.currentUserIsProjectManager}">
+                    <li class="nav-item" ng-if="$ctrl.isLexiconProject" id="settings-dropdown-button" uib-dropdown data-ng-class="{'app-settings-available': $ctrl.header.settings.length > 0 && $ctrl.currentUserIsProjectManager}">
                         <a id="settingsBtn" class="btn btn-primary my-auto" uib-dropdown-toggle title="Settings" href="#">
                             <i class="fa fa-cog iconPadding"></i><span>Settings</span>
                         </a>
@@ -95,7 +95,7 @@
                             {% endverbatim %}
                         </div>
                     </li>
-                    <li class='nav-item' ng-if="$ctrl.project && $ctrl.displayShareButton">
+                    <li class='nav-item' ng-if="$ctrl.isLexiconProject">
                         <a id="shareBtn" class="btn btn-primary my-auto" title="Share" href="#"
                                          ng-click="$ctrl.openShareWithOthersModal()">
                             <i class="fa fa-share-alt iconPadding"></i><span>Share</span>

diff --git a/src/angular-app/bellows/core/navbar.controller.ts b/src/angular-app/bellows/core/navbar.controller.ts
@@ -21,18 +21,24 @@ export class NavbarController implements angular.IController {
   project: Project;
   interfaceConfig: InterfaceConfig;
   currentUserIsProjectManager: boolean;
-  displayShareButton: boolean;
+  displayHeaderButtons: boolean;
   projectTypeNames: ProjectTypeNames;
   siteName: string;
+  isLexiconProject: boolean = false;
 
-  static $inject = ['$uibModal',
-    'projectService', 'sessionService',
+  static $inject = [
+    '$scope',
+    '$uibModal',
+    'projectService', 
+    'sessionService',
     'offlineCacheUtils',
     'applicationHeaderService'];
-  constructor(private readonly $modal: ModalService,
+  constructor(private readonly $scope: angular.IScope,
+              private readonly $modal: ModalService,
               private readonly projectService: ProjectService, private readonly sessionService: SessionService,
               private readonly offlineCacheUtils: OfflineCacheUtilsService,
-              private readonly applicationHeaderService: ApplicationHeaderService) { }
+              private readonly applicationHeaderService: ApplicationHeaderService,
+              ) { }
 
   $onInit(): void {
     this.projectTypeNames = this.projectService.data.projectTypeNames;
@@ -69,13 +75,21 @@ export class NavbarController implements angular.IController {
         this.currentUserIsProjectManager =
           (session.data.userProjectRole === ProjectRoles.MANAGER.key) ||
           (session.data.userProjectRole === ProjectRoles.TECH_SUPPORT.key);
-        this.displayShareButton =
+        this.displayHeaderButtons =
           (this.currentUserIsProjectManager || (this.project.allowSharing && this.session.data.userIsProjectMember));
       }
+
       this.rights.canCreateProject =
         session.hasSiteRight(this.sessionService.domain.PROJECTS, this.sessionService.operation.CREATE);
       this.siteName = session.baseSite();
     });
+    this.$scope.$on('$locationChangeStart', (event, next, current) => {
+      if (current.includes('/lexicon') && !current.includes('/new-project') && this.displayHeaderButtons) {
+        this.isLexiconProject = true;
+      }else{
+        this.isLexiconProject = false;
+      }
+    });
   }
 
   onUpdate = ($event: { interfaceConfig: InterfaceConfig}): void => {