-
Notifications
You must be signed in to change notification settings - Fork 0
/
install.html
134 lines (128 loc) · 6.29 KB
/
install.html
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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
<style type="text/css">
#command {
border: 2px solid black;
margin: 1rem;
padding: 1rem;
}
#command span {
color: #880000;
}
.notice {
background-color:red;
color:white;
font-size:1.25em;
padding:.25em;
margin: 1em 0;
}
.notice h2 {
font-size: 1.5em;
}
</style>
</head>
<body>
<div class="container">
<h1>ELMS:LN Installer</h1>
<div class="notice">
<h2>NOTICE</h2>
<p>You have to set this up only on fresh Ubuntu without any Apache\Php\Mysql pre-installed</p>
</div>
<form class="col s10" id="form">
<input name="os_command_ubuntu16" type="hidden" value="apt-get update && apt-get -y install wget git && " />
<input name="os_command_centos7" type="hidden" value="yes | yum -y install wget git && " />
<input name="os_command_amazon" type="hidden" value="yes | yum -y install wget git && "/>
<input name="os_command_ubuntu14" type="hidden" value="apt-get update && apt-get -y install wget git && " />
<input name="os_command_centos" type="hidden" value="yes | yum -y install wget git<br/>
wget http://rpms.famillecollet.com/enterprise/remi-release-6.rpm<br/>
rpm -Uvh remi-release-6*.rpm<br/>
wget http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm<br/>
rpm -Uvh epel-release-6*.rpm<br/>" />
<input name="os_command_ubuntu12" type="hidden" value="apt-get update && apt-get -y install wget git && "/>
<div class="row">
<div class="input-field col l6 s12">
<input id="org" type="text" class="validate" name="org" placeholder="elmsln" class="validate" required="TRUE" value="elmsln" />
<label for="org">Organization machine name</label>
</div>
<div class="input-field col l6 s12">
<input id="short" type="text" class="validate" name="short" placeholder="ln" maxlength="2" length="2" class="validate" required="TRUE" value="ln" />
<label for="short">2 letter organization name</label>
</div>
</div>
<div class="row">
<div class="input-field col l6 s12">
<input id="address" type="text" name="address" placeholder="elmsln.dev" class="validate" required="TRUE" value="elmsln.dev" />
<label for="address">Base domain</label>
</div>
<div class="input-field col s6">
<input id="email" type="email" name="email" placeholder="admin@elmsln.dev" class="validate" required="TRUE" value="admin@elmsln.dev" />
<label for="email">Email address</label>
</div>
</div>
<div class="row">
<div class="input-field col l6 s12">
<select id="os" name="os" required="TRUE">
<option value="ubuntu16" selected="selected">Ubuntu 16.x</option>
<option value="centos7">CentOS 7.x / RHEL 7.x</option>
<option value="ubuntu14">Ubuntu 14.x / Debian 8.x</option>
<option value="amazon">AWS EC2 AMI</option>
<option value="centos">CentOS 6.x / RHEL 6.x (Legacy)</option>
<option value="ubuntu12">Ubuntu 12.x / Debian 7.x (Legacy)</option>
</select>
<label for="os">Operating system</label>
</div>
<div class="input-field col l6 s12">
<select id="secure" name="secure">
<option value="http">http</option>
</select>
<label for="secure">Secure?</label>
</div>
</div>
<div class="row">
<div class="input-field col l6 s12">
<select id="analytics" name="analytics">
<option value="yes" selected="selected">yes</option>
<option value="no">no</option>
</select>
<label for="analytics">Share annonymous analytics back with elmsln.org?</label>
</div>
</div>
<div class="row">
<h2>Your command to copy and paste</h2>
<div id="command"><span class="os_command"></span>git clone https://github.com/elmsln/elmsln.git /var/www/elmsln && cd /var/www/elmsln && git checkout master && bash /var/www/elmsln/scripts/install/handsfree/<span class="os">centos</span>/<span class="os"></span>-install.sh <span class="org"></span> <span class="short">ln</span> <span class="address">elmsln.dev</span> <span class="secure"></span> <span class="email"></span> <span class="analytics"></span>
<div>cd $HOME && source .bashrc</div>
</div>
</div>
</form>
</div>
<script>
(function ($) {
$(document).ready(function(){
$('select').material_select();
$('#form').change(function(){
$('.os_command').html($('input[name="os_command_' + $('select[name="os"]').val() +'"]').val());
$('.os').html($('select[name="os"]').val());
$('.org').html($('input[name="org"]').val());
$('.short').html($('input[name="short"]').val());
$('.address').html($('input[name="address"]').val());
$('.secure').html($('select[name="secure"]').val());
$('.email').html($('input[name="email"]').val());
$('.analytics').html($('select[name="analytics"]').val());
});
// trigger form to populate values
$('#form').change();
});
})(jQuery);
</script>
</body>
</html>