From f1210d116c03bbdc503ddeee386c3ac31f4762ff Mon Sep 17 00:00:00 2001
From: Yohann D'ANELLO <yohann.danello@gmail.com>
Date: Mon, 16 Mar 2020 12:26:41 +0100
Subject: [PATCH] Display balance and profile pic on transfer page
---
templates/note/transaction_form.html | 28 +++++++++++++++++++---------
1 file changed, 19 insertions(+), 9 deletions(-)
diff --git a/templates/note/transaction_form.html b/templates/note/transaction_form.html
index 90088fcc..eb85687e 100644
--- a/templates/note/transaction_form.html
+++ b/templates/note/transaction_form.html
@@ -31,7 +31,7 @@ SPDX-License-Identifier: GPL-2.0-or-later
</div>
<div class="row">
- <div class="col-md-6" id="emitters_div" style="display: none;">
+ <div class="col-md-4" id="emitters_div" style="display: none;">
<div class="card border-success shadow mb-4">
<div class="card-header">
<p class="card-text font-weight-bold">
@@ -48,7 +48,17 @@ SPDX-License-Identifier: GPL-2.0-or-later
</div>
</div>
- <div class="col-md-6" id="external_div" style="display: none;">
+ <div class="col-xl-4" id="note_infos_div">
+ <div class="card border-success shadow mb-4">
+ <img src="/media/pic/default.png"
+ id="profile_pic" alt="" class="img-fluid rounded mx-auto d-block">
+ <div class="card-body text-center">
+ <span id="user_note"></span>
+ </div>
+ </div>
+ </div>
+
+ <div class="col-md-4" id="external_div" style="display: none;">
<div class="card border-success shadow mb-4">
<div class="card-header">
<p class="card-text font-weight-bold">
@@ -90,7 +100,7 @@ SPDX-License-Identifier: GPL-2.0-or-later
</div>
</div>
- <div class="col-md-12" id="dests_div">
+ <div class="col-md-8" id="dests_div">
<div class="card border-info shadow mb-4">
<div class="card-header">
<p class="card-text font-weight-bold" id="dest_title">
@@ -168,9 +178,9 @@ SPDX-License-Identifier: GPL-2.0-or-later
$(document).ready(function() {
autoCompleteNote("source_note", "source_alias_matched", "source_note_list", sources, sources_notes_display,
- "source_alias", "source_note");
+ "source_alias", "source_note", "user_note", "profile_pic");
autoCompleteNote("dest_note", "dest_alias_matched", "dest_note_list", dests, dests_notes_display,
- "dest_alias", "dest_note", null, null, function() {
+ "dest_alias", "dest_note", "user_note", "profile_pic", function() {
let last = dests_notes_display[dests_notes_display.length - 1];
dests_notes_display.length = 0;
dests_notes_display.push(last);
@@ -189,28 +199,28 @@ SPDX-License-Identifier: GPL-2.0-or-later
$("#type_gift").click(function() {
$("#emitters_div").hide();
$("#external_div").hide();
- $("#dests_div").attr('class', 'col-md-12');
+ $("#dests_div").attr('class', 'col-md-8');
$("#dest_title").text("{% trans "Select receivers" %}");
});
$("#type_transfer").click(function() {
$("#emitters_div").show();
$("#external_div").hide();
- $("#dests_div").attr('class', 'col-md-6');
+ $("#dests_div").attr('class', 'col-md-4');
$("#dest_title").text("{% trans "Select receivers" %}");
});
$("#type_credit").click(function() {
$("#emitters_div").hide();
$("#external_div").show();
- $("#dests_div").attr('class', 'col-md-6');
+ $("#dests_div").attr('class', 'col-md-4');
$("#dest_title").text("{% trans "Credit note" %}");
});
$("#type_debit").click(function() {
$("#emitters_div").hide();
$("#external_div").show();
- $("#dests_div").attr('class', 'col-md-6');
+ $("#dests_div").attr('class', 'col-md-4');
$("#dest_title").text("{% trans "Debit note" %}");
});
--
GitLab