Merge pull request #74 from ADORSYS-GIS/53-design-the-user-interface-…

…for-input 53 design the user interface for input
ADORSYS-GIS · Nov 21, 2023 · 125f26f · 125f26f
2 parents ec0405b + 6ff007f
commit 125f26f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/docs/input-field.md b/docs/input-field.md
@@ -0,0 +1,9 @@
+## Design an input field that can accept multiple URLs
+    Visual Design: Use a text area element, which provides a multi-line input field, to allow users to enter URLs on separate lines.
+    Size: Adjust the rows and columns of the text area to provide sufficient space for entering multiple URLs.
+    Visual Design: Utilize a specialized input field that supports tags or tokens. Each URL entered by the user will be treated as a separate tag.
+    Tag Creation: Enable users to create tags by pressing Enter, comma, or a specific key. This allows users to enter multiple URLs sequentially.
+    Tag Removal: Provide a mechanism to remove tags if users make a mistake or want to delete a specific URL.
+    Validation: Implement validation logic to ensure that the entered URLs are properly formatted. Display error messages if the URLs are not valid.
+    Processing: Define a mechanism to process the entered URLs, similar to the text area approach.
+
diff --git a/mock-up project scrappier.png b/mock-up project scrappier.png
diff --git a/templates/input.html b/templates/input.html
@@ -22,9 +22,8 @@ <h2>Input Webpage URLs</h2>
 {% endblock %}
 
 {% block title %}
-    Input Webpages URLs
+    Input webpages URLs
 {% endblock %}
-
 <!-- Link to the external CSS file -->
 <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">