xref: /openbmc/phosphor-webui/app/configuration/controllers/firmware-controller.html (revision c016139f)

<div id="firmware">
	<div class="row column">
		<h1>Firmware</h1>
	</div>
</div>
<div class="row column">
	<div class="column small-12 page-header">
		<h1 class="inline h4">Manage BMC and server firmware</h1>
	</div>
</div>
<div class="row column">
	<p>Use the tables at the top of the page to manage firmware images that are currently available on the BMC. The
		image at the top of the table is the Primary image, which will be used the next time the device is
		booted. To change which image is Primary, move the image you want to use as the Primary to the top of the tablw using the arrows.</p>
	<p>Use the Upload images section of this page to transfer new firmware images to the BMC. After uploading a new
		image, activate it to make it available for use.</p>
	<button class="inline btn-primary" ng-click="gotoAnchor()">
		<span class="icon icon__bar-arrow">&nbsp;</span>&nbsp;&nbsp;Scroll to upload image file
	</button>
</div>
<firmware-list title="BMC images" version="bmcActiveVersion" firmwares="firmwares" filter-by="filters.bmc"></firmware-list>
<firmware-list title="Server images" version="hostActiveVersion" firmwares="firmwares" filter-by="filters.host"></firmware-list>
<div class="row column" id="upload">
	<div class="column small-12 page-header">
		<h2 class="inline h3 bold">Upload firmware image</h2>
		<p>Specify an image file located on your workstation or a TFTP server. An image file may contain firmware images for the server, BMC, or other hardware devices. Each image that you upload will be unpacked from the image file, and added to the appropriate list above.</p>
	</div>
	<form id="firmware__upload-form" role="form" class="firmware__upload-form">
		<div class=" column firmware__upload-station">
			<h3 class="h4 bold">Upload from workstation</h3>
			<p>Optional text area. Can be used to explain about updating openBMC firmware from workstation. This could
				be step-by-step instruction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et</p>
			<label for="file-upload" class="inline firmware__upload-chooser">
				<input id="file-upload" type="file" file="file" class="hide" onchange="angular.element(this).scope().fileNameChanged()"/>
				<span class="button btn-secondary inline">Choose a file</span>
				<span class="inline firmware__upload-file-name"><span ng-if="!file">No file chosen</span><span ng-if="file.name !== undefined">{{file.name}}</span></span>
			</label>
			<input type="button" value="Upload firmware" class="inline button btn-primary float-right" ng-click="upload()"/>
			<div class="inline uploading" ng-show="uploading">Upload in progress...</div>
		</div>
		<div class=" column firmware__upload-tftp">
			<h3 class="h4 bold">Download from TFTP server</h3>
			<p>Optional text area. Can be used to explain about updating openBMC firmware from workstation. This could
				be step-by-step instruction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce et</p>
			<fieldset>
				<div class="row">
					<div class="column small-12 large-4">
						<label for="tftp-ip">Server IP address</label>
						<input name="tftp-ip" id="tftp-ip" type="number"/>
					</div>
					<div class="column small-12 large-4">
						<label for="tftp-file-name">File name</label>
						<input name="tftp-file-name" id="tftp-file-name" type="text"/>
					</div>
					<div class="column small-12 large-4">
						<input type="submit" value="Download firmware" class="inline button btn-primary float-right"/>
					</div>
				</div>
				<div class="inline uploading" ng-show="downloading">Downloading in progress...</div>
			</fieldset>
		</div>
	</form>
</div>

<!-- Firmware modals -->
<section class="modal" aria-hidden="true" aria-labelledby="modalTitle" aria-describedby="modalDescription" role="dialog" ng-class="{'active': display_error}">
	<div class="modal__upload-fail" role="document">
		<div class="screen-reader-offscreen modal-description">{{error.modal_title}}</div><!-- accessibility only; used for screen readers -->
		<div class="page-header ">
			<span class="icon icon__warning inline"><span class="accessible-text" role="alert">{{error.type}}</span></span>
			<h1 class="modal-title h4 inline">{{error.title}}</h1>
		</div>
		<div class="modal__content">
			<p>{{error.desc}}</p>
		</div>
		<div class="modal__button-wrapper">
			<button class="inline btn-primary" ng-click="display_error = false;">Close</button>
		</div>
	</div>
</section>

<section class="modal" aria-hidden="true" aria-labelledby="modalTitle" aria-describedby="modalDescription" role="dialog" ng-class="{'active': confirm_delete}">
	<div class="modal__tftp-unreachable" role="document">
		<div class="screen-reader-offscreen modal-description">Delete firmware image</div><!-- accessibility only; used for screen readers -->
		<div class="page-header ">
			<span class="icon icon__warning inline"><span class="accessible-text" role="alert">Warning</span></span>
			<h1 class="modal-title h4 inline">Delete image</h1>
		</div>
		<div class="modal__content">
			<p>Delete firmware {{delete_image_version}}?</p>
		</div>
		<div class="modal__button-wrapper">
			<button class="inline btn-secondary" ng-click="confirm_delete=false;">Cancel</button>
			<button class="inline btn-primary" ng-click="confirmDeleteImage()">Continue</button>
		</div>
	</div>
</section>

<section class="modal" aria-hidden="true" aria-labelledby="modalTitle" aria-describedby="modalDescription" role="dialog" ng-class="{'active': confirm_upload_image}">
	<div class="modal__upload" role="document">
		<div class="screen-reader-offscreen modal-description">Upload image file modal</div><!-- accessibility only; used for screen readers -->
		<div class="page-header ">
			<h1 class="modal-title h4"><span class="icon icon__info"><svg xmlns="http://www.w3.org/2000/svg"
					viewBox="0 0 32 32"><path
					d="M18 14h-6v2h1v6h-2v2h8v-2h-2z"/><circle cx="16" cy="10" r="2"/><path
					d="M16 2C8.269 2 2 8.269 2 16s6.269 14 14 14 14-6.269 14-14S23.731 2 16 2zm0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12z"/></svg></span>
				Upload image file
			</h1>
		</div>
		<div class="modal__content">
			<p>Uploading this image may replace a non-active image, and prevent rollback from the current active image
				to the previous image.</p>
		</div>
		<div class="modal__button-wrapper">
			<button class="inline btn-secondary" ng-click="confirm_upload_image = false;">Cancel</button>
			<button class="inline btn-primary" ng-click="confirmUpload()">Continue</button>
		</div>
	</div>
</section>
<section class="modal" aria-hidden="true" aria-labelledby="modalTitle" aria-describedby="modalDescription" role="dialog" ng-class="{'active': reboot_confirm}">
	<div class="modal__reboot" role="document">
		<div class="screen-reader-offscreen modal-description">Server reboot required modal</div><!-- accessibility only; used for screen readers -->
		<div class="page-header ">
			<h1 class="modal-title h4"><span class="icon icon__info"><svg xmlns="http://www.w3.org/2000/svg"
					viewBox="0 0 32 32"><path
					d="M18 14h-6v2h1v6h-2v2h8v-2h-2z"/><circle cx="16" cy="10" r="2"/><path
					d="M16 2C8.269 2 2 8.269 2 16s6.269 14 14 14 14-6.269 14-14S23.731 2 16 2zm0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12z"/></svg></span>
				Server reboot required
			</h1>
		</div>
		<div class="modal__content">
			<p>You specified a new primary firmware image. This change will not take effect until the server is powered
				down and restarted.</p>
		</div>
		<a href="#/server-control/power-operations" class="bold modal__link">Go to power operations page</a>
		<div class="modal__button-wrapper">
			<button class="inline btn-secondary" ng-click="reboot_confirm=false;">Cancel</button>
			<button class="inline btn-primary" ng-click="confirmWarmReboot()">Warm reboot</button>
		</div>
	</div>
</section>
<section class="modal" aria-hidden="true" aria-labelledby="modalTitle" aria-describedby="modalDescription" role="dialog" ng-class="{'active': preserve_settings_confirm}">
	<div class="modal__preserve-settings" role="document">
		<div class="screen-reader-offscreen modal-description">Preserve setting modal</div><!-- accessibility only; used for screen readers -->
		<div class="page-header ">
			<h1 class="modal-title h4"><span class="icon icon__info"><svg xmlns="http://www.w3.org/2000/svg"
					viewBox="0 0 32 32"><path
					d="M18 14h-6v2h1v6h-2v2h8v-2h-2z"/><circle cx="16" cy="10" r="2"/><path
					d="M16 2C8.269 2 2 8.269 2 16s6.269 14 14 14 14-6.269 14-14S23.731 2 16 2zm0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12z"/></svg></span>
				Preserve settings
			</h1>
		</div>
		<div class="modal__content">
			<p>Switching to a new BMC firmware image will erase current user settings. Network settings will be preserved unless you choose to reset all settings.</p>
			<form>
				<fieldset>
					<div class="row column">
						<label class="control-radio bold" for="preserve-settings">Preserve network settings
							<input type="radio" name="preserve-settings" id="preserve-settings" ng-checked="true" ng-model="dhcp" ng-value="true" ng-init="dhcp=true"/>
							<span class="control__indicator control__indicator-on"></span>
						</label>
					</div>
					<div class="row column">
						<label class="control-radio bold" for="reset-settings">Reset all user and network settings
							<input type="radio" name="reset-settings" id="reset-settings" ng-model="dhcp" ng-value="false"/>
							<span class="control__indicator control__indicator-on"></span>
						</label>
					</div>
				</fieldset>
			</form>
		</div>
		<div class="modal__button-wrapper">
			<button class="inline btn-secondary" ng-click="preserve_settings_confirm=false;">Cancel</button>
			<button class="inline btn-primary" ng-click="preserveSettingsConfirmed()">Continue</button>
		</div>
	</div>
</section>
<div class="modal-overlay" tabindex="-1" ng-class="{'active': (display_error || confirm_upload_image || reboot_confirm || preserve_settings_confirm)}"></div>