diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep index 84cbd301a5601ae8a1c772dbe551a80e8285aaf7..7694b75c839382d46c69e0d7883b7ad58f9e1ced 100644 --- a/templates/layouts/default.html.ep +++ b/templates/layouts/default.html.ep @@ -13,19 +13,75 @@ <meta name="msapplication-square310x310logo" content="<%= $c->config->{styleguide} %>images/favicons/mstile-310x310.png"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/> <meta name="theme-color" content="#000000"/> - <meta property="og:url" content="https://z.pirati.cz"/> + <meta property="og:url" content="<%= $c->config->{base_url} %>"/> <meta property="og:type" content="website"/> - <meta property="og:title" content="<%= $c->config->{name} %> | <%= title %>"/> + <meta property="og:title" content="<%= $c->config->{name} %>"/> <meta property="og:image" content="https://z.pirati.cz/img/og.png"/> <meta property="og:description" content="<%= $c->config->{description} %>"/> <meta name="description" content="<%= $c->config->{description} %>"/> - <title><%= $c->config->{name} %> | <%= title %></title> + <title><%= $c->config->{name} %></title> <link rel="manifest" href="/manifest.json"/> <link rel="stylesheet" href="<%= $c->config->{styleguide} %>css/styles.css"/> - <script src="/htmx.min.js"></script> + <script src="https://cdn-unpkg.pirati.cz/jquery@3.6.0/dist/jquery.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> +<!-- <link href="https://cdn-unpkg.pirati.cz/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">--> + <script src="https://cdn-unpkg.pirati.cz/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script> + <script src="https://cdn-unpkg.pirati.cz/htmx.org@1.7.0" integrity="sha384-EzBXYPt0/T6gxNp0nuPtLkmRpmDBbjg6WmCUZRLXBBwYYmwAUxzlSGej0ARHX0Bo" crossorigin="anonymous"></script> +<!-- <link rel="stylesheet" href="https://cdn-unpkg.pirati.cz/bootstrap-table@1.20.2/dist/bootstrap-table.min.css">--> + <script src="https://cdn-unpkg.pirati.cz/bootstrap-table@1.20.2/dist/bootstrap-table.min.js"></script> + </head> <body> -%= include 'styleguide/navbar'; +<nav class="navbar navbar--simple __js-root"> + <ui-app inline-template> + <ui-navbar inline-template> + <div> + <div class="container container--wide navbar__content" :class="{'navbar__content--initialized': true}"> + <div class="navbar__brand my-4 flex items-center lg:pr-8 lg:my-0"> + <a href="#"> + <img src="<%= $c->config->{styleguide} %>/images/logo-round-white.svg" class="w-8" /> + </a> + <span class="pl-4 font-bold text-xl lg:pr-8"><%= $c->config->{name} %></span> + </div> + <div class="navbar__menutoggle my-4 flex justify-end lg:hidden"> + <a href="#" @click="show = !show" class="no-underline hover:no-underline"> + <i class="ico--menu text-3xl"></i> + </a> + </div> + <div v-if="show || isLgScreenSize" class="navbar__main navbar__section navbar__section--expandable container-padding--zero lg:container-padding--auto flex items-center"> + <div class="flex-grow"> + <!-- MENU --> + </div> + <div class="flex items-center space-x-4"> +% if ( $c->is_user_authenticated ) { + + <div class="flex items-center space-x-4"> + <span class="head-heavy-2xs"><%= $c->current_user->displayname %></span> + <div class="avatar avatar--2xs"> + <img src="<%= $c->config->{piratar}%><%= $c->current_user->username %>.jpg" alt="<%= $c->current_user->displayname %>" /> + </div> + <a href="/logout"><button class="text-grey-200 hover:text-white"><i class="ico--log-out"></i></button></a> + </div> + +% } else { + <a href="<%= $c->oidc->authorize %>"> + <button class="btn btn--icon btn--grey-125 btn--hoveractive"> + <div class="btn__body-wrap"> + <div class="btn__body">Přihlásit se</div> + <div class="btn__icon"> + <i class="ico--pirati"></i> + </div> + </div> + </button> + </a> +% } + </div> + </div> + </div> + </div> + </ui-navbar> + </ui-app> +</nav> + <div class="container container--default py-8 lg:py-24"> <section> <main>