web-apps/apps/presentationeditor/main/app/template/StatusBar.template

<div class="statusbar" style="display:table;">
    <div class="status-group">
        <div id="slot-status-btn-preview" style="display: inline-block;margin-left: 9px;"></div>
    </div>
    <div class="status-group dropup">
        <label id="status-label-pages" class="status-label dropdown-toggle" style="margin-left: 7px; display: none;" data-toggle="dropdown" data-hint="0" data-hint-direction="top" data-hint-offset="-3, 0"><%= Common.Utils.String.format(scope.pageIndexText, 1, 1) %></label>
        <div id="status-goto-box" class="dropdown-menu">
            <label style="float:left;line-height:22px;"><%= scope.goToPageText %></label>
            <div id="status-goto-page" style="display:inline-block;"></div>
        </div>
    </div>
    <div id="status-users-ct" class="status-group dropup" style="display:none;">
        <div class="separator short" style="margin-right: 12px; margin-left: 40px;"></div>
        <div id="status-users-block" style="display:inline-block; cursor:pointer;">
            <span id="status-users-icon" class="img-commonctrl" style="margin-bottom: 2px;"></span>
            <label id="status-users-count" class="status-label" style="font-size: 14px; font-weight: normal; margin-top: -1px;">+</label>
        </div>
        <div id="status-users-menu" class="dropdown-menu">
            <label style="display: block;margin-right: 14px;"><%= scope.tipUsers %></label>
            <div id="status-users-list"></div>
            <label id="status-change-rights" class="link" style="margin-top: 15px;"><%= scope.txAccessRights %></label>
        </div>
        <div class="separator short" style="margin-left: 10px;"></div>
    </div>
    <div class="status-group" style="width:100%; text-align:center;">
        <label id="status-label-action" class="status-label" data-layout-name="statusBar-actionStatus"></label>
    </div>
    <div class="status-group" style="">
        <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>
        <button id="btn-zoom-topage" type="button" class="btn small btn-toolbar" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-ic-zoomtoslide"></i></button>
        <button id="btn-zoom-towidth" type="button" class="btn small btn-toolbar" data-hint="0" data-hint-direction="top" data-hint-offset="small"><i class="icon toolbar__icon btn-ic-zoomtowidth"></i></button>
        <button id="btn-zoom-down" type="button" class="btn small btn-toolbar"><i class="icon toolbar__icon btn-zoomdown"></i></button>
        <div class="cnt-zoom">
            <div class="dropdown-toggle" data-toggle="dropdown" data-hint="0" data-hint-direction="top">
                <label id="status-label-zoom" class="status-label">Zoom 100%</label>
            </div>
        </div>
        <button id="btn-zoom-up" type="button" class="btn small btn-toolbar" style="margin-right:40px;"><i class="icon toolbar__icon btn-zoomup"></i></button>
    </div>
</div>