<div id="formapp" ng-show="appReady">
    <div class="row">
        <div class="col-xs-{{menuBodyRatio.menu}} xgos_side">
            <div ng-if="formAppCfg.configSet">
                <div class="row">
                    <div class="col-xs-12">

                        <div ng-repeat="menuItem in formAppCfg.config.menu.items track by $index">

                            <!-- button -->
                            <div ng-if="menuItem.type=='button'" class="menuItem">
                                <div class="btn btn-sm" ng-class="menuItem.style" title="{{ menuItem.title }}"  ng-click="openNewForm(menuItem)">
                                    {{ menuItem.title }}
                                </div>
                            </div>
                            <!-- list -->
                            <div ng-if="menuItem.type=='list'" class="menuItem">
                                <a ng-click="$event.stopPropagation();showFeatureListPanel(menuItem);">
                                    {{ menuItem.title }}
                                </a>
                            </div>

                            <!-- title -->
                            <div ng-if="menuItem.type=='title'" class="menuItem">
                                <h4>{{ menuItem.title }}</h4>
                            </div>

                            <!-- text -->
                            <div ng-if="menuItem.type=='text'" class="menuItem">
                                <i>{{ menuItem.text }}</i>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-{{menuBodyRatio.body}} col-xs-offset-{{menuBodyRatio.menu}}">

            <div ng-show="!appReady" class="text-center" id="apploading">
                <translate>formapp.loading</translate>
            </div>



            <div id="cfgButton" ng-if="formAppCfg.userIsAllowedToCfg && !currentForm">
                <div class="btn btn-primary mapConfigButton" ng-click="formAppCfgModale()">
                    <i class="fa fa-gear fa-spin"></i>
                    <translate>formapp.configuration.buttonTitle</translate>
                </div>
            </div>
            <div id="mainInfo">
                <div ng-if="!formAppCfg.configSet">
                    <h4>
                        <translate>formapp.mainInfo.no_config.title</translate>
                    </h4>
                    <p>
                        <translate>formapp.mainInfo.no_config.body</translate>
                    </p>
                </div>
                <div ng-if="formAppCfg.configSet">
                    <div ng-bind-html="landingText" ng-if="!currentForm"></div>
                    <div ng-if="currentForm" id="formWrapper">
                        <div class="header">
                            <div class="row">
                                <div class="col-xs-12 text-right">
                                    <div class="btn btn-default btn-xs" ng-click="closeCurrentForm()">
                                        <i class="fa fa-remove"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="body">
                            <div form-render
                                 res = "newobj"
                                 templateform="currentForm">
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>


</div>