From d9cf29c510ecdb288ca99aee538ecb53aa9de198 Mon Sep 17 00:00:00 2001
From: Arnaud Bos <arnaud.tlse@gmail.com>
Date: Wed, 2 Nov 2011 00:46:05 +0100
Subject: [PATCH] First draft of fixing sidebar ugly hovering effect pointed in
 #51.

---
 budget/static/delete.png         | Bin 0 -> 4355 bytes
 budget/static/main.css           |  14 +++++
 budget/static/refresh.png        | Bin 0 -> 3846 bytes
 budget/templates/list_bills.html |  96 +++++++++++++++++++++++++------
 4 files changed, 92 insertions(+), 18 deletions(-)
 create mode 100644 budget/static/delete.png
 create mode 100644 budget/static/refresh.png

diff --git a/budget/static/delete.png b/budget/static/delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..a910d5a20ef238dcdd4a2aa86637aafcfed0adb9
GIT binary patch
literal 4355
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

literal 0
HcmV?d00001

diff --git a/budget/static/main.css b/budget/static/main.css
index f156fa8..3d3236f 100644
--- a/budget/static/main.css
+++ b/budget/static/main.css
@@ -139,3 +139,17 @@ div.topbar ul.secondary-nav { padding-right: 75px; }
 .delete img {
     height: 24px;
 }
+
+#overlay {
+    position:absolute;
+    background-color:#000000;
+    opacity:0.7;
+    display:none;
+    text-align: center;
+}
+
+#overlay-delete, #overlay-reactivate {
+    position:absolute;
+    cursor:pointer;
+    display:none;
+}
diff --git a/budget/static/refresh.png b/budget/static/refresh.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b815bf88dbabd67ba6336f6ce747e67bf66eded
GIT binary patch
literal 3846
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
IM6N<$f=SCW00000

literal 0
HcmV?d00001

diff --git a/budget/templates/list_bills.html b/budget/templates/list_bills.html
index b1d1c68..18b3637 100644
--- a/budget/templates/list_bills.html
+++ b/budget/templates/list_bills.html
@@ -33,24 +33,70 @@
     $('#hide-bill-form').click(hide_form);
     $('#cancel-form').click(hide_form);
 
-    // ask for confirmation before removing an user
-    $('a.remove').each(function(){
-        $(this).hide();
-        $(this).click(function(){
-            if ($(this).hasClass("confirm")){
-                return true;
-            }
-            $(this).html("{{_("you sure?")}}");
-            $(this).addClass("confirm");
-            return false;
-        });
-    });
+    var tr_id;
+    var id;
 
     // display the remove button on mouse over (and hide them per default)
-    $('.balance tr').hover(function(){
-        $(this).find('.remove').show();
-    }, function(){
-        $(this).find('.remove').hide();
+    $('.balance tr').hover(function()
+    {
+        tr_id = $(this).attr('id');
+
+        var index = tr_id.indexOf("-");
+        var action = tr_id.substring(0, index);
+        id = tr_id.substring(index+1);
+
+        var x = $(this).offset().left;
+        var y = $(this).offset().top;
+        var width = $(this).width();
+        var height = $(this).height();
+
+        $('#overlay').css({ "left":x+"px", "top":y+"px", "width":width+"px", "height":height+"px", "line-height":height+"px" }).show();
+
+        if(!$(this).hasClass("confirm"))
+        {
+            $('#overlay').html("");
+            if (action == 'delete')
+            {
+                $('#overlay-delete').css({ "left":(x+width/2-16)+"px", "top":(y+height/2-16)+"px" }).show();
+            }
+            else if (action == 'reactivate')
+            {
+                $('#overlay-reactivate').css({ "left":(x+width/2-16)+"px", "top":(y+height/2-16)+"px" }).show();
+            }
+        }
+        else
+        {
+            var url = "{{ url_for('.remove_member', member_id=id) }}";
+            url = url.substring(0, url.lastIndexOf('/'))+id+url.substring(url.lastIndexOf('/'));
+            $('#overlay').html("<a href='"+url+"' >{{_("you sure?")}}</a>");
+        }
+    });
+
+    // show confirm message before actually removing the member
+    $('#overlay-delete').click(function ()
+    {
+        $('#'+tr_id).addClass("confirm");
+        var url = "{{ url_for('.remove_member', member_id=id) }}";
+        url = url.substring(0, url.lastIndexOf('/'))+id+url.substring(url.lastIndexOf('/'));
+        $('#overlay').html("<a href='"+url+"' >{{_("you sure?")}}</a>");
+        $(this).hide();
+    });
+
+    // re-create reactivation url from hover-ed item and call it
+    $('#overlay-reactivate').click(function ()
+    {
+        var url = "{{ url_for('.reactivate', member_id=id) }}";
+        url = url.substring(0, url.lastIndexOf('/'))+id+url.substring(url.lastIndexOf('/'));
+        $(location).attr('href', url);
+    });
+
+    $('#overlay').hover(function()
+    {
+    }, function()
+    {
+        $('#overlay').hide();
+        $('#overlay-delete').hide();
+        $('#overlay-reactivate').hide();
     });
 
     $.datepicker.setDefaults({'dateFormat': 'yy-mm-dd'});
@@ -70,12 +116,11 @@
     {% set balance = g.project.balance %}
     {% for member in g.project.members %}
     {% if member.activated or balance[member.id] != 0 %}
-    <tr>
+    <tr id="{% if member.activated %}delete{% else %}reactivate{% endif %}-{{ member.id }}">
         <td>{{ member.name }}</td>
         <td class="{% if balance[member.id] > 0 %}positive{% elif balance[member.id] < 0 %}negative{% endif %}">
             {% if balance[member.id] > 0 %}+{% endif %}{{ balance[member.id] }}
         </td>
-        <td> {% if member.activated %}<a class="remove" href="{{ url_for(".remove_member", member_id=member.id) }}">{{ _("delete") }}</a>{% else %}<a href="{{ url_for(".reactivate", member_id=member.id) }}">{{ _("reactivate") }}</a>{% endif %}</td>
     </tr>
     {% endif %}
     {% endfor %}
@@ -83,6 +128,9 @@
     </div>
 
 </div>
+    <div id="overlay"></div>
+    <img id="overlay-delete" title="{{ _("delete") }}" src="{{ url_for("static", filename="delete.png") }}">
+    <img id="overlay-reactivate" title="{{ _("reactivate") }}" src="{{ url_for("static", filename="refresh.png") }}">
 {% endblock %}
 
 {% block content %}
@@ -121,6 +169,18 @@
     {% else %}
     <p>{{ _("Nothing to list yet. You probably want to") }} <a id="empty-new-bill" href="{{ url_for(".add_bill") }}">{{ _("add a bill") }}</a> ?</p>
     {% endif %}
+
+
+
+
+
+
+
+
+
+
+
+
 </div>
 <script>
         $("#sidebar").height( window.innerHeight-40 );