top-button in card-view, display clients by last name

diff --git a/cards/cards.css b/cards/cards.css
index c227c601e3bda5e51cda9a2f789b8c489867a6f7..49efe390bb6a3b5ee4023e6ba36e8325ed984e66 100644 (file)
--- a/cards/cards.css
+++ b/cards/cards.css
@@ -101,17 +101,35 @@
 }
 
 .newcard {
+  position: sticky;
+  top: 0;
   display: block;
   border: solid 1px;
   margin: 1em 2em .5em 2em;
   padding: .5em;
   text-align: right;
   background: #EEF;
+  z-index: 1;
+}
+.newcard a[href="#top"] {
+  position: absolute;
+  left: .5em;
+  font-weight: bold;
+  text-decoration: none;
+  color: inherit;
+}
+.newcard a[href="#top"]:before {
+  content: '\2b06';
 }
 .newcard button {
   box-shadow: 0 0 .5ex #888;
 }
 
+.card-anchor {
+  position: relative;
+  height: 0;
+  top: -4em;
+}
 .card {
   display: block;
   position: relative;

diff --git a/cards/index.cgi b/cards/index.cgi
index 24f7a86e33c11bd3adefe79befbdaa97c744d8de..43f949c3a7fd256bec436c61b46988970c6958e2 100755 (executable)
--- a/cards/index.cgi
+++ b/cards/index.cgi
@@ -29,8 +29,9 @@ list_hi_companies(){
 { w_filter_diag
   printf '
   [form class="newcard" action="/cards/new_card.sh" method="POST"
+    [a href="#top" . %s]
     [button type="submit" %s]
-  ]' "$(l10n newcard)"
+  ]' "$(l10n top)" "$(l10n newcard)"
 
   [ "$edit" ] && edit_card "$edit"
   list_cards

diff --git a/cards/l10n.sh b/cards/l10n.sh
index b0930c1f5e6b4e878b6edd9b0f686b55c94a8ffe..f10007e92212e92286cad4992780043acc45355a 100755 (executable)
--- a/cards/l10n.sh
+++ b/cards/l10n.sh
@@ -93,6 +93,7 @@ l10n(){
     X-ZACK-JOINDATE_short)  printf %s "Anm.";;
     X-ZACK-LEAVEDATE_short) printf %s "Abm.";;
   
+    top) printf 'Seitenanfang';;
     edit) printf %s "Bearbeiten";;
     edit_categories) printf %s "Kategorien Bearbeiten";;
     vcf_export) printf %s "Vcard Exportieren";;

diff --git a/cards/list.sh b/cards/list.sh
index 12b4a9ebe28e0b8f936a33bbe2731255b49c8b86..9d5457ce2bdd5429259f34eaba4f78684f0e10bf 100755 (executable)
--- a/cards/list.sh
+++ b/cards/list.sh
@@ -13,7 +13,8 @@ edit_card(){
   else
     card="$(pdi_load "$tempfile")"
     cat <<-EOF
-       [form .card #${cardfile##*/} action="/cards/update_card.sh" method="POST"
+       [span .card-anchor #${cardfile##*/}]
+       [form .card action="/cards/update_card.sh" method="POST"
          [input type="hidden" name="tid" value="$(transid ${tempfile})"]
          [div .section .basic $(
            edit_item "$card" N GENDER
@@ -54,10 +55,19 @@ edit_card(){
 print_card(){
   local cardfile="$1"
   local card="$(pdi_load "$cardfile")"
+  local N1 N2 N3 N4 N5
+  IFS=\; read N1 N2 N3 N4 N5 <<-EOF
+       $(pdi_value "$card" N |pdi_unescape |HTML)
+       EOF
+
   cat <<-EOF
-    [div .card #${cardfile##*/}
-      [div .section .basic $(
-        card_item "$card" FN GENDER NICKNAME BDAY X-ZACK-JOINDATE X-ZACK-LEAVEDATE SOUND PHOTO LOGO
+    [span .card-anchor #${cardfile##*/}]
+    [div .card
+      [div .section .basic
+      [h2 .item .FN . $N4 $N1 $N5]
+      [span .item .firstname . $N2 $N3]
+      $(
+        card_item "$card" GENDER NICKNAME BDAY X-ZACK-JOINDATE X-ZACK-LEAVEDATE SOUND PHOTO LOGO
       )]
       [div .section .address   $(card_item "$card" ADR)]
       [div .section .phone     $(card_item "$card" TEL EMAL IMPP URL)]

diff --git a/index.cgi b/index.cgi
index 9d7d18f1f3e0a3bcb2652eaa51fd9c216d068381..0d85c87a1c13949361965d54ae42c2154a5e5551 100755 (executable)
--- a/index.cgi
+++ b/index.cgi
@@ -53,7 +53,7 @@ yield_page() {
          [link rel="stylesheet" type="text/css" href="%s"]
     ' "$style"
     printf '
-       ] [body class="%s"
+       ] [body #top class="%s"
     ' "$class"
     cat
     [ "$message" ] && printf '[p #message\n%s\n]' $(l10n "$message")