Skip to content

Commit 1f8634c

Browse files
committed
feat: add web client
1 parent 3f277cc commit 1f8634c

Some content is hidden

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

56 files changed

+3541
-5
lines changed

README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# MapAdmin
1+
# ![logo](client/assets/logo-32x32.png) MapAdmin
22

33
**MapAdmin** is a web administration interface and a PHP wrapper around MapServer
44
which allows to manipulate mapfiles in a RESTFul way. It has been developped to match as

client/40x.html

+44
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1">
6+
7+
<title>MapAdmin</title>
8+
<meta name="description" content="MapServer Suite Web Administration Interface">
9+
<meta name="author" content="Gergo Gelencser <programmerg@gmail.com>">
10+
11+
<base href="/mapserver/web/" />
12+
13+
<link rel="apple-touch-icon" href="./assets/apple-touch-icon.png" sizes="180x180">
14+
<link rel="icon" href="./favicon.ico" type="image/x-icon">
15+
<link rel="manifest" href="./manifest.json">
16+
17+
<style>
18+
html, body { margin: 0; padding: 0; height: 100%; }
19+
body { font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" }
20+
.centered { display: flex; justify-content: center; align-items: center; }
21+
.bg-light { color: #212529; background-color: #f8f9fa; }
22+
.warning { color: #09bd9f; }
23+
.error { color: #C55042; }
24+
.muted { color: #888888; }
25+
.card { width: 60%; margin: 2rem auto; padding: 1rem; }
26+
.card > * { padding: 0.3rem 0; }
27+
.card > header > h1 { font-size: 6rem; margin: 1rem 0; }
28+
</style>
29+
</head>
30+
<body class="bg-light centered">
31+
<div class="card">
32+
<header>
33+
<h1 class="warning">:(</h1>
34+
</header>
35+
<section>
36+
<p>The requested page is currently unavailable.</p>
37+
<p>You may have used an incorrect address or do not have permission to access the resource.</p>
38+
</section>
39+
<footer>
40+
<p class="muted">MapAdmin</p>
41+
</footer>
42+
</div>
43+
</body>
44+
</html>

client/50x.html

+44
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1">
6+
7+
<title>MapAdmin</title>
8+
<meta name="description" content="MapServer Suite Web Administration Interface">
9+
<meta name="author" content="Gergo Gelencser <programmerg@gmail.com>">
10+
11+
<base href="/mapserver/web/" />
12+
13+
<link rel="apple-touch-icon" href="./assets/apple-touch-icon.png" sizes="180x180">
14+
<link rel="icon" href="./favicon.ico" type="image/x-icon">
15+
<link rel="manifest" href="./manifest.json">
16+
17+
<style>
18+
html, body { margin: 0; padding: 0; height: 100%; }
19+
body { font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" }
20+
.centered { display: flex; justify-content: center; align-items: center; }
21+
.bg-light { color: #212529; background-color: #f8f9fa; }
22+
.warning { color: #09bd9f; }
23+
.error { color: #C55042; }
24+
.muted { color: #888888; }
25+
.card { width: 60%; margin: 2rem auto; padding: 1rem; }
26+
.card > * { padding: 0.3rem 0; }
27+
.card > header > h1 { font-size: 6rem; margin: 1rem 0; }
28+
</style>
29+
</head>
30+
<body class="bg-light centered">
31+
<div class="card">
32+
<header>
33+
<h1 class="error">:(</h1>
34+
</header>
35+
<section>
36+
<p>The requested page is currently unavailable.</p>
37+
<p>The service may be down, maintenance is in progress, or a server error has occurred.</p>
38+
</section>
39+
<footer>
40+
<p class="muted">MapAdmin</p>
41+
</footer>
42+
</div>
43+
</body>
44+
</html>
3.67 KB
Loading

client/assets/apple-touch-icon.png

2.6 KB
Loading

client/assets/logo-255x255.png

13.6 KB
Loading

client/assets/logo-32x32.png

1.02 KB
Loading

client/favicon.ico

14.7 KB
Binary file not shown.

client/index.html

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width,initial-scale=1">
6+
7+
<title>MapAdmin</title>
8+
<meta name="description" content="MapServer Suite Web Administration Interface">
9+
<meta name="author" content="Gergo Gelencser <programmerg@gmail.com>">
10+
11+
<base href="/mapserver/web/" />
12+
13+
<link rel="apple-touch-icon" href="./assets/apple-touch-icon.png" sizes="180x180">
14+
<link rel="icon" href="./favicon.ico" type="image/x-icon">
15+
<link rel="manifest" href="./manifest.json">
16+
</head>
17+
<body class="bg-light">
18+
<noscript>
19+
A modern browser is required to use the system!
20+
</noscript>
21+
22+
<mapadmin-app></mapadmin-app>
23+
24+
<script src="./src/main.js" type="module"></script>
25+
</body>
26+
</html>

client/manifest.json

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"name": "MapAdmin Web client",
3+
"short_name": "mapadmin-client",
4+
"start_url": "/mapserver/web/index.html",
5+
"display": "standalone",
6+
"orientation": "portrait",
7+
"theme_color": "#15996f",
8+
"background_color": "#f0f0f0",
9+
"icons": [
10+
{
11+
"src": "assets/android-chrome-192x192.png",
12+
"sizes": "192x192",
13+
"type": "image/png"
14+
}
15+
]
16+
}

0 commit comments

Comments
 (0)