Auftrags-Controller: Icons f. Detailanzeige mit svg
authorBernd Bleßmann <bernd@kivitendo-premium.de>
Fri, 9 Dec 2016 20:15:22 +0000 (21:15 +0100)
committerBernd Bleßmann <bernd@kivitendo-premium.de>
Mon, 12 Dec 2016 08:57:02 +0000 (09:57 +0100)
Damit kann man besser treffen.
Ausserdem waren die +/- -Icons mehrdeutig (hinzufügen/entfernen).

css/kivitendo/main.css
css/lx-office-erp/main.css
image/collapse.svg [new file with mode: 0644]
image/expand.svg [new file with mode: 0644]
js/kivi.Order.js
templates/webpages/order/tabs/_row.html
templates/webpages/order/tabs/basic_data.html

index 26446b1..df43f05 100644 (file)
@@ -510,3 +510,10 @@ span.toggle_selected {
 .customer_dunning_level {
   font-weight: bold;
 }
+
+#expand_all, .expand {
+    cursor: pointer;
+    display: block;
+    max-width: 16px;
+    max-height: 16px;
+}
index b306e1e..90b5be5 100644 (file)
@@ -518,3 +518,9 @@ a.red {
        border:none;
 }
 
+#expand_all, .expand {
+    cursor: pointer;
+    display: block;
+    max-width: 16px;
+    max-height: 16px;
+}
diff --git a/image/collapse.svg b/image/collapse.svg
new file mode 100644 (file)
index 0000000..340b0e6
--- /dev/null
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="100" height="100">
+  <path id="corner" d="M100,50 L50,50 L50,100 Z"
+        stroke-width="0" stroke="#000000" fill="true"/>
+</svg>
diff --git a/image/expand.svg b/image/expand.svg
new file mode 100644 (file)
index 0000000..efbd11b
--- /dev/null
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="100" height="100">
+  <path id="corner" d="M100,100 L100,50 L50,100 Z"
+        stroke-width="0" stroke="#000000" fill="true"/>
+</svg>
index ef16ddc..5d891d5 100644 (file)
@@ -221,7 +221,7 @@ namespace('kivi.Order', function(ns) {
     $(row).children().not(':first').hide();
     $(row).data('expanded', 0);
     var elt = $(row).find('.expand');
-    elt.attr('src', "image/expand3.gif");
+    elt.attr('src', "image/expand.svg");
     elt.attr('alt', kivi.t8('Show details'));
     elt.attr('title', kivi.t8('Show details'));
   };
@@ -230,7 +230,7 @@ namespace('kivi.Order', function(ns) {
     $(row).children().not(':first').show();
     $(row).data('expanded', 1);
     var elt = $(row).find('.expand');
-    elt.attr('src', "image/collapse3.gif");
+    elt.attr('src', "image/collapse.svg");
     elt.attr('alt', kivi.t8('Hide details'));
     elt.attr('title', kivi.t8('Hide details'));
   };
@@ -550,7 +550,7 @@ $(function(){
     event.preventDefault();
     if ($('#expand_all').data('expanded') == 1) {
       $('#expand_all').data('expanded', 0);
-      $('#expand_all').attr('src', 'image/expand3.gif');
+      $('#expand_all').attr('src', 'image/expand.svg');
       $('#expand_all').attr('alt', kivi.t8('Show all details'));
       $('#expand_all').attr('title', kivi.t8('Show all details'));
       $('.row_entry').each(function(idx, elt) {
@@ -558,7 +558,7 @@ $(function(){
       });
     } else {
       $('#expand_all').data('expanded', 1);
-      $('#expand_all').attr('src', "image/collapse3.gif");
+      $('#expand_all').attr('src', "image/collapse.svg");
       $('#expand_all').attr('alt', kivi.t8('Hide all details'));
       $('#expand_all').attr('title', kivi.t8('Hide all details'));
       kivi.Order.load_all_second_rows();
index a681ded..89889c6 100644 (file)
@@ -7,10 +7,10 @@
   <tr>
     <td align="center">
       [%- IF MYCONFIG.show_form_details %]
-        [% L.img_tag(src="image/collapse3.gif",
+        [% L.img_tag(src="image/collapse.svg",
                      alt=LxERP.t8('Hide details'), title=LxERP.t8('Hide details'), class="expand") %]
       [%- ELSE %]
-        [% L.img_tag(src="image/expand3.gif",
+        [% L.img_tag(src="image/expand.svg",
                      alt=LxERP.t8('Show details'), title=LxERP.t8('Show details'), class="expand") %]
       [%- END %]
       [% L.hidden_tag("orderitem_ids[+]", ID) %]
index 46578ad..1a05537 100644 (file)
               <tr class="listheading">
                 <th class="listheading" style='text-align:center' nowrap width="1">
                   [%- IF MYCONFIG.show_form_details %]
-                    [%- L.img_tag(src="image/collapse3.gif", alt=LxERP.t8('Hide all details'), title=LxERP.t8('Hide all details'), id='expand_all', "data-expanded"="1") %]
+                    [%- L.img_tag(src="image/collapse.svg", alt=LxERP.t8('Hide all details'), title=LxERP.t8('Hide all details'), id='expand_all', "data-expanded"="1") %]
                   [%- ELSE %]
-                    [%- L.img_tag(src="image/expand3.gif", alt=LxERP.t8('Show all details'), title=LxERP.t8('Show all details'), id='expand_all') %]
+                    [%- L.img_tag(src="image/expand.svg", alt=LxERP.t8('Show all details'), title=LxERP.t8('Show all details'), id='expand_all') %]
                   [%- END %]
                 </th>
                 <th class="listheading" nowrap width="3" >[%- 'position'     | $T8 %] </th>