<modal-dialog class="dialog" show="app.showReaderDetailDialog" width="85%" height="85%"><div class="dialog-contents"><table class="detail-table stretch-table"><tr><td class="top"><table class="auto-center"><tr><td><img class="detail-icon" ng-src="{{app.selectedDevice.iconUrl}}"></td><td class="center"><div class="device-name">{{app.selectedDevice.name}}</div><div class="model">{{app.selectedDevice.oemModel}}</div><div>{{app.selectedDevice.ipAddr}}</div></td></tr></table><div class="center"><img class="detail-image" ng-show="app.selectedDevice.webEnabled" ng-src="{{app.selectedDevice.imageUrl}}"></div></td><td class="top"><table class="stretch-table"><tr><td class="table-heading" colspan="2">Information</td></tr><tr><td class="row-title">{{app.selectedDevice.modelLabel}}:</td><td class="row-data">{{app.selectedDevice.model}}</td></tr><tr ng-show="app.selectedDevice.serial"><td class="row-title">Serial Number:</td><td class="row-data">{{app.selectedDevice.serial}}</td></tr><tr><td class="row-title">MAC ID:</td><td class="row-data">{{app.selectedDevice.macAddr}}</td></tr><tr ng-show="app.selectedDevice.partNumber"><td class="row-title">Part Number:</td><td class="row-data">{{app.selectedDevice.partNumber}}</td></tr><tr ng-show="app.selectedDevice.appCode"><td class="row-title">Firmware Version:</td><td class="row-data">{{app.selectedDevice.appCode}}</td></tr></table><div class="center select-firmware" ng-show="app.selectedDevice.supportsFirmwareUpdate"><div ng-hide="app.selectedDevice.transferInProgress"><div class="dialog-button small center" ng-click="app.doDeviceAppUpdate()"><label title="{{app.selectedDevice.appUpdateWordingHints}}"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewbox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"></path></svg><span>{{app.selectedDevice.appUpdateWording}}</span></label></div><div class="dialog-button small center" ng-show="app.showBoot && app.selectedDevice.supportsBootUpdate" ng-click="app.doDeviceBootUpdate()"><label title="{{app.selectedDevice.bootUpdateWordingHints}}" ng-show="app.showBoot"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewbox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"></path></svg><span>{{app.selectedDevice.bootUpdateWording}}</span></label></div></div><div class="noload" ng-show="app.selectedDevice.transferInProgress"><div class="load" ng-style="{width:app.selectedDevice.progress}"><span class="loadtext">{{app.selectedDevice.progress}}%</span></div></div></div><div><table class="stretch-table"><tr><td></td><td class="table-heading" colspan="2">Settings</td></tr><tr><td class="row-title">Name:</td><td class="row-data" ng-hide="app.selectedDevice.supportNameChange">{{app.selectedDevice.name}}</td><td class="row-data" ng-show="app.selectedDevice.supportNameChange"><input id="edit-name" title="{{ app.nameExceedsMaxLength() ? 'The maximum name length is 19 characters' : ''}}" ng-class="app.nameExceedsMaxLength() ? 'group-name-input-invalid' : ''" ng-disabled="app.selectedDevice.transferInProgress || app.selectedDevice.flashInProgress" type="text" name="edit-name" ng-model="app.edit.name" ng-change="app.checkDirty(true)"></td></tr><tr><td class="row-title">DHCP:</td><td class="row-data" ng-hide="app.selectedDevice.supportIpUpdate">{{app.selectedDevice.dhcp === '1' ? 'Enabled' : 'Disabled'}}</td><td class="row-data" ng-show="app.selectedDevice.supportIpUpdate"><div class="onoffswitch"><input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" ng-disabled="app.selectedDevice.transferInProgress || app.selectedDevice.flashInProgress" id="dhcp-toggle" ng-model="app.edit.dhcp" ng-change="app.checkDirty(true)"> <label class="onoffswitch-label" for="dhcp-toggle"><span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span></label></div></td></tr><tr><td class="row-title">Address:</td><td class="row-data" ng-hide="app.selectedDevice.supportIpUpdate">{{app.selectedDevice.ipAddr}}</td><td class="row-data" ng-show="app.selectedDevice.supportIpUpdate"><input class="ip-mask" ng-disabled="app.edit.dhcp || app.selectedDevice.transferInProgress || app.selectedDevice.flashInProgress" id="edit-ipaddr" type="text" name="edit-ipAddr" ng-model="app.edit.ipAddr" ng-change="app.checkDirty(true)"></td></tr><tr><td class="row-title">Subnet:</td><td class="row-data" ng-hide="app.selectedDevice.supportIpUpdate">{{app.selectedDevice.subnet}}</td><td class="row-data" ng-show="app.selectedDevice.supportIpUpdate"><input class="ip-mask" ng-disabled="app.edit.dhcp || app.selectedDevice.transferInProgress || app.selectedDevice.flashInProgress" id="edit-subnet" type="text" name="edit-subnet" ng-model="app.edit.subnet" ng-change="app.checkDirty(true)"></td></tr><tr><td class="row-title">Gateway:</td><td class="row-data" ng-hide="app.selectedDevice.supportIpUpdate">{{app.selectedDevice.gateway}}</td><td class="row-data" ng-show="app.selectedDevice.supportIpUpdate"><input class="ip-mask" ng-disabled="app.edit.dhcp || app.selectedDevice.transferInProgress || app.selectedDevice.flashInProgress" id="edit-gateway" type="text" name="edit-gateway" ng-model="app.edit.gateway" ng-change="app.checkDirty(true)"></td></tr></table></div></td></tr></table></div><div class="dialog-buttons"><div class="dialog-button" ng-show="app.selectedDevice.webEnabled" ng-click="app.openWebLink(e)" ng-class="{disabled:app.selectedDevice.transferInProgress}"><img class="weblink-icon" src="assets/weblink.png">Open {{app.selectedDevice.spa}}</div><div ng-class="{disabled:(!app.edit.dirty || app.selectedDevice.transferInProgress || app.nameExceedsMaxLength() )}" ng-show="app.selectedDevice.supportIpUpdate || app.selectedDevice.supportNameChange" class="dialog-button" ng-click="app.doDeviceSettingsUpdate()">Update Settings and Exit</div><div class="dialog-button" ng-click="app.closeDialog()">Exit without Saving</div></div></modal-dialog>