DocumentServer-v-9.2.0/web-apps/apps/documenteditor/main/app/template/StatusBar.template

<div class="statusbar">
    <div class="status-group dropup">
        <label id="label-pages" class="status-label dropdown-toggle" data-toggle="dropdown" data-hint="0" data-hint-direction="top"><%= textPageNumber %></label>
        <div id="status-goto-box" class="dropdown-menu">
            <label class="float-left"><%= textGotoPage %></label>
            <div id="status-goto-page" style="display:inline-block;"></div>
        </div>
    </div>
    <div class="separator short"></div>
    <div class="status-group">
        <div id="slot-status-btn-info" style="display: inline-block;"></div>
    </div>
    <div class="status-group" style="width:100%; text-align:center;">
        <label id="label-action" class="status-label" data-layout-name="statusBar-actionStatus"></label>
    </div>
    <div class="status-group cnt-flex-center" style="flex-shrink:0;">
        <div class="separator short el-edit"></div>
        <span id="btn-cnt-lang" class="el-edit" data-layout-name="statusBar-textLang"></span>
        <span id="btn-doc-lang" class="el-edit" data-layout-name="statusBar-docLang"></span>
        <div class="separator short el-edit space"></div>
        <span id="btn-doc-spell" class="el-edit"></span>
        <div class="separator short el-edit el-lang"></div>
        <div id="btn-doc-review" class="el-edit el-review" style="display: inline-block;"></div>
        <div class="separator short el-edit el-review"></div>
        <div class="separator short hide-select-tools"></div>
        <button id="status-btn-select-tool" type="button" class="btn small btn-toolbar hide-select-tools" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-select-tool">&nbsp;</i></button>
        <button id="status-btn-hand-tool" type="button" class="btn small btn-toolbar hide-select-tools" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-hand-tool">&nbsp;</i></button>
        <div class="separator short hide-select-tools"></div>
        <button id="btn-zoom-topage" type="button" class="btn small btn-toolbar" aria-pressed="false" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-ic-zoomtopage">&nbsp;</i></button>
        <button id="btn-zoom-towidth" type="button" class="btn small btn-toolbar" aria-pressed="false" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-ic-zoomtowidth">&nbsp;</i></button>
        <button id="btn-zoom-down" type="button" class="btn small btn-toolbar"><i class="icon toolbar__icon btn-zoomdown">&nbsp;</i></button>
        <div class="cnt-zoom">
            <div class="dropdown-toggle" data-toggle="dropdown" data-hint="0" data-hint-direction="top" role="button" aria-haspopup="menu" aria-expanded="false">
                <label id="label-zoom" class="status-label">Zoom 100%</label>
            </div>
        </div>
        <button id="btn-zoom-up" type="button" class="btn small btn-toolbar"><i class="icon toolbar__icon btn-zoomup">&nbsp;</i></button>
    </div>
</div>