<div class="sq4-wrapper" ng-class="{'sq4-layout-tiny':(menuSize==1),'sq4-layout-large':(menuSize==2)}">
    <div class="qdm-banner-top" ng-show="topBanner">
        <img height="90" width="728" ng-src="{{topBanner.image}}" ng-click="onBannerClicked(topBanner)">
    </div>

    <div class="sq4-maincontent">
        <iframe id="iframe_dm" src="../SQMANAGER/index.html" name="sq4_mainframe" class="sq4-mainframe" />
    </div>
    <div class="sq4-mainfooter">
        <span class="custom-footer-text">{{footerCustomText}}</span>

        <tsq>Build</tsq>: {{appVersion}}
        
        <a ng-click="openLinkBugs()">
            <i class="fa fa-bug" aria-hidden="true"></i>
            <tsq>Report Bug</tsq>
        </a>
        |
        <a ng-click="openLinkSuggestIdea()">
            <i class="fa fa-lightbulb-o" aria-hidden="true"></i>
            <tsq>Suggest an Idea</tsq>
        </a>
        |
        <a ng-click="onSettings()">
            <i class="fa fa-info-circle" aria-hidden="true"></i>
            <tsq>Settings</tsq>
        </a>
        |
        <a ng-click="onAbout()">
            <i class="fa fa-info-circle" aria-hidden="true"></i>
            <tsq>About</tsq>
        </a>
        |
        <a ng-click="onUpdateLicense()">
            <i class="fa fa-info-circle" aria-hidden="true"></i>
            <tsq>Update your license</tsq>
        </a>

        <a ng-if="$root.developmentMode" ng-click="regenerate()">
            <tsq>Regenerate</tsq>
        </a>
    </div>

    <div ng-include="'../../../plugins/HomeAbout/views/about.html'" ng-controller="AboutCtrl" />
    <div ng-include="'../app/layout/views/snippetsErrorDialog.html'"></div>
    <div ng-include="'../app/layout/views/customProjectNotifPopup.html'"></div>
    <div ng-include="'../app/layout/views/initSettings.html'"></div>
    <div ng-include="'../app/layout/views/popupBannerModal.html'"></div>
</div>

<sq-utils />