<ion-view hide-back-button="true" view-title="{{'Settings' | 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 has-bouncing="false">
        <div class="container-fluid">
            <div class="row-bootstrap tile-container">
                <div ng-repeat="item in settingsTiles" class="col-xs-6 col-sm-4 col-md-3 col-lg-2">

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

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

                        </div>

                        <div ng-if="item.deviceTypeId == 'devicesettings' && tile.newFirmwareAvailable" class="select-icon" ng-init="item.ribbon.text = ('New' | translate)">
                            <ng-include onload="ribbon = item.ribbon" src="'img/new.svg'"></ng-include>
                        </div>

                    </div>

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