anvil/html/skins/alteeve/main.html

<!-- start button_bar -->
			<table id="button_bar">
				<tr>
					<td>
						<img src="#!data!skin::url!#/images/striker_icon_on.png" class="top_icon">
					</td>
					<td>
						<img src="#!data!skin::url!#/images/anvil_icon_on.png" class="top_icon">
					</td>
					<td>
						<img src="#!data!skin::url!#/images/users_icon_on.png" class="top_icon">
					</td>
					<td>
						<a href="https://alteeve.com/w/Support" target="_new"><img src="#!data!skin::url!#/images/help_icon_on.png" id="help_icon" class="top_icon"></a>
					</td>
				</tr>
			</table>
<!-- end button_bar -->

<!-- start config_step1 -->
			<table>
				<div id="config_step1_div">
				<form name="config_step1" action="">
				<tr>
					<td>
						<span name="#!variable!step1_welcome_title_id!#" id="#!variable!step1_welcome_title_id!#" class="config_header1">#!string!striker_0001!#</span><br />
						<span name="#!variable!step1_welcome_message_id!#" id="#!variable!step1_welcome_message_id!#" class="config_header2">#!string!striker_0002!#</span>
					</td>
				</tr>
				<tr>
					<td>
						<hr>
						&nbsp;
					</td>
				</tr>
				<tr>
					<td>
						#!variable!organization_form!#
					</td>
				</tr>
				<tr>
					<td>
						#!variable!prefix_form!#
					</td>
				</tr>
				<tr>
					<td>
						#!variable!domain_form!#
					</td>
				</tr>
				<tr>
					<td>
						#!variable!sequence_form!#
					</td>
				</tr>
				<tr>
					<td>
						#!variable!ifn_count_form!#
					</td>
				</tr>
				<tr>
					<td>
						<br />
						<hr>
						<input type="submit" name="next" id="next" value="#!string!striker_0013!#">
					</td>
				</tr>
				<!-- NOTE: For now, we support only one BCN in the web UI, but the system will be ready for N-number later. -->
				<input type="hidden" name="bcn_count" id="bcn_count" value="1">
				<input type="hidden" name="step"      id="step"      value="step1">
				<input type="hidden" name="cgi_list"  id="cgi_list"  value="next,bcn_count,step,#!variable!cgi_list!#">
				</form>
				</div>
			</table>
<!-- end config_step1 -->

<!-- start config_step2 -->
			<table>
				<div id="config_step1_div">
				<form name="config_step1" action="">
				<tr>
					<td colspan="2">
						<span name="#!variable!step1_welcome_title_id!#" id="#!variable!step1_welcome_title_id!#" class="config_header1">#!string!striker_0001!#</span><br />
						<span name="#!variable!step1_welcome_message_id!#" id="#!variable!step1_welcome_message_id!#" class="config_header2">#!string!striker_0002!#</span>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<hr>
						&nbsp;
					</td>
				</tr>
				<tr>
					<td width="75%" style="vertical-align: top;">
						<table>
							<tr>
								<td>
#!variable!hostname_form!#
								</td>
							</tr>
							<tr>
								<td>
#!variable!striker_user_form!#
								</td>
							</tr>
							<tr>
								<td>
#!variable!striker_password_form!#
								</td>
							</tr>
							<tr>
								<td>
									&nbsp;
								</td>
							</tr>
							<tr>
								<td>
#!variable!interface_form!#
								</td>
							</tr>
							<tr>
								<td>
#!variable!gateway_form!#
								</td>
							</tr>
							<tr>
								<td>
#!variable!dns_form!#
								</td>
							</tr>
						</table>
					</td>
					<td width="25%" style="padding-left: 1em; vertical-align: top;">
						<table class="data_table">
							<tr>
								<td class="column_header" colspan="2">
									#!string!striker_0014!#
								</td>
							</tr>
							<tr class="data_row">
								<!-- Organization name -->
								<td class="column_row_name">
									#!string!striker_0003!#:
								</td>
								<td class="column_row_value">
									#!variable!organization!#
									<input type="hidden" name="organization" id="organization" value="#!variable!organization!#">
								</td>
							</tr>
							<tr class="data_row">
								<!-- Prefix -->
								<td class="column_row_name">
									#!string!striker_0005!#:
								</td>
								<td class="column_row_value_fixed">
									#!variable!prefix!#
									<input type="hidden" name="prefix" id="prefix" value="#!variable!prefix!#">
								</td>
							</tr>
							<tr class="data_row">
								<!-- Domain name -->
								<td class="column_row_name">
									#!string!striker_0007!#:
								</td>
								<td class="column_row_value_fixed">
									#!variable!domain!#
									<input type="hidden" name="domain" id="domain" value="#!variable!domain!#">
								</td>
							</tr>
							<tr class="data_row">
								<!-- Sequence number -->
								<td class="column_row_name">
									#!string!striker_0009!#:
								</td>
								<td class="column_row_value_fixed">
									#!variable!sequence!#
									<input type="hidden" name="sequence" id="sequence" value="#!variable!sequence!#">
								</td>
							</tr>
							<tr class="data_row">
								<!-- IFN count -->
								<td class="column_row_name">
									#!string!striker_0015!#:
								</td>
								<td class="column_row_value_fixed">
									#!variable!ifn_count!#
									<input type="hidden" name="ifn_count" id="ifn_count" value="#!variable!ifn_count!#">
								</td>
							</tr>
						</table>
						<br />
						#!variable!interface_states!#
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<br />
						<hr>
						<input type="submit" name="next" id="next" value="#!string!striker_0013!#">
					</td>
				</tr>
				<input type="hidden" name="bcn_count" id="bcn_count" value="#!variable!bcn_count!#">
				<input type="hidden" name="step"      id="step"      value="step2">
				<input type="hidden" name="cgi_list"  id="cgi_list"  value="organization,prefix,domain,sequence,next,step,#!variable!cgi_list!#">
				</form>
				</div>
			</table>
<!-- end config_step2 -->

<!-- start config_step3 -->
			<table>
				<div id="config_step3_div">
				<form name="config_step3" action="">
				<tr>
					<td>
						<span name="#!variable!step1_welcome_title_id!#" id="#!variable!step1_welcome_title_id!#" class="config_header1">#!string!striker_0001!#</span><br />
						<span name="#!variable!step1_welcome_message_id!#" id="#!variable!step1_welcome_message_id!#" class="config_header2">#!string!striker_0002!#</span>
					</td>
				</tr>
				<tr>
					<td>
						<hr>
						&nbsp;
					</td>
				</tr>
				<tr>
					<td>
						#!string!striker_0041!#
					</td>
				</tr>
				<tr>
					<td>
						<table class="data_table">
							<tr>
								<td class="column_header" colspan="2">
									#!string!striker_0042!#
								</td>
							</tr>
							<!-- Organization -->
							<tr class="data_row">
								<td class="column_row_name">
									#!string!striker_0003!#:
								</td>
								<td class="column_row_value">
									#!variable!organization!#
								</td>
							</tr>
							<!-- Domain name -->
							<tr>
								<td class="column_row_name">
									#!string!striker_0007!#:
								</td>
								<td class="column_row_value_fixed">
									#!variable!domain!#
								</td>
							</tr>
							<!-- User -->
							<tr>
								<td class="column_row_name">
									#!string!striker_0031!#:
								</td>
								<td class="column_row_value_fixed">
									#!variable!striker_user!#
								</td>
							</tr>
							<!-- Password -->
							<tr>
								<td class="column_row_name">
									#!string!striker_0033!#:
								</td>
								<td class="column_row_value_fixed">
									#!variable!striker_password!#
								</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td>
						<br />
						<hr>
						<input type="submit" name="next" id="next" value="#!string!striker_0013!#">
					</td>
				</tr>
				<!-- NOTE: For now, we support only one BCN in the web UI, but the system will be ready for N-number later. -->
				<input type="hidden" name="step"     id="step"     value="step3">
				<input type="hidden" name="cgi_list" id="cgi_list" value="next,step,#!variable!cgi_list!#">
				</form>
				</div>
			</table>
<!-- end config_step3 -->

<!-- start error_message -->
<div class="error_message"><span style="color: #ff3f7f;">*</span> #!variable!error_message!# </div>
<!-- end error_message -->

<!-- start select_form -->
						#!variable!description!#<br />
						<input type="select" name="#!variable!name!#" id="#!variable!id!#" #!variable!extra!#>#!variable!options!#</select>
<!-- end select_form -->

<!-- start input_text_form -->
						#!variable!description!#<br />
						<input type="text" name="#!variable!name!#" id="#!variable!id!#" value="#!variable!value!#" placeholder="#!variable!field!#" class="#!variable!class!#" #!variable!extra!#>
<!-- end input_text_form -->

<!-- start input_number_form -->
						#!variable!description!#<br />
						<input type="number" name="#!variable!name!#" id="#!variable!id!#" value="#!variable!value!#" placeholder="#!variable!field!#" class="#!variable!class!#" #!variable!extra!#>
<!-- end input_number_form -->

<!-- start bonded_interface_form -->
						<table>
							<tr>
								<td colspan="5" class="form_group_header1">
									#!variable!field!#
								</td>
							</tr>
							<tr>
								<td colspan="5" class="form_group_header2">
									#!variable!description!#
								</td>
							</tr>
							<tr>
								<td>
									#!string!striker_0024!#
								</td>
								<td>
									<input type="text" name="#!variable!ip_key!#" id="#!variable!ip_key!#" value="#!variable!ip_value!#" placeholder="#!string!striker_0024!#" class="#!variable!ip_class!#">
								</td>
								<td>
									&nbsp;
								</td>
								<td>
									#!string!striker_0029!#
								</td>
								<td>
									#!variable!iface1_select!#
								</td>
							</tr>
							<tr>
								<td>
									#!string!striker_0025!#
								</td>
								<td>
									<input type="text" name="#!variable!subnet_key!#" id="#!variable!subnet_key!#" value="#!variable!subnet_value!#" placeholder="#!string!striker_0025!#" class="#!variable!subnet_class!#">
								</td>
								<td>
									&nbsp;
								</td>
								<td>
									#!string!striker_0030!#
								</td>
								<td>
									#!variable!iface2_select!#
								</td>
							</tr>
						</table>
<!-- end bonded_interface_form -->

<!-- start single_interface_form -->
						<table>
							<tr>
								<td colspan="5" class="form_group_header1">
									#!variable!field!#
								</td>
							</tr>
							<tr>
								<td colspan="5" class="form_group_header2">
									#!variable!description!#
								</td>
							</tr>
							<tr>
								<td>
									#!string!striker_0024!#
								</td>
								<td>
									<input type="text" name="#!variable!ip_key!#" id="#!variable!ip_key!#" value="#!variable!ip_value!#" placeholder="#!string!striker_0024!#" class="#!variable!ip_class!#">
								</td>
								<td>
									&nbsp;
								</td>
								<td>
									#!string!striker_0028!#
								</td>
								<td>
									#!variable!iface1_select!#
								</td>
							</tr>
							<tr>
								<td>
									#!string!striker_0025!#
								</td>
								<td>
									<input type="text" name="#!variable!subnet_key!#" id="#!variable!subnet_key!#" value="#!variable!subnet_value!#" placeholder="#!string!striker_0025!#" class="#!variable!subnet_class!#">
								</td>
								<td>
									&nbsp;
								</td>
								<td>
									&nbsp;
								</td>
								<td>
									&nbsp;
								</td>
							</tr>
						</table>
<!-- end single_interface_form -->

<!-- start network_header -->
						<table id="network_status" class="data_table_nowrap">
							<tr>
								<td colspan="5" class="column_header">
									#!string!header_0001!#
								</td>
							</tr>
							<tr class="data_row">
								<td class="column_row_name">
									#!string!header_0002!#
								</td>
								<td class="column_row_name">
									#!string!header_0003!#
								</td>
								<td id="network_link_state" data-up="#!string!js_0001!#" data-down="#!string!js_0002!#" class="column_row_name">
									#!string!header_0004!#
								</td>
								<td id="network_link_speed" data-mbps="#!string!js_0003!#" class="column_row_name">
									#!string!header_0005!#
								</td>
								<td class="column_row_name">
									#!string!header_0006!#
								</td>
							</tr>
<!-- end network_header -->

<!-- start network_entry -->
							<tr class="data_row">
								<td class="column_row_value_fixed">
									<span name="#!variable!mac_id!#" id="#!variable!mac_id!#">#!variable!mac!#</span>
								</td>
								<td class="column_row_value_fixed_centered">
									<span name="#!variable!name_id!#" id="#!variable!name_id!#">#!variable!name!#</span>
								</td>
								<td class="column_row_value_fixed_centered">
									<span name="#!variable!link_id!#" id="#!variable!link_id!#">#!variable!link!#</span>
								</td>
								<td class="column_row_value_fixed_centered">
									<span name="#!variable!speed_id!#" id="#!variable!speed_id!#">#!variable!speed!#</span>
								</td>
								<td class="column_row_value_fixed_centered">
									<span name="#!variable!order_id!#" id="#!variable!order_id!#">#!variable!order!#</span>
								</td>
							</tr>
<!-- end network_entry -->

<!-- start network_footer -->
							<input type="hidden" name="interface_list" id="interface_list" value="#!variable!interface_list!#" />
						</table>
<!-- end network_footer -->

<!-- start footer -->
<div class="footer">
	#!string!brand_0005!#
</div>
<!-- end footer -->

<!-- start header -->
<!DOCTYPE html>
<html lang="#!variable!language!#">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
	<!-- Disable caching during development. -->
	<meta http-equiv="cache-control" content="max-age=0" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="expires" content="0" />
	<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
	<meta http-equiv="pragma" content="no-cache" />	<title>#!string!brand_0001!# - #!string!brand_0003!#</title>
	
	<link rel="stylesheet" href="#!data!skin::url!#/main.css" media="screen" />
	<script type="text/javascript" src="/jquery-latest.js"></script>
	<script type="text/javascript" src="#!data!skin::url!#/main.js"></script>
</head>
<!-- end header -->

<!-- start master -->
#!variable!header!#

<body>
<table class="body_table">
	<tr>
		<td class="header" width="5%">
			<img src="#!data!skin::url!#/images/logo.png" class="logo">
		</td>
		<td class="header" width="90%">
#!variable!center_top_bar!#
		</td>
		<td class="header" width="5%" style="white-space: nowrap;">
#!variable!right_top_bar!#
		</td>
	</tr>
	<tr>
		<td colspan="3">
#!variable!center_body!#
		</td>
	</tr>
	<tr>
		<td>
#!variable!left_bottom_bar!#
		</td>
		<td>
#!variable!center_bottom_bar!#
		</td>
		<td>
#!variable!right_bottom_bar!#
		</td>
	</tr>
</table>
</body>

#!variable!footer!#
</html>
<!-- end master -->