diff options
| author | zsloan | 2023-12-20 20:33:34 +0000 |
|---|---|---|
| committer | zsloan | 2023-12-20 20:46:15 +0000 |
| commit | a14b8b570e913c38178421749e35a243b780d0ab (patch) | |
| tree | 64e28160bc3bd14656f692cf069e9b07d82f66c1 | |
| parent | d16e4067ed7233ef34c24d7b1ede5442ad6e0f64 (diff) | |
| download | genenetwork2-a14b8b570e913c38178421749e35a243b780d0ab.tar.gz | |
Add option to Show More/Less for trait page descriptions when the description is more than 100 characters
| -rw-r--r-- | wqflask/wqflask/static/new/javascript/show_trait.js | 11 | ||||
| -rw-r--r-- | wqflask/wqflask/templates/show_trait.html | 9 |
2 files changed, 18 insertions, 2 deletions
diff --git a/wqflask/wqflask/static/new/javascript/show_trait.js b/wqflask/wqflask/static/new/javascript/show_trait.js index d09fbee9..c5214947 100644 --- a/wqflask/wqflask/static/new/javascript/show_trait.js +++ b/wqflask/wqflask/static/new/javascript/show_trait.js @@ -83,7 +83,16 @@ statTableRows.push( } ); -var add, blockByAttributeValue, blockByIndex, blockOutliers, changeStatsValue, createValueDropdown, editDataChange, exportSampleTableData, getSampleTableData, hideNoValue, hideTabs, makeTable, onCorrMethodChange, openTraitSelection, populateSampleAttributesValuesDropdown, processId, updateBarChart, updateHistogram, updateProbPlot, resetSamplesTable, sampleGroupTypes, sampleLists, showHideOutliers, statsMdpChange, updateStatValues; +toggleDescription = function() { + if ($('.truncDesc').is(':visible')) { + $('.truncDesc').hide(); + $('.fullDesc').show(); + } else { + $('.truncDesc').show(); + $('.fullDesc').hide(); + } +} + add = function() { var trait; trait = $("input[name=trait_hmac]").val(); diff --git a/wqflask/wqflask/templates/show_trait.html b/wqflask/wqflask/templates/show_trait.html index aff12571..dd054ffc 100644 --- a/wqflask/wqflask/templates/show_trait.html +++ b/wqflask/wqflask/templates/show_trait.html @@ -24,7 +24,14 @@ <div class="container"> <h2>Trait Data and Analysis for <b>{{ this_trait.display_name }}</b></h2> {% if this_trait.dataset.type != 'Publish' %} - <h3>{{ this_trait.description_fmt[0]|upper }}{{ this_trait.description_fmt[1:]|safe }}</h3> + <h3> + {% set trait_description = this_trait.description_fmt[0]|upper + this_trait.description_fmt[1:]|safe %} + {% if trait_description|length < 100 %} + {{ trait_description }} + {% else %} + <span class="truncDesc" style="display: block;">{{ trait_description[:99] }}... (<a onclick="toggleDescription()" href="#">Show More</a>)</span><span class="fullDesc" style="display: none;">{{ trait_description }} (<a onclick="toggleDescription()" href="#">Show Less</a>)</span> + {% endif %} + </h3> {% endif %} <form method="post" action="" target="_blank" name="trait_page" id="trait_data_form" class="form-horizontal"> |