github.com/outbrain/consul@v1.4.5/ui-v2/app/templates/components/hashicorp-consul.hbs (about) 1 <header role="banner" data-test-navigation> 2 <a data-test-main-nav-logo href={{href-to 'index'}}><svg width="28" height="27" xmlns="http://www.w3.org/2000/svg"><path d="M13.284 16.178a2.876 2.876 0 1 1-.008-5.751 2.876 2.876 0 0 1 .008 5.75zm5.596-1.547a1.333 1.333 0 1 1 0-2.667 1.333 1.333 0 0 1 0 2.667zm4.853 1.249a1.271 1.271 0 1 1 .027-.107c0 .031 0 .067-.027.107zm-.937-3.436a1.333 1.333 0 1 1 .986-1.595c.033.172.033.348 0 .52-.07.53-.465.96-.986 1.075zm4.72 3.29a1.333 1.333 0 1 1-1.076-1.538 1.333 1.333 0 0 1 1.116 1.417.342.342 0 0 0-.027.12h-.013zm-1.08-3.33a1.333 1.333 0 1 1 1.088-1.524c.014.114.014.229 0 .342a1.333 1.333 0 0 1-1.102 1.182h.014zm-.925 7.925a1.333 1.333 0 1 1 .165-.547c-.01.193-.067.38-.165.547zm-.48-12.191a1.333 1.333 0 1 1 .507-1.814c.14.237.198.514.164.787-.038.438-.289.828-.67 1.045v-.018zM13.333 26.667C5.97 26.667 0 20.697 0 13.333 0 5.97 5.97 0 13.333 0c2.929-.01 5.778.955 8.098 2.742L19.8 4.89a10.667 10.667 0 0 0-17.133 8.444 10.667 10.667 0 0 0 17.137 8.471l1.627 2.13a13.218 13.218 0 0 1-8.098 2.733z" fill="#FFF"/></svg></a> 3 <input type="checkbox" name="menu" id="main-nav-toggle" onchange={{ action 'change'}} /> 4 <label for="main-nav-toggle"> 5 <span>Toggle Menu</span> 6 </label> 7 <div> 8 <label for="main-nav-toggle"> 9 <span>Close</span> 10 </label> 11 <nav> 12 {{#if dc }} 13 <ul> 14 <li class={{if isDropdownVisible 'is-active'}}> 15 {{#if (gt dcs.length 0) }} 16 <a data-test-datacenter-selected="{{dc.Name}}" {{action 'dropdown'}}>{{dc.Name}}</a> 17 {{ else }} 18 <a href={{href-to 'dc.services' dc.Name }} data-test-datacenter-selected="{{dc.Name}}">{{dc.Name}}</a> 19 {{/if}} 20 {{#if isDropdownVisible}} 21 {{datacenter-picker items=dcs selected=dc onchange=(action 'dropdown') onblur=(action 'dropdown')}} 22 {{/if}} 23 </li> 24 <li data-test-main-nav-services class={{if (is-href 'dc.services' dc.Name) 'is-active'}}> 25 <a href={{href-to 'dc.services' dc.Name}}>Services</a> 26 </li> 27 <li data-test-main-nav-nodes class={{if (is-href 'dc.nodes' dc.Name) 'is-active'}}> 28 <a href={{href-to 'dc.nodes' dc.Name}}>Nodes</a> 29 </li> 30 <li data-test-main-nav-kvs class={{if (is-href 'dc.kv' dc.Name) 'is-active'}}> 31 <a href={{href-to 'dc.kv' dc.Name}}>Key/Value</a> 32 </li> 33 <li data-test-main-nav-acls class={{if (or (is-href 'dc.acls' dc.Name) (is-href 'dc.aclsdisabled') (is-href 'dc.unauthorized')) 'is-active'}}> 34 <a href={{href-to 'dc.acls.tokens' dc.Name}}>ACL</a> 35 </li> 36 <li data-test-main-nav-intentions class={{if (is-href 'dc.intentions' dc.Name) 'is-active'}}> 37 <a href={{href-to 'dc.intentions' dc.Name}}>Intentions</a> 38 </li> 39 </ul> 40 {{/if}} 41 </nav> 42 <nav> 43 <ul> 44 <li data-test-main-nav-docs> 45 <a href="{{ env 'CONSUL_DOCUMENTATION_URL'}}/index.html" rel="help noopener noreferrer" target="_blank">Documentation</a> 46 </li> 47 {{#if false }} 48 <li data-test-main-nav-settings class={{if (is-href 'settings') 'is-active'}}> 49 <a href={{href-to 'settings'}}>Settings</a> 50 </li> 51 {{/if}} 52 </ul> 53 </nav> 54 </div> 55 </header> 56 <main> 57 {{yield}} 58 </main> 59 <footer role="contentinfo" data-test-footer> 60 <a data-test-footer-copyright href="{{env 'CONSUL_COPYRIGHT_URL'}}/" rel="noopener noreferrer" target="_blank">© {{env 'CONSUL_COPYRIGHT_YEAR'}} HashiCorp</a> 61 <p data-test-footer-version>Consul {{env 'CONSUL_VERSION'}}</p> 62 <a data-test-footer-docs href="{{env 'CONSUL_DOCUMENTATION_URL'}}/index.html" rel="help noopener noreferrer" target="_blank">Documentation</a> 63 {{{concat '<!-- ' (env 'CONSUL_GIT_SHA') '-->'}}} 64 </footer> 65 {{modal-layer}}