{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "Assign MongoDB User" %} - Eenos{% endblock %}
{% block content %}
<div class="eenos-page-header flex-wrap gap-3"><div><h1 class="eenos-page-title">{% translate "Assign User to Database" %}</h1><div class="eenos-page-subtitle">{% translate "Grant a MongoDB user access to a database on the same server." %}</div></div><div class="col-12 col-sm-auto"><a href="{% url 'mongodb_dbs' %}" class="btn btn-outline-primary d-flex align-items-center justify-content-center gap-2 w-100"><i data-lucide="database"></i>{% translate "MongoDB Databases" %}</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 "Assign User to Database" %}</span></nav>
{% include "includes/form_alerts.html" %}
<div class="eenos-amber-notice eenos-amber-notice-warning mb-4" role="alert"><div class="eenos-amber-notice-icon"><i data-lucide="server"></i></div><div class="eenos-amber-notice-content"><div class="eenos-amber-notice-title">{% translate "Same server required" %}</div><div class="eenos-amber-notice-text">{% translate "The selected user and database must be hosted on the same MongoDB server." %}</div></div></div>
<form method="post" id="mongodbAssignmentForm" class="eenos-form" data-parsley-validate>
{% csrf_token %}
<input type="hidden" name="user" value="{{ user }}" class="myuser">
<input type="hidden" name="assign_user" id="assignuser">
<div class="eenos-card">
<div class="eenos-card-header"><div><h2 class="eenos-card-title">{% translate "Database Access" %}</h2><p class="eenos-card-subtitle">{% translate "Select the database and MongoDB user." %}</p></div><div class="eenos-card-action-icon"><i data-lucide="user-round-cog"></i></div></div>
<div class="row g-4">
<div class="col-12 col-lg-6"><label class="form-label" for="assignDatabase">{% translate "Database" %}</label><select class="form-select eenos-select-search" id="assignDatabase" name="db" required data-parsley-required-message="{% translate 'Please select a database.' %}"><option value="">{% translate "Select database" %}</option>{% for database, settings in dbs.items %}<option value="{{ database }}">{{ database }} ({{ settings.host }})</option>{% endfor %}</select></div>
<div class="w-100"></div>
<div class="col-12 col-lg-6"><label class="form-label" for="assignDatabaseUser">{% translate "Database User" %}</label><select class="form-select eenos-select-search" id="assignDatabaseUser" name="dbuser" required data-parsley-required-message="{% translate 'Please select a database user.' %}"><option value="">{% translate "Select database user" %}</option>{% for dbuser, settings in users.items %}<option value="{{ dbuser }}">{{ dbuser }} ({{ settings.host }})</option>{% endfor %}</select></div>
<div class="w-100"></div>
<div class="col-12 col-xl-8"><fieldset><legend class="form-label">{% translate "Database Role" %}</legend><div class="d-grid gap-3">
<div class="form-check"><input class="form-check-input" type="radio" name="grant" value="dbOwner" id="mongoRoleOwner" required checked data-parsley-required-message="{% translate 'Please select a MongoDB database role.' %}"><label class="form-check-label" for="mongoRoleOwner"><strong>dbOwner</strong> <span class="badge eenos-badge-neutral ms-1">{% translate "Default" %}</span><span class="d-block text-muted small">{% translate "Combines readWrite, dbAdmin, and userAdmin privileges." %}</span></label></div>
<div class="form-check"><input class="form-check-input" type="radio" name="grant" value="read" id="mongoRoleRead"><label class="form-check-label" for="mongoRoleRead"><strong>read</strong><span class="d-block text-muted small">{% translate "Read data from all non-system collections." %}</span></label></div>
<div class="form-check"><input class="form-check-input" type="radio" name="grant" value="readWrite" id="mongoRoleReadWrite"><label class="form-check-label" for="mongoRoleReadWrite"><strong>readWrite</strong><span class="d-block text-muted small">{% translate "Read and modify data in all non-system collections." %}</span></label></div>
<div class="form-check"><input class="form-check-input" type="radio" name="grant" value="dbAdmin" id="mongoRoleAdmin"><label class="form-check-label" for="mongoRoleAdmin"><strong>dbAdmin</strong><span class="d-block text-muted small">{% translate "Perform schema, indexing, and statistics administration tasks." %}</span></label></div>
</div></fieldset></div>
</div></div>
<div class="d-flex flex-column flex-sm-row gap-2 mt-3"><button type="button" id="reviewMongodbAssignment" class="btn btn-primary"><i data-lucide="user-check"></i>{% translate "Assign User" %}</button><a href="{% url 'mongodb_dbs' %}" class="btn btn-outline-secondary"><i data-lucide="arrow-left"></i>{% translate "Go Back" %}</a></div>
</form>
<div class="modal fade" id="assignMongodbUserModal" tabindex="-1" aria-labelledby="assignMongodbUserTitle" 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="assignMongodbUserTitle"><i data-lucide="user-check"></i>{% translate "Grant Database Access" %}</h2><div class="small text-muted mt-1">{% translate "Review the user and database before continuing." %}</div></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate 'Close' %}"></button></div>
<div class="modal-body">
<div class="d-grid gap-3 mb-4">
<div class="eenos-modal-info"><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="mongodbAssignmentUser"></div></div></div>
<div class="eenos-modal-info"><div class="eenos-modal-info-icon"><i data-lucide="database"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Database" %}</div><div class="eenos-modal-info-value font-monospace" id="mongodbAssignmentDatabase"></div></div></div>
<div class="eenos-modal-info"><div class="eenos-modal-info-icon"><i data-lucide="shield-check"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Database role" %}</div><div class="eenos-modal-info-value font-monospace" id="mongodbAssignmentRole"></div></div></div>
</div>
<div class="eenos-amber-notice eenos-amber-notice-warning mb-0" role="alert"><div class="eenos-amber-notice-icon"><i data-lucide="triangle-alert"></i></div><div class="eenos-amber-notice-content"><div class="eenos-amber-notice-title">{% translate "Database access will be granted" %}</div><div class="eenos-amber-notice-text">{% translate "The user will immediately receive access to this MongoDB database." %}</div></div></div>
</div>
<div class="modal-footer"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"><i data-lucide="arrow-left"></i>{% translate "Review Selection" %}</button><button type="button" id="confirmMongodbAssignment" class="btn btn-primary"><i data-lucide="user-check"></i>{% translate "Grant Access" %}</button></div>
</div></div></div>
{% endblock %}
{% block extra_js %}<script>
(function($){"use strict";$(function(){
const form=$("#mongodbAssignmentForm");
$("#reviewMongodbAssignment").on("click",function(){const validator=form.parsley();validator.validate();if(!validator.isValid())return;$("#mongodbAssignmentUser").text($("#assignDatabaseUser").val());$("#mongodbAssignmentDatabase").text($("#assignDatabase").val());$("#mongodbAssignmentRole").text($("input[name=grant]:checked").val());bootstrap.Modal.getOrCreateInstance(document.getElementById("assignMongodbUserModal")).show()});
$("#confirmMongodbAssignment").on("click",function(){$("#assignuser").val("yes");document.getElementById("mongodbAssignmentForm").submit()});
})})(jQuery);
</script>{% endblock %}