Skip to content

Commit 7b5c027

Browse files
cicoriascicorias
committed
adding image component
1 parent a93034e commit 7b5c027

16 files changed

Lines changed: 1189 additions & 7 deletions

File tree

‎.gitignore‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -109,3 +109,6 @@ ENV/
109109

110110
# VS code settings
111111
.vscode/settings.json
112+
113+
114+
data/images

‎gui/package.json‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@
33
"version": "0.1.0",
44
"private": true,
55
"dependencies": {
6+
"@material-ui/core": "^3.4.0",
7+
"@types/material-ui": "^0.21.5",
68
"react": "^16.6.0",
79
"react-dom": "^16.6.0",
810
"react-scripts-ts": "3.1.0"
@@ -19,5 +21,6 @@
1921
"@types/react": "^16.4.18",
2022
"@types/react-dom": "^16.0.9",
2123
"typescript": "^3.1.6"
22-
}
24+
},
25+
"proxy": "http://localhost:3001"
2326
}

‎gui/server/.gitignore‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
8+
# Runtime data
9+
pids
10+
*.pid
11+
*.seed
12+
*.pid.lock
13+
14+
# Directory for instrumented libs generated by jscoverage/JSCover
15+
lib-cov
16+
17+
# Coverage directory used by tools like istanbul
18+
coverage
19+
20+
# nyc test coverage
21+
.nyc_output
22+
23+
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
24+
.grunt
25+
26+
# Bower dependency directory (https://bower.io/)
27+
bower_components
28+
29+
# node-waf configuration
30+
.lock-wscript
31+
32+
# Compiled binary addons (https://nodejs.org/api/addons.html)
33+
build/Release
34+
35+
# Dependency directories
36+
node_modules/
37+
jspm_packages/
38+
39+
# Typescript v1 declaration files
40+
typings/
41+
42+
# Optional npm cache directory
43+
.npm
44+
45+
# Optional eslint cache
46+
.eslintcache
47+
48+
# Optional REPL history
49+
.node_repl_history
50+
51+
# Output of 'npm pack'
52+
*.tgz
53+
54+
# Yarn Integrity file
55+
.yarn-integrity
56+
57+
# dotenv environment variables file
58+
.env
59+
60+
# next.js build output
61+
.next
62+
63+
64+
data/images

‎gui/server/app.js‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
var createError = require('http-errors');
2+
var express = require('express');
3+
var path = require('path');
4+
var cookieParser = require('cookie-parser');
5+
var logger = require('morgan');
6+
7+
var indexRouter = require('./routes/index');
8+
var usersRouter = require('./routes/users');
9+
10+
var app = express();
11+
12+
// view engine setup
13+
app.set('views', path.join(__dirname, 'views'));
14+
app.set('view engine', 'hbs');
15+
16+
app.use(logger('dev'));
17+
app.use(express.json());
18+
app.use(express.urlencoded({ extended: false }));
19+
app.use(cookieParser());
20+
app.use(express.static(path.join(__dirname, 'public')));
21+
22+
app.use('/', indexRouter);
23+
app.use('/users', usersRouter);
24+
25+
// catch 404 and forward to error handler
26+
app.use(function(req, res, next) {
27+
next(createError(404));
28+
});
29+
30+
// error handler
31+
app.use(function(err, req, res, next) {
32+
// set locals, only providing error in development
33+
res.locals.message = err.message;
34+
res.locals.error = req.app.get('env') === 'development' ? err : {};
35+
36+
// render the error page
37+
res.status(err.status || 500);
38+
res.render('error');
39+
});
40+
41+
module.exports = app;

‎gui/server/bin/www‎

Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
#!/usr/bin/env node
2+
3+
/**
4+
* Module dependencies.
5+
*/
6+
7+
var app = require('../app');
8+
var debug = require('debug')('server:server');
9+
var http = require('http');
10+
11+
/**
12+
* Get port from environment and store in Express.
13+
*/
14+
15+
var port = normalizePort(process.env.PORT || '3001');
16+
app.set('port', port);
17+
18+
/**
19+
* Create HTTP server.
20+
*/
21+
22+
var server = http.createServer(app);
23+
24+
/**
25+
* Listen on provided port, on all network interfaces.
26+
*/
27+
28+
server.listen(port);
29+
server.on('error', onError);
30+
server.on('listening', onListening);
31+
32+
/**
33+
* Normalize a port into a number, string, or false.
34+
*/
35+
36+
function normalizePort(val) {
37+
var port = parseInt(val, 10);
38+
39+
if (isNaN(port)) {
40+
// named pipe
41+
return val;
42+
}
43+
44+
if (port >= 0) {
45+
// port number
46+
return port;
47+
}
48+
49+
return false;
50+
}
51+
52+
/**
53+
* Event listener for HTTP server "error" event.
54+
*/
55+
56+
function onError(error) {
57+
if (error.syscall !== 'listen') {
58+
throw error;
59+
}
60+
61+
var bind = typeof port === 'string'
62+
? 'Pipe ' + port
63+
: 'Port ' + port;
64+
65+
// handle specific listen errors with friendly messages
66+
switch (error.code) {
67+
case 'EACCES':
68+
console.error(bind + ' requires elevated privileges');
69+
process.exit(1);
70+
break;
71+
case 'EADDRINUSE':
72+
console.error(bind + ' is already in use');
73+
process.exit(1);
74+
break;
75+
default:
76+
throw error;
77+
}
78+
}
79+
80+
/**
81+
* Event listener for HTTP server "listening" event.
82+
*/
83+
84+
function onListening() {
85+
var addr = server.address();
86+
var bind = typeof addr === 'string'
87+
? 'pipe ' + addr
88+
: 'port ' + addr.port;
89+
debug('Listening on ' + bind);
90+
}

‎gui/server/data/ttf-meta.json‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
{ "metadata":
2+
[
3+
{
4+
"id": "1234",
5+
"uri": "/foobar/image1.png",
6+
"fullName": "",
7+
"fatherName": "John Lennon",
8+
"motherName": "Yoko Ono"
9+
},
10+
{
11+
"id": "1234",
12+
"uri": "/foobar/image1.png",
13+
"fullName": "",
14+
"fatherName": "John Lennon",
15+
"motherName": "Yoko Ono"
16+
},
17+
{
18+
"id": "1234",
19+
"uri": "/foobar/image1.png",
20+
"fullName": "",
21+
"fatherName": "John Lennon",
22+
"motherName": "Yoko Ono"
23+
}
24+
]
25+
}

‎gui/server/package.json‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"name": "server",
3+
"version": "0.0.0",
4+
"private": true,
5+
"scripts": {
6+
"start": "node ./bin/www"
7+
},
8+
"dependencies": {
9+
"cookie-parser": "~1.4.3",
10+
"debug": "~2.6.9",
11+
"express": "~4.16.0",
12+
"hbs": "~4.0.1",
13+
"http-errors": "~1.6.2",
14+
"morgan": "~1.9.0"
15+
}
16+
}

‎gui/server/public/stylesheets/style.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
body {
2+
padding: 50px;
3+
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
4+
}
5+
6+
a {
7+
color: #00B7FF;
8+
}

‎gui/server/routes/index.js‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
var express = require('express');
2+
var router = express.Router();
3+
4+
/* GET home page. */
5+
router.get('/', function(req, res, next) {
6+
res.render('index', { title: 'Express' });
7+
});
8+
9+
module.exports = router;

‎gui/server/routes/metadata.js‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
const express = require('express');
2+
const fs = require('fs');
3+
const path = require('path');
4+
5+
const router = express.Router();
6+
7+
/* GET home page. */
8+
router.get('/meta', function(req, res, next) {
9+
const metadata = fs.readFileSync('../');
10+
11+
12+
});
13+
14+
/* GET home page. */
15+
router.get('/meta/:id', function(req, res, next) {
16+
const metadata = fs.readFileSync('../');
17+
18+
19+
});
20+
21+
module.exports = router;

0 commit comments

Comments
 (0)