comparison: src/main/webapp/issue-overview.js
src/main/webapp/issue-overview.js
- changeset 355
- 4aaacbd102ae
- parent 313
- 7cfe88b8e219
equal
deleted
inserted
replaced
| 354:b76d976d1970 | 355:4aaacbd102ae |
|---|---|
| 21 * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, | 21 * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, |
| 22 * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE | 22 * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
| 23 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | 23 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| 24 */ | 24 */ |
| 25 | 25 |
| 26 /** | |
| 27 * Hides and shows the project details. | |
| 28 * | |
| 29 * Following elements are required on the page (element ID): | |
| 30 * | |
| 31 * - toggle-details-button | |
| 32 * - project-details-header-reduced | |
| 33 * - project-details-header | |
| 34 * | |
| 35 */ | |
| 36 projectDetailsVisible = true | |
| 37 function toggleProjectDetails() { | |
| 38 const button = document.getElementById('toggle-details-button') | |
| 39 | |
| 40 if (!button) { | |
| 41 // no project details available | |
| 42 window.projectDetailsVisible = false | |
| 43 return | |
| 44 } | |
| 45 | |
| 46 const reduced = document.getElementById('project-details-header-reduced') | |
| 47 const full = document.getElementById('project-details-header') | |
| 48 | |
| 49 const v = !window.projectDetailsVisible | |
| 50 window.projectDetailsVisible = v | |
| 51 | |
| 52 if (v) { | |
| 53 button.dataset.toggle = 'true' | |
| 54 reduced.style.display = 'none' | |
| 55 full.style.display = 'block' | |
| 56 } else { | |
| 57 delete button.dataset.toggle | |
| 58 reduced.style.display = 'block' | |
| 59 full.style.display = 'none' | |
| 60 } | |
| 61 } | |
| 62 | |
| 63 function toggleFilterDetails() { | 26 function toggleFilterDetails() { |
| 64 const filters = document.getElementById('more-filters') | 27 const filters = document.getElementById('more-filters') |
| 65 const toggle = document.getElementById('show-more-filters') | 28 const toggle = document.getElementById('show-more-filters') |
| 66 if (toggle.checked) { | 29 if (toggle.checked) { |
| 67 filters.style.display = 'flex' | 30 filters.style.display = 'flex' |
| 81 .forEach((elem) => elem.value = ''); | 44 .forEach((elem) => elem.value = ''); |
| 82 document.getElementById('filter-remove').value = 'clear' | 45 document.getElementById('filter-remove').value = 'clear' |
| 83 document.getElementById('filter-form').submit() | 46 document.getElementById('filter-form').submit() |
| 84 } | 47 } |
| 85 | 48 |
| 86 function toggleDetails() { | 49 window.addEventListener('load', function() { toggleFilterDetails() }, false) |
| 87 toggleProjectDetails() | |
| 88 toggleFilterDetails() | |
| 89 } | |
| 90 | |
| 91 window.addEventListener('load', function() { toggleDetails() }, false) |
