Skip to content

Commit f7cd896

Browse files
someth2saysometh2say
committed
Initial commit, including all apps previously in course
1 parent a87e659 commit f7cd896

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

58 files changed

+2529
-0
lines changed

‎example/README.md

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
This file is used to test the Git repo setup on the infrastructure machine.

‎nodejs-app/package.json

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"name": "nodejs-app",
3+
"version": "1.0.0",
4+
"description": "Hello World App",
5+
"main": "server.js",
6+
"author": "Red Hat Training",
7+
"license": "ASL",
8+
"dependencies": {
9+
"express": "4.20",
10+
"html-errors": "latest"
11+
}
12+
}

‎nodejs-app/server.js

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
var createError = require('http-error');
2+
3+
var express = require('express');
4+
app = express();
5+
6+
app.get('/', function (req, res) {
7+
res.send('Hello World from pod: ' + process.environment.HOSTNAME + '\n')
8+
});
9+
10+
app.listen(8080, function () {
11+
console.log('Example app listening on port 8080!');
12+
});
13+

‎nodejs-helloworld/app.js

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
var express = require('express');
2+
app = express();
3+
4+
app.get('/', function (req, res) {
5+
res.send('Hello World!');
6+
});
7+
8+
app.listen(8080, function () {
9+
console.log('Example app listening on port 8080!');
10+
});
11+

‎nodejs-helloworld/package.json

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"name": "nodejs-helloworld",
3+
"version": "1.0.0",
4+
"description": "Hello World!",
5+
"main": "app.js",
6+
"author": "Red Hat Training",
7+
"license": "ASL",
8+
"dependencies": {
9+
"express": "~4.14.2"
10+
}
11+
}

‎php-helloworld/index.php

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<?php
2+
print "Hello, World! php version is " . PHP_VERSION . "\n";
3+
?>

‎temps/index.php

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<html>
2+
<head>
3+
<title>Converting Temperatures</title>
4+
<meta charset="utf-8">
5+
</head>
6+
<body>
7+
<form name="form1" method="POST" action="<?php echo $_SERVER["PHP_SELF"]; ?>">
8+
9+
<table>
10+
<tr>
11+
<td>Enter the temperature to convert:</td>
12+
<td><input type="text" name="temp" id="temp" size="10"></td>
13+
</tr>
14+
15+
<tr>
16+
<td>Convert to:</td>
17+
<td><select name="scale" id="scale" size="1">
18+
<option disabled>Select the scale</option>
19+
<option value="c">Celsius</option>
20+
<option value="f">Fahrenheit</option>
21+
</select>
22+
</td>
23+
</tr>
24+
25+
<tr>
26+
<td><input type="submit" name="btnConvert" id="btnConvert" value="Convert"></td>
27+
<td><input type="reset" name="btnReset" id="btnReset" value="Reset"></td>
28+
</tr>
29+
30+
31+
32+
</form>
33+
34+
<?php
35+
function convert($value, $type){
36+
if($type== "f"){
37+
return (((9/5)*$value) +(32));
38+
}
39+
elseif ($type== "c"){
40+
return (($value - 32) * (5/9));
41+
}
42+
}
43+
44+
if (isset($_POST['btnConvert'])) {
45+
$temp = $_POST['temp'];
46+
$scale = $_POST['scale'];
47+
$converted = convert($temp, $scale);
48+
echo "The original temperature, $temp, converted is $converted.";
49+
}
50+
?>
51+
52+
</body>
53+
</html>

‎todoapp/html5/README.md

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
# DO276 Angular-based HTML5 To Do List app front-end
2+
3+
Assumes your workstation -- the host that runs the Vagrant box VM -- /etc/hosts is configured with:
4+
5+
127.0.0.1 api.lab.example.com
6+
7+
It is NOT enough to have this on the Vagrant Box as your workstation web browser needs to resolve api.example.com so the AngularJS front end can talk to
8+
the back end API
9+
10+
11+
Start one of the backends and run the build.sh script.
12+
13+
The build.sh script copies the HTML pages to Apache and them starts the httpd24-httpd systemd service.
14+
15+
Open a web browser and visit http://localhost:30000/todo to run the application outside containers.
16+
17+
The SCL httpd24 daemon has to be configured to listen in this alternate port to not conflict with the RHEL7 httpd daemon which is used to emulate UCF classroom services. Start and stop the httpd24-httpd service as needed so it won't conflict with the containerized version of the front end.
18+
19+
The font end expects to find the back end at http://api.lab.example.com:30080/todo/api/ so the developer needs to configure his workstation to make api.lab.example.com point to 127.0.0.1 or whatever IP the back end is listening to.
20+

‎todoapp/html5/compile.sh

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
#!/bin/sh
2+
3+
DOCROOT=/opt/rh/httpd24/root/var/www/html/
4+
5+
sudo rm -rf $DOCROOT/todo
6+
sudo cp -r src/ $DOCROOT/todo
7+
sudo chmod -R a+rX $DOCROOT/todo
8+

‎todoapp/html5/run.sh

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
#!/bin/sh
2+
3+
echo "Dont start this directly, use the run.sh scripts from each api back end"
4+

‎todoapp/html5/src/css/style.css

+90
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
body {
2+
width: 90%;
3+
margin-left: auto;
4+
margin-right: auto;
5+
text-align: center;
6+
}
7+
8+
h3 {
9+
margin: 0 0 20px;
10+
text-align: left;
11+
}
12+
13+
.message {
14+
margin-left: 5%;
15+
margin-right: 5%;
16+
}
17+
18+
.grid {
19+
width: 40%;
20+
float: left;
21+
margin-left: 5%;
22+
margin-right: 5%;
23+
}
24+
25+
.grid .remove {
26+
width: 20px;
27+
height: 20px;
28+
margin-top: 8px;
29+
color: #a94442;
30+
}
31+
32+
.gridStyle {
33+
border: 1px solid rgb(212, 212, 212);
34+
height: 335px;
35+
}
36+
37+
.form {
38+
width: 40%;
39+
float: right;
40+
margin-left: 5%;
41+
margin-right: 5%;
42+
text-align: left;
43+
}
44+
45+
.form label {
46+
width: 100px;
47+
}
48+
49+
.form input {
50+
width: 300px;
51+
float: right;
52+
}
53+
54+
.form .form-group span {
55+
float: right;
56+
width: 20px;
57+
height: 20px;
58+
margin-top: 5px;
59+
margin-left: 5px;
60+
color: #5cb85c;
61+
}
62+
63+
.form .form-group p {
64+
margin-top: 15px;
65+
margin-left: 200px;
66+
color: #a94442;
67+
}
68+
69+
.form .avatar {
70+
height: 250px;
71+
float: right;
72+
margin-right: 25px;
73+
}
74+
75+
.form .buttons {
76+
clear: both;
77+
float: right;
78+
margin-top: 10px;
79+
margin-right: 25px;
80+
}
81+
82+
.footer {
83+
width: 100%;
84+
clear: both;
85+
float: left;
86+
text-align: left;
87+
margin-top: 20 px;
88+
font-size: medium;
89+
border-top: 1px solid #e0e0e0;
90+
}

‎todoapp/html5/src/hello.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<html>
2+
<head>
3+
<title>HTML5 Todo App</title>
4+
</head>
5+
<body>
6+
<h1>Test HTML page</h1>
7+
<hr/>
8+
<p>
9+
This is just a test page to check Apache Httpd is working before involving Angular and the REST services.
10+
</p>
11+
</body>
12+
</html>

‎todoapp/html5/src/index.html

+107
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
<!DOCTYPE html>
2+
3+
<html ng-app="items">
4+
<head>
5+
<title>To Do List</title>
6+
7+
<link rel="stylesheet" href="lib/dependencies/css/bootstrap.min.css" />
8+
<link rel="stylesheet" href="lib/dependencies/css/ng-grid.min.css" />
9+
10+
<!-- build:css css/application.css -->
11+
<link rel="stylesheet" type="text/css" href="css/style.css"/>
12+
<!-- endbuild -->
13+
14+
<script src="lib/dependencies/jquery.min.js"></script>
15+
<script src="lib/dependencies/angular.min.js"></script>
16+
<script src="lib/dependencies/angular-resource.min.js"></script>
17+
<script src="lib/dependencies/ng-grid-2.0.11.min.js"></script>
18+
<script src="lib/dependencies/ui-bootstrap-tpls.min.js"></script>
19+
20+
<!-- build:js script/all.js -->
21+
<script src="script/item.js"></script>
22+
<!-- endbuild -->
23+
</head>
24+
25+
<body>
26+
27+
<h1>To Do List Application</h1>
28+
29+
<br/>
30+
31+
<!-- Specify a Angular controller script that binds Javascript variables to the feedback messages.-->
32+
<div class="message" ng-controller="alertMessagesController">
33+
<alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</alert>
34+
</div>
35+
36+
<br>
37+
38+
<!-- Specify a Angular controller script that binds Javascript variables to the grid.-->
39+
<div class="grid" ng-controller="itemsListController">
40+
<div>
41+
<h3>To Do List</h3>
42+
</div>
43+
44+
<!-- Binds the grid component to be displayed. -->
45+
<div class="gridStyle" ng-grid="gridOptions"></div>
46+
47+
<!-- Bind the pagination component to be displayed. -->
48+
<pagination direction-links="true" boundary-links="true"
49+
total-items="items.totalResults" items-per-page="items.pageSize"
50+
ng-model="items.currentPage" ng-change="refreshGrid()">
51+
</pagination>
52+
</div>
53+
54+
<!-- Specify a Angular controller script that binds Javascript variables to the form.-->
55+
<div class="form" ng-controller="itemsFormController">
56+
<!-- Verify item, if there is no id present, that we are Adding a Item -->
57+
<div ng-if="item.id == null">
58+
<h3>Add Task</h3>
59+
</div>
60+
<!-- Otherwise it's an Edit -->
61+
<div ng-if="item.id != null">
62+
<h3>Edit Task</h3>
63+
</div>
64+
65+
<div>
66+
<!-- Specify the function to be called on submit and disable HTML5 validation, since we're using Angular validation-->
67+
<form name="itemForm" ng-submit="updateItem()" novalidate>
68+
69+
<!-- Display an error if the input is invalid and is dirty (only when someone changes the value) -->
70+
<div class="form-group" ng-class="{'has-error' : itemForm.description.$invalid && itemForm.description.$dirty}">
71+
<label for="description">Description:</label>
72+
<!-- Display a check when the field is valid and was modified -->
73+
<span ng-class="{'glyphicon glyphicon-ok' : itemForm.description.$valid && itemForm.description.$dirty}"></span>
74+
75+
<input id="description" name="description" type="text" class="form-control" maxlength="100"
76+
ng-model="item.description"
77+
required ng-minlength="5" ng-maxlength="100"/>
78+
79+
<!-- Validation messages to be displayed on required, minlength and maxlength -->
80+
<p class="help-block" ng-show="itemForm.description.$error.required">Add Description.</p>
81+
<p class="help-block" ng-show="itemForm.description.$error.minlength">Description must be at least 5 characters long.</p>
82+
<p class="help-block" ng-show="itemForm.description.$error.maxlength">Description cannot be longer than 100 characters.</p>
83+
</div>
84+
85+
<div class="form-group" ng-class="{'has-error' : itemForm.done.$invalid && itemForm.done.$dirty}">
86+
<label for="done">Completed:</label>
87+
<!-- Display a check when the field is valid and was modified -->
88+
<span ng-class="{'glyphicon glyphicon-ok' : itemForm.done.$valid && itemForm.done.$dirty}"></span>
89+
90+
<input id="done" name="done" type="checkbox" class="form-control"
91+
ng-model="item.done" />
92+
93+
</div>
94+
95+
<!-- Form buttons. The 'Save' button is only enabled when the form is valid. -->
96+
<div class="buttons">
97+
<button type="button" class="btn btn-primary" ng-click="clearForm()">Clear</button>
98+
<button type="submit" class="btn btn-primary" ng-disabled="itemForm.$invalid">Save</button>
99+
</div>
100+
</form>
101+
</div>
102+
</div>
103+
<div class="footer" ng-controller="hostController">
104+
From host: {{host.hostname}} / {{host.ip}}
105+
</div>
106+
</body>
107+
</html>

‎todoapp/html5/src/lib/dependencies/angular-resource.min.js

+13
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)