122 lines
3.4 KiB
HTML
122 lines
3.4 KiB
HTML
{% extends 'ssmain/base.html' %}
|
|
|
|
{#
|
|
Society Self-Service
|
|
Copyright © 2018-2019 Yingtong Li (RunasSudo)
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
#}
|
|
|
|
{% block title %}{{ claim.purpose }}{% endblock %}
|
|
|
|
{% block content %}
|
|
<h1>{{ claim.purpose }}</h1>
|
|
|
|
<span class="ui header">Status: {{ claim.get_state_display() }}</span>
|
|
|
|
<table class="ui mydefinition table">
|
|
<tbody>
|
|
<tr>
|
|
<td class="two wide">ID</td>
|
|
<td class="fourteen wide">RE-{{ claim.id }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Purpose</td>
|
|
<td>{{ claim.purpose }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Expenditure date</td>
|
|
<td>{{ claim.date }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Submitter</td>
|
|
<td>
|
|
<div class="ui list">
|
|
<div class="item">
|
|
<i class="user circle icon"></i>
|
|
<div class="content">
|
|
<a href="mailto:{{ claim.author.email }}">
|
|
{% if claim.author.first_name %}
|
|
{{ claim.author.first_name }} {{ claim.author.last_name }}
|
|
{% else %}
|
|
{{ claim.author.email }}
|
|
{% endif %}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Budget ID</td>
|
|
<td>{{ claim.budget_id }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Comments</td>
|
|
<td>{{ claim.comments }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Items</td>
|
|
<td>
|
|
<div id="items_grid"></div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
{% endblock %}
|
|
|
|
{% block head %}
|
|
{{ super() }}
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsgrid@1.5.3/dist/jsgrid.min.css" integrity="sha256-a/jNbtm7jpeKiXCShJ8YC+eNL9Abh7CBiYXHgaofUVs=" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsgrid@1.5.3/dist/jsgrid-theme.min.css" integrity="sha256-0rD7ZUV4NLK6VtGhEim14ZUZGC45Kcikjdcr4N03ddA=" crossorigin="anonymous">
|
|
|
|
<style>
|
|
/* Fix the CSS */
|
|
|
|
.ui.mydefinition.table > tbody > tr > td:first-child:not(.ignored) {
|
|
background: rgba(0,0,0,.03);
|
|
font-weight: 700;
|
|
color: rgba(0,0,0,.95);
|
|
}
|
|
|
|
.jsgrid-align-right, .jsgrid-align-right input, .jsgrid-align-right select, .jsgrid-align-right textarea {
|
|
text-align: right !important;
|
|
}
|
|
.jsgrid-cell {
|
|
padding: .5em !important;
|
|
}
|
|
.jsgrid-header-row .jsgrid-header-cell {
|
|
text-align: center !important;
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block script %}
|
|
{{ super() }}
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/jsgrid@1.5.3/dist/jsgrid.min.js" integrity="sha256-lzjMTpg04xOdI+MJdjBst98bVI6qHToLyVodu3EywFU=" crossorigin="anonymous"></script>
|
|
|
|
<script src="{{ static('sstreasury/claim.js') }}"></script>
|
|
|
|
<script>
|
|
var items_data = JSON.parse({{ import('json').dumps(import('json').dumps(claim.items))|safe }});
|
|
for (var row of items_data) {
|
|
row['Unit price\n(incl GST)'] = row['Unit price'];
|
|
}
|
|
var editing = false;
|
|
makeGrid();
|
|
</script>
|
|
{% endblock %}
|