dropdown selects and title!!!

hexadecimalDinosaur · Oct 15, 2023 · f6d03d5 · f6d03d5
1 parent 72a2c6d
commit f6d03d5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/templates/base.html b/templates/base.html
@@ -4,7 +4,7 @@
 <nav>
   <ul>
       <li><a href="{{ url_for('usage') }}">Usage</a></li>
-      <li><a href="{{ url_for('home') }}">Home</a></li>
+      <li><a href="{{ url_for('home') }}"><b>InfraBundle</b></a></li>
       <li><a href="{{ url_for('deploy_form') }}">Deploy</a></li>
   </ul>
 </nav>

diff --git a/templates/deploy.html b/templates/deploy.html
@@ -10,12 +10,23 @@ <h1>{% block title %}Deploy{% endblock %}</h1>
     <label for="gcp-project-id">GCP Project ID</label>
     <input name="gcp_project_id" id="gcp-project-id" required>
     <label for="gcp-region">GCP Region</label>
-    <input name="gcp_region" id="gcp-region" placeholder="northamerica-northeast2">
+    <select name="gcp_region" id="gcp-region">
+      <option value="northamerica-northeast2">Toronto (northamerica-northeast2)</option>
+      <option value="northamerica-northeast1">Montreal (northamerica-northeast1)</option>
+      <option value="us-east1">South Carolina (us-east1)</option>
+      <option value="us-east4">Northern Virginia (us-east4)</option>
+      <option value="us-east5">Columbus (us-east5)</option>
+      <option value="us-central1">Iowa (us-central1)</option>
+    </select>
     <label for="gcp-zone">GCP Zone</label>
     <input name="gcp_zone" id="gcp-zone" placeholder="northamerica-northeast2-a">
     <label for="compute_type">Compute Type</label>
     e2-micro, c3-standard-4, etc
-    <input name="compute_type" id="compute-type" placeholder="e2-micro">
+    <select name="compute_type" id="compute-type">
+      <option value="e2-micro">e2-micro (2 vCPUs, 1GB RAM, shared-core)</option>
+      <option value="e2-small">e2-small (2 vCPUs, 2GB RAM, shared-core)</option>
+      <option value="e2-medium">e2-medium (2 vCPUs, 4GB RAM, shared-core)</option>
+    </select>
     <div class="form-checkbox">
         <input name="managed_db" id="managed-id" type="checkbox">
         <label for="managed_db">Managed Database</label>