styling for course page

[confetti] / courses / widgets.sh

diff --git a/courses/widgets.sh b/courses/widgets.sh
index ec0acc2207370449ede9e04c8ed9b84c39b73a9b..6123aa0923d70801f4a7cfbf3619d4668cf18679 100755 (executable)
--- a/courses/widgets.sh
+++ b/courses/widgets.sh
@@ -25,9 +25,10 @@ order="$(GET o |grep -m1 -xE 'DOW|TOD')"
 w_sort_courses(){
   cat <<-EOF
        [form .sort .search action="?" method="GET"
-         [span .label $(l10n sort_order):]
-         [radio "order" "DOW" $(check $order DOW) $(l10n order_DOW)]
-         [radio "order" "TOD" $(check $order TOD) $(l10n order_TOD)]
+          [fieldset .order [legend $(l10n sort_order):]
+           [radio "order" "DOW" $(check $order DOW) $(l10n order_DOW)]
+           [radio "order" "TOD" $(check $order TOD) $(l10n order_TOD)]
+          ]
          [submit "" "" $(l10n order_apply)]
        ]
        EOF
@@ -56,7 +57,7 @@ cal_item(){
         ;;
       DTSTART)
         printf '[span .text .DTSTART %s %s ]' \
-               "$(date -d "$(pdi_value "$course" DTSTART |cal_date)" '+%A %B %d, %Y - %H:%M')" \
+               "$(LANG=de_DE.UTF-8 date -d "$(pdi_value "$course" DTSTART |cal_date)" '+%A, %d. %B %Y - %H:%M')" \
                "$(l10n t_oclock)"
         ;;
       RRULE)
@@ -148,7 +149,7 @@ edit_item(){
        done 2>/dev/null
        )]
        ]
-       [span .DTSTIME $(l10n time):]
+       [label .DTSTIME $(l10n time):]
        [input type="number" name="DTS_HOUR" value="$hhstart" min="0" max="23"]:[input type="number" name="DTS_MINUTE" value="$mmstart" min="0" max="59"]
        EOF
         ;;
@@ -179,16 +180,16 @@ edit_item(){
           printf '  [option value="%s" %s . %s]\n' "$f" "$(selected $f "$rr_freq")" "$(l10n $f)"
         done)
        ]]
-       [span .item [input type="radio" name="RRULE_LIMIT" value="ETERN" $(checked "$rr_limit" ETERN) . $(l10n t_eternal)][br]]
-       [span .item
-       [input type="radio" name="RRULE_LIMIT" value="COUNT" $(checked "$rr_limit" COUNT)]
-       [input type="number" .RRULE .COUNT name="RRULE_COUNT" placeholder="#N" value="${rr_count:-1}" min="1"] $(l10n t_times)
+       [label .item [input type="radio" name="RRULE_LIMIT" value="ETERN" $(checked "$rr_limit" ETERN)] $(l10n t_eternal)]
+       [label .item
+         [input type="radio" name="RRULE_LIMIT" value="COUNT" $(checked "$rr_limit" COUNT)]
+         [input type="number" .RRULE .COUNT name="RRULE_COUNT" placeholder="#N" value="${rr_count:-1}" min="1"] $(l10n t_times)
        ]
-       [span .item
-       [input type="radio" name="RRULE_LIMIT" value="UNTIL" $(checked "$rr_limit" UNTIL) . $(l10n t_until)]
-       [input type="number" .RRULE .UYEAR name="RRULE_UYEAR" placeholder="$(l10n YYYY)" value="${rr_uyear:-$ystart}" min="$ystart"]
-       [input type="number" .RRULE .UMONTH name="RRULE_UMONTH" placeholder="$(l10n MM)" value="${rr_umonth:-$mstart}" min="1" max="12"]
-       [input type="number" .RRULE .UDAY name="RRULE_UDAY" placeholder="$(l10n DD)" value="${rr_uday:-$dstart}" min="1" max="31"]
+       [label .item
+         [input type="radio" name="RRULE_LIMIT" value="UNTIL" $(checked "$rr_limit" UNTIL)] $(l10n t_until)
+         [input type="number" .RRULE .UYEAR name="RRULE_UYEAR" placeholder="$(l10n YYYY)" value="${rr_uyear:-$ystart}" min="$ystart"]
+         [input type="number" .RRULE .UMONTH name="RRULE_UMONTH" placeholder="$(l10n MM)" value="${rr_umonth:-$mstart}" min="1" max="12"]
+         [input type="number" .RRULE .UDAY name="RRULE_UDAY" placeholder="$(l10n DD)" value="${rr_uday:-$dstart}" min="1" max="31"]
        ]
        EOF
         ;;
@@ -204,15 +205,17 @@ edit_item(){
         ;;
       attendance)
         printf '[h3 %s]' "$(l10n course_attendance)"
+        printf '[div .attendance\n'
         for vcf in "$_DATA"/vcard/*.vcf; do
           fn="$(pdi_value "$(pdi_load "$vcf")" FN)"
           printf '%s/%s\n' "${vcf##*/}" "$fn"
         done \
         | sort -t/ -k2 \
         | while IFS=/ read -r vcf fn; do
-          printf '[label [input type="checkbox" .item name="attendance" value="%s" %s] %s]' \
-                 "$vcf" "$(grep -qxF "${coursefile##*/}        $vcf" "$_DATA/mappings/attendance" && printf 'checked="checked"')" "$fn"
+          printf '[span .item [input type="checkbox" id="att%s" name="attendance" value="%s" %s][label for="att%s" . %s]]' \
+                 "$vcf" "$vcf" "$(grep -qxF "${coursefile##*/} $vcf" "$_DATA/mappings/attendance" && printf 'checked="checked"')" "$vcf" "$fn"
         done
+        printf ']'
         ;;
       SUMMARY)
         printf '[h3 %s]' "$(l10n "$item")"