Alamantus
/
Readlebee
mirror of https://gitlab.com/Alamantus/Readlebee.git
1
0
Fork 0
Code Issues Releases Wiki Activity
Readlebee/app/views/global.js

52 lines
1.5 KiB
JavaScript
Raw Normal View History

Replace removed Choo files and deps I realized I should be doing Choo for frontend and Fastify for API
2019-09-07 21:54:44 +02:00
import html from 'choo/html';
Update all branding and links to Readlebee
2019-09-10 20:41:06 +02:00
import headerImage from '../../dev/images/header.png';
Restructure app initiation - Split initialization steps into their own files. - Use Choo routes instead of viewManager to properly set up 404 - Add styling for different colors of Picnic cards
2019-09-25 20:32:52 +02:00
export const globalView = (state, emit, i18n, view) => {
Replace removed Choo files and deps I realized I should be doing Choo for frontend and Fastify for API
2019-09-07 21:54:44 +02:00
// Create a wrapper for view content that includes global header/footer
Restructure app initiation - Split initialization steps into their own files. - Use Choo routes instead of viewManager to properly set up 404 - Add styling for different colors of Picnic cards
2019-09-25 20:32:52 +02:00
return html`<body>
Replace removed Choo files and deps I realized I should be doing Choo for frontend and Fastify for API
2019-09-07 21:54:44 +02:00
<header>
<nav>
<div class="brand">
Reorganize the folder structure entirely
2019-09-08 21:44:01 +02:00
<a href="/">
Update all branding and links to Readlebee
2019-09-10 20:41:06 +02:00
<span><img src=${headerImage} alt="Readlebee"></span>
Replace removed Choo files and deps I realized I should be doing Choo for frontend and Fastify for API
2019-09-07 21:54:44 +02:00
</a>
</div>
<!-- responsive-->
<input id="navMenu" type="checkbox" class="show">
Fix top nav burger button
2019-09-12 07:44:31 +02:00
<label for="navMenu" class="burger pseudo button">${'\u2261'}</label>
Replace removed Choo files and deps I realized I should be doing Choo for frontend and Fastify for API
2019-09-07 21:54:44 +02:00
<div class="menu">
<label style="display: inline-block;">
Add missing I18n in viewManager
2019-09-16 20:09:44 +02:00
<input type="text" name="search"
placeholder=${i18n.__('global.searchbar_placeholder')}
onchange=${e => {
emit('pushState', '/search?for=' + encodeURIComponent(e.target.value.trim()));
}}
>
Replace removed Choo files and deps I realized I should be doing Choo for frontend and Fastify for API
2019-09-07 21:54:44 +02:00
</label>
Add missing I18n in viewManager
2019-09-16 20:09:44 +02:00
<a href="/login" class="pseudo button">${i18n.__('global.menu_login')}</a>
<a href="/logout" class="pseudo button">${i18n.__('global.menu_logout')}</a>
Replace removed Choo files and deps I realized I should be doing Choo for frontend and Fastify for API
2019-09-07 21:54:44 +02:00
</div>
</nav>
</header>
<main class="container">
Restructure app initiation - Split initialization steps into their own files. - Use Choo routes instead of viewManager to properly set up 404 - Add styling for different colors of Picnic cards
2019-09-25 20:32:52 +02:00
${view(state, emit, i18n)}
Replace removed Choo files and deps I realized I should be doing Choo for frontend and Fastify for API
2019-09-07 21:54:44 +02:00
</main>
Create login view; Add footer
2019-09-08 22:04:26 +02:00
<footer>
<nav>
<div class="links">
Add missing I18n in viewManager
2019-09-16 20:09:44 +02:00
<a href="https://gitlab.com/Alamantus/Readlebee" class="pseudo button">
${i18n.__('global.footer_repo')}
</a>
<a href="https://gitter.im/Readlebee/community" class="pseudo button">
${i18n.__('global.footer_chat')}
</a>
Create login view; Add footer
2019-09-08 22:04:26 +02:00
</div>
</nav>
</footer>
Replace removed Choo files and deps I realized I should be doing Choo for frontend and Fastify for API
2019-09-07 21:54:44 +02:00
</body>`;
}