nautobot 2.4.6__py3-none-any.whl → 2.4.7__py3-none-any.whl

nautobot/project-static/docs/user-guide/platform-functionality/users/token.html

@@ -9288,8 +9288,6 @@
     
       <script src="../../../assets/javascripts/bundle.60a45f97.min.js"></script>
       
-        <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
-      
     
   <script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
 document$.subscribe(() => { lightbox.reload() });

nautobot/project-static/docs/user-guide/platform-functionality/webhook.html

@@ -9619,8 +9619,6 @@ Instead of using the built-in webhook receiver, you can test webhooks with exter
     
       <script src="../../assets/javascripts/bundle.60a45f97.min.js"></script>
       
-        <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
-      
     
   <script id="init-glightbox">const lightbox = GLightbox({"touchNavigation": true, "loop": false, "zoomable": true, "draggable": true, "openEffect": "zoom", "closeEffect": "zoom", "slideEffect": "slide"});
 document$.subscribe(() => { lightbox.reload() });

nautobot/project-static/js/forms.js

@@ -86,43 +86,93 @@ function initializeCheckboxes(context){
     });
 }
 
-function initializeSlugField(context){
-    this_context = $(context);
-    var slug_field = this_context.find('#id_slug');
+function repopulateAutoField(context, targetField, sourceFields, maxLength, transformValue = null){
+   const newValues = sourceFields.map(function(sourceFieldName){
+        const sourceFieldId = `id_${sourceFieldName}`;
+        return context.getElementById(sourceFieldId).value;
+    })
+
+    const newValue = newValues.join(" ")
+    if(transformValue){
+        targetField.value = transformValue(newValue, maxLength)
+    } else {
+        targetField.value = newValue.slice(0, maxLength)
+    }
+}
+
+function repopulateIfChanged(targetField, repopulate){
+    if(targetField.dataset.manuallyChanged === 'true'){
+        return;
+    }
+    repopulate()
+}
+
+function watchManualChanges(field){
+    field.dataset.manuallyChanged = Boolean(field.value)
+    field.addEventListener('change', function(){
+        field.dataset.manuallyChanged = Boolean(field.value)
+    })
+}
+
+function watchSourceFields(context, targetField, sourceFields, repopulate){
+    // Watch for any changes in source fields to regenerate the target field
+    sourceFields.forEach(function(sourceFieldName){
+        const sourceFieldId = `id_${sourceFieldName}`;
+        const sourceField = context.getElementById(sourceFieldId);
+        const onFieldUpdate = function(){ repopulateIfChanged(targetField, repopulate)}
+        sourceField.addEventListener('keyup', onFieldUpdate)
+        sourceField.addEventListener('change', onFieldUpdate)
+    })
+}
+
+function watchRegenerateButton(context, targetField, repopulate){
+    // If user clicks the "regenerate" button, set target field to be auto-populate again
+    const regenerateButton = context.querySelector(`[data-regenerate=${targetField.getAttribute('id')}]`)
+    regenerateButton.addEventListener('click', repopulate)
+}
+
+function getSlugField(context){
+    const slugField = context.getElementById("id_slug");
+    if(slugField){
+        return slugField
+    }
     // If id_slug field is not to be found
-    // check if it is rename to key field like what we did for CustomField and Relationship
-    if (slug_field.length == 0) {
-        slug_field = this_context.find('#id_key');
+    // check if it is renamed to key field like what we did for CustomField and Relationship
+    return context.getElementById("id_key");
+}
+
+function initializeAutoField(context, field, sourceFieldsAttrName, defaultMaxLength = 255, transformValue = null){
+    // Get source fields and length values set as html attributes on given field
+    const sourceFields = field.getAttribute(sourceFieldsAttrName).split(" ");
+    const length = field.getAttribute('maxlength') || defaultMaxLength
+
+    // Prepare repopulate function with custom source fields and length set on this field
+    const repopulateField = function() {
+        repopulateAutoField(context, field, sourceFields, length, transformValue)
     }
-    if (slug_field.length != 0) {
-        var slug_source_arr = slug_field.attr('slug-source').split(" ");
-        var slug_length = slug_field.attr('maxlength');
-        slug_field.attr('_changed', Boolean(slug_field.val()));
-        slug_field.change(function() {
-            $(this).attr('_changed', Boolean($(this).val()));
-        });
-        function reslugify() {
-            let slug_str = "";
-            for (slug_source_str of slug_source_arr) {
-                if (slug_str != "") {
-                    slug_str += " ";
-                }
-                let slug_source = $('#id_' + slug_source_str);
-                slug_str += slug_source.val();
-            }
-            slug_field.val(slugify(slug_str, (slug_length ? slug_length : 100)));
-        };
-
-        for (slug_source_str of slug_source_arr) {
-            let slug_source = $('#id_' + slug_source_str);
-            slug_source.on('keyup change', function() {
-                if (slug_field && slug_field.attr('_changed')=="false") {
-                    reslugify();
-                }
-            });
-        }
-        this_context.find('button.reslugify').click(reslugify);
+    watchSourceFields(context, field, sourceFields, repopulateField);
+    watchRegenerateButton(context, field, repopulateField);
+    watchManualChanges(field);
+}
+
+function initializeSlugField(context){
+    // Function to support slug fields auto-populate and slugify logic
+    const vanilla_context = context[0] // jsify form passes jquery context
+    const slugField = getSlugField(vanilla_context)
+    if(!slugField){
+        return
     }
+    initializeAutoField(vanilla_context, slugField, 'slug-source', 100, slugify);
+}
+
+function initializeAutoPopulateField(context){
+    // Function to support other auto-populate fields like position for Device Module Bay
+    const vanilla_context = context[0] // jsify form passes jquery context
+    const fields = vanilla_context.querySelectorAll('[data-autopopulate]');
+
+    fields.forEach(function(field){
+        initializeAutoField(vanilla_context, field, 'source');
+    })
 }
 
 function initializeFormActionClick(context){
@@ -887,10 +937,11 @@ function replaceEl(replaced_el, replacing_el) {
 }
 
 function initializeInputs(context) {
-    this_context = $(context);
+    const this_context = $(context);
     initializeStaticChoiceSelection(this_context)
     initializeCheckboxes(this_context)
     initializeSlugField(this_context)
+    initializeAutoPopulateField(this_context)
     initializeFormActionClick(this_context)
     initializeBulkEditNullification(this_context)
     initializeColorPicker(this_context)
@@ -905,7 +956,7 @@ function initializeInputs(context) {
     initializeMultiValueChar(this_context)
 
     $(this_context).find(".modal").each(function() {
-        this_modal = $(this)
+        const this_modal = $(this)
         initializeStaticChoiceSelection(this_modal, this_modal)
         initializeColorPicker(this_modal, this_modal)
         initializeDynamicChoiceSelection(this_modal, this_modal)
@@ -915,7 +966,7 @@ function initializeInputs(context) {
 }
 
 function jsify_form(context) {
-    this_context = $(context);
+    const this_context = $(context);
     // Pagination
     initializeInputs(this_context)
 }

nautobot/project-static/js/homepage_layout.js

@@ -52,9 +52,18 @@ document.addEventListener("DOMContentLoaded", function() {
 
     // Function to handle the start of a drag event
     function handleDragStart(e) {
-        e.dataTransfer.clearData("text/plain");
-        e.dataTransfer.setData("text/plain", e.target.id);
-        e.target.classList.add("dragging");
+
+        // Get the element the user clicked on
+        const clickedElement = document.elementFromPoint(e.clientX, e.clientY);
+
+        // Only allow drag if the handle is in the panel-heading
+        if (!clickedElement || !clickedElement.closest(".panel-heading")) {
+            e.preventDefault();
+            return;
+        }
+            e.dataTransfer.clearData("text/plain");
+            e.dataTransfer.setData("text/plain", e.target.id);
+            e.target.classList.add("dragging");
     }
 
     function handleDragEnd(e) {

{nautobot-2.4.6.dist-info → nautobot-2.4.7.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: nautobot
-Version: 2.4.6
+Version: 2.4.7
 Summary: Source of truth and network automation platform.
 Home-page: https://nautobot.com
 License: Apache-2.0