private static function addressForm($config)
{
$name = $config['name'];
$form = FormControls::multipleTextInputs([['label' => 'Street address 1', 'type' => 'text', 'name' => $name . '-1'], ['label' => 'Street address 2', 'type' => 'text', 'name' => $name . '-2', 'additional-text' => 'Optional']]);
// remove input container divs because the whole
// form will be wrapped in the error container
$replace = ['<div>', '</div>'];
$form = str_replace($replace, '', $form);
// open city state
$form .= '<div>';
// city field
$form .= '<div class="usa-input-grid usa-input-grid-medium">';
$input = FormControls::textInput(['label' => 'City', 'type' => 'text', 'name' => 'city']);
$form .= str_replace($replace, '', $input);
$form .= '</div>';
// state dropdown
$form .= '<div class="usa-input-grid usa-input-grid-small">';
$form .= str_replace($replace, '', FormControls::stateSelect());
$form .= '</div>';
// close city state
$form .= '</div>';
// zip code
$zip = FormControls::textInput(['label' => 'ZIP', 'type' => 'text', 'name' => 'zip', 'size' => 'medium']);
$zip = str_replace($replace, '', $zip);
$form .= str_replace('type="text"', 'type="text" pattern="[\\d]{5}(-[\\d]{4})?" data-grouplength="5,4" data-delimiter="-" data-politespace=""', $zip);
return $form;
}
public function testUSWDSTextInputMethodChainingConvertToError()
{
$input = FormControls::createTextInput()->setLabel('Text input label')->setType('text')->setName('input-type-text');
$result = $input->getHtml();
$this->assertEquality($this->baseExpected, $result);
$expected = '<div class="usa-input-error">' . '<label for="input-type-text" class="usa-input-error-label">Text input label</label>' . '<span id="input-type-text-input-error" class="usa-input-error-message" role="alert">Helpful error message</span>' . '<input id="input-type-text" name="input-type-text" type="text" aria-describedby="input-type-text-input-error">' . '</div>';
$errorResult = $input->setErrorMessage('Helpful error message')->getHtml();
$this->assertEquality($this->baseExpected, $result);
}
private static function nameForm($config)
{
$label = $config['label'];
$name = $config['name'];
// To remove the wrapping div
$replace = ['<div>', '</div>'];
$title = FormControls::textInput(['label' => 'Title', 'name' => $name . '-title', 'type' => 'text', 'size' => 'tiny']);
$form = str_replace($replace, '', $title);
$firstName = FormControls::textInput(['label' => 'First name', 'name' => $name . '-first-name', 'type' => 'text', 'additional-text' => 'Required', 'required' => true]);
$form .= str_replace($replace, '', $firstName);
$middleName = FormControls::textInput(['label' => 'Middle name', 'name' => $name . '-middle-name', 'type' => 'text']);
$form .= str_replace($replace, '', $middleName);
$lastName = FormControls::textInput(['label' => 'Last name', 'name' => $name . '-last-name', 'type' => 'text', 'additional-text' => 'Required', 'required' => true]);
$form .= str_replace($replace, '', $lastName);
$suffix = FormControls::textInput(['label' => 'Suffix', 'name' => $name . '-suffix', 'type' => 'text', 'size' => 'tiny']);
$form .= str_replace($replace, '', $suffix);
return $form;
}
static function build()
{
return FormControls::select(['label' => 'State', 'type' => 'dropdown', 'name' => 'state', 'options' => ['' => '', 'AL' => 'Alabama', 'AK' => 'Alaska', 'AZ' => 'Arizona', 'AR' => 'Arkansas', 'CA' => 'California', 'CO' => 'Colorado', 'CT' => 'Connecticut', 'DE' => 'Delaware', 'DC' => 'District Of Columbia', 'FL' => 'Florida', 'GA' => 'Georgia', 'HI' => 'Hawaii', 'ID' => 'Idaho', 'IL' => 'Illinois', 'IN' => 'Indiana', 'IA' => 'Iowa', 'KS' => 'Kansas', 'KY' => 'Kentucky', 'LA' => 'Louisiana', 'ME' => 'Maine', 'MD' => 'Maryland', 'MA' => 'Massachusetts', 'MI' => 'Michigan', 'MN' => 'Minnesota', 'MS' => 'Mississippi', 'MO' => 'Missouri', 'MT' => 'Montana', 'NE' => 'Nebraska', 'NV' => 'Nevada', 'NH' => 'New Hampshire', 'NJ' => 'New Jersey', 'NM' => 'New Mexico', 'NY' => 'New York', 'NC' => 'North Carolina', 'ND' => 'North Dakota', 'OH' => 'Ohio', 'OK' => 'Oklahoma', 'OR' => 'Oregon', 'PA' => 'Pennsylvania', 'RI' => 'Rhode Island', 'SC' => 'South Carolina', 'SD' => 'South Dakota', 'TN' => 'Tennessee', 'TX' => 'Texas', 'UT' => 'Utah', 'VT' => 'Vermont', 'VA' => 'Virginia', 'WA' => 'Washington', 'WV' => 'West Virginia', 'WI' => 'Wisconsin', 'WY' => 'Wyoming']]);
}
public static function build($config)
{
$label = $config['label'];
$type = $config['type'];
$action = $config['action'];
$method = isset($config['method']) ? strtoupper($config['method']) : 'GET';
$keywords = isset($config['keywords']) ? implode(' ', $config['keywords']) : null;
$string = '';
// open form
if ($type == 'big') {
$string .= '<form class="usa-search usa-search-big"';
} elseif ($type == 'small') {
$string .= '<form class="usa-search usa-search-small"';
} else {
$string .= '<form class="usa-search"';
}
$string .= 'action="' . $action . '" method="' . $method . '">';
$string .= '<div role="search">';
// label form
if ($type == 'big') {
$string .= '<label class="usa-sr-only" for="search-field-big">';
} elseif ($type == 'medium') {
$string .= '<label class="usa-sr-only" for="search-field">';
} elseif ($type == 'small') {
$string .= '<label class="usa-sr-only" for="search-field-small">';
}
$string .= $label . '</label>';
// search input text box
if ($type == 'big') {
$string .= '<input id="search-field-big" type="search" name="search"';
} elseif ($type == 'medium') {
$string .= '<input id="search-field" type="search" name="search"';
} elseif ($type == 'small') {
$string .= '<input id="search-field-small" type="search" name="search"';
}
$string .= strlen($keywords) > 0 ? ' value="' . $keywords . '">' : '>';
// search button
$string .= '<button type="submit">';
if ($type == 'big' || $type == 'medium') {
$string .= '<span class="usa-search-submit-text">Search</span>';
} elseif ($type == 'small') {
$string .= '<span class="usa-sr-only">Search</span>';
}
$string .= '</button>';
$string .= '</div>';
$string .= '</form>';
if (isset($config['filters'])) {
// We need to remove the closure from the USWDS search bar
// in order to include our filters.
$string = str_replace('</div></form>', '', $string);
foreach ($config['filters'] as $filter) {
if ($filter['type'] == 'checkbox') {
$string .= '<div class="use-with-one-whole">';
} else {
$string .= '<div class="usa-width-one-half" style="margin-right: 7px;">';
}
$string .= FormControls::select($filter);
$string .= '</div>';
}
// replace closure
$string .= '</div></form>';
}
return $string;
}
/**
*
* radio
*
*/
public function testRadioUSWDSSample()
{
$expected = '<div>' . '<fieldset class="usa-fieldset-inputs">' . '<legend class="usa-sr-only">Historical figures 2</legend>' . '<ul class="usa-unstyled-list">' . '<li>' . '<input id="pea-soup-soup" type="radio" name="soup" value="pea-soup" checked="">' . '<label for="pea-soup-soup">Elizabeth Cady Stanton</label>' . '</li>' . '<li>' . '<input id="chicken-noodle-soup" type="radio" name="soup" value="chicken-noodle">' . '<label for="chicken-noodle-soup">Susan B. Anthony</label>' . '</li>' . '<li>' . '<input id="tomato-soup" type="radio" name="soup" value="tomato">' . '<label for="tomato-soup">Harriet Tubman</label>' . '</li>' . '</ul>' . '</fieldset>' . '</div>';
$result = FormControls::select(['label' => 'Historical figures 2', 'type' => 'radio', 'name' => 'soup', 'options' => ['pea-soup' => 'Elizabeth Cady Stanton', 'chicken-noodle' => 'Susan B. Anthony', 'tomato' => 'Harriet Tubman'], 'selected' => ['pea-soup'], 'srOnly' => true]);
$this->assertTrue($result == $expected, $expected . "\n\n" . $result);
}
