{%verbatim%}
    <div class="row" style="width:50%;height:100%">
        <div class="col-md-12 col-md-offset-6" ng-controller="tempController" id="visualiation-header" style="padding:10px;text-align:center">

            <p class="quadrant_title" style="display:inline-block;padding-left:80px">SAS Cabling</p>
             <i class=" glyphicon glyphicon-info-sign" style="inline-block" uib-tooltip="{{info}}" tooltip-placement="bottom" append-to-body="true"></i>
        </div>
        <div class="col-md-12 col-md-offset-12">
        <div id="pngExport" class="exportvis hidden" ></div>
            </div>

      <!--<a id="pngExport" class="pull-right">Export Visualization</a>-->

       <!-- <button id="reset" class="pull-left">Reset</button>-->
        <div ng-controller="visualizationController" ng-init="setJobId(job_name)">
            <vsvgfull config="jobId" ng-if="jobId"></vsvgfull>
        </div>
        <!--<div id="legend" class="legend" style="position:fixed;height:1px;width:1px;bottom:0;left:0;z-index:-999;display:inline;"></div>-->
        <div id="legend" class="legend" style="height:0;overflow:hidden;"></div>
    </div>
    <!--<script>-->
        <!--var downloadPng = function(){-->
            <!--SVG2Bitmap(document.querySelector('svg'), function(canvas, dataURL){-->
                <!--document.body.appendChild(canvas);-->
                <!--$(canvas).hide();-->
                <!--var a_tag = document.createElement("a");-->
                <!--a_tag.download = "karthik_testing.png";-->
                <!--a_tag.href = dataURL;-->
                <!--document.body.appendChild(a_tag);-->
                <!--a_tag.click();-->
            <!--});-->
        <!--}-->
    <!--</script>-->
{%endverbatim%}