OpenshiftTemplateEditor/index.html at master · pszuster/OpenshiftTemplateEditor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<html>
<head>
    <link rel="icon" type="image/png" href="https://www.google.com/s2/favicons?domain=openshift.com"/>
	<link rel="stylesheet" href="css/patternfly/patternfly.min.css"/>
	<link rel="stylesheet" href="css/patternfly/patternfly-additions.min.css"/>
	<link rel="stylesheet" href="css/thirdparty/lobipanel.min.css"/>
	<link rel="stylesheet" href="css/index.css"/>
	<meta charset="UTF-8" />
	<title>Openshift Template Editor</title>
</head>

<body>
	<nav class="navbar navbar-default navbar-pf" role="navigation">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
			<span class="sr-only">Toggle navigation</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			</button>

			<a class="navbar-brand" href="/">
				<img width="200px" src="images/Logotype_RH_OpenShift_wLogo_RGB_White.png" alt="Openshift"></img>
				<p>Openshift Template Editor </p>
			</a>
		</div>
		<div class="collapse navbar-collapse navbar-collapse-1">
			<ul class="nav navbar-nav navbar-primary">
				<li >
					<a href="/">Editor</a>
				</li>
				<li>
					<a href="/help.html">Help ?</a>
				</li>
			</ul>
		</div>
	</nav>

	<div class="container-fluid">
		<div id="valid_indicator" class="panel panel-default panel-floating">
			<div class="panel-heading">
				<h3 class="panel-title">Validation</h3>
			</div>
			<div class="panel-body">

			</div>
		</div>
		<div class="card-pf-body">
			<div id="valid_indicator" title="Validation"></div>
			<div>
				<label for="version">OCP Version:</label>
				<select name="OCP Version" id="version">
					<option value="" selected>Select Openshift Version</option>
					<option value="3.6">3.6</option>
					<option value="3.7">3.7</option>
					<option value="3.9">3.9</option>
				</select>
			</div>
			<div id="controls">
				<button id="loadFile" class="ui-button ui-widget ui-corner-all ">
					<span class="ui-icon  ui-icon-folder-open"></span>
					Load File
				</button>
				<button id="saveFile" class="ui-button ui-widget ui-corner-all ">
					<span class="ui-icon  ui-icon-folder-collapsed"></span>
					Save to  File
				</button>
				<button id="resetFile" class="ui-button ui-widget ui-corner-all ">
					<span class="ui-icon  ui-icon-trash"></span>
					Reset
				</button>
				<div id="dialog-confirm" class="hide" title="Reset the template?">
					<p><span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>The template will be permanently deleted and cannot be recovered. Are you sure?</p>
				</div>
				<div id='editor_holder'></div>
				<input type="file" id="load-file" />
			</div>
			<div id="loading" class="spinner spinner-lg"></div>
		</div>
	</div><!-- container -->

	<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/yamljs/0.3.0/yaml.js"></script>
	<script type="text/javascript" src="js/thirdparty/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/thirdparty/jsoneditor.js"></script>
	<script type="text/javascript" src="js/thirdparty/lobipanel.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</body>
</html>