https://www.openstack.org/component---src-pages-software-start-index-js-648abf9f0ddd695c0549.js

1"use strict";(self.webpackChunk_openstack_dev_marketing_site=self.webpackChunk_openstack_dev_marketing_site||[]).push([[178],{5282:function(e,n,i){i.d(n,{A:function(){return j}});var r=i(6540),l=i(4810),t=i(9073),s=i(995),a=i(4073),o=i(9067),d=i(7834),c=i(6344),x={softwareTabWrapper:"index-module--softwareTabWrapper--ea703",listWrapper:"index-module--listWrapper--31b51",active:"index-module--active--1cca5",softwareTabDropdown:"index-module--softwareTabDropdown--81322",dropdownToggle:"index-module--dropdownToggle--56776",dropdownMenu:"index-module--dropdownMenu--f487b",subNav:"index-module--subNav--403fa",subNavContainer:"index-module--subNavContainer--c4891",activeSubLink:"index-module--activeSubLink--09f73"},u=i(4848),p=e=>{var n,i,l,t,a,o,{links:d}=e,{0:p,1:h}=(0,r.useState)(null===(n=window)||void 0===n||null===(i=n.location)||void 0===i?void 0:i.pathname),{0:m,1:v}=(0,r.useState)(!1),j=(0,r.useRef)(null),f=(0,r.useMemo)(()=>d.findIndex(e=>{var{url:n,subLinks:i}=e;return n===p||(null==i?void 0:i.some(e=>e.url===p))}),[d,p]);return(0,r.useEffect)(()=>{var e,n,i;null!==(e=null===(n=window)||void 0===n||null===(i=n.location)||void 0===i?void 0:i.pathname)&&void 0!==e&&e&&h(window.location.pathname)},[null===(l=window)||void 0===l||null===(t=l.location)||void 0===t?void 0:t.pathname]),(0,r.useEffect)(()=>{if(!m)return()=>{};function e(e){j.current&&!j.current.contains(e.target)&&v(!1)}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[m]),(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)("nav",{className:x.container,children:[(0,u.jsx)("div",{className:x.softwareTabWrapper,children:(0,u.jsx)("ul",{className:x.listWrapper,children:d.map((e,n)=>{var i,r=!(null===(i=e.subLinks)||void 0===i||!i.some(e=>e.url===p)),l=p===(null==e?void 0:e.url),t=f===n||r||l;return(0,u.jsx)("li",{children:(0,u.jsx)(c.A,{to:null==e?void 0:e.url,activeClassName:x.active,target:"_self",className:t?x.active:"",children:null==e?void 0:e.title})},"nav-software-"+e.title)})})}),(0,u.jsx)("div",{className:x.softwareTabDropdown,children:(0,u.jsxs)("div",{ref:j,children:[(0,u.jsxs)("button",{onClick:()=>{v(!m)},"aria-expanded":"false","aria-haspopup":"true","data-toggle":"dropdown",type:"button",className:x.dropdownToggle,children:["Select a Page  ",(0,u.jsx)("i",{className:"fa fa-caret-down"})]}),m&&(0,u.jsx)("ul",{className:x.dropdownMenu,children:d.map((e,n)=>{var i,r=!(null===(i=e.subLinks)||void 0===i||!i.some(e=>e.url===p)),l=p===(null==e?void 0:e.url),t=f===n||r||l;return(0,u.jsx)("li",{children:(0,u.jsx)(c.A,{to:null==e?void 0:e.url,activeClassName:x.active,target:"_self",className:t?x.active:"",children:null==e?void 0:e.title})},"nav-software-"+e.title)})})]})})]}),(0,u.jsx)(s.A,{direction:"column",alignItems:"center",className:x.subNav,children:(0,u.jsx)(s.A,{direction:"row",flexWrap:"nowrap",className:x.subNavContainer,children:null===(a=d[f])||void 0===a||null===(o=a.subLinks)||void 0===o?void 0:o.map(e=>(0,u.jsx)("div",{children:(0,u.jsx)(c.A,{to:null==e?void 0:e.url,target:"_self",activeClassName:x.activeSubLink,className:p===(null==e?void 0:e.url)?x.activeSubLink:"",children:null==e?void 0:e.title})},"sub-nav-software-"+e.title))})})]})},h="index-module--softwareContentWrapper--d7e42",m="index-module--softwareContent--1d891",v=e=>{var{data:n,children:i}=e,{pageTitle:r,navBar:l}=n;return(0,u.jsx)(t.A,{children:(0,u.jsxs)(s.A,{sx:{width:"100%",marginTop:"20px"},children:[(0,u.jsx)(a.A,{variant:"h1",children:r}),(0,u.jsx)(p,{links:l}),(0,u.jsx)(o.A,{className:h,children:(0,u.jsx)(d.A,{maxWidth:"xl",className:m,children:i})})]})})},j=e=>{var{children:n}=e,{softwareJson:i}=(0,l.useStaticQuery)("58164885");return(0,u.jsx)(v,{data:i,children:n})}},8414:function(e,n,i){i.r(n),i.d(n,{default:function(){return w}});i(6540);var r=i(4810),l=i(5282),t=i(4073),s=i(3579),a=i(995),o=i(5308),d=i(6344),c="index-module--actionBtn--f891e",x="index-module--guide--9d3f5",u="index-module--subtitle--b1843",p="index-module--logo--f14e6",h=i(4848),m=e=>{var{children:n,sx:i={}}=e;return(0,h.jsx)(t.A,{variant:"h3",sx:i,children:n})},v=e=>{var{children:n,sx:i={}}=e;return(0,h.jsx)(t.A,{variant:"h4",className:u,sx:i,children:(0,h.jsx)(o.A,{children:n})})},j=e=>{var{children:n,sx:i={}}=e;return(0,h.jsx)(t.A,{variant:"body1",component:"div",sx:i,children:(0,h.jsx)(o.A,{children:n})})},f=e=>{var n,i,{data:r}=e,{pageTitle:o,trySection:u,learn:f,deploy:w,nextSteps:g}=r;return(0,h.jsxs)(l.A,{children:[(0,h.jsx)(t.A,{variant:"h1",children:o}),(0,h.jsx)("hr",{}),(0,h.jsx)(m,{children:u.title}),(0,h.jsx)(s.A,{container:!0,sx:{display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"stretch"},spacing:2,children:null===(n=u.content)||void 0===n?void 0:n.map(e=>{var{title:n,content:i,logo:r,actions:l}=e,t="try-item-"+n;return(0,h.jsxs)(s.A,{xs:12,md:6,children:[(0,h.jsx)(v,{children:n}),(0,h.jsxs)(a.A,{direction:"row",spacing:2,flexWrap:"no-wrap",useFlexGap:!0,flexGrow:1,children:[(0,h.jsx)(j,{sx:{flexGrow:1},children:i}),r&&(0,h.jsx)("div",{style:{width:"140px",minWidth:"140px",maxWidth:"140px",flexShrink:0,flexGrow:0,marginX:0},children:(0,h.jsx)("img",{src:r.publicURL,alt:n,className:p})})]}),(0,h.jsx)(a.A,{direction:"row",spacing:1,flexWrap:"wrap",useFlexGap:!0,flexGrow:0,children:null==l?void 0:l.map(e=>{var{label:n,url:i}=e;return(0,h.jsx)(d.A,{to:i,className:c,children:n},t+"-action-"+n)})})]},t)})}),(0,h.jsx)("hr",{}),(0,h.jsx)(m,{children:f.title}),(0,h.jsx)(s.A,{container:!0,sx:{display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"stretch"},spacing:2,children:null===(i=f.content)||void 0===i?void 0:i.map(e=>{var{title:n,content:i,actions:r}=e,l="learn-item-"+n;return(0,h.jsxs)(s.A,{xs:12,md:6,children:[(0,h.jsx)(v,{children:n}),(0,h.jsx)(a.A,{direction:"row",spacing:2,flexWrap:"no-wrap",useFlexGap:!0,flexGrow:1,children:(0,h.jsx)(j,{sx:{flexGrow:1},children:i})}),(0,h.jsx)(a.A,{direction:"row",spacing:1,flexWrap:"wrap",useFlexGap:!0,flexGrow:0,children:null==r?void 0:r.map(e=>{var{label:n,url:i}=e;return(0,h.jsx)(d.A,{to:i,className:c,children:n},l+"-action-"+n)})})]},l)})}),(0,h.jsx)("hr",{}),(0,h.jsx)(m,{children:w.title}),(0,h.jsx)(j,{sx:{marginBottom:2},children:w.summary}),(0,h.jsx)(v,{children:w.distributions.title}),(0,h.jsxs)(a.A,{direction:"row",spacing:1,flexWrap:"no-wrap",justifyContent:"flex-start",useFlexGap:!0,children:[(0,h.jsx)(j,{children:w.distributions.content}),w.distributions.logo&&(0,h.jsx)(a.A,{style:{minWidth:"170px",width:"170px",maxWidth:"170px"},direction:"column",justifyContent:"center",alignItems:"center",useFlexGap:!0,children:(0,h.jsx)("img",{src:w.distributions.logo.publicURL,alt:"",className:p})})]}),(0,h.jsxs)(s.A,{container:!0,sx:{display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"stretch",gap:"30px 0"},children:[(0,h.jsxs)(s.A,{sx:{display:"flex",flexDirection:"column",paddingRight:"15px"},xs:12,md:6,children:[(0,h.jsx)(v,{sx:{marginBottom:2},children:w.howto.title}),(0,h.jsx)(a.A,{spacing:0,children:w.howto.list.map(e=>{var{title:n,url:i}=e;return(0,h.jsx)(d.A,{to:i,className:x,children:n}

1,"howto-"+n)})})]}),(0,h.jsxs)(s.A,{sx:{display:"flex",flexDirection:"column",justifyContent:"stretch",paddingLeft:"15px"},xs:12,md:6,children:[(0,h.jsxs)("div",{children:[(0,h.jsx)(v,{children:w.companies.title}),(0,h.jsx)(j,{children:w.companies.content})]}),(0,h.jsxs)("div",{children:[(0,h.jsx)(v,{children:w.download.title}),(0,h.jsx)(j,{children:w.download.content})]})]})]}),(0,h.jsx)("hr",{}),(0,h.jsx)(v,{children:w.tools.title}),(0,h.jsxs)(a.A,{direction:"row",spacing:2,flexWrap:"no-wrap",useFlexGap:!0,children:[(0,h.jsx)(j,{sx:{flexGrow:1},children:w.tools.content}),w.tools.logo&&(0,h.jsx)("div",{style:{width:"170px",minWidth:"170px",maxWidth:"170px",flexShrink:0,flexGrow:0,marginX:0},children:(0,h.jsx)("img",{src:w.tools.logo.publicURL,alt:w.tools.title,className:p})})]}),(0,h.jsx)("hr",{}),(0,h.jsx)(m,{sx:{marginBottom:2},children:g.title}),(0,h.jsx)(s.A,{container:!0,spacing:2,children:g.content.map(e=>{var{title:n,content:i,actions:r}=e,l="nextStep-item-"+n;return(0,h.jsxs)(s.A,{xs:12,md:4,children:[(0,h.jsx)(v,{children:n}),(0,h.jsx)(j,{children:i}),(0,h.jsx)(a.A,{direction:"row",spacing:1,flexWrap:"wrap",useFlexGap:!0,flexGrow:0,children:null==r?void 0:r.map(e=>{var{label:n,url:i}=e;return(0,h.jsx)(d.A,{to:i,className:c,children:n},l+"-action-"+n)})})]},l)})})]})},w=()=>{var{softwareStartJson:e}=(0,r.useStaticQuery)("174625620");return(0,h.jsx)(f,{data:e})}}}]);
2//# sourceMappingURL=component---src-pages-software-start-index-js-648abf9f0ddd695c0549.js.map