feat(core): adds deselect all button to dep-graph (#2912)

Closes #2911 ISSUES CLOSED: 2911
nrwl · Apr 24, 2020 · 73d0312 · 73d0312
1 parent 125872f
commit 73d0312
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/packages/workspace/src/core/dep-graph/dep-graph.html b/packages/workspace/src/core/dep-graph/dep-graph.html
@@ -28,6 +28,9 @@ <h4>Display Options</h4>
             <button id="select-all-button" onclick="window.selectAllProjects()">
               Select All
             </button>
+            <button id="deselect-all-button" onclick="window.deselectAllProjects()">
+              Deselect All
+            </button>
           </div>
 
           <label>

diff --git a/packages/workspace/src/core/dep-graph/dep-graph.js b/packages/workspace/src/core/dep-graph/dep-graph.js
@@ -178,6 +178,18 @@ window.selectAllProjects = () => {
   window.filterProjects();
 };
 
+window.deselectAllProjects = () => {
+  window.focusedProject = null;
+  document.getElementById('focused-project').hidden = true;
+  document.getElementById('focused-project-name').innerText = '';
+
+  getProjectCheckboxes().forEach(checkbox => {
+    checkbox.checked = false;
+  });
+
+  window.filterProjects();
+};
+
 function createDirectoryParents(g, directories) {
   let childDirectory = directories.join('/');
   let childDirectoryId = `dir-${childDirectory}`;