diff --git a/admin/src/admin/static/js/users.js b/admin/src/admin/static/js/users.js index efcea8b..d560da4 100644 --- a/admin/src/admin/static/js/users.js +++ b/admin/src/admin/static/js/users.js @@ -266,4 +266,87 @@ $(document).ready(function() { }}, ] } ); + + $template = $(".template-detail-users"); + + $('#users').find('tbody').on('click', 'td.details-control', function () { + var tr = $(this).closest('tr'); + var row = table.row( tr ); + + if ( row.child.isShown() ) { + // This row is already open - close it + row.child.hide(); + tr.removeClass('shown'); + } + else { + // Close other rows + if ( table.row( '.shown' ).length ) { + $('.details-control', table.row( '.shown' ).node()).click(); + } + // Open this row + row.child( addUserDetailPannel(row.data()) ).show(); + tr.addClass('shown'); + actionsUserDetail() + } + } ); + + function addUserDetailPannel ( d ) { + $newPanel = $template.clone(); + $newPanel.html(function(i, oldHtml){ + return oldHtml.replace(/d.id/g, d.id).replace(/d.username/g, d.username); + }); + return $newPanel + } + + function actionsUserDetail(){ + + $('.btn-passwd').on('click', function () { + var closest=$(this).closest("div").parent(); + var pk=closest.attr("data-pk"); + $("#modalPasswdUserForm")[0].reset(); + $('#modalPasswdUser').modal({ + backdrop: 'static', + keyboard: false + }).modal('show'); + $('#modalPasswdUserForm #id').val(pk); + }); + + $("#modalPasswdUser #send").on('click', function(e){ + var form = $('#modalPasswdUserForm'); + form.parsley().validate(); + if (form.parsley().isValid()){ + data=$('#modalPasswdUserForm').serializeObject(); + data['id']=$('#modalPasswdUserForm #id').val(); + console.log('Editing user password...') + console.log(data) + } + }); + + $('.btn-delete').on('click', function () { + var closest=$(this).closest("div").parent(); + var pk=closest.attr("data-pk"); + var username=closest.attr("data-username"); + console.log(username) + new PNotify({ + title: 'Confirmation Needed', + text: "Are you sure you want to delete the user: "+ username+"?", + hide: false, + opacity: 0.9, + confirm: { + confirm: true + }, + buttons: { + closer: false, + sticker: false + }, + history: { + history: false + }, + addclass: 'pnotify-center' + }).get().on('pnotify.confirm', function() { + console.log('Deleting user...') + }).on('pnotify.cancel', function() { + }); + }); + } }); \ No newline at end of file diff --git a/admin/src/admin/static/templates/pages/modals/users_modals.html b/admin/src/admin/static/templates/pages/modals/users_modals.html index 3253942..4bfdc49 100644 --- a/admin/src/admin/static/templates/pages/modals/users_modals.html +++ b/admin/src/admin/static/templates/pages/modals/users_modals.html @@ -98,3 +98,43 @@ +
diff --git a/admin/src/admin/static/templates/pages/users.html b/admin/src/admin/static/templates/pages/users.html index 0fd62fb..5bae15d 100644 --- a/admin/src/admin/static/templates/pages/users.html +++ b/admin/src/admin/static/templates/pages/users.html @@ -59,10 +59,11 @@ + {% include 'pages/modals/users_modals.html' %} + {% include 'pages/users_detail.html' %} -{% include 'pages/modals/users_modals.html' %} {% endblock %} diff --git a/admin/src/admin/static/templates/pages/users_detail.html b/admin/src/admin/static/templates/pages/users_detail.html index 603c325..3f048c3 100644 --- a/admin/src/admin/static/templates/pages/users_detail.html +++ b/admin/src/admin/static/templates/pages/users_detail.html @@ -1,113 +1,15 @@ -