1<div class="dialog-lg wb-history-dialog dialog-resizable" style="height:80vh;width:80vw">
2  <div class="panel-header">
3    <h2>Query Plan</h2>
4  </div>
5
6    <div class="panel-content" style="height:calc(100% - 120px)">
7      <span class="pills">
8        <a ng-click="set_show_plan(true)"
9           ng-class="{selected: show_plan}">Plan</a>
10        <a ng-click="set_show_plan(false)"
11           ng-class="{selected: !show_plan}"
12           class="resp-hide-xsml">Plan Text</a>
13        </span>
14            
15      <div class="wb-results-wrapper" style="height:calc(100% - 20px)">
16         <div class="wb-results-explain" ng-if="show_plan" qw-explain-viz-d3="plan" style="height:100%"></div>
17         <div class="wb-results-explain-text" ng-if="!show_plan" ui-ace="acePlanOptions" ng-model="planText" style="height:100%"></div>
18      </div>
19
20      </div>
21
22
23    <div class="panel-footer spaced scroll-shadow">
24      <span>
25        <button
26           type="submit"
27           class="outline"
28           ng-click="$close()">
29          Close
30        </button>
31      </span>
32    </div>
33</div>
34