Temporarily hide work package details on wp#index (WIP)

app/assets/javascripts/angular/directives/components/toolbar.js

@@ -32,8 +32,8 @@ angular.module('openproject.uiComponents')
   .directive('toolbar', function() {
     return {
       restrict: 'EA',
-      scope: {},
       link: function(scope, element, attributes) {
+        scope.hideWorkPackageDetails = true; // temporarily disable work package details links
       }
     };
   });

app/assets/javascripts/angular/directives/work_packages/work-packages-table-directive.js

@@ -74,6 +74,8 @@ angular.module('openproject.workPackages.directives')
           row.checked = state;
         });
       };
+
+      scope.hideWorkPackageDetails = true; // temporarily disable work package details links
     }
   };
 }]);

public/templates/work_packages.html

@@ -23,7 +23,7 @@
             <i class="icon-pin icon-buttons"></i>Filter
           </button>
         </li>
-        <li class="toolbar-item">
+        <li class="toolbar-item" ng-hide="hideWorkPackageDetails">
           <ul id="work-packages-view-mode-selection" class="toolbar-button-group">
             <li>
               <button class="button"
@@ -32,7 +32,7 @@
                 <i class="icon-view2 icon-buttons"></i>
               </button>
             </li>
-            <li>
+            <li ng-hide="hideWorkPackageDetails">
               <button class="button"
                       ui-sref="work-packages.list.details({})"
                       ui-sref-active="active">

public/templates/work_packages/work_packages_table.html

@@ -11,7 +11,7 @@
                         icon-name="yes"></icon-wrapper>
         </a>
       </th>
-      <th class="icon-table"><i class="icon-info"></i></th>
+      <th class="icon-table" ng-hide="hideWorkPackageDetails"><i class="icon-info"></i></th>
       <th sort-header
           header-name="'id'"
           header-title="'#'"
@@ -52,7 +52,7 @@
           keyboard_hover: true
         }"
         id="group-header-{{ row.groupName }}">
-      <td colspan="{{ columns.length + 3 }}">
+      <td colspan="{{ columns.length + 3 - (!!hideWorkPackageDetails * 1) }}">
         <span ng-class="[
                 'expander',
                 'icon-context',
@@ -112,7 +112,7 @@
                              model="row.checked"/>
       </td>
 
-      <td class="icon-table info">
+      <td class="icon-table info" ng-hide="hideWorkPackageDetails">
         <p><a href ui-sref="work-packages.list.details({workPackageId: row.object.id})"><i class="icon-info"></i></a></p>
       </td>
 
@@ -145,7 +145,7 @@
           'issue',
           'work_package'
         ]">
-        <td colspan="3">
+        <td colspan="{{3  - (!!hideWorkPackageDetails * 1)}}">
           {{ I18n.t('js.label_sum_for') }}
           <span work-package-column work-package="row.object" column="groupByColumn"/>
         </td>
@@ -159,7 +159,7 @@
     <tr work-package-total-sums
         ng-if="displaySums"
         class="sum group all issue work_package">
-      <td colspan="3">{{ I18n.t('js.label_sum_for') }} {{ I18n.t('js.label_all_work_packages') }}</td>
+      <td colspan="{{3  - (!!hideWorkPackageDetails * 1)}}">{{ I18n.t('js.label_sum_for') }} {{ I18n.t('js.label_all_work_packages') }}</td>
       <td ng-repeat="column in columns">
         {{ column.total_sum }}
       </td>