Skip to content

Instantly share code, notes, and snippets.

Created November 1, 2013 23:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/2064c92e990a33ffe57e to your computer and use it in GitHub Desktop.
Save anonymous/2064c92e990a33ffe57e to your computer and use it in GitHub Desktop.
<div>
<!-- ngRepeat: condition in conditions --><div class="cl-condition ng-scope" id="8cf0bcc4-e144-4d0f-bf25-941559702318" ng-style="{ top: condition.top, left: condition.left }" ng-class="{dragging: condition.dragging}" ng-mousedown="mousedown($event)" ng-repeat="condition in conditions" style="top: -212px; left: 392px;">
<div class="cl-induction cl-condition-primary-induction ng-scope ng-pristine ng-valid" ng-model="induction" ng-click="clickPrimaryInduction()" stop-propagation="mousedown" ng-class="{ disabled: resource.connections[$scope.condition.connection-id].kind != 0 }" style="top: 32px; left: -80px;">
<svg style="height: 322px; width: 80px;">
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)" d="M 0 317 q 25 0 40 -156 t 40 -156"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)" d="M 0 317 q 25 0 40 -156 t 40 -156"></path>
</svg>
</div>
<div class="cl-condition-details ng-scope ng-hide" ng-show="condition.detailsVisible ||
(chart.toolbar.evidences &amp;&amp; sections.evidences.length) ||
(chart.toolbar.notes &amp;&amp; sections.notes.length) ||
(chart.toolbar.solutions &amp;&amp; sections.solutions.length) ||
(chart.toolbar.actions &amp;&amp; sections.actions.length)
">
<!-- ngRepeat: section in [ 'solutions', 'evidence', 'actions', 'notes' ] --><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Solutions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Evidence</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Actions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Notes</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div>
</div>
<div class="spawner" stop-propagation="click">
<div class="divider"></div>
<div class="top" ng-click="spawn('top')"></div>
<div class="right" ng-click="spawn('right')"></div>
<div class="bottom" ng-click="spawn('bottom')"></div>
</div>
<div class="cl-condition-terminals" stop-propagation="mousedown">
<!-- ngRepeat: terminal in terminals -->
</div>
<div class="cl-induction cl-condition-termination-induction ng-scope ng-pristine ng-valid" ng-model="terminationInduction" style="display: none;">
<svg>
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)"></path>
</svg>
</div>
<!-- ngIf: terminations.length > 0 && terminalsForEffect.length == 0 -->
<!-- ngIf: terminationUnknown -->
<!-- ngIf: terminations.length -->
<svg>
<path class="unterminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 166 0 c 4 0 7 1 12 6 l 19 22 c 4 5 4 11 0 16 l -19 22 c -5 5 -8 6 -12 6 l -166 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
<path class="terminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 190 0 s 10 0 10 10 l 0 52 s 0 10 -10 10 l -190 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
</svg>
<div class="terminate-button" ng-click="chart.conditionTerminationMenuTarget = condition"></div>
<div class="cl-condition-kind-button cl-condition-kind-undefined" ng-mouseover="chart.conditionKindMenuTarget = condition" ng-class="kindClass"></div>
<!-- ngIf: rca.focalPointId != condition.id && qualified --><div class="cl-condition-quality-button icon-warning-sign ng-scope" ng-mouseover="chart.conditionQualityMenuTarget = condition" ng-if="rca.focalPointId != condition.id &amp;&amp; qualified"></div>
<!-- ngIf: rca.focalPointId != condition.id --><div class="cl-condition-details-button ng-scope" ng-mouseover="chart.conditionDetailsMenuTarget = condition" ng-if="rca.focalPointId != condition.id">
<div ng-class="{ filled: sections.evidences.length }"></div>
<div ng-class="{ filled: sections.notes.length }"></div>
<div ng-class="{ filled: sections.solutions.length }"></div>
<div ng-class="{ filled: sections.actions.length }"></div>
</div>
<textarea ng-keydown="keydown($event)" ng-blur="save($event)" class="ng-binding">A</textarea>
</div><div class="cl-condition ng-scope" id="46f0eccd-d080-406f-b0d2-75426d4c1e20" ng-style="{ top: condition.top, left: condition.left }" ng-class="{dragging: condition.dragging}" ng-mousedown="mousedown($event)" ng-repeat="condition in conditions" style="top: -108px; left: 392px;">
<div class="cl-induction cl-condition-primary-induction ng-scope ng-pristine ng-valid" ng-model="induction" ng-click="clickPrimaryInduction()" stop-propagation="mousedown" ng-class="{ disabled: resource.connections[$scope.condition.connection-id].kind != 0 }" style="top: 32px; left: -80px;">
<svg style="height: 218px; width: 80px;">
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)" d="M 0 213 q 25 0 40 -104 t 40 -104"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)" d="M 0 213 q 25 0 40 -104 t 40 -104"></path>
</svg>
</div>
<div class="cl-condition-details ng-scope ng-hide" ng-show="condition.detailsVisible ||
(chart.toolbar.evidences &amp;&amp; sections.evidences.length) ||
(chart.toolbar.notes &amp;&amp; sections.notes.length) ||
(chart.toolbar.solutions &amp;&amp; sections.solutions.length) ||
(chart.toolbar.actions &amp;&amp; sections.actions.length)
">
<!-- ngRepeat: section in [ 'solutions', 'evidence', 'actions', 'notes' ] --><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Solutions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Evidence</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Actions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Notes</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div>
</div>
<div class="spawner" stop-propagation="click">
<div class="divider"></div>
<div class="top" ng-click="spawn('top')"></div>
<div class="right" ng-click="spawn('right')"></div>
<div class="bottom" ng-click="spawn('bottom')"></div>
</div>
<div class="cl-condition-terminals" stop-propagation="mousedown">
<!-- ngRepeat: terminal in terminals -->
</div>
<div class="cl-induction cl-condition-termination-induction ng-scope ng-pristine ng-valid" ng-model="terminationInduction" style="display: none;">
<svg>
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)"></path>
</svg>
</div>
<!-- ngIf: terminations.length > 0 && terminalsForEffect.length == 0 -->
<!-- ngIf: terminationUnknown -->
<!-- ngIf: terminations.length -->
<svg>
<path class="unterminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 166 0 c 4 0 7 1 12 6 l 19 22 c 4 5 4 11 0 16 l -19 22 c -5 5 -8 6 -12 6 l -166 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
<path class="terminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 190 0 s 10 0 10 10 l 0 52 s 0 10 -10 10 l -190 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
</svg>
<div class="terminate-button" ng-click="chart.conditionTerminationMenuTarget = condition"></div>
<div class="cl-condition-kind-button cl-condition-kind-undefined" ng-mouseover="chart.conditionKindMenuTarget = condition" ng-class="kindClass"></div>
<!-- ngIf: rca.focalPointId != condition.id && qualified --><div class="cl-condition-quality-button icon-warning-sign ng-scope" ng-mouseover="chart.conditionQualityMenuTarget = condition" ng-if="rca.focalPointId != condition.id &amp;&amp; qualified"></div>
<!-- ngIf: rca.focalPointId != condition.id --><div class="cl-condition-details-button ng-scope" ng-mouseover="chart.conditionDetailsMenuTarget = condition" ng-if="rca.focalPointId != condition.id">
<div ng-class="{ filled: sections.evidences.length }"></div>
<div ng-class="{ filled: sections.notes.length }"></div>
<div ng-class="{ filled: sections.solutions.length }"></div>
<div ng-class="{ filled: sections.actions.length }"></div>
</div>
<textarea ng-keydown="keydown($event)" ng-blur="save($event)" class="ng-binding">Why?</textarea>
</div><div class="cl-condition ng-scope" id="dea15f37-c4ef-4535-95bf-a2ebd24d5dd1" ng-style="{ top: condition.top, left: condition.left }" ng-class="{dragging: condition.dragging}" ng-mousedown="mousedown($event)" ng-repeat="condition in conditions" style="top: -4px; left: 392px;">
<div class="cl-induction cl-condition-primary-induction ng-scope ng-pristine ng-valid" ng-model="induction" ng-click="clickPrimaryInduction()" stop-propagation="mousedown" ng-class="{ disabled: resource.connections[$scope.condition.connection-id].kind != 0 }" style="top: 32px; left: -80px;">
<svg style="height: 114px; width: 80px;">
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)" d="M 0 109 q 25 0 40 -52 t 40 -52"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)" d="M 0 109 q 25 0 40 -52 t 40 -52"></path>
</svg>
</div>
<div class="cl-condition-details ng-scope ng-hide" ng-show="condition.detailsVisible ||
(chart.toolbar.evidences &amp;&amp; sections.evidences.length) ||
(chart.toolbar.notes &amp;&amp; sections.notes.length) ||
(chart.toolbar.solutions &amp;&amp; sections.solutions.length) ||
(chart.toolbar.actions &amp;&amp; sections.actions.length)
">
<!-- ngRepeat: section in [ 'solutions', 'evidence', 'actions', 'notes' ] --><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Solutions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Evidence</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Actions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Notes</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div>
</div>
<div class="spawner" stop-propagation="click">
<div class="divider"></div>
<div class="top" ng-click="spawn('top')"></div>
<div class="right" ng-click="spawn('right')"></div>
<div class="bottom" ng-click="spawn('bottom')"></div>
</div>
<div class="cl-condition-terminals" stop-propagation="mousedown">
<!-- ngRepeat: terminal in terminals -->
</div>
<div class="cl-induction cl-condition-termination-induction ng-scope ng-pristine ng-valid" ng-model="terminationInduction" style="display: none;">
<svg>
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)"></path>
</svg>
</div>
<!-- ngIf: terminations.length > 0 && terminalsForEffect.length == 0 -->
<!-- ngIf: terminationUnknown -->
<!-- ngIf: terminations.length -->
<svg>
<path class="unterminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 166 0 c 4 0 7 1 12 6 l 19 22 c 4 5 4 11 0 16 l -19 22 c -5 5 -8 6 -12 6 l -166 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
<path class="terminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 190 0 s 10 0 10 10 l 0 52 s 0 10 -10 10 l -190 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
</svg>
<div class="terminate-button" ng-click="chart.conditionTerminationMenuTarget = condition"></div>
<div class="cl-condition-kind-button cl-condition-kind-undefined" ng-mouseover="chart.conditionKindMenuTarget = condition" ng-class="kindClass"></div>
<!-- ngIf: rca.focalPointId != condition.id && qualified --><div class="cl-condition-quality-button icon-warning-sign ng-scope" ng-mouseover="chart.conditionQualityMenuTarget = condition" ng-if="rca.focalPointId != condition.id &amp;&amp; qualified"></div>
<!-- ngIf: rca.focalPointId != condition.id --><div class="cl-condition-details-button ng-scope" ng-mouseover="chart.conditionDetailsMenuTarget = condition" ng-if="rca.focalPointId != condition.id">
<div ng-class="{ filled: sections.evidences.length }"></div>
<div ng-class="{ filled: sections.notes.length }"></div>
<div ng-class="{ filled: sections.solutions.length }"></div>
<div ng-class="{ filled: sections.actions.length }"></div>
</div>
<textarea ng-keydown="keydown($event)" ng-blur="save($event)" class="ng-binding">B</textarea>
</div><div class="cl-condition ng-scope" id="919f8435-66c4-427f-bd5a-f4c2580f9fef" ng-style="{ top: condition.top, left: condition.left }" ng-class="{dragging: condition.dragging}" ng-mousedown="mousedown($event)" ng-repeat="condition in conditions" style="top: 100px; left: 392px;">
<div class="cl-induction cl-condition-primary-induction ng-scope ng-pristine ng-valid" ng-model="induction" ng-click="clickPrimaryInduction()" stop-propagation="mousedown" ng-class="{ disabled: resource.connections[$scope.condition.connection-id].kind != 0 }" style="top: 32px; left: -80px;">
<svg style="height: 10px; width: 80px;">
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)" d="M 0 5 q 25 0 40 37 t 40 37"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)" d="M 0 5 q 25 0 40 37 t 40 37"></path>
</svg>
</div>
<div class="cl-condition-details ng-scope ng-hide" ng-show="condition.detailsVisible ||
(chart.toolbar.evidences &amp;&amp; sections.evidences.length) ||
(chart.toolbar.notes &amp;&amp; sections.notes.length) ||
(chart.toolbar.solutions &amp;&amp; sections.solutions.length) ||
(chart.toolbar.actions &amp;&amp; sections.actions.length)
">
<!-- ngRepeat: section in [ 'solutions', 'evidence', 'actions', 'notes' ] --><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Solutions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Evidence</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Actions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Notes</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div>
</div>
<div class="spawner" stop-propagation="click">
<div class="divider"></div>
<div class="top" ng-click="spawn('top')"></div>
<div class="right" ng-click="spawn('right')"></div>
<div class="bottom" ng-click="spawn('bottom')"></div>
</div>
<div class="cl-condition-terminals" stop-propagation="mousedown">
<!-- ngRepeat: terminal in terminals -->
</div>
<div class="cl-induction cl-condition-termination-induction ng-scope ng-pristine ng-valid" ng-model="terminationInduction" style="display: none;">
<svg>
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)"></path>
</svg>
</div>
<!-- ngIf: terminations.length > 0 && terminalsForEffect.length == 0 -->
<!-- ngIf: terminationUnknown -->
<!-- ngIf: terminations.length -->
<svg>
<path class="unterminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 166 0 c 4 0 7 1 12 6 l 19 22 c 4 5 4 11 0 16 l -19 22 c -5 5 -8 6 -12 6 l -166 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
<path class="terminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 190 0 s 10 0 10 10 l 0 52 s 0 10 -10 10 l -190 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
</svg>
<div class="terminate-button" ng-click="chart.conditionTerminationMenuTarget = condition"></div>
<div class="cl-condition-kind-button cl-condition-kind-undefined" ng-mouseover="chart.conditionKindMenuTarget = condition" ng-class="kindClass"></div>
<!-- ngIf: rca.focalPointId != condition.id && qualified --><div class="cl-condition-quality-button icon-warning-sign ng-scope" ng-mouseover="chart.conditionQualityMenuTarget = condition" ng-if="rca.focalPointId != condition.id &amp;&amp; qualified"></div>
<!-- ngIf: rca.focalPointId != condition.id --><div class="cl-condition-details-button ng-scope" ng-mouseover="chart.conditionDetailsMenuTarget = condition" ng-if="rca.focalPointId != condition.id">
<div ng-class="{ filled: sections.evidences.length }"></div>
<div ng-class="{ filled: sections.notes.length }"></div>
<div ng-class="{ filled: sections.solutions.length }"></div>
<div ng-class="{ filled: sections.actions.length }"></div>
</div>
<textarea ng-keydown="keydown($event)" ng-blur="save($event)" class="ng-binding">Why?</textarea>
</div><div class="cl-condition ng-scope" id="050422a4-e101-4146-9286-b20fd2108648" ng-style="{ top: condition.top, left: condition.left }" ng-class="{dragging: condition.dragging}" ng-mousedown="mousedown($event)" ng-repeat="condition in conditions" style="top: 204px; left: 392px;">
<div class="cl-induction cl-condition-primary-induction ng-scope ng-pristine ng-valid" ng-model="induction" ng-click="clickPrimaryInduction()" stop-propagation="mousedown" ng-class="{ disabled: resource.connections[$scope.condition.connection-id].kind != 0 }" style="top: -72px; left: -80px;">
<svg style="height: 114px; width: 80px;">
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)" d="M 0 5 q 25 0 40 52 t 40 52"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)" d="M 0 5 q 25 0 40 52 t 40 52"></path>
</svg>
</div>
<div class="cl-condition-details ng-scope ng-hide" ng-show="condition.detailsVisible ||
(chart.toolbar.evidences &amp;&amp; sections.evidences.length) ||
(chart.toolbar.notes &amp;&amp; sections.notes.length) ||
(chart.toolbar.solutions &amp;&amp; sections.solutions.length) ||
(chart.toolbar.actions &amp;&amp; sections.actions.length)
">
<!-- ngRepeat: section in [ 'solutions', 'evidence', 'actions', 'notes' ] --><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Solutions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Evidence</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Actions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Notes</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div>
</div>
<div class="spawner" stop-propagation="click">
<div class="divider"></div>
<div class="top" ng-click="spawn('top')"></div>
<div class="right" ng-click="spawn('right')"></div>
<div class="bottom" ng-click="spawn('bottom')"></div>
</div>
<div class="cl-condition-terminals" stop-propagation="mousedown">
<!-- ngRepeat: terminal in terminals -->
</div>
<div class="cl-induction cl-condition-termination-induction ng-scope ng-pristine ng-valid" ng-model="terminationInduction" style="display: none;">
<svg>
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)"></path>
</svg>
</div>
<!-- ngIf: terminations.length > 0 && terminalsForEffect.length == 0 -->
<!-- ngIf: terminationUnknown -->
<!-- ngIf: terminations.length -->
<svg>
<path class="unterminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 166 0 c 4 0 7 1 12 6 l 19 22 c 4 5 4 11 0 16 l -19 22 c -5 5 -8 6 -12 6 l -166 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
<path class="terminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 190 0 s 10 0 10 10 l 0 52 s 0 10 -10 10 l -190 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
</svg>
<div class="terminate-button" ng-click="chart.conditionTerminationMenuTarget = condition"></div>
<div class="cl-condition-kind-button cl-condition-kind-undefined" ng-mouseover="chart.conditionKindMenuTarget = condition" ng-class="kindClass"></div>
<!-- ngIf: rca.focalPointId != condition.id && qualified --><div class="cl-condition-quality-button icon-warning-sign ng-scope" ng-mouseover="chart.conditionQualityMenuTarget = condition" ng-if="rca.focalPointId != condition.id &amp;&amp; qualified"></div>
<!-- ngIf: rca.focalPointId != condition.id --><div class="cl-condition-details-button ng-scope" ng-mouseover="chart.conditionDetailsMenuTarget = condition" ng-if="rca.focalPointId != condition.id">
<div ng-class="{ filled: sections.evidences.length }"></div>
<div ng-class="{ filled: sections.notes.length }"></div>
<div ng-class="{ filled: sections.solutions.length }"></div>
<div ng-class="{ filled: sections.actions.length }"></div>
</div>
<textarea ng-keydown="keydown($event)" ng-blur="save($event)" class="ng-binding">Why?</textarea>
</div><div class="cl-condition ng-scope" id="069b726a-c41b-4e00-a1e3-e777942bb45a" ng-style="{ top: condition.top, left: condition.left }" ng-class="{dragging: condition.dragging}" ng-mousedown="mousedown($event)" ng-repeat="condition in conditions" style="top: 308px; left: 392px;">
<div class="cl-induction cl-condition-primary-induction ng-scope ng-pristine ng-valid" ng-model="induction" ng-click="clickPrimaryInduction()" stop-propagation="mousedown" ng-class="{ disabled: resource.connections[$scope.condition.connection-id].kind != 0 }" style="top: -176px; left: -80px;">
<svg style="height: 218px; width: 80px;">
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)" d="M 0 5 q 25 0 40 104 t 40 104"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)" d="M 0 5 q 25 0 40 104 t 40 104"></path>
</svg>
</div>
<div class="cl-condition-details ng-scope ng-hide" ng-show="condition.detailsVisible ||
(chart.toolbar.evidences &amp;&amp; sections.evidences.length) ||
(chart.toolbar.notes &amp;&amp; sections.notes.length) ||
(chart.toolbar.solutions &amp;&amp; sections.solutions.length) ||
(chart.toolbar.actions &amp;&amp; sections.actions.length)
">
<!-- ngRepeat: section in [ 'solutions', 'evidence', 'actions', 'notes' ] --><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Solutions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Evidence</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Actions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Notes</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div>
</div>
<div class="spawner" stop-propagation="click">
<div class="divider"></div>
<div class="top" ng-click="spawn('top')"></div>
<div class="right" ng-click="spawn('right')"></div>
<div class="bottom" ng-click="spawn('bottom')"></div>
</div>
<div class="cl-condition-terminals" stop-propagation="mousedown">
<!-- ngRepeat: terminal in terminals -->
</div>
<div class="cl-induction cl-condition-termination-induction ng-scope ng-pristine ng-valid" ng-model="terminationInduction" style="display: none;">
<svg>
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)"></path>
</svg>
</div>
<!-- ngIf: terminations.length > 0 && terminalsForEffect.length == 0 -->
<!-- ngIf: terminationUnknown -->
<!-- ngIf: terminations.length -->
<svg>
<path class="unterminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 166 0 c 4 0 7 1 12 6 l 19 22 c 4 5 4 11 0 16 l -19 22 c -5 5 -8 6 -12 6 l -166 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
<path class="terminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 190 0 s 10 0 10 10 l 0 52 s 0 10 -10 10 l -190 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
</svg>
<div class="terminate-button" ng-click="chart.conditionTerminationMenuTarget = condition"></div>
<div class="cl-condition-kind-button cl-condition-kind-undefined" ng-mouseover="chart.conditionKindMenuTarget = condition" ng-class="kindClass"></div>
<!-- ngIf: rca.focalPointId != condition.id && qualified --><div class="cl-condition-quality-button icon-warning-sign ng-scope" ng-mouseover="chart.conditionQualityMenuTarget = condition" ng-if="rca.focalPointId != condition.id &amp;&amp; qualified"></div>
<!-- ngIf: rca.focalPointId != condition.id --><div class="cl-condition-details-button ng-scope" ng-mouseover="chart.conditionDetailsMenuTarget = condition" ng-if="rca.focalPointId != condition.id">
<div ng-class="{ filled: sections.evidences.length }"></div>
<div ng-class="{ filled: sections.notes.length }"></div>
<div ng-class="{ filled: sections.solutions.length }"></div>
<div ng-class="{ filled: sections.actions.length }"></div>
</div>
<textarea ng-keydown="keydown($event)" ng-blur="save($event)" class="ng-binding">Why?</textarea>
</div><div class="cl-condition ng-scope" id="2e849fb1-a30c-4ead-b2df-2a1503c62ce2" ng-style="{ top: condition.top, left: condition.left }" ng-class="{dragging: condition.dragging}" ng-mousedown="mousedown($event)" ng-repeat="condition in conditions" style="top: 412px; left: 392px;">
<div class="cl-induction cl-condition-primary-induction ng-scope ng-pristine ng-valid" ng-model="induction" ng-click="clickPrimaryInduction()" stop-propagation="mousedown" ng-class="{ disabled: resource.connections[$scope.condition.connection-id].kind != 0 }" style="top: -280px; left: -80px;">
<svg style="height: 322px; width: 80px;">
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)" d="M 0 5 q 25 0 40 156 t 40 156"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)" d="M 0 5 q 25 0 40 156 t 40 156"></path>
</svg>
</div>
<div class="cl-condition-details ng-scope ng-hide" ng-show="condition.detailsVisible ||
(chart.toolbar.evidences &amp;&amp; sections.evidences.length) ||
(chart.toolbar.notes &amp;&amp; sections.notes.length) ||
(chart.toolbar.solutions &amp;&amp; sections.solutions.length) ||
(chart.toolbar.actions &amp;&amp; sections.actions.length)
">
<!-- ngRepeat: section in [ 'solutions', 'evidence', 'actions', 'notes' ] --><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Solutions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Evidence</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Actions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Notes</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div>
</div>
<div class="spawner" stop-propagation="click">
<div class="divider"></div>
<div class="top" ng-click="spawn('top')"></div>
<div class="right" ng-click="spawn('right')"></div>
<div class="bottom" ng-click="spawn('bottom')"></div>
</div>
<div class="cl-condition-terminals" stop-propagation="mousedown">
<!-- ngRepeat: terminal in terminals -->
</div>
<div class="cl-induction cl-condition-termination-induction ng-scope ng-pristine ng-valid" ng-model="terminationInduction" style="display: none;">
<svg>
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)"></path>
</svg>
</div>
<!-- ngIf: terminations.length > 0 && terminalsForEffect.length == 0 -->
<!-- ngIf: terminationUnknown -->
<!-- ngIf: terminations.length -->
<svg>
<path class="unterminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 166 0 c 4 0 7 1 12 6 l 19 22 c 4 5 4 11 0 16 l -19 22 c -5 5 -8 6 -12 6 l -166 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
<path class="terminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 190 0 s 10 0 10 10 l 0 52 s 0 10 -10 10 l -190 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
</svg>
<div class="terminate-button" ng-click="chart.conditionTerminationMenuTarget = condition"></div>
<div class="cl-condition-kind-button cl-condition-kind-undefined" ng-mouseover="chart.conditionKindMenuTarget = condition" ng-class="kindClass"></div>
<!-- ngIf: rca.focalPointId != condition.id && qualified --><div class="cl-condition-quality-button icon-warning-sign ng-scope" ng-mouseover="chart.conditionQualityMenuTarget = condition" ng-if="rca.focalPointId != condition.id &amp;&amp; qualified"></div>
<!-- ngIf: rca.focalPointId != condition.id --><div class="cl-condition-details-button ng-scope" ng-mouseover="chart.conditionDetailsMenuTarget = condition" ng-if="rca.focalPointId != condition.id">
<div ng-class="{ filled: sections.evidences.length }"></div>
<div ng-class="{ filled: sections.notes.length }"></div>
<div ng-class="{ filled: sections.solutions.length }"></div>
<div ng-class="{ filled: sections.actions.length }"></div>
</div>
<textarea ng-keydown="keydown($event)" ng-blur="save($event)" class="ng-binding">Why?</textarea>
</div><div class="cl-condition ng-scope" id="825afaad-dca7-4065-b107-e3cd7aa892c9" ng-style="{ top: condition.top, left: condition.left }" ng-class="{dragging: condition.dragging}" ng-mousedown="mousedown($event)" ng-repeat="condition in conditions" style="top: 412px; left: 684px;">
<div class="cl-induction cl-condition-primary-induction ng-scope ng-pristine ng-valid" ng-model="induction" ng-click="clickPrimaryInduction()" stop-propagation="mousedown" ng-class="{ disabled: resource.connections[$scope.condition.connection-id].kind != 0 }" style="top: 32px; left: -80px;">
<svg style="height: 10px; width: 80px;">
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)" d="M 0 5 q 25 0 40 37 t 40 37"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)" d="M 0 5 q 25 0 40 37 t 40 37"></path>
</svg>
</div>
<div class="cl-condition-details ng-scope ng-hide" ng-show="condition.detailsVisible ||
(chart.toolbar.evidences &amp;&amp; sections.evidences.length) ||
(chart.toolbar.notes &amp;&amp; sections.notes.length) ||
(chart.toolbar.solutions &amp;&amp; sections.solutions.length) ||
(chart.toolbar.actions &amp;&amp; sections.actions.length)
">
<!-- ngRepeat: section in [ 'solutions', 'evidence', 'actions', 'notes' ] --><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Solutions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Evidence</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Actions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Notes</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div>
</div>
<div class="spawner" stop-propagation="click">
<div class="divider"></div>
<div class="top" ng-click="spawn('top')"></div>
<div class="right" ng-click="spawn('right')"></div>
<div class="bottom" ng-click="spawn('bottom')"></div>
</div>
<div class="cl-condition-terminals" stop-propagation="mousedown">
<!-- ngRepeat: terminal in terminals -->
</div>
<div class="cl-induction cl-condition-termination-induction ng-scope ng-pristine ng-valid" ng-model="terminationInduction" style="display: none;">
<svg>
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)"></path>
</svg>
</div>
<!-- ngIf: terminations.length > 0 && terminalsForEffect.length == 0 -->
<!-- ngIf: terminationUnknown -->
<!-- ngIf: terminations.length -->
<svg>
<path class="unterminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 166 0 c 4 0 7 1 12 6 l 19 22 c 4 5 4 11 0 16 l -19 22 c -5 5 -8 6 -12 6 l -166 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
<path class="terminated" fill="rgba(255, 255, 255, 1.00)" stroke="rgba(188, 189, 192, 1.00)" stroke-width="2" d="M 11 1 l 190 0 s 10 0 10 10 l 0 52 s 0 10 -10 10 l -190 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
</svg>
<div class="terminate-button" ng-click="chart.conditionTerminationMenuTarget = condition"></div>
<div class="cl-condition-kind-button cl-condition-kind-undefined" ng-mouseover="chart.conditionKindMenuTarget = condition" ng-class="kindClass"></div>
<!-- ngIf: rca.focalPointId != condition.id && qualified --><div class="cl-condition-quality-button icon-warning-sign ng-scope" ng-mouseover="chart.conditionQualityMenuTarget = condition" ng-if="rca.focalPointId != condition.id &amp;&amp; qualified"></div>
<!-- ngIf: rca.focalPointId != condition.id --><div class="cl-condition-details-button ng-scope" ng-mouseover="chart.conditionDetailsMenuTarget = condition" ng-if="rca.focalPointId != condition.id">
<div ng-class="{ filled: sections.evidences.length }"></div>
<div ng-class="{ filled: sections.notes.length }"></div>
<div ng-class="{ filled: sections.solutions.length }"></div>
<div ng-class="{ filled: sections.actions.length }"></div>
</div>
<textarea ng-keydown="keydown($event)" ng-blur="save($event)" class="ng-binding">Why?</textarea>
</div><div class="cl-condition ng-scope" id="7f857642-2c8a-44ae-9ca9-e0b68072edd3" ng-style="{ top: condition.top, left: condition.left }" ng-class="{dragging: condition.dragging}" ng-mousedown="mousedown($event)" ng-repeat="condition in conditions" style="top: 100px; left: 100px;">
<div class="cl-induction cl-condition-primary-induction ng-scope ng-pristine ng-valid" ng-model="induction" ng-click="clickPrimaryInduction()" stop-propagation="mousedown" ng-class="{ disabled: resource.connections[$scope.condition.connection-id].kind != 0 }" style="display: none;">
<svg>
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)"></path>
</svg>
</div>
<div class="cl-condition-details ng-scope ng-hide" ng-show="condition.detailsVisible ||
(chart.toolbar.evidences &amp;&amp; sections.evidences.length) ||
(chart.toolbar.notes &amp;&amp; sections.notes.length) ||
(chart.toolbar.solutions &amp;&amp; sections.solutions.length) ||
(chart.toolbar.actions &amp;&amp; sections.actions.length)
">
<!-- ngRepeat: section in [ 'solutions', 'evidence', 'actions', 'notes' ] --><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Solutions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Evidence</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Actions</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div><div class="cl-condition-details-section ng-scope ng-hide" ng-repeat="section in [ 'solutions', 'evidence', 'actions', 'notes' ]" ng-show="sections[section.pluralize()].length &amp;&amp; condition['detailsVisible' + section.capitalize()]">
<div class="cl-condition-details-title ng-binding">Notes</div>
<!-- ngRepeat: item in sections[section.pluralize()] -->
</div>
</div>
<div class="spawner" stop-propagation="click">
<div class="divider"></div>
<div class="top" ng-click="spawn('top')"></div>
<div class="right" ng-click="spawn('right')"></div>
<div class="bottom" ng-click="spawn('bottom')"></div>
</div>
<div class="cl-condition-terminals" stop-propagation="mousedown">
<!-- ngRepeat: terminal in terminals -->
</div>
<div class="cl-induction cl-condition-termination-induction ng-scope ng-pristine ng-valid" ng-model="terminationInduction" style="display: none;">
<svg>
<path stroke-width="8" fill="none" stroke="rgba(0, 0, 0, 0.001)"></path>
<path stroke-width="2" fill="none" stroke="rgba(188, 189, 192, 1.00)"></path>
</svg>
</div>
<!-- ngIf: terminations.length > 0 && terminalsForEffect.length == 0 -->
<!-- ngIf: terminationUnknown -->
<!-- ngIf: terminations.length -->
<svg>
<path class="unterminated" fill="rgba(213, 229, 242, 1.00)" stroke="rgba(28, 109, 176, 1.00)" stroke-width="2" d="M 11 1 l 166 0 c 4 0 7 1 12 6 l 19 22 c 4 5 4 11 0 16 l -19 22 c -5 5 -8 6 -12 6 l -166 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
<path class="terminated" fill="rgba(213, 229, 242, 1.00)" stroke="rgba(28, 109, 176, 1.00)" stroke-width="2" d="M 11 1 l 190 0 s 10 0 10 10 l 0 52 s 0 10 -10 10 l -190 0 s -10 0 -10 -10 l 0 -52 s 0 -10 10 -10"></path>
</svg>
<div class="terminate-button" ng-click="chart.conditionTerminationMenuTarget = condition"></div>
<div class="cl-condition-kind-button cl-condition-kind-focal-point" ng-mouseover="chart.conditionKindMenuTarget = condition" ng-class="kindClass"></div>
<!-- ngIf: rca.focalPointId != condition.id && qualified -->
<!-- ngIf: rca.focalPointId != condition.id -->
<textarea ng-keydown="keydown($event)" ng-blur="save($event)" class="ng-binding">Enter the focus of this Investigation...</textarea>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment