// prints the total number of nodes along with their concept type and module

module.exports = function stateOverview (cy) {
  let result = ''

  const totalNodes = cy.elements().nodes().length
  result = `• total nodes: ${totalNodes}\n`

  let modelNode = 0

  cy.nodes().map(node => {
    const nodeConcept = node.data().asto.concept
    if (nodeConcept === 'model') {
      modelNode += 1
    }
  })
  result = `${result}• model nodes: ${modelNode}\n`

  // show result in the graph container
  const containerNode = document.getElementById('container-node-id')
  const containerNodeInfo = document.getElementById('container-node-info-id')
  // appends info to the div
  containerNode.style.display = 'block'
  containerNodeInfo.textContent = result
}

@@ -1,12 +1,11 @@
 // 
-print
+show
 s th
@@ -123,21 +123,21 @@
 %7B%0A  let 
-resul
+outpu
 t = ''%0A%0A
@@ -188,21 +188,21 @@
 ength%0A  
-resul
+outpu
 t = %60%E2%80%A2 t
@@ -228,16 +228,18 @@
 Nodes%7D%5Cn
+%5Cn
 %60%0A%0A  let
@@ -403,25 +403,25 @@
 )%0A  
-resul
+outpu
 t = %60$%7B
-resul
+outpu
 t%7D%E2%80%A2 
@@ -445,18 +445,16 @@
 delNode%7D
-%5Cn
 %60%0A%0A  // 
@@ -458,21 +458,21 @@
 // show 
-resul
+outpu
 t in the
@@ -742,13 +742,13 @@
 t = 
-resul
+outpu
 t%0A%7D%0A

refactor the output in state overview