<div class="user-indicator" data-ng-switch="credentials.loggedIn">
    <div data-ng-switch-when="true">
        <a data-ng-if="!noLink" data-ng-href="{{ credentials.userPath | adhResourceUrl }}" class="user-indicator-name">{{user.data.name}}</a
        ><span data-ng-if="noLink" class="user-indicator-name">{{user.data.name}}</span>,
        <a class="user-indicator-logout" href="" data-ng-click="logOut()">{{ "TR__LOGOUT" | translate }}</a>
    </div>
    <div data-ng-switch-default="">
        <div class="user-indicator-primary">
            <i class="icon-user user-indicator-login-icon"></i> <a class="user-indicator-login" href="" data-ng-click="logIn()">{{ "TR__LOGIN" | translate }}</a>
            {{ "TR__OR" | translate }}
            <a class="user-indicator-register" href="" data-ng-click="register()">{{ 'TR__REGISTER' | translate }}</a>
        </div>
    </div>
</div>

<div class="user-indicator" data-ng-switch="credentials.loggedIn">
    <div data-ng-switch-when="true">
        <a data-ng-if="!noLink" data-ng-href="{{ credentials.userPath | adhResourceUrl }}" class="user-indicator-name">{{user.data.name}}</a
        ><span data-ng-if="noLink" class="user-indicator-name">{{user.data.name}}</span>,
        <a class="user-indicator-logout" href="" data-ng-click="logOut()">{{ "TR__LOGOUT" | translate }}</a>
    </div>
    <div data-ng-switch-default="">
        <div class="user-indicator-primary">
            <i class="icon-user user-indicator-login-icon"></i> <a class="user-indicator-login" href="" data-ng-click="logIn()">{{ "TR__LOGIN" | translate }}</a>
            <span ng-if="!separator">{{ "TR__OR" | translate }}</span>
            <span ng-if="separator">{{separator}}</span>
            <a class="user-indicator-register" href="" data-ng-click="register()">{{ 'TR__REGISTER' | translate }}</a>
        </div>
    </div>
</div>

Add separator functionality to template
Add separator functionality to template
