80 lines
3.9 KiB
HTML
80 lines
3.9 KiB
HTML
{% extends "base_v2.html" %}
|
|
{% block upload_codes %} class="current" {% end %}
|
|
{% block content %}
|
|
<title>Upload project codes</title>
|
|
<link rel="stylesheet" href="/static/animations.css"/>
|
|
|
|
<a href="/"><button id="cancel-main-btn" class="uk-close-large" type="button" uk-close></button></a>
|
|
<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="upload-codes" class="router-link-active">Upload your project codes</a></li>
|
|
<li><a href="configure-profile">Configure the matching proccess</a></li>
|
|
<li><a>Save matching profile</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="uk-container uk-container-small">
|
|
<h4>Upload your project codes you want to match <span 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" uk-icon="icon: info"></span></h4>
|
|
|
|
<form id="codes-file-input-form" method="post" enctype="multipart/form-data" accept-charset="UTF-8">
|
|
<div class="uk-margin">
|
|
<div uk-form-custom>
|
|
<input type="file" name="upload" id="codes-file-input" class="inputfile" />
|
|
<strong><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17"><path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"/></svg> Choose a file…</strong>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<!-- <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> -->
|
|
|
|
<input id="initial-type-input" class="uk-input uk-form-width-medium uk-form-large uk-width-1-1 uk-text-center" type="text" placeholder="Start typing project or Paste">
|
|
|
|
<table id="data-table" class="uk-table uk-table-divider .uk-table-striped uk-table-hover" style="display: none;">
|
|
<thead>
|
|
<tr>
|
|
<th class="uk-table-shrink">#</th>
|
|
<th class="uk-width-small">Name</th>
|
|
<th class="uk-table-expand">Acknowledgment</th>
|
|
<th class="uk-table-shrink"></th>
|
|
</tr>
|
|
</thead>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="4"><button id="add-row-below" class="uk-button uk-button-small uk-button-default uk-width-1-1 uk-text-center">
|
|
<span class="uk-text-middle"><span uk-icon="icon: plus-circle"></span> Add a row in the bottom</span>
|
|
</button></td>
|
|
</tr>
|
|
</tfoot>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
|
|
<button id="next-button" class="uk-button uk-button-primary uk-margin-top uk-margin-right uk-float-right">Next</button>
|
|
<div >
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/static/upload-codes.js" type="text/javascript"></script>
|
|
{% end %} |