feat(ui): Validates that description has 100 words

+ Addresses issue in presenting errors for "Request Review" and "Approve" button
  when the dataset does not pass validation.
+ Adds tooltip to description to let users know then need to enter at
  least 100 words for the description

Closes #397
Closes #418
Issue #411

ui/static/js/app.js

@@ -236,7 +236,7 @@ $(document).ready(function () {
  }
  });
 
- $.getJSON("static/js/metadata/dataset.json?v=20231023", function (data) {
+ $.getJSON("static/js/metadata/dataset.json?v=20231026", function (data) {
  templates.datasets = data;
  createEditForm('datasets');
  });
@@ -824,14 +824,12 @@ $(document).ready(function () {
  if (xhrResponse.result == true){
  alert("Dataset Approved")
  $('.js-loading').addClass('hide');
-
- // refreshes the page
- history.go(0);
  }
  else {
- alert(xhrResponse.responseJSON.detail)
+ handleFormErrors(xhrResponse, "Dataset NOT Approved")
  }
-
+ // refreshes the page
+ history.go(0);
 
  });
  }
@@ -850,13 +848,11 @@ $(document).ready(function () {
  $.when(changeStatus(approveUrl, "submit")).always(function (xhrResponse) {
  if (xhrResponse.result == true){
  alert("Dataset Review Requested")
-
- // refreshes the page
- history.go(0);
  }
  else {
- alert(xhrResponse.responseJSON.detail)
+ handleFormErrors(xhrResponse, "Dataset review NOT Requested")
  }
+ history.go(0);
  });
  }
 
@@ -2297,7 +2293,7 @@ function handleFormErrors(httpResponse, errorPrefixMessage) {
  if (httpResponse.status === 400) {
  if (httpResponse.responseText) {
 
- var response = JSON.parse(httpResponse.responseText);
+ var response = httpResponse.responseJSON;
  for (var prop in response) {
 
  // Which fields are missing
@@ -2313,5 +2309,8 @@ function handleFormErrors(httpResponse, errorPrefixMessage) {
  }
  }
  }
+ else {
+ responseStr = httpResponse.responseJSON.detail
+ }
  alert(errorPrefixMessage + '\n\n' + responseStr);
 }

ui/static/js/metadata/dataset.json

@@ -30,7 +30,7 @@
  "label": "Dataset Description",
  "sequence": 4,
  "multiple": false,
- "description": "<p>Dataset description and overview. This should read as an abstract for the dataset, and provide users with adequate information about what the dataset contains, and how to use it. Include details on what data what, when and where data was collected, and if any data processing was done.</p> <p><i>E.g.: Raw output from the data logger connected to 9 sapflow and 5 soil moisture sensors are provided in xxx.dat. The metadata file (BR-Ma2 E-field log_20160501.xls) has information on locations where the sensors were installed, and other installation/maintenance details. No data processing or QA/QC was done on the raw datasets. Processed datasets will be uploaded separately. Contact [email protected] if you need to use this dataset for additional information.</i> <b>This field has a limit of 4,000 characters.</b></p>"
+ "description": "<p>Dataset description and overview. This should read as an abstract for the dataset, and provide users with adequate information about what the dataset contains, and how to use it. Include details on what data what, when and where data was collected, and if any data processing was done.</p> <p><i>E.g.: Raw output from the data logger connected to 9 sapflow and 5 soil moisture sensors are provided in xxx.dat. The metadata file (BR-Ma2 E-field log_20160501.xls) has information on locations where the sensors were installed, and other installation/maintenance details. No data processing or QA/QC was done on the raw datasets. Processed datasets will be uploaded separately. Contact [email protected] if you need to use this dataset for additional information.</i> <b>This field has a limit of 4,000 characters and must have at least 100 words.</b></p>"
  },
  "sites": {
  "type": "reference_list",

ui/templates/ui/index.html

@@ -7,7 +7,7 @@
  <link rel="stylesheet" href="static/stylesheets/foundation.css">
  <script type="text/javascript" src="static/js/jquery-3.5.0.min.js"></script>
  <script type="text/javascript" src="static/js/jquery-ui.js"></script>
- <script type="text/javascript" src="static/js/app.js?v=20220901"></script>
+ <script type="text/javascript" src="static/js/app.js?v=20221026"></script>
  <link rel="stylesheet" type="text/css" href="static/stylesheets/style.css">
  <script type="text/javascript" src="static/js/foundation.js"></script>
  <script type="text/javascript" src="static/js/what-input.js"></script>