<ion-view hide-back-button="true" view-title="{{'MyStromSettings' | translate}}">
        <ion-nav-buttons>
            <a class="button icon-left ion-chevron-left button-clear button-dark ng-hide" on-tap="goBack()" ng-show="!isAndroid">{{'GoBack' | translate}}</a>
            <a class="button icon-left ion-android-arrow-back button-clear button-dark ng-hide" on-tap="goBack()" ng-show="isAndroid"></a>
        </ion-nav-buttons>

    <ion-content>
        <div class="container-fluid">
            <div class="row-bootstrap tile-container">
                <div ng-repeat="tile in settingsTiles" class="col-xs-6 col-sm-4 col-md-3 col-lg-2">

                    <div ng-class="['tile', 'state-on']" on-tap="settingsChooser(tile.deviceTypeId)" on-hold="onHold()" on-release="onRelease(tile.deviceTypeId)"
                         ion-stop-event="tap">
                        <div class="tile-content">
                            <div class="name-container">
                                <h2>{{tile.name | translate}}</h2>
                            </div>

                            <ng-include src="'img/settings/'+tile.deviceTypeId+'.svg'"></ng-include>

                        </div>
                    </div>

                </div>
            </div>
        </div>
    </ion-content>
</ion-view>
