raiot
/
TasksManager
mirror of https://github.com/raiots/TasksManager
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add: not only unfold but can also fold in tasklist

This commit is contained in:
raiots 2022-01-05 20:41:25 +08:00
parent 86bf9bd1c6
commit 6495b8cf2b
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
templates/tasks/tasklist.html
View File

@ -35,8 +35,8 @@
<table class="table table-striped" style="word-break: break-all; overflow: auto" cellspacing="0"> <table class="table table-striped" style="word-break: break-all; overflow: auto" cellspacing="0">
<div class="row"> <div class="row">
<div class="col-12" style="background-color: #f2f2f2"> <div class="col-12" style="background-color: #f2f2f2">
<button type="button" id="unfold" onclick="alert1()" class="btn btn-default float-left"><i class="far fa-credit-card"></i> 展开 <button type="button" id="unfold" onclick="alert1()" class="btn btn-default float-left" style="display: block;"><i class="far fa-credit-card"></i> 展开</button>
</button> <button type="button" id="fold" onclick="alert1()" class="btn btn-default float-left" style="display: none;"><i class="far fa-credit-card"></i> 收起</button>
<ul class="pagination float-md-right"> <ul class="pagination float-md-right">
{% load taskfilter %} {% load taskfilter %}
<li class="page-item"><a class="page-link" href="/tasklist/{{ year_quarter.1|last_year }}">«</a></li> <li class="page-item"><a class="page-link" href="/tasklist/{{ year_quarter.1|last_year }}">«</a></li>
@ -141,6 +141,10 @@
<script> <script>
$('#unfold').click(function (element){ $('#unfold').click(function (element){
var unfold = document.getElementById("unfold");
var fold = document.getElementById("fold");
unfold.style.display = "none";
fold.style.display = "block";
$(element).css({'height':'auto','overflow-y':'hidden'}).height(element.scrollHeight); $(element).css({'height':'auto','overflow-y':'hidden'}).height(element.scrollHeight);
$('textarea').each(function () { $('textarea').each(function () {
setHeight(this); setHeight(this);
@ -148,6 +152,16 @@
setHeight(this); setHeight(this);
}); });
}) })
$('#fold').click(function (element){
var unfold = document.getElementById("unfold");
var fold = document.getElementById("fold");
unfold.style.display = "block";
fold.style.display = "none";
location.reload();
// TODO 暂时无法解决让textarea恢复原本高度的问题，使用刷新代替
})
</script> </script>
{% endblock %} {% endblock %}