Refine the Add package modal form #131

Signed-off-by: tdruez <[email protected]>
aboutcode-org · Jun 11, 2024 · cdbae00 · cdbae00
1 parent ee048f7
commit cdbae00
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/component_catalog/templates/component_catalog/includes/add_package_modal.html b/component_catalog/templates/component_catalog/includes/add_package_modal.html
@@ -10,19 +10,21 @@ <h5 class="modal-title">Add Package</h5>
       <form id="package-add-form" method="post" data-add-url="{% url "component_catalog:package_add_urls" %}">{% csrf_token %}
         <div class="modal-body bg-body-tertiary">
           <div>
-            <label for="download-urls" class="form-label">Download URL(s)</label>
-            <textarea class="form-control" id="download-urls" aria-describedby="download-urls-help" placeholder="https://..."></textarea>
+            <label for="download-urls" class="form-label">Download URL(s) and/or Package URL(s)</label>
+            <textarea class="form-control" id="download-urls" aria-describedby="download-urls-help" placeholder="https://&#10;pkg:"></textarea>
             <small id="download-urls-help" class="form-text text-muted">
-              Enter the download URL for obtaining the package.<br>
+              Enter the download URL(s) or Package URL(s) of your packages.<br><br>
               You can provide multiple URLs separated by a new-line.<br>
               A download URL is one that will immediately initiate the download of a software package if you click it on a browser page or paste it into a browser address field.<br><br>
               Note that this feature is intended only for <strong>publicly available open source packages</strong>, not your private code.<br>
               DejaCode will automatically collect the <code>filename</code>, <code>sha1</code>, <code>md5</code>, and <code>size</code> and apply them to the package definition.
             </small>
             {% if user.dataspace.enable_package_scanning %}
-              <small class="form-text text-muted mt-3">
-                <strong>Package scanning is enabled in your Dataspace</strong>, DejaCode will also submit the package to ScanCode.io and the results will be returned to the "Scan" detail tab of the package when that scan is complete.
-              </small>
+              <div class="mt-3">
+                <small class="form-text text-muted mt-3">
+                  <strong>Package scanning is enabled in your Dataspace</strong>, DejaCode will also submit the package to ScanCode.io and the results will be returned to the "Scan" detail tab of the package when that scan is complete.
+                </small>
+              </div>
             {% endif %}
             <div id="package-add-error" class="alert alert-danger mt-3" role="alert" style="display: none;"></div>
           </div>