hamburger

mevdschee · mevdschee · commit 63d889bbdc8c · 2020-09-01T11:40:04.000+02:00
diff --git a/src/Tqdev/PhpCrudUi/Controller/RecordController.php b/src/Tqdev/PhpCrudUi/Controller/RecordController.php
@@ -18,6 +18,7 @@ class RecordController
     public function __construct(Router $router, Responder $responder, RecordService $service)
     {
         $router->register('GET', '/', array($this, 'home'));
+        $router->register('GET', '/menu', array($this, 'menu'));
         $router->register('GET', '/*/create', array($this, 'createForm'));
         $router->register('POST', '/*/create', array($this, 'create'));
         $router->register('GET', '/*/read/*', array($this, 'read'));
@@ -39,6 +40,12 @@ public function home(ServerRequestInterface $request): ResponseInterface
         return $this->responder->success($result);
     }
 
+    public function menu(ServerRequestInterface $request): ResponseInterface
+    {
+        $result = $this->service->menu();
+        return $this->responder->success($result);
+    }
+
     public function createForm(ServerRequestInterface $request): ResponseInterface
     {
         $table = RequestUtils::getPathSegment($request, 1);
diff --git a/src/Tqdev/PhpCrudUi/Record/RecordService.php b/src/Tqdev/PhpCrudUi/Record/RecordService.php
@@ -48,6 +48,11 @@ public function home(): TemplateDocument
         return new TemplateDocument('layouts/default', 'record/home', array());
     }
 
+    public function menu(): TemplateDocument
+    {
+        return new TemplateDocument('layouts/menu', 'record/menu', array());
+    }
+
     public function createForm(string $table, string $action): TemplateDocument
     {
         $types = $this->definition->getTypes($table, $action);
diff --git a/templates/layouts/default.html b/templates/layouts/default.html
@@ -8,11 +8,11 @@
     <!--<link rel="stylesheet" type="text/css" href="{{base}}/css/music.css">-->
 </head>
 
-<body>
+<body class="{{table}}">
     <div class="content">
         <div class="navigation">
             <a href="{{base}}/" class="title"><span>{{info.title}}</span>{{info.x-subtitle}}</a>
-            <a class="hamburger" href="{{base}}/">☰</a>
+            <a class="hamburger" href="{{base}}/menu" title="Close menu"><span></span><span></span><span></span></a>
         </div>
         <div class="body">
             {{content}}
diff --git a/templates/layouts/menu.html b/templates/layouts/menu.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>{{info.title}}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="{{base}}/css/style.css">
+    <!--<link rel="stylesheet" type="text/css" href="{{base}}/css/music.css">-->
+</head>
+
+<body class="{{table}}">
+    <div class="content">
+        <div class="navigation">
+            <a href="{{base}}/" class="title"><span>{{info.title}}</span>{{info.x-subtitle}}</a>
+            <a class="hamburger close" href="javascript:window.history.go(-1);"
+                title="Open menu"><span></span><span></span></a>
+        </div>
+        <div class="body">
+            {{content}}
+        </div>
+    </div>
+</body>
+
+</html>
diff --git a/templates/record/menu.html b/templates/record/menu.html
@@ -0,0 +1,8 @@
+<br />
+<ul class="home">
+    {{for:item:menu}}
+    <li>
+        <a href="{{base}}/{{item}}/list">{{item|humanize}}</a>
+    </li>
+    {{endfor}}
+</ul>
diff --git a/webroot/css/style.css b/webroot/css/style.css
@@ -16,7 +16,7 @@ body {font-size: 1rem; line-height: 1.4;}
 .title {padding: 0.5rem 2rem; color: black; text-decoration: none;}
 .title span {font-weight: bold; display: block;}
 .body {padding: 6rem 2rem; flex-grow: 1; padding-bottom: 10rem;}
-.hamburger {padding: 0 1rem 0.5rem; margin: 0.3rem 1rem; display: inline-block; text-decoration: none; color: black; font-size: 2.25rem; line-height: 1.2; transform: scaleX(1.5);}
+.hamburger {padding: 1rem; margin: 0.3rem 1rem; display: inline-block; text-decoration: none; color: black; font-size: 2.25rem; line-height: 1.2; transform: scaleX(1.5);}
 
 th.selected::after {content: " ▾";}
 

Original file line number	Diff line number	Diff line change
`@@ -18,6 +18,7 @@ class RecordController`
`18`	`18`	`public function __construct(Router $router, Responder $responder, RecordService $service)`
`19`	`19`	`{`
`20`	`20`	`$router->register('GET', '/', array($this, 'home'));`
	`21`	`+ $router->register('GET', '/menu', array($this, 'menu'));`
`21`	`22`	`$router->register('GET', '/*/create', array($this, 'createForm'));`
`22`	`23`	`$router->register('POST', '/*/create', array($this, 'create'));`
`23`	`24`	`$router->register('GET', '//read/', array($this, 'read'));`
`@@ -39,6 +40,12 @@ public function home(ServerRequestInterface $request): ResponseInterface`
`39`	`40`	`return $this->responder->success($result);`
`40`	`41`	`}`
`41`	`42`
	`43`	`+ public function menu(ServerRequestInterface $request): ResponseInterface`
	`44`	`+ {`
	`45`	`+ $result = $this->service->menu();`
	`46`	`+ return $this->responder->success($result);`
	`47`	`+ }`
	`48`	`+`
`42`	`49`	`public function createForm(ServerRequestInterface $request): ResponseInterface`
`43`	`50`	`{`
`44`	`51`	`$table = RequestUtils::getPathSegment($request, 1);`
Original file line number	Diff line number	Diff line change
`@@ -48,6 +48,11 @@ public function home(): TemplateDocument`
`48`	`48`	`return new TemplateDocument('layouts/default', 'record/home', array());`
`49`	`49`	`}`
`50`	`50`
	`51`	`+ public function menu(): TemplateDocument`
	`52`	`+ {`
	`53`	`+ return new TemplateDocument('layouts/menu', 'record/menu', array());`
	`54`	`+ }`
	`55`	`+`
`51`	`56`	`public function createForm(string $table, string $action): TemplateDocument`
`52`	`57`	`{`
`53`	`58`	`$types = $this->definition->getTypes($table, $action);`