99 lines
3.2 KiB
HTML
99 lines
3.2 KiB
HTML
{% extends 'base.html' %}
|
|
|
|
{% block header %}
|
|
<style>
|
|
.maindiv {
|
|
height: 100%;
|
|
width: 100%;
|
|
position: fixed;
|
|
z-index: 1;
|
|
top: 20;
|
|
left: 0;
|
|
overflow-x: hidden;
|
|
padding-left: 1.2rem;
|
|
padding-right: 2rem;
|
|
}
|
|
.sidenav {
|
|
height: 100%;
|
|
max-width: 160px;
|
|
z-index: 1;
|
|
overflow-x: hidden;
|
|
}
|
|
</style>
|
|
<script>
|
|
var typelist = {};
|
|
function switch_type(typename) {
|
|
if (typelist.hasOwnProperty(typename)) {
|
|
delete typelist[typename];
|
|
} else {
|
|
typelist[typename] = 1;
|
|
}
|
|
let typeinput = document.getElementById("booktype");
|
|
let typestr = "";
|
|
for (let typekey in typelist) {
|
|
typestr += typekey + ";";
|
|
}
|
|
typeinput.value = typestr;
|
|
}
|
|
function create_type_button(typename) {
|
|
|
|
}
|
|
</script>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container maindiv">
|
|
<div class="columns">
|
|
<div class="column col-3">
|
|
<ul class="nav">
|
|
<li class="nav-item">
|
|
<a href="/home">主页</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="/search">搜索</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="/addbook">增加</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="/tags">分类</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="column col-9 panel">
|
|
<div class="panel-header">
|
|
<h2>新建图书</h2>
|
|
</div>
|
|
<div class="panel-body">
|
|
<form method="post" class="form-group">
|
|
<label class="form-label" for="bookname">书名*</label>
|
|
<input class="form-input" name="bookname" id="bookname" required>
|
|
<label class="form-label" for="bookisbn">ISBN</label>
|
|
<input class="form-input" name="bookisbn" id="bookisbn">
|
|
<label class="form-label" for="bookpublisher">出版社</label>
|
|
<input class="form-input" name="bookpublisher" id="bookpublisher">
|
|
<label class="form-label" for="bookauthor">作者</label>
|
|
<input class="form-input" name="bookauthor" id="bookauthor">
|
|
<label class="form-label" for="booklang">语言</label>
|
|
<select class="form-select" name="booklang" id="booklang">
|
|
<option selected>CN</option>
|
|
<option>EN</option>
|
|
<option>Other</option>
|
|
</select>
|
|
<label class="form-label" for="booktype">分类</label>
|
|
<input class="form-input" name="booktype" id="booktype">
|
|
<div>
|
|
{% for atype in typelist%}
|
|
<span class="chip btn" onclick={{"switch_type(" ~ atype ~ ")"}}>{{atype}}</span>
|
|
{% endfor %}
|
|
</div>
|
|
<input class="btn btn-primary input-group-btn p-centered" type="submit" value="提交">
|
|
</form>
|
|
</div>
|
|
<div class="panel-footer">
|
|
Rendered @ {{cur_time}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |