Basic html structure
This commit is contained in:
sosguns2002
parent
8ebe2b9f32
commit
8e93c336a5
|
|
@ -74,6 +74,9 @@ class Application(tornado.web.Application):
|
|||
(r"/download-config-controller", profileServeHandler),
|
||||
(r"/upload-profile-controller", profileUploadHandler),
|
||||
(r"/create-upload-profile", createUploadProfileHandler),
|
||||
(r"/upload-codes", uploadCodesHandler),
|
||||
(r"/configure-profile", configureProfileHandler),
|
||||
(r"/save-profile", saveProfileHandler),
|
||||
(r"/?$", madAppBarHandler),
|
||||
(r"/[^/]+/?$", madAppHandler),
|
||||
(r"/[^/]+/.+$", madAppDataHandler)
|
||||
|
|
@ -745,10 +748,53 @@ class createUploadProfileHandler(BaseHandler):
|
|||
# give him a unique user_id
|
||||
user_id = 'user{0}'.format(datetime.datetime.now().microsecond + (random.randrange(1, 100+1) * 100000))
|
||||
self.set_secure_cookie('madgikmining', user_id)
|
||||
# check if he already uploaded his grants ids and inform him via a message
|
||||
self.render('create_upload_profile.html', settings=msettings)
|
||||
|
||||
|
||||
class uploadCodesHandler(BaseHandler):
|
||||
passwordless=True
|
||||
# When loading the page first time and evry refresh
|
||||
def get(self):
|
||||
if 'data' in self.request.arguments:
|
||||
return
|
||||
else:
|
||||
# check if we already gave client a user_id
|
||||
user_id = self.get_secure_cookie('madgikmining')
|
||||
if user_id is None:
|
||||
return
|
||||
# check if he already uploaded his grants ids and inform him via a message
|
||||
self.render('upload_codes.html', settings=msettings)
|
||||
|
||||
|
||||
class configureProfileHandler(BaseHandler):
|
||||
passwordless=True
|
||||
# When loading the page first time and evry refresh
|
||||
def get(self):
|
||||
if 'data' in self.request.arguments:
|
||||
return
|
||||
else:
|
||||
# check if we already gave client a user_id
|
||||
user_id = self.get_secure_cookie('madgikmining')
|
||||
if user_id is None:
|
||||
return
|
||||
# check if he already uploaded his grants ids and inform him via a message
|
||||
self.render('configure_profile.html', settings=msettings)
|
||||
|
||||
|
||||
class saveProfileHandler(BaseHandler):
|
||||
passwordless=True
|
||||
# When loading the page first time and evry refresh
|
||||
def get(self):
|
||||
if 'data' in self.request.arguments:
|
||||
return
|
||||
else:
|
||||
# check if we already gave client a user_id
|
||||
user_id = self.get_secure_cookie('madgikmining')
|
||||
if user_id is None:
|
||||
return
|
||||
# check if he already uploaded his grants ids and inform him via a message
|
||||
self.render('save_profile.html', settings=msettings)
|
||||
|
||||
|
||||
class madAppHandler(BaseHandler):
|
||||
def get(self):
|
||||
|
|
|
|||
|
|
@ -96,48 +96,7 @@
|
|||
<div class="uk-offcanvas" id="tm-mobile" mode="slide" overlay="" uk-offcanvas="">
|
||||
<div class="uk-offcanvas-bar">
|
||||
<button class="uk-offcanvas-close uk-close uk-icon" type="button" uk-close=""><svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" icon="close-icon" ratio="1"><line fill="none" stroke="#000" stroke-width="1.1" x1="1" y1="1" x2="13" y2="13"></line><line fill="none" stroke="#000" stroke-width="1.1" x1="13" y1="1" x2="1" y2="13"></line></svg></button>
|
||||
<div class="uk-child-width-1-1 uk-grid" uk-grid="">
|
||||
<div>
|
||||
<div class="uk-panel" id="module-0">
|
||||
<ul class="uk-nav uk-nav-default">
|
||||
<li class="uk-nav-header uk-parent">
|
||||
Search
|
||||
<ul class="uk-nav-sub">
|
||||
<li><a routerlink="/search/find/publications" routerlinkactive="router-link-active" href="/search/find/publications" class="router-link-active">Publications</a></li>
|
||||
<li><a routerlink="/search/find/datasets" routerlinkactive="router-link-active" href="/search/find/datasets">Datasets</a></li>
|
||||
<li><a routerlink="/search/find/projects" routerlinkactive="router-link-active" href="/search/find/projects">Projects</a></li>
|
||||
<li><a routerlink="/search/find/dataproviders" routerlinkactive="router-link-active" href="/search/find/dataproviders">Data Providers</a></li>
|
||||
<li><a routerlink="/search/find/organizations" routerlinkactive="router-link-active" href="/search/find/organizations">Organizations</a></li>
|
||||
<li><a routerlink="/search/find/people" routerlinkactive="router-link-active" href="/search/find/people">People</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="uk-nav-header uk-parent">
|
||||
Data Providers
|
||||
<ul class="uk-nav-sub">
|
||||
<li><a routerlink="/search/data-providers" routerlinkactive="router-link-active" href="/search/data-providers">Compatible Data Providers</a></li>
|
||||
<li><a routerlink="/search/entity-registries" routerlinkactive="router-link-active" href="/search/entity-registries">Entity Registries</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="uk-nav-header uk-parent">
|
||||
Deposit
|
||||
<ul class="uk-nav-sub">
|
||||
<li><a routerlink="/participate/deposit-publications" routerlinkactive="router-link-active" href="/participate/deposit-publications">Deposit Publications</a></li>
|
||||
<li><a routerlink="/participate/deposit-datasets" routerlinkactive="router-link-active" href="/participate/deposit-datasets">Deposit Research Data</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="uk-nav-header uk-parent">
|
||||
Linking
|
||||
<ul class="uk-nav-sub">
|
||||
<li><a routerlink="/participate/claim" routerlinkactive="router-link-active" href="/participate/claim">Linking</a></li>
|
||||
<li><a routerlink="/myclaims" routerlinkactive="router-link-active" href="/myclaims">My Claims</a></li>
|
||||
<!--template bindings={}-->
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -173,67 +132,6 @@
|
|||
<a class="uk-logo uk-navbar-item router-link-active" routerlink="/search/find" routerlinkactive="router-link-active" href="/search/find">
|
||||
<img alt="OpenAIRE" class="uk-responsive-height" src="/static/OA DISCOVER_A.png"></a>
|
||||
</div>
|
||||
<div class="uk-navbar-center">
|
||||
<ul class="uk-navbar-nav">
|
||||
<li class="uk-parent">
|
||||
<a aria-expanded="false" class="router-link-active" routerlink="/search/find" routerlinkactive="router-link-active" href="/search/find">Search</a>
|
||||
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 0px;">
|
||||
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-first-column">
|
||||
<ul class="uk-nav uk-navbar-dropdown-nav">
|
||||
<li><a routerlink="/search/find/publications" routerlinkactive="router-link-active" href="/search/find/publications" class="router-link-active">Publications</a></li>
|
||||
<li><a routerlink="/search/find/datasets" routerlinkactive="router-link-active" href="/search/find/datasets">Datasets</a></li>
|
||||
<li><a routerlink="/search/find/projects" routerlinkactive="router-link-active" href="/search/find/projects">Projects</a></li>
|
||||
<li><a routerlink="/search/find/dataproviders" routerlinkactive="router-link-active" href="/search/find/dataproviders">Data Providers</a></li>
|
||||
<li><a routerlink="/search/find/organizations" routerlinkactive="router-link-active" href="/search/find/organizations">Organizations</a></li>
|
||||
<li><a routerlink="/search/find/people" routerlinkactive="router-link-active" href="/search/find/people">People</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="uk-parent">
|
||||
<a aria-expanded="false" class="" routerlink="/search/data-providers" routerlinkactive="router-link-active" href="/search/data-providers">Data Providers</a>
|
||||
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 103px;">
|
||||
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-first-column">
|
||||
<ul class="uk-nav uk-navbar-dropdown-nav">
|
||||
<li><a routerlink="/search/data-providers" routerlinkactive="router-link-active" href="/search/data-providers">Compatible Data Providers</a></li>
|
||||
<li><a routerlink="/search/entity-registries" routerlinkactive="router-link-active" href="/search/entity-registries">Entity Registries</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="uk-parent">
|
||||
<a aria-expanded="false" class="" routerlink="/participate/deposit-publications" routerlinkactive="router-link-active" href="/participate/deposit-publications">Deposit</a>
|
||||
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 263px;">
|
||||
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-first-column">
|
||||
<ul class="uk-nav uk-navbar-dropdown-nav">
|
||||
<li><a routerlink="/participate/deposit-publications" routerlinkactive="router-link-active" href="/participate/deposit-publications">Deposit Publications</a></li>
|
||||
<li><a routerlink="/participate/deposit-datasets" routerlinkactive="router-link-active" href="/participate/deposit-datasets">Deposit Research Data</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="uk-parent">
|
||||
<a aria-expanded="false" class="" routerlink="/participate/claim" routerlinkactive="router-link-active" href="/participate/claim">Linking</a>
|
||||
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 368px;">
|
||||
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
|
||||
<div class="uk-first-column">
|
||||
<ul class="uk-nav uk-navbar-dropdown-nav">
|
||||
<li><a routerlink="/participate/claim" routerlinkactive="router-link-active" href="/participate/claim">Linking</a></li>
|
||||
<li><a routerlink="/myclaims" routerlinkactive="router-link-active" href="/myclaims">My Claims</a></li>
|
||||
<!--template bindings={}-->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="uk-navbar-right">
|
||||
<user-mini>
|
||||
|
||||
|
|
@ -258,7 +156,7 @@
|
|||
</navbar>
|
||||
|
||||
<div _ngcontent-dc20-1="" class=" uk-section uk-margin-large-top tm-middle custom-main-content" id="tm-main">
|
||||
<div _ngcontent-dc20-1="" class="uk-container ">
|
||||
<div _ngcontent-dc20-1="" class="uk-container uk-container-expand">
|
||||
<div _ngcontent-dc20-1="" uk-grid="">
|
||||
<div _ngcontent-dc20-1="" class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
|
||||
<main _ngcontent-dc20-1="">
|
||||
|
|
|
|||
|
|
@ -3,6 +3,13 @@
|
|||
{% block content %}
|
||||
<title>Profile create</title>
|
||||
|
||||
<div class="uk-heading-line uk-text-center"><span>or</span></div>
|
||||
|
||||
<div class="test-upload uk-button uk-button-default uk-width-1-1 uk-button-large uk-text-center">
|
||||
<span class="uk-text-middle">Create a new mining profile</span>
|
||||
</div>
|
||||
<div class="uk-heading-line uk-text-center uk-margin-small-top uk-margin-small-bottom"><span>or</span></div>
|
||||
<div class="test-upload uk-button uk-button-link uk-width-1-1 uk-text-center">
|
||||
<span class="uk-text-middle">UPLOAD your existing profile to edit</span>
|
||||
</div>
|
||||
|
||||
{% end %}
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
{% extends "base_v2.html" %}
|
||||
{% block save_profile %} class="current" {% end %}
|
||||
{% block content %}
|
||||
<title>Save profile</title>
|
||||
|
||||
<button class="uk-close-large" type="button" uk-close></button>
|
||||
<div class="uk-container tm-toolbar custom-discover-toolbar uk-visible@m uk-container-small">
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<div class="uk-margin-auto-right">
|
||||
<div class="uk-grid-medium uk-child-width-auto uk-flex-middle uk-grid uk-grid-stack" uk-grid="margin: uk-margin-small-top">
|
||||
<div class="uk-first-column">
|
||||
<ul class="uk-subnav uk-subnav-line">
|
||||
<li><a href="#">Upload your project codes</a></li>
|
||||
<li><a href="#">Configure the matching proccess</a></li>
|
||||
<li class="custom-discover-li"><a class="router-link-active" href="#">Save matching profile</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="uk-section uk-section-default">
|
||||
<div class="uk-container uk-container-small">
|
||||
|
||||
<div class="test-upload uk-button uk-button-default uk-width-1-1 uk-button-large uk-text-center">
|
||||
<span uk-icon="icon: download"></span>
|
||||
<span class="uk-text-middle">Download profile</span>
|
||||
</div>
|
||||
<div class="uk-heading-line uk-text-center uk-margin-small-top uk-margin-small-bottom"><span>or</span></div>
|
||||
<div class="test-upload uk-button uk-button-link uk-width-1-1 uk-text-center">
|
||||
<span class="uk-text-middle">LOGIN to save your profile</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% end %}
|
||||
|
|
@ -3,8 +3,40 @@
|
|||
{% block content %}
|
||||
<title>Upload project codes</title>
|
||||
|
||||
https://getuikit.com/docs/upload
|
||||
<button class="uk-close-large" type="button" uk-close></button>
|
||||
<div class="uk-container tm-toolbar custom-discover-toolbar uk-visible@m uk-container-small">
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<div class="uk-margin-auto-right">
|
||||
<div class="uk-grid-medium uk-child-width-auto uk-flex-middle uk-grid uk-grid-stack" uk-grid="margin: uk-margin-small-top">
|
||||
<div class="uk-first-column">
|
||||
<ul class="uk-subnav uk-subnav-line">
|
||||
<li class="custom-discover-li"><a href="#" class="router-link-active">Upload your project codes</a></li>
|
||||
<li><a href="#">Configure the matching proccess</a></li>
|
||||
<li><a href="#">Save matching profile</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<span class="uk-label">TXT</span>
|
||||
<div class="uk-container uk-container-small">
|
||||
<h4 title="If you want the tooltip to appear with a little delay, just add the delay option to the uk-tooltip attribute with your value in milliseconds." uk-tooltip="pos: bottom">Upload your project codes you want to match <span uk-icon="icon: info"></span></h4>
|
||||
<div class="test-upload uk-placeholder uk-text-center">
|
||||
<p><span uk-icon="icon: upload; ratio: 3.5"></span></p>
|
||||
<p>
|
||||
<span class="uk-text-middle">Attach project codes by dropping them here or</span>
|
||||
<div uk-form-custom>
|
||||
<input type="file">
|
||||
<span class="uk-link">browse file</span>
|
||||
</div>
|
||||
</p>
|
||||
<p>
|
||||
<span class="uk-label uk-margin-small-right">TSV</span><span class="uk-label">TXT</span>
|
||||
<span class="uk-text">file types</span>
|
||||
</p>
|
||||
<p class="uk-text-middle">Maximum 10MB upload</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% end %}
|
||||
Loading…
Reference in New Issue