@docapost-agility/mka/docs/views/code.html

Mouse keyboard action

<div class="code col-xs-12 col-sm-12 col-md-6 col-md-6">
    <div class="tab">
        <button class="tablinks" data-ng-class="{'active': codeCtrl.activeTab === 'HTML'}"
                data-ng-click="codeCtrl.activeTab = 'HTML'">HTML
        </button>
        <button class="tablinks" data-ng-class="{'active': codeCtrl.activeTab === 'JS'}"
                data-ng-click="codeCtrl.activeTab = 'JS'; homeCtrl.addCodeToHtml('JS', codeCtrl.codeJs, codeCtrl.fileWithoutExtension)">JS
        </button>
        <button class="tablinks" data-ng-class="{'active': codeCtrl.activeTab === 'CSS'}"
                data-ng-click="codeCtrl.activeTab = 'CSS'; homeCtrl.addCodeToHtml('CSS', codeCtrl.codeCss, codeCtrl.fileWithoutExtension)">CSS
        </button>
    </div>

    <div data-ng-show="codeCtrl.activeTab === 'HTML'" class="codeElement">
        <code data-gist-id="b676384d5400470e84f0a6719d054368" data-gist-file="{{codeCtrl.codeHtml}}" data-gist-show-spinner="true"></code>
    </div>

    <div data-ng-show="codeCtrl.activeTab === 'JS'" class="codeElement" id="codeElementJS{{codeCtrl.fileWithoutExtension}}">
    </div>

    <div data-ng-show="codeCtrl.activeTab === 'CSS'" class="codeElement" id="codeElementCSS{{codeCtrl.fileWithoutExtension}}">
    </div>

</div>