items for contact page update (#1178)

chillenberger · web-flow · commit 6b6395ebc3da · 2023-11-20T16:59:30.000-07:00
diff --git a/pgml-dashboard/src/components/navigation/navbar/marketing/template.html b/pgml-dashboard/src/components/navigation/navbar/marketing/template.html
@@ -10,6 +10,27 @@
     StaticNavLink::new("Fraud Detection".to_string(), "/test2".to_string()).icon("e911_emergency").disabled(true),
     StaticNavLink::new("Forecasting".to_string(), "/test2".to_string()).icon("avg_pace").disabled(true),
   ];
+
+  let company_links = vec![
+    StaticNavLink::new("About".to_string(), "/about".to_string()).icon("smart_toy"),
+    StaticNavLink::new("Contact".to_string(), "/contact".to_string()).icon("alternate_email")
+  ];
+
+  struct mobile_navs {
+    collapse: String, 
+    links: Vec<StaticNavLink>
+  }
+
+  let mobile_nav_items = vec![
+    mobile_navs {
+      collapse: "solutions-collapse".to_string(),
+      links: solutions_links.clone()
+    },
+    mobile_navs {
+      collapse: "company-collapse".to_string(),
+      links: company_links.clone()
+    }
+  ];
 %>
 
   <div class="sticky-top-nav" data-controller="navigation-navbar-marketing">
@@ -35,7 +56,7 @@
 
         <div class="collapse navbar-collapse drawer-submenu-container navbarSupportedContent" id="navbarSupportedContent">
           <!-- Main Menu -->
-          <div class="nav-item w-100 d-xl-flex flex-column flex-xl-row align-items-xl-center collapse collapse-horizontal solutions-collapse show drawer-submenu">
+          <div class="nav-item w-100 d-xl-flex flex-column flex-xl-row align-items-xl-center collapse collapse-horizontal show drawer-submenu <% for item in &mobile_nav_items {%> <%- item.collapse %><% } %>">
             <ul class="navbar-nav flex-grow-1 gap-4 me-auto my-4 my-xl-0">
 
               <% if !standalone_dashboard { %>
@@ -55,7 +76,14 @@
               <%+ MarketingLink::new().link(StaticNavLink::new("Blog".to_string(), "/blog/speeding-up-vector-recall-by-5x-with-hnsw".to_string())) %>
 
               <% if !standalone_dashboard { %>
-              <%+ MarketingLink::new().link(StaticNavLink::new("Company".to_string(), "/about".to_string())) %>
+                <div class="d-none d-xl-flex">
+                  <%+ MarketingLink::new()
+                      .name("Company")
+                      .links(company_links.clone()) %>
+                </div>
+                <li class="nav-item d-flex align-items-center d-flex d-xl-none">
+                  <a class="nav-link p-0 fw-semibold" href="#" data-bs-toggle="collapse" data-bs-target=".company-collapse">Company</a>
+                </li>
               <% } %>
 
               <li class="nav-item d-none d-xl-flex align-items-center">
@@ -105,25 +133,25 @@
           </div>
 
 
-          <!-- Solutions nav for less than large screens -->
-          <div class="nav-item collapse-horizontal solutions-collapse collapse drawer-submenu">
+          <!-- subnavs for less than large screens -->
+          <% for item in mobile_nav_items { %>
+          <div class="nav-item collapse-horizontal <%- item.collapse %> collapse drawer-submenu">
             <ul class="sub-menu-dropdown mb-5 d-flex flex-column gap-3">
-              <a class="btn btn-tertiary-web-app" data-bs-toggle="collapse" data-bs-target=".solutions-collapse">
+              <a class="btn btn-tertiary-web-app" data-bs-toggle="collapse" data-bs-target=".<%- item.collapse%>">
                 <span class="material-symbols-outlined icon-back-btn">
                   arrow_back
                 </span>
                 Back
               </a>
-              <% for link in solutions_links { %>
+              <% for link in item.links { %>
                 <%+ MarketingLink::new().link(
                   StaticNavLink::new(link.name.to_string(), link.href.to_string())
                   .disabled(link.disabled)
                 ) %>
               <% } %>
             </ul>
           </div>
-
-
+          <% } %>
         </div>
 
       </div>
diff --git a/pgml-dashboard/static/css/scss/components/_buttons.scss b/pgml-dashboard/static/css/scss/components/_buttons.scss
@@ -31,6 +31,11 @@
     &:active {
         background: $hp-gradient-active;
     }
+
+    --bs-btn-disabled-color: #{$gray-900};
+    &:disabled {
+        background: #{$gray-200};
+    }
 }
 
 .btn-secondary {
diff --git a/pgml-dashboard/static/css/scss/components/_forms.scss b/pgml-dashboard/static/css/scss/components/_forms.scss
@@ -272,6 +272,10 @@
     --bs-danger-text: #{$error};
 }
 
+.form-control:invalid.form-control:not(:placeholder-shown) {
+    border-color: #{$error};
+}
+
 .hourly-rate {
     display: flex;
     flex-direction: row;

Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,11 @@`
`31`	`31`	`&:active {`
`32`	`32`	`background: $hp-gradient-active;`
`33`	`33`	`}`
	`34`	`+`
	`35`	`+ --bs-btn-disabled-color: #{$gray-900};`
	`36`	`+ &:disabled {`
	`37`	`+ background: #{$gray-200};`
	`38`	`+ }`
`34`	`39`	`}`
`35`	`40`
`36`	`41`	`.btn-secondary {`