RangeSearchUI.php

<?php
  if (!defined("LITYLOADED")) {
    queue_css_file("lity.min");
    queue_js_file('lity.min');
    DEFINE("LITYLOADED", 1);
  }

  queue_js_file('rangesearch');
  queue_css_file('rangesearch');

  $selectFirst = __("Please select a target text area first.");
  $selectUnit = __("Please select a unit.");
  $enterNumber = __("Please enter a number.");
  # queue_js_string() of these variables further down below

  $view = get_view();

  $regEx = SELF::_constructRegEx();
  # foreach($regEx as $key => $val) { $$key = $val; }
  # echo "<!--" . print_r($regEx, true) . "-->\n";
  $combined = $regEx["combinedRegEx"];

  $fullMatchRegEx=<<<EOT
      function rangeSearchFullMatch(str) {
        return str.match(/^$combined$/i);
      }
EOT;
  # queue_js_string() of these variables further down below

  // ------------------------------------------------------

  function editFieldHTML($textField, $view = false) {
    if (!$view)  {$view = get_view(); }
    return $view->formInput($textField,
                            null,
                            array("type" => "text",
                                  "class" => "rangeSearchTextField",
                                  "size" => 4,
                                  "maxlength" => 10,
                                )
                            );
  }

  function editFieldTable($htmlTextFields) {
    $spanclass = "rangeTextArea";
    $result = "<span class='rangeTextArea'>";
    $result .= implode("</span> – <span class='rangeTextArea'>", $htmlTextFields);
    $result .="</span>";
    return $result;
  }

  // ------------------------------------------------------
?>

<div id="range-search-popup" style="overflow: auto; padding: 20px; border-radius: 6px; background: #fff" class="lity-hide">
  <h2><?php echo __("Range Entry"); ?></h2>
  <p>
  <?php
    $unitsDetails = SELF::_fetchUnitDetails();
    $saniUnits = $unitsDetails["saniUnits"];
    $saniConversions = $unitsDetails["saniConversions"];
    $saniGroups = $unitsDetails["saniGroups"];
    $existingGroups = $unitsDetails["existingGroups"];
    $unitSelect = $unitsDetails["unitSelect"];

    $jsGroups = array( 0 => array(), 1 => array() );
    // $jsGroups[0] is going to store the groups with numerical IDs
    // ... as array containing the corresponding triple units
    // $jsGroups[1] is going to store an array of the triple unit IDs
    // ... containing the corresponding numerical group ID
    foreach(array_keys($existingGroups) as $idx => $groupTitle) {
      $jsGroups[0][$idx] = $existingGroups[$groupTitle];
      foreach($existingGroups[$groupTitle] as $id) {
        $jsGroups[1][$id] = $idx;
      }
    }
    ksort($jsGroups[1]);
    // In other words:
    // $jsGroups[0] can be used to list all triple units based on a group ID
    // $jsGroups[1] can be used to find one triple unit's group ID

    // echo "<pre>" . print_r($jsGroups,true) . "</pre>";
    // echo "<pre>" . print_r($unitsDetails,true) . "</pre>";
    // die();
    echo __("Triple Units") . ": ". $view->formSelect('rangeSearchUnits', -1, array(), $unitSelect).
        "<div id='rangeSergeAutoConvDiv'>".
        __("Auto Conversions") . ": " . $view->formSelect('rangeSergeAutoConv', -1, array(), array("foo" => "bar")).
        "</div>";
  ?>
  </p>
  <?php
    $jsonSaniUnits = json_encode($saniUnits);
    $jsonSaniConversions = json_encode($saniConversions);
    $jsonJsGroups = json_encode($jsGroups);
    queue_js_string("
      var rangeSearchSelectFirst='$selectFirst';
      var rangeSearchSelectUnit='$selectUnit';
      var rangeSearchEnterNumber='$enterNumber';
      $fullMatchRegEx
      var rangeSearchUnits=$jsonSaniUnits;
      var rangeSearchConversions=$jsonSaniConversions;
      var rangeSearchGroups=$jsonJsGroups;
    ");
  ?>
  <p>
    <?php
      $textFields = array("rangeSearch1", "rangeSearch2", "rangeSearch3");
      $htmlTextFields = array();
      foreach($textFields as $textField) {
        $htmlTextFields[] = editFieldHTML($textField, $view);
      }
      echo editFieldTable($htmlTextFields);
    ?>
  </p>
  <p>
    <?php
      echo $view->formCheckbox("rangeSearchRange", false, array() );
      echo " <label for='rangeSearchRange'>".
            # __("Enter range (not just number).").
            __("… (Range)").
            "</label>";
    ?>
  </p>
  <p id="rangeSearchSecondTriple">
    <?php
      $textFields = array("rangeSearch4", "rangeSearch5", "rangeSearch6");
      $htmlTextFields = array();
      foreach($textFields as $textField) {
        $htmlTextFields[] = editFieldHTML($textField, $view);
      }
      echo editFieldTable($htmlTextFields);
    ?>
  </p>
  <p id="rangeSearchConversions">
    <?php
      echo __("Conversion Rates") . ":<br>";
      $textFields = array("rangeSearchConversion0", "rangeSearchConversion1", "rangeSearchConversion2");
      $htmlTextFields = array();
      foreach($textFields as $textField) {
        $htmlTextFields[] = editFieldHTML($textField, $view);
      }
      echo editFieldTable($htmlTextFields)."<br>";

      $btnFields = array("rangerSearchConvert1", "rangerSearchConvert2", "rangerSearchConvert3");
      $htmlBtnFields = array();
      foreach($btnFields as $btnField) {
        $htmlBtnFields[] = "<button class='rangerSearchConvert blue button' id=$btnField>".
                            __("Convert").
                            "</button>";
      }
      echo editFieldTable($htmlBtnFields);
    ?>
  </p>
  <p style="text-align: center;">
    <button id="rangeSearchCancel" class="green button" data-lity-close>
      <?php echo __("Cancel"); ?>
    </button>
    <button id="rangeSearchApply" class="green button"> <!--  data-lity-close -->
      <?php echo __("Apply"); ?>
    </button>
  </p>
</div>

<div id="range-search-controls" style="display:none;">
  <div class='rangeSearchButtons field'>
    <label><?php echo __("Range Entry"); ?>:</label>
    <button class='rangeSearchBtn'><?php echo __("Entry"); ?></button>
  </div>
</div>