customer view UI
authorIvan Kohler <ivan@freeside.biz>
Tue, 19 May 2015 04:17:44 +0000 (21:17 -0700)
committerIvan Kohler <ivan@freeside.biz>
Tue, 19 May 2015 04:17:44 +0000 (21:17 -0700)
httemplate/elements/change_history_common.html
httemplate/elements/freeside.css
httemplate/elements/quotations.html
httemplate/elements/table-tickets.html
httemplate/view/cust_main/appointments.html
httemplate/view/cust_main/contacts_new.html
httemplate/view/cust_main/notes/notes.html
httemplate/view/cust_main/packages/section.html
httemplate/view/cust_main/payment_history.html

index 7d4bd10..e228e65 100644 (file)
@@ -3,6 +3,7 @@
 %   my $bgcolor2 = '#ffffff';
 %   my $bgcolor = '';
 
+<THEAD>
 <TR>
   <TH CLASS="grid" BGCOLOR="#cccccc">User</TH>
   <TH CLASS="grid" BGCOLOR="#cccccc">Date</TH>
@@ -14,6 +15,7 @@
   <TH CLASS="grid" BGCOLOR="#cccccc">Action</TH>
   <TH CLASS="grid" BGCOLOR="#cccccc">Description</TH>
 </TR>
+</THEAD>
 
 % foreach my $item ( @history ) {
 %   my $history_other = '';
index 1e2574f..4fd06a0 100644 (file)
@@ -240,23 +240,26 @@ div.fstabcontainer {
 }
 
 table.grid {
-  border: 1px solid #cccccc;  
-  -moz-box-shadow:  1px 1px 2px #666666;
-  -webkit-box-shadow:  1px 1px 2px #666666;
-  box-shadow: 1px 1px 2px #666666;
-  filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
+  border: 1px solid #999999;  
+  border-radius: 2px;
 }
 
 th, td {
   vertical-align: top;
 }
 
-th.grid {
+thead th.grid {
   padding-left: 3px;
   padding-right: 3px;
   padding-bottom: 2px;
   border: none;
   empty-cells: show;
+  font-weight:normal;
+  font-size:90%;
+  valign: bottom;
+  color: #666666;
+  background: #ffffff;
+  border-bottom: 1px solid #666666;
 }
 
 td.grid {
index 1d80a48..2af1016 100644 (file)
@@ -8,6 +8,7 @@
 %     my $bgcolor1 = '#eeeeee';
 %     my $bgcolor2 = '#ffffff';
 %     my $bgcolor = '';
+      <THEAD>
       <TR>
         <TH CLASS="grid" BGCOLOR="#cccccc">#</TH>
         <TH CLASS="grid" BGCOLOR="#cccccc"><% mt('Date') |h %></TH>
@@ -15,6 +16,7 @@
         <TH CLASS="grid" BGCOLOR="#cccccc"><% mt('Recurring') |h %></TH>
         <TH CLASS="grid" BGCOLOR="#cccccc"></TH>
       </TR>
+      </THEAD>
 %     foreach my $quotation (@quotations) {
 %       if ( $bgcolor eq $bgcolor1 ) {
 %         $bgcolor = $bgcolor2;
index f89f984..d722c9d 100644 (file)
@@ -5,11 +5,14 @@ View
 <A HREF="<% $res_link  %>"><% mt('resolved') |h %></A>
  <BR>
 
+% if ( @tickets ) {
+
 <& /elements/table-grid.html &>
 % my $bgcolor1 = '#eeeeee';
 %   my $bgcolor2 = '#ffffff';
 %   my $bgcolor = '';
 
+<THEAD>
 <TR>
   <TH CLASS="grid" BGCOLOR="#cccccc"><% mt('#') |h %></TH>
   <TH CLASS="grid" BGCOLOR="#cccccc"><% mt('Subject') |h %></TH>
@@ -26,6 +29,7 @@ View
   <TH CLASS="grid" BGCOLOR="#cccccc"><% mt('Service') |h %></TH>
 % }
 </TR>
+</THEAD>
 
 % foreach my $ticket ( @tickets ) {
 %     my $href = FS::TicketSystem->href_ticket($ticket->{id});
@@ -91,6 +95,8 @@ View
 
 % } 
 
+%}
+
 </TABLE>
 
 <%init>
index 9bec7b9..f8c1bb6 100644 (file)
 %# <A HREF="<% $res_link  %>"><% mt('resolved') |h %></A>
  <BR>
 
+%if ( @tickets ) {
 <& /elements/table-grid.html &>
 % my $bgcolor1 = '#eeeeee';
 %   my $bgcolor2 = '#ffffff';
 %   my $bgcolor = '';
 
+<THEAD>
 <TR>
   <TH CLASS="grid" BGCOLOR="#cccccc"><% mt('Type') |h %></TH>
   <TH CLASS="grid" BGCOLOR="#cccccc"><% mt('Date') |h %></TH>
   <TH CLASS="grid" BGCOLOR="#cccccc"><% mt('Status') |h %></TH>
   <TH CLASS="grid" BGCOLOR="#cccccc"><% mt('Owner') |h %></TH>
 </TR>
+</THEAD>
 
 % foreach my $ticket ( @tickets ) {
 %     my $href = FS::TicketSystem->href_ticket($ticket->{id});
@@ -69,7 +72,7 @@
 % } 
 
 </TABLE>
-
+%}
 <%init>
 
 my $cust_main = shift;
index 683841c..590409d 100644 (file)
@@ -1,11 +1,10 @@
+%if ( @cust_contacts ) {
 <BR>
 <FONT CLASS="fsinnerbox-title">Contacts</FONT>
 
 <& /elements/table-grid.html &>
-% my $bgcolor1 = '#eeeeee';
-%     my $bgcolor2 = '#ffffff';
-%     my $bgcolor = $bgcolor2;
-% my $th = '<TH CLASS="grid" ALIGN="left" BGCOLOR="#cccccc">';
+<THEAD>
+% my $th = '<TH CLASS="grid" ALIGN="left">';
 <TR>
   <%$th%>Type</TH>
   <%$th%>Contact</TH>
 % }
   <%$th%>Comment</TH>
 </TR>
+</THEAD>
 
+%   my $bgcolor1 = '#ffffff';
+%   my $bgcolor2 = '#eeeeee';
+%   my $bgcolor = $bgcolor2;
 %   foreach my $cust_contact ( @cust_contacts ) {
 %     my $contact = $cust_contact->contact;
 %     my $td = qq(<TD CLASS="grid" BGCOLOR="$bgcolor">);
@@ -59,6 +62,7 @@
 %      }
 %   }
 </TABLE>
+%}
 <%once>
 
 my @phone_type = qsearch({table=>'phone_type', order_by=>'weight'});
index fa45a68..b4ea87c 100644 (file)
@@ -89,6 +89,7 @@
                style="display:<% $display %>"
        >
        <& /elements/table-grid.html &>
+        <THEAD>
        <TR>
            <TH CLASS="grid" BGCOLOR="#cccccc"><% mt('Date') |h %></TH>
 %   if ( $conf->exists('cust_main_note-display_times') ) {
            <TH CLASS="grid" BGCOLOR="#cccccc">&nbsp;</TH>
 %   }
        </TR>
+        </THEAD>
 % $skipheader = (!$conf->exists('note-classes') || $conf->config('note-classes') < 2);
 % $last_classnum = $note->classnum;
 % }
index 7a85d6b..fe9f283 100755 (executable)
@@ -1,4 +1,5 @@
 % if ( @$packages ) { 
+<THEAD>
 <TR>
 % #my $width = $show_location ? 'WIDTH="25%"' : 'WIDTH="33%"';
   <TH CLASS="grid" BGCOLOR="#cccccc"><% mt('Package') |h %></TH>
@@ -8,6 +9,7 @@
   <TH CLASS="grid" BGCOLOR="#cccccc"><% mt('Services') |h %></TH>
 % }
 </TR>
+</THEAD>
 
 % #$FS::cust_pkg::DEBUG = 2;
 %   foreach my $cust_pkg (@$packages) {
index 171c29c..458469c 100644 (file)
@@ -28,6 +28,7 @@
 %   my $bgcolor2 = '#ffffff';
 %   my $bgcolor = '';
 
+<THEAD>
 <TR>
   <TH CLASS="grid" BGCOLOR="#cccccc"><% mt('Date') |h %></TH>
   <TH CLASS="grid" BGCOLOR="#cccccc"><% mt('Description') |h %></TH>
@@ -37,6 +38,7 @@
   <TH CLASS="grid" BGCOLOR="#cccccc"><FONT SIZE=-1><% mt('Refund') |h %></FONT></TH>
   <TH CLASS="grid" BGCOLOR="#cccccc"><FONT SIZE=-1><% mt('Balance') |h %></FONT></TH>
 </TR>
+</THEAD>
 
 %#display payment history