mirror of
https://github.com/Cian-H/invenio-theme-iform.git
synced 2025-12-22 20:51:58 +00:00
base template for login and signup
# Login & Signup templates invenio rdm default template for login and signup is using account_base template. in order to create our own these steps are taken: * Created base template for ```invenio-theme-tugraz```. * Created account base template which has only extended ```navbar``` from the header template. * Assigned the account_base template to the login and signup templates. * updated ```config.py``` with new variables for base template and account_base template.
This commit is contained in:
mb-wali
@@ -45,4 +45,7 @@
|
||||
|
||||
.spacer{
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
.spacer-long{
|
||||
margin-top: 20px;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.ui.inverted.header{
|
||||
color:#000;
|
||||
}
|
||||
@@ -12,7 +12,7 @@
|
||||
@import "overrides";
|
||||
@import "frontpage";
|
||||
@import "macros";
|
||||
@import "accounts";
|
||||
@import "login";
|
||||
@import (css)
|
||||
url("https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap");
|
||||
|
||||
|
||||
@@ -14,7 +14,11 @@ INVENIO_THEME_TUGRAZ_DEFAULT_VALUE = 'foobar'
|
||||
"""Default value for the application."""
|
||||
|
||||
INVENIO_THEME_TUGRAZ_BASE_TEMPLATE = 'invenio_theme_tugraz/base.html'
|
||||
"""Default base template for the demo page."""
|
||||
"""TU Graz Default base template"""
|
||||
|
||||
INVENIO_THEME_TUGRAZ_ACCOUNT_BASE = \
|
||||
'invenio_theme_tugraz/accounts/accounts_base.html'
|
||||
"""TU Graz Default account base template"""
|
||||
|
||||
INVENIO_THEME_TUGRAZ_ICON = 'images/icon_use.png'
|
||||
"""icon used in login page"""
|
||||
@@ -56,14 +60,15 @@ THEME_SITENAME = _('Repository')
|
||||
# ============
|
||||
# See https://invenio-accounts.readthedocs.io/en/latest/configuration.html
|
||||
|
||||
COVER_TEMPLATE = 'invenio_theme_tugraz/accounts/accounts_base.html'
|
||||
# COVER_TEMPLATE = 'invenio_theme_tugraz/accounts/accounts_base.html'
|
||||
"""Cover page template for login and sign up pages."""
|
||||
|
||||
SECURITY_LOGIN_USER_TEMPLATE = 'invenio_theme_tugraz/accounts/login.html'
|
||||
SECURITY_LOGIN_USER_TEMPLATE = 'invenio_theme_tugraz/accounts/login_user.html'
|
||||
"""Login template"""
|
||||
|
||||
SECURITY_REGISTER_USER_TEMPLATE = \
|
||||
'invenio_theme_tugraz/accounts/register_user.html'
|
||||
"""Sigup template"""
|
||||
|
||||
# Invenio-I18N
|
||||
# ============
|
||||
|
||||
@@ -1,76 +1,89 @@
|
||||
{#
|
||||
Copyright (C) 2020 TUGRAZ
|
||||
Copyright (C) 2020 Nikita Lvov
|
||||
Copyright (C) 2020 mojib wali.
|
||||
|
||||
invenio-theme-tugraz is free software; you can redistribute it and/or
|
||||
modify it under the terms of the MIT License; see LICENSE file for more
|
||||
details.
|
||||
#}
|
||||
|
||||
{{ webpack['invenio-theme-tugraz-theme.css'] }}
|
||||
<!DOCTYPE html>
|
||||
<html{% if html_css_classes %} class="{{ html_css_classes|join(' ') }}"{% endif %} lang="{{ current_i18n.locale.language|safe }}" dir="{{ current_i18n.locale.text_direction }}">
|
||||
<head>
|
||||
{%- block head %}
|
||||
{%- block head_meta %}
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
{%- if description %}<meta name="description" content="{{ description }}" />{% endif %}
|
||||
{%- if keywords %}<meta name="keywords" content="{{ keywords }}" />{% endif %}
|
||||
{%- if config.get('THEME_GOOGLE_SITE_VERIFICATION', None) %}
|
||||
{%- for google_id in config.THEME_GOOGLE_SITE_VERIFICATION %}
|
||||
<meta name="google-site-verification" content="{{google_id}}"/>
|
||||
{%- endfor %}
|
||||
{%- endif %}
|
||||
{%- endblock head_meta %}
|
||||
{%- block head_title %}
|
||||
{%- set title = title or _(config.THEME_SITENAME) or _('Invenio') %}
|
||||
<title>{{title}}</title>
|
||||
{%- endblock head_title %}
|
||||
{%- block head_links %}
|
||||
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}"/>
|
||||
{%- if keywords %}<link rel="canonical" href="{{ canonical_url }}"/>{% endif %}
|
||||
{%- block head_links_langs %}
|
||||
{%- if alternate_urls %}
|
||||
{%- for alt_ln, alternate_url in alternate_urls.items() %}
|
||||
<link rel="alternate" hreflang="{{ alt_ln }}" href="{{ alternate_url }}"/>
|
||||
{%- endfor %}
|
||||
{%- endif %}
|
||||
{%- endblock %}
|
||||
{%- block head_apple_icons %}
|
||||
{%- for size in [144, 114, 72, 57] %}
|
||||
{%- set icon_name = 'apple-touch-icon-%d-precomposed.png' | format(size) %}
|
||||
<link rel="apple-touch-icon-precomposed" sizes="{{ size }}x{{ size }}" href="{{ url_for('static', filename=icon_name) }}"/>
|
||||
{%- endfor %}
|
||||
{%- endblock head_apple_icons %}
|
||||
{%- endblock head_links %}
|
||||
{%- block header %}{% endblock header %}
|
||||
{%- block css %}
|
||||
{{ webpack['theme.css'] }}
|
||||
{{ webpack['invenio-theme-tugraz-theme.css'] }}
|
||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
{%- endblock css %}
|
||||
{%- endblock head %}
|
||||
</head>
|
||||
<body ng-csp {% if body_css_classes %} class="{{ body_css_classes|join(' ') }}"{% endif %}{% if g.ln %} lang="{{ g.ln.split('_', 1)[0]|safe }}"{% if rtl_direction %} {{ rtl_direction|safe }}{% endif %}{% endif %} itemscope itemtype="http://schema.org/WebPage" data-spy="scroll" data-target=".scrollspy-target">
|
||||
{%- block body %}
|
||||
{%- block browserupgrade %}
|
||||
<!--[if lt IE 8]>
|
||||
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
{%- endblock browserupgrade %}
|
||||
{%- block body_inner %}
|
||||
|
||||
{% extends config.THEME_BASE_TEMPLATE %}
|
||||
{%- block navbar_header %}
|
||||
{%- include "invenio_theme_tugraz/navbar.html" %}
|
||||
{%- endblock navbar_header %}
|
||||
|
||||
{#
|
||||
{%- block page_header %}
|
||||
{% include config.THEME_HEADER_TEMPLATE %}
|
||||
{%- endblock page_header %}
|
||||
#}
|
||||
|
||||
|
||||
{%- block body %}
|
||||
<div class="ui container">
|
||||
{%- block flashmessages %}
|
||||
{%- from "invenio_theme/macros/messages.html" import flashed_messages with context -%}
|
||||
{{ flashed_messages() }}
|
||||
{%- endblock flashmessages %}
|
||||
<div class="centered row">
|
||||
{% block page_header %}
|
||||
<div class="ui basic very padded segment">
|
||||
<!---TUG svg logo-->
|
||||
{%- block brand %}
|
||||
{%- if config.THEME_LOGO %}
|
||||
<a href="/">
|
||||
<!--TODO: route to frontpage-->
|
||||
<svg id="login-tug-logo" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns="http://www.w3.org/2000/svg" xml:space="preserve" height="100" width="200" version="1.1"
|
||||
xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
viewBox="0 0 141.10001 51.862499">
|
||||
<g transform="matrix(1.25 0 0 -1.25 0 51.862)">
|
||||
<g transform="scale(.1)">
|
||||
<path d="m0 103.73h207.45v207.46l-207.45 0.01v-207.47z"></path>
|
||||
<path d="m228.19 103.73h207.46v207.46h-207.46v-207.46z"></path>
|
||||
<path d="m456.41 103.73h207.44v207.46h-207.44v-207.46z"></path>
|
||||
<path d="m103.72 0h207.47v207.46h-207.47v-207.46z"></path>
|
||||
<path d="m352.68 207.46h207.44v207.46h-207.44v-207.46z"></path>
|
||||
<path style="fill:#231f20"
|
||||
d="m751.04 277.91h-66.426v33.195h171.19v-33.195h-66.407v-173.73h-38.359v173.73"></path>
|
||||
<path style="fill:#231f20"
|
||||
d="m1048.3 180.22c0-12.461-2.25-23.711-6.72-33.75-4.5-10.039-10.61-18.555-18.36-25.567-7.76-7.031-16.9-12.421-27.503-16.21-10.605-3.809-22.109-5.7036-34.551-5.7036-12.422 0-23.945 1.8946-34.551 5.7036-10.605 3.789-19.824 9.179-27.656 16.21-7.851 7.012-13.984 15.528-18.34 25.567-4.394 10.039-6.582 21.289-6.582 33.75v130.89h38.379v-129.59c0-5.039 0.801-10.351 2.442-15.898 1.64-5.547 4.336-10.664 8.125-15.332s8.789-8.516 15.039-11.523c6.211-3.008 13.926-4.512 23.144-4.512 9.199 0 16.914 1.504 23.145 4.512 6.23 3.007 11.25 6.855 15.039 11.523 3.77 4.668 6.48 9.785 8.12 15.332 1.63 5.547 2.45 10.859 2.45 15.898v129.59h38.38v-130.89">
|
||||
</path>
|
||||
<path style="fill:#231f20"
|
||||
d="m832.56 75.664c-7.597 3.2812-17.46 4.8632-25.332 4.8632-22.929 0-35.605-14.434-35.605-33.184 0-18.613 12.383-32.637 33.34-32.637 5.351 0 9.59 0.5274 12.969 1.3086v23.867h-20.84v14.414h39.687v-49.297c-10.41-2.6172-21.25-4.707-31.816-4.707-31.797 0-53.906 14.805-53.906 45.742 0 31.348 20.566 48.906 53.906 48.906 11.406 0 20.41-1.4453 28.867-3.8086l-1.27-15.469">
|
||||
</path>
|
||||
<path style="fill:#231f20"
|
||||
d="m856.2 69.375h16.758v-15.332h0.293c0.84 6.289 8.574 16.914 19.824 16.914 1.836 0 3.828 0 5.782-0.5273v-17.715c-1.68 0.918-5.059 1.4454-8.457 1.4454-15.333 0-15.333-17.832-15.333-27.52v-24.785h-18.867v67.52">
|
||||
</path>
|
||||
<path style="fill:#231f20"
|
||||
d="m913.75 65.84c7.324 3.1446 17.187 5.1172 25.215 5.1172 22.09 0 31.23-8.5351 31.23-28.457v-8.6523c0-6.8165 0.156-11.934 0.293-16.914 0.137-5.1172 0.41-9.8242 0.84-15.078h-16.602c-0.703 3.5352-0.703 8.0078-0.839 10.098h-0.293c-4.36-7.4618-13.81-11.661-22.38-11.661-12.793 0-25.332 7.207-25.332 20.059 0 10.078 5.195 15.976 12.383 19.258 7.187 3.2812 16.464 3.9453 24.355 3.9453h10.41c0 10.879-5.195 14.551-16.328 14.551-8.008 0-16.035-2.8907-22.363-7.3438l-0.586 15.078zm22.11-52.715c5.782 0 10.274 2.3633 13.223 6.0352 3.105 3.8086 3.945 8.6523 3.945 13.906h-8.164c-8.437 0-20.957-1.3086-20.957-11.68 0-5.7617 5.195-8.2617 11.953-8.2617">
|
||||
</path>
|
||||
<path style="fill:#231f20"
|
||||
d="m985.69 69.375h57.422v-14.414l-36.04-39.473h37.31v-13.633h-60.235v14.297l36.715 39.59h-35.172v13.633">
|
||||
</path>
|
||||
<path d="m1059.6 0h69.102v69.121h-69.102v-69.121z"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
{%- elif config.THEME_SITENAME %}
|
||||
<a href="/" class="text-center">
|
||||
{{ _(config.THEME_SITENAME) }}
|
||||
</a>
|
||||
{% endif %}
|
||||
{%- endblock brand %}
|
||||
</div>
|
||||
{% endblock page_header %}
|
||||
</div>
|
||||
{%- block page_body %}
|
||||
{% include "invenio_theme/body.html" %}
|
||||
{%- endblock page_body %}
|
||||
{% block page_footer %}
|
||||
{% endblock page_footer %}
|
||||
</div>
|
||||
{%- endblock body %}
|
||||
{%- endblock body_inner %}
|
||||
{%- block javascript %}
|
||||
{% include config.THEME_JAVASCRIPT_TEMPLATE %}
|
||||
{%- endblock javascript %}
|
||||
{%- block trackingcode %}{% include config.THEME_TRACKINGCODE_TEMPLATE %}
|
||||
{%- endblock %}
|
||||
{%- endblock body %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,75 +0,0 @@
|
||||
{# Copyright (C) 2020 TUGRAZ Copyright (C) 2020 mojib wali Copyright (C) 2020
|
||||
Nikita Lvov invenio-theme-tugraz is free software; you can redistribute it
|
||||
and/or modify it under the terms of the MIT License; see LICENSE file for more
|
||||
details. #} {%- extends config.COVER_TEMPLATE %} {% from
|
||||
"invenio_accounts/_macros.html" import render_field, form_errors %} {% block
|
||||
page_body %}
|
||||
<div class="ui container">
|
||||
<div class="ui centered grid">
|
||||
<div class="centered row">
|
||||
<h1 class="ui header accounts-header">{{ _('Log In') }}</h1>
|
||||
</div>
|
||||
<div class="sign-form">
|
||||
{%- block form_header %}
|
||||
<img
|
||||
class="ui fluid image"
|
||||
src="{{ url_for('static', filename=config.INVENIO_THEME_TUGRAZ_LOGIN_IMG)}}"
|
||||
/>
|
||||
{%- endblock form_header %}
|
||||
|
||||
<!--Login with SSO-->
|
||||
{%- if config.INVENIO_CONFIG_TUGRAZ_SHIBBOLETH %}
|
||||
<div class="login-page-button">
|
||||
<a
|
||||
href="{{ url_for('sso_saml.sso', idp='idp') }}"
|
||||
class="inverted tiny image label login-page-button-white"
|
||||
>
|
||||
{% trans type='TUGRAZ' %} Login with {{ type }}{% endtrans %}
|
||||
<img
|
||||
src="{{ url_for('static', filename=config.INVENIO_THEME_TUGRAZ_ICON)}}"
|
||||
height="20px"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="ui inverted horizontal divider">Or</div>
|
||||
{%- endif %}
|
||||
|
||||
<!--Login form-->
|
||||
{%- block form_outer %} {%- with form = login_user_form %}
|
||||
<form
|
||||
class="ui big form form-accounts"
|
||||
action="{{ url_for_security('login') }}"
|
||||
method="POST"
|
||||
name="login_user_form"
|
||||
>
|
||||
{{ form.hidden_tag() }} {{ form_errors(form) }} {{
|
||||
render_field(form.email, icon="user icon", autofocus=True,
|
||||
errormsg=False) }} {{ render_field(form.password, icon="lock icon",
|
||||
errormsg=False) }}
|
||||
<div class="tu-button-style centered row">
|
||||
<button type="submit" class="accounts-link">{{ _('Log In') }}</button>
|
||||
</div>
|
||||
</form>
|
||||
{%- endwith %} {%- endblock form_outer %} {%- block registerable %} {%- if
|
||||
security.registerable %}
|
||||
<div class="column login-page-button">
|
||||
<a
|
||||
class="inverted tiny login-page-button-white"
|
||||
href="{{ url_for('security.register') }}"
|
||||
>{{ _('Sign Up ') }} <i class="user plus icon"></i
|
||||
></a>
|
||||
</div>
|
||||
{%- endif %} {%- endblock registerable %} {%- block recoverable %} {%- if
|
||||
security.recoverable %}
|
||||
<div class="column login-page-button">
|
||||
<a
|
||||
class="inverted tiny login-page-button-white"
|
||||
href="{{ url_for('security.forgot_password') }}"
|
||||
>{{ _('Reset Password') }} <i class="unlock alternate icon"></i
|
||||
></a>
|
||||
</div>
|
||||
{%- endif %} {%- endblock recoverable %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock page_body %}
|
||||
@@ -0,0 +1,70 @@
|
||||
{#
|
||||
Copyright (C) 2020 TUGRAZ
|
||||
Copyright (C) 2020 mojib wali.
|
||||
|
||||
invenio-theme-tugraz is free software; you can redistribute it and/or
|
||||
modify it under the terms of the MIT License; see LICENSE file for more
|
||||
details.
|
||||
#}
|
||||
|
||||
{% extends config.INVENIO_THEME_TUGRAZ_ACCOUNT_BASE %}
|
||||
|
||||
|
||||
{% from "invenio_accounts/_macros.html" import render_field, form_errors %}
|
||||
{% block page_body %}
|
||||
<div class="spacer-long"></div>
|
||||
<div class="ui container">
|
||||
|
||||
<div class="ui padded segments big form tug-bagrounds">
|
||||
<div class="ui login segment padded">
|
||||
<div class="divider hidden"></div>
|
||||
{%- block form_header %}
|
||||
<h3 class="ui login header">{{ _('Log in to account') }}</h3>
|
||||
{%- endblock form_header %}
|
||||
<!--Login with SSO-->
|
||||
{%- if config.INVENIO_CONFIG_TUGRAZ_SHIBBOLETH %}
|
||||
<div class="login-page-button">
|
||||
<a href="{{ url_for('sso_saml.sso', idp='idp') }}" class="inverted tiny image label login-page-button-white">
|
||||
{% trans type='TUGRAZ' %} Login with {{ type }}{% endtrans %}
|
||||
<img src="{{ url_for('static', filename=config.INVENIO_THEME_TUGRAZ_ICON)}}" height="20px" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="ui inverted horizontal divider">Or</div>
|
||||
{%- endif %}
|
||||
|
||||
{%- block form_outer %}
|
||||
{%- with form = login_user_form %}
|
||||
<form action="{{ url_for_security('login') }}" method="POST" name="login_user_form" class="ui big form">
|
||||
{{ form.hidden_tag() }}
|
||||
{{ form_errors(form) }}
|
||||
{{ render_field(form.email, icon="user icon", autofocus=True, errormsg=False) }}
|
||||
{{ render_field(form.password, icon="lock icon", errormsg=False) }}
|
||||
<button type="submit" class="ui fluid large submit primary button">
|
||||
<i class="ui sign-in icon"></i>{{ _('Log In') }}
|
||||
</button>
|
||||
</form>
|
||||
{%- endwith %}
|
||||
{%- endblock form_outer %}
|
||||
<div class="divider hidden"></div>
|
||||
|
||||
</div>
|
||||
|
||||
{%- block registerable %}
|
||||
{%- if security.registerable %}
|
||||
<div class="ui primary segment padded text-muted">
|
||||
{% trans sitename=config.ACCOUNTS_SITENAME %}New to {{ sitename }}?{% endtrans %}
|
||||
<a href="{{ url_for_security('register', next=request.args.get('next')) }}">{{ _('Sign Up') }}</a>
|
||||
</div>
|
||||
{%- endif %}
|
||||
{%- endblock registerable %}
|
||||
</div>
|
||||
|
||||
{%- block recoverable %}
|
||||
{%- if security.recoverable %}
|
||||
<div class="ui basic segment padded">
|
||||
<a class="ui inverted header tiny" href="{{ url_for_security('forgot_password') }}">{{ _('Forgot password?') }}</a>
|
||||
</div>
|
||||
{%- endif %}
|
||||
{%- endblock recoverable %}
|
||||
</div>
|
||||
{% endblock page_body %}
|
||||
@@ -1,60 +1,36 @@
|
||||
{# -*- coding: utf-8 -*-
|
||||
|
||||
{#
|
||||
Copyright (C) 2020 TUGRAZ
|
||||
Copyright (C) 2020 mojib wali
|
||||
Copyright (C) 2020 Nikita Lvov
|
||||
Copyright (C) 2020 mojib wali.
|
||||
|
||||
Invenio is free software; you can redistribute it and/or modify it
|
||||
under the terms of the MIT License; see LICENSE file for more details.
|
||||
invenio-theme-tugraz is free software; you can redistribute it and/or
|
||||
modify it under the terms of the MIT License; see LICENSE file for more
|
||||
details.
|
||||
#}
|
||||
{%- extends config.COVER_TEMPLATE %}
|
||||
|
||||
{% extends config.INVENIO_THEME_TUGRAZ_ACCOUNT_BASE %}
|
||||
|
||||
{% from "invenio_accounts/_macros.html" import render_field, form_errors %}
|
||||
|
||||
{% block page_body %}
|
||||
<div class="spacer-long"></div>
|
||||
<div class="ui container">
|
||||
<div class="ui two column stackable centered grid switch-grid">
|
||||
<div class="centered row">
|
||||
<h1 class="ui header accounts-header">{{ _('Create an Account') }}</h1>
|
||||
</div>
|
||||
|
||||
<div class="column" id="switch_left">
|
||||
<div class="ui basic segment">
|
||||
<h4 class="ui header">{{ _('Citeable. Discoverable.') }}</h4>
|
||||
<p class="bodytext">{{ _('Uploads get a Digital Object Identifier (DOI) to make them easily and uniquely citeable.')}}</h5>
|
||||
<h4 class="ui header">{{ _('Communities.') }}</h4>
|
||||
<p class="bodytext">{{ _('Accept or reject uploads to your own community (e.g workshops, EU projects, institutions or entire disciplines).') }}</h5>
|
||||
<h4 class="ui header">{{ _('Trusted Research Data Management') }}</h4>
|
||||
<p class="bodytext">{{ _('Built on top of TU Graz expertise in managing of the research data from the Graz University of Technology.') }}</h5>
|
||||
<div class="ui divider"></div>
|
||||
<div class="centered row">
|
||||
<h4 class="ui header">{{ _('Already have an account?') }}</h4>
|
||||
</div>
|
||||
<div class="centered row login-page-button">
|
||||
<a class="login-page-button-black" href="{{url_for_security('login', next=request.path)}}">{{ _('Login using your credentials') }}</a>
|
||||
</div>
|
||||
{%- if config.INVENIO_CONFIG_TUGRAZ_SHIBBOLETH %}
|
||||
<div class="centered row login-page-button">
|
||||
<a class="login-page-button-black" href="{{ url_for('sso_saml.sso', idp='idp') }}">{{ _('Login with TUGRAZ ') }}
|
||||
<img src="{{ url_for('static', filename=config.INVENIO_THEME_TUGRAZ_ICON)}}" height="20px">
|
||||
</a>
|
||||
</div>
|
||||
{%- endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui padded segments big form">
|
||||
<div class="ui segment padded relaxed">
|
||||
<div class="divider hidden"></div>
|
||||
|
||||
<div class="column" id="switch_right">
|
||||
<div class="sign-form">
|
||||
{%- block form_header %}
|
||||
<img class="ui fluid image" src="{{ url_for('static', filename=config.INVENIO_THEME_TUGRAZ_LOGIN_IMG)}}">
|
||||
{%- block form_outer %}
|
||||
{%- endblock form_outer %}
|
||||
{%- endblock form_header %}
|
||||
{%- with form = register_user_form %}
|
||||
<form class="ui big form form-accounts" action="{{ url_for_security('register') }}" method="POST" name="register_user_form">
|
||||
{%- block form_header %}
|
||||
<h3 class="ui login header">
|
||||
{% trans sitename=config.ACCOUNTS_SITENAME %}Sign up for an {{ sitename }} account!{% endtrans %}
|
||||
</h3>
|
||||
{%- endblock form_header %}
|
||||
|
||||
{%- with form = register_user_form %}
|
||||
<form action="{{ url_for_security('register') }}" method="POST"
|
||||
name="register_user_form">
|
||||
{{ form_errors(form) }}
|
||||
{{ form.hidden_tag() }}
|
||||
{%- block registration_form_fields scoped %}
|
||||
{{ render_field(form.email, icon="envelope icon", autofocus=True, errormsg=False) }}
|
||||
{{ render_field(form.email, icon="user icon", autofocus=True, errormsg=False) }}
|
||||
{{ render_field(form.password, icon="lock icon", errormsg=False) }}
|
||||
{%- if form.password_confirm %}
|
||||
{{ render_field(form.password_confirm, icon="lock icon", errormsg=False) }}
|
||||
@@ -64,24 +40,20 @@
|
||||
{%- if form.recaptcha %}
|
||||
<div class="grouped fields">{{ form.recaptcha() }}</div>
|
||||
{%- endif %}
|
||||
<div class="tu-button-style centered row">
|
||||
<button type="submit" class="accounts-link ui fluid large signup submit"">
|
||||
{{ _('Sign Up') }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="ui fluid large signup submit button">
|
||||
<i class="ui edit outline icon"></i>{{ _('Sign Up') }}
|
||||
</button>
|
||||
</form>
|
||||
{%- endwith %}
|
||||
{%- if config.INVENIO_CONFIG_TUGRAZ_SHIBBOLETH %}
|
||||
<div class="centered row login-page-button">
|
||||
<a class="login-page-button-white" href="{{ url_for('sso_saml.sso', idp='idp') }}">{{ _('Sign up with TUGRAZ ') }}
|
||||
<img src="{{ url_for('static', filename=config.INVENIO_THEME_TUGRAZ_ICON)}}" height="20px">
|
||||
</a>
|
||||
</div>
|
||||
{%- endif %}
|
||||
</div>
|
||||
{%- endwith %}
|
||||
<div class="divider hidden"></div>
|
||||
</div>
|
||||
|
||||
<div class="ui primary segment padded text-muted">
|
||||
{{ _('Already have an account?') }}
|
||||
<a href="{{ url_for_security('login', next=request.args.get('next')) }}">{{ _('Log In') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock page_body %}
|
||||
{% endblock page_body %}
|
||||
@@ -7,7 +7,83 @@
|
||||
details.
|
||||
#}
|
||||
|
||||
{% extends config.BASE_TEMPLATE %}
|
||||
<!DOCTYPE html>
|
||||
<html{% if html_css_classes %} class="{{ html_css_classes|join(' ') }}"{% endif %} lang="{{ current_i18n.locale.language|safe }}" dir="{{ current_i18n.locale.text_direction }}">
|
||||
<head>
|
||||
{%- block head %}
|
||||
{%- block head_meta %}
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
{%- if description %}<meta name="description" content="{{ description }}" />{% endif %}
|
||||
{%- if keywords %}<meta name="keywords" content="{{ keywords }}" />{% endif %}
|
||||
{%- if config.get('THEME_GOOGLE_SITE_VERIFICATION', None) %}
|
||||
{%- for google_id in config.THEME_GOOGLE_SITE_VERIFICATION %}
|
||||
<meta name="google-site-verification" content="{{google_id}}"/>
|
||||
{%- endfor %}
|
||||
{%- endif %}
|
||||
{%- endblock head_meta %}
|
||||
{%- block head_title %}
|
||||
{%- set title = title or _(config.THEME_SITENAME) or _('Invenio') %}
|
||||
<title>{{title}}</title>
|
||||
{%- endblock head_title %}
|
||||
{%- block head_links %}
|
||||
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}"/>
|
||||
{%- if keywords %}<link rel="canonical" href="{{ canonical_url }}"/>{% endif %}
|
||||
{%- block head_links_langs %}
|
||||
{%- if alternate_urls %}
|
||||
{%- for alt_ln, alternate_url in alternate_urls.items() %}
|
||||
<link rel="alternate" hreflang="{{ alt_ln }}" href="{{ alternate_url }}"/>
|
||||
{%- endfor %}
|
||||
{%- endif %}
|
||||
{%- endblock %}
|
||||
{%- block head_apple_icons %}
|
||||
{%- for size in [144, 114, 72, 57] %}
|
||||
{%- set icon_name = 'apple-touch-icon-%d-precomposed.png' | format(size) %}
|
||||
<link rel="apple-touch-icon-precomposed" sizes="{{ size }}x{{ size }}" href="{{ url_for('static', filename=icon_name) }}"/>
|
||||
{%- endfor %}
|
||||
{%- endblock head_apple_icons %}
|
||||
{%- endblock head_links %}
|
||||
{%- block header %}{% endblock header %}
|
||||
{%- block css %}
|
||||
{{ webpack['theme.css'] }}
|
||||
{{ webpack['invenio-theme-tugraz-theme.css'] }}
|
||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
{%- endblock css %}
|
||||
{%- endblock head %}
|
||||
</head>
|
||||
<body ng-csp {% if body_css_classes %} class="{{ body_css_classes|join(' ') }}"{% endif %}{% if g.ln %} lang="{{ g.ln.split('_', 1)[0]|safe }}"{% if rtl_direction %} {{ rtl_direction|safe }}{% endif %}{% endif %} itemscope itemtype="http://schema.org/WebPage" data-spy="scroll" data-target=".scrollspy-target">
|
||||
{%- block body %}
|
||||
{%- block browserupgrade %}
|
||||
<!--[if lt IE 8]>
|
||||
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
{%- endblock browserupgrade %}
|
||||
{%- block body_inner %}
|
||||
{%- block page_header %}
|
||||
{% include config.THEME_HEADER_TEMPLATE %}
|
||||
{%- endblock page_header %}
|
||||
{%- block page_body %}
|
||||
{% include "invenio_theme/body.html" %}
|
||||
{%- endblock page_body %}
|
||||
|
||||
{%- block page_footer %}
|
||||
{% include config.THEME_FOOTER_TEMPLATE %}
|
||||
{%- endblock page_footer %}
|
||||
|
||||
{%- endblock body_inner %}
|
||||
{%- block javascript %}
|
||||
{% include config.THEME_JAVASCRIPT_TEMPLATE %}
|
||||
{%- endblock javascript %}
|
||||
{%- block trackingcode %}{% include config.THEME_TRACKINGCODE_TEMPLATE %}
|
||||
{%- endblock %}
|
||||
{%- endblock body %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -12,10 +12,11 @@
|
||||
|
||||
{%- block navbar %}
|
||||
<nav>
|
||||
{%- block navbar_header %}
|
||||
{%- include "invenio_theme_tugraz/navbar.html" %}
|
||||
{%- endblock navbar_header %}
|
||||
|
||||
<div class="ui container">
|
||||
{%- block navbar_header %}
|
||||
{%- include "invenio_theme_tugraz/navbar.html" %}
|
||||
{%- endblock navbar_header %}
|
||||
<div class="ui grid stackable container">
|
||||
<div class="three column row centered" style="padding-bottom: 0;">
|
||||
<div class="two wide column main-menu-entry main-menu-entry-svg">
|
||||
@@ -45,20 +46,19 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 15px;"></div>
|
||||
<div class="spacer"></div>
|
||||
</div>
|
||||
|
||||
{%- endblock navbar %}
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
{%- endblock navbar %}
|
||||
|
||||
{%- block flashmessages %}
|
||||
{%- from "invenio_theme/macros/messages.html" import flashed_messages with context -%}
|
||||
{{ flashed_messages() }}
|
||||
{%- endblock %}
|
||||
{#
|
||||
{%- block breadcrumbs %}
|
||||
{%- include "invenio_theme/breadcrumbs.html" %}
|
||||
{%- endblock breadcrumbs %}
|
||||
|
||||
#}
|
||||
</header>
|
||||
@@ -7,44 +7,48 @@
|
||||
details.
|
||||
#}
|
||||
|
||||
<!----MENU------------------------------------------------------------->
|
||||
<div class="short-menu" id="all-menu-top-table">
|
||||
<div class="short-menu-left">
|
||||
<div id="all-menu-top-left-item">
|
||||
<div class="short-menu-left-search">
|
||||
{%- if config.I18N_LANGUAGES %}
|
||||
<div class="short-menu-left-lang" style="margin-right:10px; font-size:18px;">
|
||||
{%- for l in current_i18n.get_locales() %}
|
||||
{%- if current_i18n.language != l.language %}
|
||||
<a
|
||||
href="{{ url_for('invenio_i18n.set_lang', lang_code=l.language) }}">{{ l.get_display_name().upper() [0:2]}}</a>
|
||||
<div class="ui container">
|
||||
<div class="short-menu" id="all-menu-top-table">
|
||||
<div class="short-menu-left">
|
||||
<div id="all-menu-top-left-item">
|
||||
<div class="short-menu-left-search">
|
||||
{%- if config.I18N_LANGUAGES %}
|
||||
<div class="short-menu-left-lang" style="margin-right:10px; font-size:18px;">
|
||||
{%- for l in current_i18n.get_locales() %}
|
||||
{%- if current_i18n.language != l.language %}
|
||||
<a
|
||||
href="{{ url_for('invenio_i18n.set_lang', lang_code=l.language) }}">{{ l.get_display_name().upper() [0:2]}}</a>
|
||||
{%- endif %}
|
||||
{%- endfor %}
|
||||
</div>
|
||||
{%- endif %}
|
||||
{%- endfor %}
|
||||
</div>
|
||||
{%- endif %}
|
||||
<div class="search-icon-header">
|
||||
<a href="{{url_for('invenio_search_ui.search')}}">
|
||||
<svg class="short-menu-icon" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="26.015" width="26.015" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 26.01515 26.01515">
|
||||
<g stroke-miterlimit="10" transform="translate(1,1)">
|
||||
<circle cy="8.5" cx="8.5" r="8" style="stroke-miterlimit:10;stroke-width:2"></circle>
|
||||
<path style="stroke-width:2;stroke-miterlimit:10;stroke-linecap:round" d="m14.156 14.156 9.344 9.344"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
<div class="search-icon-header">
|
||||
<a href="{{url_for('invenio_search_ui.search')}}">
|
||||
<svg class="short-menu-icon" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns="http://www.w3.org/2000/svg" height="26.015" width="26.015" version="1.1"
|
||||
xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
viewBox="0 0 26.01515 26.01515">
|
||||
<g stroke-miterlimit="10" transform="translate(1,1)">
|
||||
<circle cy="8.5" cx="8.5" r="8" style="stroke-miterlimit:10;stroke-width:2"></circle>
|
||||
<path style="stroke-width:2;stroke-miterlimit:10;stroke-linecap:round" d="m14.156 14.156 9.344 9.344">
|
||||
</path>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="short-menu-right">
|
||||
{%- block navbar_right %}
|
||||
{%- include config.THEME_HEADER_LOGIN_TEMPLATE %}
|
||||
{%- endblock navbar_right %}
|
||||
|
||||
<div class="short-menu-right">
|
||||
{%- block navbar_right %}
|
||||
{%- include config.THEME_HEADER_LOGIN_TEMPLATE %}
|
||||
{%- endblock navbar_right %}
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!----END MENU------------------------------------------------------------->
|
||||
@@ -54,18 +58,17 @@
|
||||
<div class="left floated left aligned six wide column" id="repo-logo">
|
||||
<div class="inline-elements">
|
||||
<div class="repo-img">
|
||||
<img height="51.862"
|
||||
src="{{ url_for('static', filename='images/Icon_1_v2.svg')}}">
|
||||
</div>
|
||||
<div class="affiliation-text">
|
||||
<a title="RDM" href="{{url_for('invenio_theme_tugraz.index')}}">
|
||||
TU Graz
|
||||
<br>
|
||||
{{_ ("Repository")}}
|
||||
</a>
|
||||
<img height="51.862" src="{{ url_for('static', filename='images/Icon_1_v2.svg')}}">
|
||||
</div>
|
||||
<div class="affiliation-text">
|
||||
<a title="RDM" href="{{url_for('invenio_theme_tugraz.index')}}">
|
||||
TU Graz
|
||||
<br>
|
||||
{{_ ("Repository")}}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--Right-->
|
||||
<div class="right floated right aligned six wide column">
|
||||
<div class="affiliation-logo" id="int-header-logo">
|
||||
@@ -109,5 +112,6 @@
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user