Masahiko AMANO
830e411d92
Previous version of Tanabata used as visual and functional reference for the new Go + SvelteKit rewrite. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
82 lines
3.3 KiB
HTML
82 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
{% include 'head.html' %}
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/interface.css') }}">
|
|
<title>New file | Tanabata File Manager</title>
|
|
<style>
|
|
.tags-container {
|
|
margin: 15px 0;
|
|
padding: 10px;
|
|
height: 200px;
|
|
background-color: #212529;
|
|
border: 1px solid #495057;
|
|
border-radius: .375rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-content: flex-start;
|
|
align-items: flex-start;
|
|
flex-wrap: wrap;
|
|
box-sizing: border-box;
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.tags-container:after {
|
|
content: "";
|
|
flex: auto;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body data-bs-theme="dark">
|
|
<div class="file">
|
|
<a href="/static/files/{{ file['id'] }}.{{ file['extension'] }}" class="preview-link" target="_blank">
|
|
<img src="/static/previews/{{ file['id'] }}.{{ file['extension'] }}" alt="{{ file['id'] }}.{{ file['extension'] }}" class="preview-img">
|
|
</a>
|
|
</div>
|
|
<header>
|
|
<form id="object-edit">
|
|
<div class="form-group">
|
|
<label for="notes">Notes</label>
|
|
<textarea class="form-control" name="init-notes" rows="3" hidden>{{ file['notes'] }}</textarea>
|
|
<textarea class="form-control" id="notes" name="notes" rows="3">{{ file['notes'] }}</textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="datetime">Datetime</label>
|
|
<input type="datetime-local" class="form-control" name="init-datetime" step="1" value="{{ file['datetime'] }}" hidden>
|
|
<input type="datetime-local" class="form-control" id="datetime" name="datetime" step="1" value="{{ file['datetime'] }}" required>
|
|
</div>
|
|
<div class="form-check">
|
|
<label for="is-private" class="form-check-label">Is private</label>
|
|
<input type="checkbox" class="form-check-input" name="init-is_private" {% if file['is_private'] %}checked{% endif %} hidden>
|
|
<input type="checkbox" class="form-check-input" name="is_private" {% if file['is_private'] %}checked{% endif %}>
|
|
</div>
|
|
<div class="form-group">
|
|
<button type="submit" class="btn btn-primary">Save changes</button>
|
|
</div>
|
|
</form>
|
|
<div class="file-tags">
|
|
<div class="tags-container tags-container-selected" id="file-tags-selected">
|
|
{% for tag in tags %}
|
|
<div class="tag-preview" tag_id="{{ tag['id'] }}"{% if tag['color'] %} style="background-color: #{{ tag['color'] }}"{% elif tag['category_color'] %} style="background-color: #{{ tag['category_color'] }}"{% endif %}>{{ tag['name'] }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
<input type="text" class="form-control" id="file-tags-filter" placeholder="Filter tags...">
|
|
<div class="tags-container" id="file-tags-other">
|
|
{% for tag in tags_all %}
|
|
{% if tag not in tags %}
|
|
<div class="tag-preview" tag_id="{{ tag['id'] }}"{% if tag['color'] %} style="background-color: #{{ tag['color'] }}"{% elif tag['category_color'] %} style="background-color: #{{ tag['category_color'] }}"{% endif %}>{{ tag['name'] }}</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div id="loader" style="display: none">
|
|
<div class="loader-wrapper">
|
|
<img src="{{ url_for('static', filename='images/loader.gif') }}" alt="Loading..." class="loader-img">
|
|
</div>
|
|
</div>
|
|
<script src="{{ url_for('static', filename='js/interface.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/file.js') }}"></script>
|
|
</body>
|
|
</html> |