xxay/Simple_Drawing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tools

Browse Source
This commit is contained in:
XXAY
2021-09-24 16:05:56 +08:00
parent 04b4cbc2ed
commit 8908b88284
48 changed files with 2472 additions and 520 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/page/tools.html
+101 -1
View File
@@ -148,6 +148,7 @@
temp = $('#main_show')
temp.empty()
temp.append(String.raw`{% include 'tools/gff_to_gtf.html' %}`)
gff()
form.render();
}
@@ -155,6 +156,7 @@
temp = $('#main_show')
temp.empty()
temp.append(String.raw`{% include 'tools/orf.html' %}`)
orf_run()
form.render();
}
@@ -226,7 +228,36 @@
, bindAction: '#gen_to_fa_run'
, done: function (res, index) {
layer.closeAll('loading'); //关闭loading
ab = '<a href="http://' + url_up + '/chart/down?file_id=' + res.id + '">' + ' <button type="button" class="layui-btn">downlode</button></a>'
ab = '<a href= "' + url_up + '/chart/down?file_id=' + res.id + "&file_downlode_type=fasta&ee=1" + '">' + ' <button type="button" class="layui-btn">downlode</button></a>'
$("#down").append(ab)
}
, error: function (index, upload) {
layer.closeAll('loading'); //关闭loading
}
})
;
})
}
function gff() {
layui.use(['upload'], function () {
var $ = layui.jquery
, layer = layui.layer;
upload.render({
elem: '#select_gff'
, url: url_up + '/tools/' + "gff_to_gtf"
, auto: false
, accept: 'file'
, data: {
csrfmiddlewaretoken: '{{ csrf_token }}'
}
, before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
layer.load(1); //上传loading
}
, bindAction: '#gff_run'
, done: function (res, index) {
layer.closeAll('loading'); //关闭loading
ab = '<a href= "' + url_up + '/chart/down?file_id=' + res.id + "&file_downlode_type=gtf&ee=1" + '">' + ' <button type="button" class="layui-btn">downlode</button></a>'
$("#down").append(ab)
}
, error: function (index, upload) {
@@ -238,6 +269,75 @@
}
function orf_run() {
layui.use(['upload'], function () {
var $ = layui.jquery
, layer = layui.layer;
upload.render({
elem: '#select_orf'
, url: url_up + '/tools/' + "orf"
, auto: false
, accept: 'file'
, data: {
csrfmiddlewaretoken: '{{ csrf_token }}',
begin: document.getElementById("begin").value,
end: document.getElementById("end").value,
Cyclotype: document.getElementById("Cyclotype").value,
Codons: document.getElementById("Codons").value,
outfmt: document.getElementById("outfmt").value,
}
, before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
layer.load(1); //上传loading
}
, bindAction: '#orf_run'
, done: function (res, index) {
layer.closeAll('loading'); //关闭loading
ab = '<a href= "' + url_up + '/chart/down?file_id=' + res.id + "&file_downlode_type=txt&ee=1" + '">' + ' <button type="button" class="layui-btn">downlode</button></a>'
$("#down").append(ab)
}
, error: function (index, upload) {
layer.closeAll('loading'); //关闭loading
}
})
;
})
}
function basics_run() {
layui.use(['upload'], function () {
var $ = layui.jquery
, layer = layui.layer;
upload.render({
elem: '#select_fa'
, url: url_up + '/tools/' + "basics"
, auto: false
, accept: 'file'
, data: {
csrfmiddlewaretoken: '{{ csrf_token }}',
Sequence_cleaning: document.getElementById("Sequence_cleaning").value,
Sequence_length: document.getElementById("Sequence_length").value,
GC_content: document.getElementById("GC_content").value,
Sequence_flip: document.getElementById("Sequence_flip").value,
Reverse_complementarity: document.getElementById("Reverse_complementarity").value,
Codon_preference: document.getElementById("Codon_preference").value,
Codon_frequency: document.getElementById("Codon_frequency").value,
}
, before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
layer.load(1); //上传loading
}
, bindAction: '#orf_run'
, done: function (res, index) {
layer.closeAll('loading'); //关闭loading
ab = '<a href= "' + url_up + '/chart/down?file_id=' + res.id + "&file_downlode_type=txt&ee=1" + '">' + ' <button type="button" class="layui-btn">downlode</button></a>'
$("#down").append(ab)
}
, error: function (index, upload) {
layer.closeAll('loading'); //关闭loading
}
})
;
})
}
</script>
templates/tools/Basics.html
+124 -32
View File
@@ -1,44 +1,136 @@
<div class='layui-row' style="margin: 50px">
<div class='layui-col-md3'>
<h1 style="font-size: 50px">Basics</h1>
</div>
</div>
<div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
<div class="layui-panel">
<div style="padding: 20px 30px;">
<div class='layui-row' style="margin: 80px;margin-top: 20px">
<div class='layui-col-md9'>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>选项</legend>
</fieldset>
<div class="layui-input-block layui-form" style="margin: 10px">
<input type="checkbox" name="" title="序列清洗">
<input type="checkbox" name="" title="序列长度">
<input type="checkbox" name="" title="GC含量">
<input type="checkbox" name="" title="序列翻转">
<input type="checkbox" name="" title="反向互补">
<input type="checkbox" name="" title="密码子偏好性">
<input type="checkbox" name="" title="密码子频率">
<input type="checkbox" name="" title="开放阅读框">
{# 选项#}
<div class="layui-tab layui-tab-brief " lay-filter="docDemoTabBrief" style="width: 100%; height: 1000px">
<ul class="layui-tab-title">
{# 选项卡#}
<li>orf</li>
</ul>
<div class="layui-tab-content" style="height: 100px;">
<form class="layui-form" action="">
<div class="layui-form-item">
<div class="layui-btn-container">
<button type="button" class="layui-btn layui-btn-normal" id="select_fa">select file
</button>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">Sequence cleaning</label>
<div class="layui-input-block">
<input type="checkbox" id="Sequence_cleaning" name="close" lay-skin="switch"
lay-text="ON|OFF">
</div>
</div> <!-- 开关-默认关 -->
<div class="layui-form-item">
<label class="layui-form-label">Sequence length</label>
<div class="layui-input-block">
<input type="checkbox" id="Sequence_length" name="close" lay-skin="switch"
lay-text="ON|OFF">
</div>
</div> <!-- 开关-默认关 -->
<div class="layui-form-item">
<label class="layui-form-label">GC content</label>
<div class="layui-input-block">
<input type="checkbox" id="GC_content" name="close" lay-skin="switch" lay-text="ON|OFF">
</div>
</div> <!-- 开关-默认关 -->
<div class="layui-form-item">
<label class="layui-form-label">Sequence flip</label>
<div class="layui-input-block">
<input type="checkbox" id="Sequence_flip" name="close" lay-skin="switch"
lay-text="ON|OFF">
</div>
</div> <!-- 开关-默认关 -->
<div class="layui-form-item">
<label class="layui-form-label">Reverse complementarity</label>
<div class="layui-input-block">
<input type="checkbox" id="Reverse_complementarity" name="close" lay-skin="switch"
lay-text="ON|OFF">
</div>
</div> <!-- 开关-默认关 -->
<div class="layui-form-item">
<label class="layui-form-label">Codon preference</label>
<div class="layui-input-block">
<input type="checkbox" id="Codon_preference" name="close" lay-skin="switch"
lay-text="ON|OFF">
</div>
</div> <!-- 开关-默认关 -->
<div class="layui-form-item">
<label class="layui-form-label">Codon frequency</label>
<div class="layui-input-block">
<input type="checkbox" id="Codon_frequency" name="close" lay-skin="switch"
lay-text="ON|OFF">
</div>
</div> <!-- 开关-默认关 -->
<div class="layui-form-item">
<div class="layui-btn-container">
<div id="down">
<button type="button" class="layui-btn" id="basics_run">run</button>
{# <button type="button" class="layui-btn" id="gen_to_fa_down">downlode</button>#}
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='layui-row' style="margin-left: 80px;margin-top: 20px">
<div class='layui-col-md9'>
<fieldset class="layui-elem-field layui-field-title">
<legend>运行</legend>
</fieldset>
<div class="layui-btn-container">
<button type="button" class="layui-btn layui-btn-normal" id="select_file">选择文件</button>
<button type="button" class="layui-btn" id="run">RUN</button>
<div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
<div class="layui-panel">
<div style="padding: 20px 30px;">
<div class="layui-tab layui-tab-brief " lay-filter="docDemoTabBrief" style="width: 100%; height: 1000px">
<ul class="layui-tab-title">
<li class="layui-this">function</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div style="margin-left: 30px;">
<p style="font-size: 20px">Convert standard gff format files to standard gtf
format</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
templates/tools/genbank_to_fasta.html
+2 -1
View File
@@ -15,7 +15,8 @@
<form class="layui-form" action="">
<div class="layui-form-item">
<div class="layui-btn-container">
<div class="layui-btn-container">
<button type="button" class="layui-btn layui-btn-normal" id="select_gen">select file
</button>
templates/tools/gff_to_gtf.html
+53 -23
View File
@@ -1,34 +1,64 @@
<div class='layui-row' style="margin: 50px">
<div class='layui-col-md3'>
<h1 style="font-size: 50px">gff to gtf</h1>
</div>
<div class='layui-col-md9'>
<div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
</div>
</div>
<div class="layui-panel">
<div style="padding: 20px 30px;">
<div class='layui-row' style="margin-top: 80px; margin-left: 80px">
{# 选项#}
<div class="layui-tab layui-tab-brief " lay-filter="docDemoTabBrief" style="width: 100%; height: 1000px">
<ul class="layui-tab-title">
<div class='layui-col-md9 layui-form-pane'>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>gff 文件</legend>
</fieldset>
<div class="layui-btn-container" style="display: inline-block">
<button type="button" class="layui-btn layui-btn-normal" id="select_file">选择文件</button>
{# 选项卡#}
<li>gff to gtf</li>
</ul>
<div class="layui-tab-content" style="height: 100px;">
<form class="layui-form" action="">
<div class="layui-form-item">
<div class="layui-btn-container">
<button type="button" class="layui-btn layui-btn-normal" id="select_gff">select file
</button>
<div id="down">
<button type="button" class="layui-btn" id="gff_run">run</button>
{# <button type="button" class="layui-btn" id="gen_to_fa_down">downlode</button>#}
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
<div class="layui-panel">
<div style="padding: 20px 30px;">
<div class="layui-tab layui-tab-brief " lay-filter="docDemoTabBrief" style="width: 100%; height: 1000px">
<ul class="layui-tab-title">
<li class="layui-this">function</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div style="margin-left: 30px;">
<p style="font-size: 20px">Convert standard gff format files to standard gtf
format</p>
</div>
</div>
</div>
</div>
<div class='layui-row' style="margin-left:80px; margin-top: 20px">
<div class='layui-col-md9'>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
<legend>运行</legend>
</fieldset>
<div class="layui-btn-container">
<button type="button" class="layui-btn" id="run">RUN</button>
</div>
</div>
</div>
</div>
templates/tools/orf.html
+133 -23
View File
@@ -1,34 +1,144 @@
<div class='layui-row' style="margin: 50px">
<div class='layui-col-md3'>
<h1 style="font-size: 50px">orf</h1>
</div>
<div class='layui-col-md9'>
<div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
</div>
</div>
<div class="layui-panel">
<div style="padding: 20px 30px;">
<div class='layui-row' style="margin-top: 80px; margin-left: 80px">
{# 选项#}
<div class="layui-tab layui-tab-brief " lay-filter="docDemoTabBrief" style="width: 100%; height: 1000px">
<ul class="layui-tab-title">
<div class='layui-col-md9 layui-form-pane'>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>gff 文件</legend>
</fieldset>
<div class="layui-btn-container" style="display: inline-block">
<button type="button" class="layui-btn layui-btn-normal" id="select_file">选择文件</button>
{# 选项卡#}
<li>orf</li>
</ul>
<div class="layui-tab-content" style="height: 100px;">
<form class="layui-form" action="">
<div class="layui-form-item">
<div class="layui-btn-container">
<button type="button" class="layui-btn layui-btn-normal" id="select_orf">select file
</button>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">begin</label>
<div class="layui-input-inline">
<input type="text" name="username" id="begin" lay-verify="number" placeholder="请输入"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">end</label>
<div class="layui-input-inline">
<input type="text" name="username" id="end" lay-verify="number" placeholder="请输入"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">Cyclotype</label>
<div class="layui-input-block">
<input type="checkbox" id="Cyclotype" name="close" lay-skin="switch" lay-text="ON|OFF">
</div>
</div> <!-- 开关-默认关 -->
<div class="layui-form-item">
<label class="layui-form-label">Codons</label>
<div class="layui-input-block">
<select name="interest" id="Codons" lay-filter="aihao">
<option value="0" selected="">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
</select>
</div>
</div> <!-- 单行选择框 -->
<div class="layui-form-item">
<label class="layui-form-label">outfmt</label>
<div class="layui-input-block">
<select name="interest" id="outfmt" lay-filter="aihao">
<option value="0" selected="">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
</div> <!-- 单行选择框 -->
<div class="layui-form-item">
<div class="layui-btn-container">
<div id="down">
<button type="button" class="layui-btn" id="orf_run">run</button>
{# <button type="button" class="layui-btn" id="gen_to_fa_down">downlode</button>#}
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-bg-gray" style="float: left; padding: 30px; width:45%">
<div class="layui-panel">
<div style="padding: 20px 30px;">
<div class="layui-tab layui-tab-brief " lay-filter="docDemoTabBrief" style="width: 100%; height: 1000px">
<ul class="layui-tab-title">
<li class="layui-this">function</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<div style="margin-left: 30px;">
<p style="font-size: 20px">Convert standard gff format files to standard gtf
format</p>
</div>
</div>
</div>
</div>
<div class='layui-row' style="margin-left:80px; margin-top: 20px">
<div class='layui-col-md9'>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
<legend>运行</legend>
</fieldset>
<div class="layui-btn-container">
<button type="button" class="layui-btn" id="run">RUN</button>
</div>
</div>
</div>
</div>