sa limits in moidel info

egsim/smtk/registry.py

@@ -180,12 +180,15 @@ def gsim_info(model: Union[str, GMPE]) -> dict:
      - imts: list[str] the intensity measures defined for the model
      - props: list[str] the ground motion properties required to compute the
         model predictions
+     - sa_limits: spectral acceleration period limits where the model is defined
+        or None if the model is not defined for SA
     """
     model = gsim(model)
     return {
         'doc': (model.__doc__ or "").strip(),
         'imts': list(intensity_measures_defined_for(model) or []),
-        'props': list(ground_motion_properties_required_by(model) or [])
+        'props': list(ground_motion_properties_required_by(model) or []),
+        'sa_limits': get_sa_limits(model)
     }
 
 

static/js/vue/components.js

@@ -338,13 +338,12 @@ EGSIM.component('gsim-select', {
 				var json = response.json().then(obj => {
 					var arr = Object.keys(obj).map(k =>
 						`<h5 class='text-nowrap text-primary'>${k}</h5>
-						<ul class='ps-4 mb-2'>
-						<li><b>Supported intensity measures:</b> ${obj[k]['imts'].join(', ')}</li>
-						<li><b>Required Ground motion properties:</b> ${obj[k]['props'].join(', ')}</li>
-						</ul>
-						<p class='ps-4'>${obj[k]['doc'].trim().replaceAll(/\.\s*\n\s*/g, ".<br>")}</p>
+						<b>Supported intensity measures:</b> ${obj[k]['imts'].join(', ')}</b><br>
+						${!obj[k]['sa_limits'] ? '' : '<b>SA limits (s):</b> ' + obj[k]['sa_limits'].join(', ') + '<br>' }
+						<b>Required Ground motion properties:</b> ${obj[k]['props'].join(', ')}
+						<div class='mt-2'>${obj[k]['doc'].trim().replaceAll(/\.\s*\n\s*/g, ".<br>")}</div>
 					`);
-					this.modelInfoText = arr.join('');
+					this.modelInfoText = '<div class="d-flex flex-column gap-4"><div>' + arr.join('</div><div>') + '</div></div>';
 				});
 			}).catch((error) => {
 				this.modelInfoText = 'No info available';