improved styling for filter input

[confetti] / templates / cards.html.sh

diff --git a/templates/cards.html.sh b/templates/cards.html.sh
index c3d277fb09ef6e8ded69171992b033413864e4b9..2eca4d15451d74fc97d991cedd33ddb7e55ee42c 100755 (executable)
--- a/templates/cards.html.sh
+++ b/templates/cards.html.sh
@@ -22,44 +22,39 @@ check_order(){
   [ "${_GET[order]}" = "$1" ] && echo 'checked="checked"'
 }
 
-edit="${_GET[edit]}"
-[ \! -f "vcard/$edit" -a \! -f "temp/$edit" ] && edit=''
-[ -z "${_GET[filtertype]}" ] && _GET[filtertype]="any"
-
-case $PROFILE in
-medical)
-  view_card=${0%/*}/view_client.sh
-  edit_card=${0%/*}/edit_client.sh
-  _GET[order]="${_GET[order]:-lastname}"
-  profile_medical=x
-;;
-circus)
-  view_card=${0%/*}/view_attendee.sh
-  edit_card=${0%/*}/edit_attendee.sh
-  _GET[order]="${_GET[order]:-firstname}"
-  profile_circus=x
-;;
-esac
-
 cat <<EOF
 <form class="filter" action="?action=filter_card" method="POST">
   <h1>$(l10n filter_label)</h1>
   <input type="hidden" name="page" value="cards"/>
-  <input type="text" name="filter" value="$_GET["filter"]" placeholder="$(l10n filter_placeholder)"/>
-  <br />
-  <fieldset>
-  <legend>$(l10n filter_type):</legend>
-    <label><input type="radio" name="filtertype" value="any"       $(check_type any)      >$(l10n filter_all)</label>
-    <label><input type="radio" name="filtertype" value="name"      $(check_type name)     >$(l10n filter_name)</label>
-    <label><input type="radio" name="filtertype" value="street"    $(check_type street)   >$(l10n filter_street)</label>
-    <label><input type="radio" name="filtertype" value="zip"       $(check_type zip)      >$(l10n filter_zip)</label>
-    <label><input type="radio" name="filtertype" value="telephone" $(check_type telephone)>$(l10n filter_phone)</label>
-    <label><input type="radio" name="filtertype" value="birth"     $(check_type birth)    >$(l10n filter_birthyear)</label>
+  <fieldset class="item">
+  <legend>$(l10n filter_item):</legend>
+    <input  id="any" type="radio" name="filtertype" value="any" $(check_type any)>
+    <label for="any" >$(l10n filter_all)</label>
+
+    <input  id="name" type="radio" name="filtertype" value="name" $(check_type name)>
+    <label for="name">$(l10n filter_name)</label>
+
+    <input  id="street" type="radio" name="filtertype" value="street" $(check_type street)>
+    <label for="street">$(l10n filter_street)</label>
+
+    <input  id="zip" type="radio" name="filtertype" value="zip" $(check_type zip)>
+    <label for="zip">$(l10n filter_zip)</label>
+
+    <input  id="telephone" type="radio" name="filtertype" value="telephone" $(check_type telephone)>
+    <label for="telephone">$(l10n filter_phone)</label>
+
+    <input  id="birth" type="radio" name="filtertype" value="birth" $(check_type birth)>
+    <label for="birth">$(l10n filter_birthyear)</label>
+
     ${profile_circus:+
-    <label><input type="radio" name="filtertype" value="course"    $(check_type course)   >$(l10n filter_course)</label>
+    <input  id="course" type="radio" name="filtertype" value="course" $(check_type course)>
+    <label for="course">$(l10n filter_course)</label>
     }
+
+    <input type="text" name="filter" value="${_GET[filter]}" placeholder="$(l10n filter_placeholder)"/>
   </fieldset>
-  <fieldset>
+
+  <fieldset class="order">
     <legend>$(l10n filter_order):</legend>
     <label><input type="radio" name="order" value="firstname" $(check_order firstname)>$(l10n filter_firstname)</label>
     <label><input type="radio" name="order" value="lastname"  $(check_order lastname) >$(l10n filter_lastname)</label>