<div class="settings">
  <div class="new-flash" ng-show="should_show_update_string()">
    <div ng-class="get_left_flash_style()"><i ng-class="get_icon()"></i></div>
    <div ng-class="get_right_flash_style()">
      <p>
      {{ get_update_string() }}
      </p>
    </div>
  </div>
  <div class="container">
    <div class="columns">
      <div class="column one-fourth" role="navigation">
        <nav class="menu">
          <h3 class="menu-heading">
            {{ "settings.menu.DATA_ANALYSIS_TAG" | translate }}
          </h3>
          <a id="app.settings.overview" ui-sref="app.settings.overview" class="menu-item">{{ "settings.menu.DATA_OVERVIEW_TAG" | translate }}</a>
          <a id="app.settings.historymessage" ui-sref="app.settings.historymessage" class="menu-item">{{ "settings.menu.HISTORY_MSG_TAG" | translate }}</a>          
        </nav>

        <nav class="menu">
          <h3 class="menu-heading">
            {{ "settings.menu.TEAM_CONFIG_TAG" | translate }}
          </h3>
          <a id="app.settings.teamprofile" ui-sref="app.settings.teamprofile" class="menu-item">{{ "settings.menu.BASIC_CONFIG_TAG" | translate }}</a>
          <a id="app.settings.configuration" ui-sref="app.settings.configuration" class="menu-item">{{ "settings.menu.USER_INTERFACE_TAG" | translate }}</a>
          <!-- <a id="app.settings.messageroute" ui-sref="app.settings.messageroute" class="menu-item">{{ "settings.menu.MESSAGE_DISPATCH_TAG" | translate }}</a> -->
          <a id="app.settings.group" ui-sref="app.settings.group" class="menu-item">{{ "settings.menu.SERVICE_GROUP_TAG" | translate }}</a>
          <a id="app.settings.teampeople" ui-sref="app.settings.teampeople" class="menu-item">{{ "settings.menu.SERVICE_USER_TAG" | translate }}</a>
          <a id="app.settings.integrate" ui-sref="app.settings.integrate" class="menu-item">{{ "settings.menu.APP_INTEGRATE_TAG" | translate }}</a>
        </nav>

        <nav class="menu">
          <h3 class="menu-heading">
            {{ "settings.menu.ACCOUT_CONFIG_TAG" | translate }}
          </h3>
          <a id="app.settings.profile" ui-sref="app.settings.profile" class="menu-item">{{ "settings.menu.BASIC_CONFIG_TAG" | translate }}</a>
          <a id="app.settings.account" ui-sref="app.settings.account" class="menu-item">{{ "settings.menu.ADVANCED_CONFIG_TAG" | translate }}</a>

        </nav>

        <nav class="menu">
          <h3 class="menu-heading">
            {{ "settings.menu.PUSH_CONFIG_TAG" | translate }}
          </h3>
          <a id="app.settings.push" ui-sref="app.settings.push" class="menu-item">{{ "settings.menu.PUSH_CONFIG_TAG" | translate }}</a>
        </nav>

      </div>

      <div class="column three-fourths">
        <ui-view>
        </ui-view>
      </div>

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