{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "MongoDB Users" %} - Eenos{% endblock %}
{% block content %}
<div class="eenos-page-header flex-wrap gap-3"><div><h1 class="eenos-page-title">{% translate "MongoDB Users" %}</h1><div class="eenos-page-subtitle">{% translate "Manage MongoDB database logins, passwords, and assignments." %}</div></div><div class="col-12 col-sm-auto d-flex flex-column flex-sm-row gap-2"><a href="{% url 'mongodb_add_user' %}" class="btn btn-outline-primary d-flex align-items-center justify-content-center gap-2"><i data-lucide="user-round-plus"></i>{% translate "Create MongoDB User" %}</a><a href="{% url 'mongodb_add_user_to_db' %}" class="btn btn-outline-secondary d-flex align-items-center justify-content-center gap-2"><i data-lucide="user-check"></i>{% translate "Assign User" %}</a></div></div>
<nav class="eenos-breadcrumb" aria-label="{% translate 'Breadcrumb' %}"><a href="{% url 'dashboard' %}">{% translate "Dashboard" %}</a><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span>{% translate "Databases" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span>{% translate "MongoDB" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span class="eenos-breadcrumb-current">{% translate "MongoDB Users" %}</span></nav>
{% include "includes/form_alerts.html" %}
<div class="eenos-card"><div class="eenos-card-header"><div><h2 class="eenos-card-title">{% translate "User Management" %}</h2></div><div class="eenos-card-action-icon"><i data-lucide="users"></i></div></div><div class="table-responsive"><table id="mongodbUsersTable" class="table align-middle w-100"><thead><tr><th>{% translate "Username" %}</th><th>{% translate "MongoDB Server" %}</th><th>{% translate "Assigned Databases" %}</th><th class="text-end">{% translate "Actions" %}</th></tr></thead></table></div></div>
<div class="modal fade" id="assignedDatabasesModal" tabindex="-1" aria-labelledby="assignedDatabasesTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered"><div class="modal-content">
<div class="modal-header"><div><h2 class="modal-title fs-5 d-flex align-items-center gap-2" id="assignedDatabasesTitle"><i data-lucide="database"></i>{% translate "Assigned Databases" %}</h2><div class="small text-muted mt-1">{% translate "Databases this MongoDB user can access." %}</div></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate 'Close' %}"></button></div>
<div class="modal-body">
<div class="eenos-modal-info mb-3"><div class="eenos-modal-info-icon"><i data-lucide="user"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "MongoDB user" %}</div><div class="eenos-modal-info-value font-monospace" id="assignedDatabaseUser"></div></div></div>
<div class="small fw-semibold text-muted text-uppercase mb-2" id="assignedDatabaseCount"></div>
<div class="list-group" id="assignedDatabaseList"></div>
</div>
<div class="modal-footer"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"><i data-lucide="x"></i>{% translate "Close" %}</button></div>
</div></div></div>
<div class="modal fade" id="mongodbPasswordModal" tabindex="-1" aria-labelledby="mongodbPasswordTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered"><form method="post" id="mongodbPasswordForm" class="modal-content eenos-form" data-parsley-validate>{% csrf_token %}
<input type="hidden" name="change_user_password" value="yes"><input type="hidden" name="dbuser" id="passwordMongodbUser">
<div class="modal-header"><div><h2 class="modal-title fs-5 d-flex align-items-center gap-2" id="mongodbPasswordTitle"><i data-lucide="key-round"></i>{% translate "Change MongoDB Password" %}</h2><div class="small text-muted mt-1">{% translate "Replace the password used by this database login." %}</div></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate 'Close' %}"></button></div>
<div class="modal-body">
<div class="eenos-modal-info mb-4"><div class="eenos-modal-info-icon"><i data-lucide="user"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "MongoDB user" %}</div><div class="eenos-modal-info-value font-monospace" id="passwordMongodbLabel"></div></div></div>
<div class="eenos-amber-notice mb-4" role="status"><div class="eenos-amber-notice-icon"><i data-lucide="info"></i></div><div class="eenos-amber-notice-content"><div class="eenos-amber-notice-title">{% translate "Update connected applications" %}</div><div class="eenos-amber-notice-text">{% translate "Applications using the old password will stop connecting until their database configuration is updated." %}</div></div></div>
<label class="form-label" for="newMongodbPassword">{% translate "New Password" %}</label>
<div class="eenos-password-generator"><div class="input-group email-password-input-group"><div class="eenos-password-control"><input type="password" id="newMongodbPassword" class="form-control form-control-sm eenos-password-input" name="password" required minlength="8" autocomplete="new-password" placeholder="{% translate 'Enter a new password' %}" data-parsley-required-message="{% translate 'Please enter a new MongoDB password.' %}" data-parsley-minlength-message="{% translate 'The password must contain at least 8 characters.' %}"></div><button type="button" class="btn btn-sm btn-outline-secondary eenos-password-toggle" title="{% translate 'Show password' %}" aria-label="{% translate 'Show password' %}"><i data-lucide="eye"></i></button><button type="button" class="btn btn-sm btn-outline-primary eenos-password-generate" title="{% translate 'Generate secure password' %}" aria-label="{% translate 'Generate secure password' %}"><i data-lucide="wand-sparkles"></i><span class="d-none d-sm-inline">{% translate "Generate" %}</span></button></div><div class="eenos-password-strength mt-2"><div class="progress" style="height:5px"><div class="progress-bar eenos-password-strength-progress"></div></div><small class="eenos-password-strength-text text-muted"></small></div></div>
</div>
<div class="modal-footer"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"><i data-lucide="x"></i>{% translate "Cancel" %}</button><button type="submit" class="btn btn-primary"><i data-lucide="key-round"></i>{% translate "Change Password" %}</button></div>
</form></div></div>
<div class="modal fade" id="deleteMongodbUserModal" tabindex="-1" aria-labelledby="deleteMongodbUserTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered"><form method="post" class="modal-content">{% csrf_token %}
<input type="hidden" name="del_user" value="yes"><input type="hidden" name="dbuser" id="deleteMongodbUser">
<div class="modal-header"><div><h2 class="modal-title fs-5 d-flex align-items-center gap-2 text-danger" id="deleteMongodbUserTitle"><i data-lucide="user-x"></i>{% translate "Delete MongoDB User" %}</h2><div class="small text-muted mt-1">{% translate "Permanently remove this database login." %}</div></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate 'Close' %}"></button></div>
<div class="modal-body">
<div class="eenos-modal-info mb-4"><div class="eenos-modal-info-icon"><i data-lucide="user"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "MongoDB user selected for deletion" %}</div><div class="eenos-modal-info-value font-monospace" id="deleteMongodbUserLabel"></div></div></div>
<div class="eenos-notice eenos-notice-danger mb-3"><div class="eenos-notice-icon"><i data-lucide="triangle-alert"></i></div><div class="eenos-notice-content"><div class="eenos-notice-title">{% translate "This action cannot be undone" %}</div><div class="eenos-notice-text">{% translate "The login credentials and access permissions for this MongoDB user will be permanently removed." %}</div></div></div>
<div class="small text-muted d-flex align-items-start gap-2"><i data-lucide="info"></i><span>{% translate "Deleting the user does not delete any MongoDB databases or their stored data." %}</span></div>
</div>
<div class="modal-footer"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"><i data-lucide="x"></i>{% translate "Keep User" %}</button><button type="submit" class="btn btn-danger"><i data-lucide="user-x"></i>{% translate "Permanently Delete" %}</button></div>
</form></div></div>
{% endblock %}
{% block extra_js %}<script>
(function($){"use strict";$(function(){
const esc=v=>$("<div>").text(v==null?"":v).html(),decode=el=>JSON.parse(decodeURIComponent(el.dataset.row)),assignedDatabasesModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("assignedDatabasesModal")),passwordModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("mongodbPasswordModal")),deleteModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("deleteMongodbUserModal"));
const table=$("#mongodbUsersTable").DataTable({processing:true,autoWidth:false,ajax:{url:"{% url 'mongodb_users_data' %}",dataSrc:"data"},pageLength:25,lengthMenu:[[25,50,100,-1],[25,50,100,"{% translate 'All' %}"]],order:[[0,"asc"]],language:{lengthMenu:"{% translate '_MENU_ Rows per page' %}",loadingRecords:"&nbsp;",processing:"{% translate 'Loading...' %}",emptyTable:"{% translate 'No MongoDB users have been created.' %}",zeroRecords:"{% translate 'No matching users found.' %}"},responsive:{details:{renderer:DataTable.Responsive.renderer.listHiddenNodes()}},columns:[
{data:"username",responsivePriority:1,className:"text-nowrap",render:(v,t)=>t==="display"?'<div class="d-inline-flex align-items-center gap-2"><span class="d-inline-flex align-items-center gap-2 font-monospace fw-semibold"><i data-lucide="user"></i>'+esc(v)+'</span><button type="button" class="btn btn-sm btn-outline-secondary mongodb-copy-user" data-user="'+encodeURIComponent(v)+'" title="{% translate "Copy username" %}" aria-label="{% translate "Copy username" %}"><i data-lucide="copy"></i></button></div>':v},
{data:"host",responsivePriority:4,className:"text-nowrap",render:(v,t)=>t==="display"?'<span class="badge eenos-badge-neutral">'+esc(v||"—")+"</span>":v},
{data:"databases",responsivePriority:5,className:"text-nowrap",render:(v,t,row)=>{const databases=Array.isArray(v)?v:[];if(t!=="display")return databases.join(" ");const encoded=encodeURIComponent(JSON.stringify({username:row.username,databases:databases}));return'<div class="eenos-dt-actions justify-content-start flex-nowrap gap-2"><span class="badge eenos-badge-neutral">'+databases.length+'</span>'+(databases.length?'<button type="button" class="btn btn-sm btn-outline-primary text-nowrap view-assigned-databases" data-assignment="'+encoded+'" title="{% translate "View assigned databases" %}"><i data-lucide="database"></i><span>{% translate "View" %}</span></button>':"")+'</div>'}},
{data:null,orderable:false,searchable:false,responsivePriority:1,className:"text-end text-nowrap",render:(d,t,row)=>{if(t!=="display")return"";const encoded=encodeURIComponent(JSON.stringify(row));return'<div class="eenos-dt-actions justify-content-end"><button type="button" class="btn btn-sm btn-outline-primary mongodb-password" data-row="'+encoded+'" title="{% translate 'Change password' %}"><i data-lucide="key-round"></i></button>'+(row.actions.delete?'<button type="button" class="btn btn-sm btn-outline-danger mongodb-delete" data-row="'+encoded+'" title="{% translate 'Delete user' %}"><i data-lucide="trash-2"></i></button>':"")+"</div>"}}],drawCallback:()=>lucide.createIcons()});
table.on("responsive-display",()=>lucide.createIcons());
$(document).on("click",".mongodb-copy-user",async function(){const button=$(this),user=decodeURIComponent(this.dataset.user),copied=await window.EenosUapp.copyToClipboard(user);if(!copied)return;button.html('<i data-lucide="check"></i>').addClass("btn-outline-success").removeClass("btn-outline-secondary");lucide.createIcons();setTimeout(function(){button.html('<i data-lucide="copy"></i>').addClass("btn-outline-secondary").removeClass("btn-outline-success");lucide.createIcons()},1600)});
$(document).on("click",".view-assigned-databases",function(){const assignment=JSON.parse(decodeURIComponent(this.dataset.assignment)),list=$("#assignedDatabaseList").empty();$("#assignedDatabaseUser").text(assignment.username);$("#assignedDatabaseCount").text(assignment.databases.length===1?"{% translate '1 assigned database' %}":assignment.databases.length+" {% translate 'assigned databases' %}");assignment.databases.forEach(function(database){list.append('<div class="list-group-item d-flex align-items-center justify-content-between gap-3"><span class="d-flex align-items-center gap-2 min-w-0"><i data-lucide="database"></i><span class="font-monospace text-truncate">'+esc(database)+'</span><button type="button" class="btn btn-sm btn-outline-secondary copy-assigned-database flex-shrink-0" data-database="'+encodeURIComponent(database)+'" title="{% translate "Copy database name" %}" aria-label="{% translate "Copy database name" %}"><i data-lucide="copy"></i></button></span></div>')});lucide.createIcons();assignedDatabasesModal.show()});
$(document).on("click",".copy-assigned-database",async function(){const button=$(this),database=decodeURIComponent(this.dataset.database),copied=await window.EenosUapp.copyToClipboard(database);if(!copied)return;button.html('<i data-lucide="check"></i>').addClass("btn-outline-success").removeClass("btn-outline-secondary");lucide.createIcons();setTimeout(function(){button.html('<i data-lucide="copy"></i>').addClass("btn-outline-secondary").removeClass("btn-outline-success");lucide.createIcons()},1600)});
$(document).on("click",".mongodb-password",function(){const row=decode(this);$("#passwordMongodbUser").val(row.username);$("#passwordMongodbLabel").text(row.username);$("#newMongodbPassword").val("").trigger("input");$("#mongodbPasswordForm").parsley().reset();passwordModal.show()});
$(document).on("click",".mongodb-delete",function(){const row=decode(this);$("#deleteMongodbUser").val(row.username);$("#deleteMongodbUserLabel").text(row.username);deleteModal.show()});
$("#mongodbPasswordForm").on("submit",function(e){const validator=$(this).parsley();validator.validate();if(!validator.isValid())e.preventDefault()});
})})(jQuery);
</script>{% endblock %}