Skip to content
This repository was archived by the owner on Sep 10, 2022. It is now read-only.

Commit 945a47e

Browse files
author
Matt Gaunt
committed
Managing a shared layouts
1 parent fc23ba6 commit 945a47e

File tree

4 files changed

+74
-141
lines changed

4 files changed

+74
-141
lines changed

‎server/views/layouts/app-shell.handlebars

Lines changed: 4 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -1,68 +1,7 @@
1-
<!--
1+
{{> open-page}}
2+
<main class="main js-main" aria-role="main">
23

3-
Copyright 2015 Google Inc. All rights reserved.
4-
5-
Licensed under the Apache License, Version 2.0 (the "License");
6-
you may not use this file except in compliance with the License.
7-
You may obtain a copy of the License at
8-
9-
http://www.apache.org/licenses/LICENSE-2.0
10-
11-
Unless required by applicable law or agreed to in writing, software
12-
distributed under the License is distributed on an "AS IS" BASIS,
13-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14-
See the License for the specific language governing permissions and
15-
limitations under the License.
16-
17-
-->
18-
19-
<!DOCTYPE html>
20-
<html>
21-
<head>
22-
<meta charset="utf-8">
23-
<title>App Shell</title>
24-
25-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
26-
<meta name="viewport" content="width=device-width, initial-scale=1">
27-
<meta id="theme-color" name="theme-color" content="#4527A0">
28-
29-
<link rel="manifest" href="/manifest.json">
30-
<link rel="icon" href="/images/chrome-touch-icon-192x192.png" sizes="192x192" type="image/png">
31-
32-
<style type="text/css">{{{inlineStyles}}}</style>
33-
</head>
34-
<body class="{{ deeplink_class }}">
35-
36-
<!-- Header element -->
37-
<header class="header">
38-
<button role="tab" class="header__menu js-toggle-menu">
39-
Toggle nav menu
40-
</button>
41-
42-
<h1 class="header__title">App Shell</h1>
43-
</header>
44-
45-
<!-- Main Content goes here -->
46-
<main class="main js-global-main" aria-role="main">
47-
48-
</main>
49-
50-
<!-- Navigation Drawer -->
51-
<section class="side-nav js-side-nav">
52-
<div class="side-nav__content js-side-nav-content">
53-
<div class="side-nav__header">
54-
<h1 class="side-nav__title">App shell</h1>
55-
</div>
56-
57-
<div class="side-nav__body" tabindex="0">
58-
<a role="tab" tabindex="0" class="side-nav__blog-post" href="/">Index</a>
59-
<a role="tab" tabindex="0" class="side-nav__blog-post" href="/url-1">URL 1</a>
60-
<a role="tab" tabindex="0" class="side-nav__blog-post" href="/url-2">URL 2</a>
61-
</div>
62-
63-
<div class="side-nav__version">Version @VERSION@</div>
64-
</div>
65-
</section>
4+
</main>
665

676
<!-- Loading Dialog For use by Activities -->
687
<div class="loader js-global-loader is-hidden">
@@ -110,10 +49,4 @@ limitations under the License.
11049
</svg>
11150
</div>
11251

113-
{{> async-css }}
114-
115-
{{#each remoteScripts}}
116-
<script src="{{this}}" async></script>
117-
{{~/each}}
118-
</body>
119-
</html>
52+
{{> close-page}}

‎server/views/layouts/default.handlebars

Lines changed: 5 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -1,70 +1,5 @@
1-
<!--
2-
3-
Copyright 2015 Google Inc. All rights reserved.
4-
5-
Licensed under the Apache License, Version 2.0 (the "License");
6-
you may not use this file except in compliance with the License.
7-
You may obtain a copy of the License at
8-
9-
http://www.apache.org/licenses/LICENSE-2.0
10-
11-
Unless required by applicable law or agreed to in writing, software
12-
distributed under the License is distributed on an "AS IS" BASIS,
13-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14-
See the License for the specific language governing permissions and
15-
limitations under the License.
16-
17-
-->
18-
19-
<!DOCTYPE html>
20-
<html>
21-
<head>
22-
<meta charset="utf-8">
23-
<title>App Shell</title>
24-
25-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
26-
<meta name="viewport" content="width=device-width, initial-scale=1">
27-
<meta id="theme-color" name="theme-color" content="#4527A0">
28-
29-
<link rel="manifest" href="/manifest.json">
30-
<link rel="icon" href="/images/chrome-touch-icon-192x192.png" sizes="192x192" type="image/png">
31-
32-
<style type="text/css">{{{inlineStyles}}}</style>
33-
</head>
34-
<body>
35-
36-
<header class="header">
37-
<button role="tab" class="header__menu js-toggle-menu">
38-
Toggle nav menu
39-
</button>
40-
41-
<h1 class="header__title">App Shell</h1>
42-
</header>
43-
44-
<main class="main js-main" aria-role="main">
45-
{{{body}}}
46-
</main>
47-
48-
<section class="side-nav js-side-nav">
49-
<div class="side-nav__content js-side-nav-content">
50-
<div class="side-nav__header">
51-
<h1 class="side-nav__title">App shell</h1>
52-
</div>
53-
54-
<div class="side-nav__body">
55-
<a role="tab" tabindex="0" class="side-nav__blog-post" href="/">Index</a>
56-
<a role="tab" tabindex="0" class="side-nav__blog-post" href="/url-1">URL 1</a>
57-
<a role="tab" tabindex="0" class="side-nav__blog-post" href="/url-2">URL 2</a>
58-
</div>
59-
60-
<div class="side-nav__version">Version @VERSION@</div>
61-
</div>
62-
</section>
63-
64-
{{> async-css }}
65-
66-
{{#each remoteScripts}}
67-
<script src="{{this}}" async></script>
68-
{{~/each}}
69-
</body>
70-
</html>
1+
{{> open-page}}
2+
<main class="main js-main" aria-role="main">
3+
{{{body}}}
4+
</main>
5+
{{> close-page}}

‎server/views/partials/close-page.handlebars

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<section class="side-nav js-side-nav">
2+
<div class="side-nav__content js-side-nav-content">
3+
<div class="side-nav__header">
4+
<h1 class="side-nav__title">App shell</h1>
5+
</div>
6+
7+
<div class="side-nav__body">
8+
<a role="tab" tabindex="0" class="side-nav__blog-post" href="/">Index</a>
9+
<a role="tab" tabindex="0" class="side-nav__blog-post" href="/url-1">URL 1</a>
10+
<a role="tab" tabindex="0" class="side-nav__blog-post" href="/url-2">URL 2</a>
11+
</div>
12+
13+
<div class="side-nav__version">Version @VERSION@</div>
14+
</div>
15+
</section>
16+
17+
{{> async-css }}
18+
19+
{{#each remoteScripts}}
20+
<script src="{{this}}" async></script>
21+
{{~/each}}
22+
</body>
23+
</html>

‎server/views/partials/open-page.handlebars

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<!--
2+
3+
Copyright 2015 Google Inc. All rights reserved.
4+
5+
Licensed under the Apache License, Version 2.0 (the "License");
6+
you may not use this file except in compliance with the License.
7+
You may obtain a copy of the License at
8+
9+
http://www.apache.org/licenses/LICENSE-2.0
10+
11+
Unless required by applicable law or agreed to in writing, software
12+
distributed under the License is distributed on an "AS IS" BASIS,
13+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14+
See the License for the specific language governing permissions and
15+
limitations under the License.
16+
17+
-->
18+
19+
<!DOCTYPE html>
20+
<html>
21+
<head>
22+
<meta charset="utf-8">
23+
<title>App Shell</title>
24+
25+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
26+
<meta name="viewport" content="width=device-width, initial-scale=1">
27+
<meta id="theme-color" name="theme-color" content="#4527A0">
28+
29+
<link rel="manifest" href="/manifest.json">
30+
<link rel="icon" href="/images/chrome-touch-icon-192x192.png" sizes="192x192" type="image/png">
31+
32+
<style type="text/css">{{{inlineStyles}}}</style>
33+
</head>
34+
<body>
35+
36+
<header class="header">
37+
<button role="tab" class="header__menu js-toggle-menu">
38+
Toggle nav menu
39+
</button>
40+
41+
<h1 class="header__title">App Shell</h1>
42+
</header>

0 commit comments

Comments
 (0)