mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 00:49:03 +00:00
Website: consolidate website layouts into single file (#16791)
Closes: #16790 Changes: - Removed layout-sandbox.ejs - Removed layout-customer.ejs - Updated layout.ejs to: - Hide links in the website header if a `hideHeaderLinks` variable is passed into the page locals as `true` - Hide links in the website footer (and reduce the footer size to 60px) if a `hideFooterLinks` variable is passed into the page locals as `true` - Show links to other admin pages on admin pages if a `showAdminLinks` variable is passed into the page locals as true.
This commit is contained in:
Eric
GitHub
parent
98e9de6861
commit
ff5612e1dd
4 changed files with 179 additions and 982 deletions
41
website/config/routes.js
vendored
41
website/config/routes.js
vendored
|
|
@ -108,7 +108,8 @@ module.exports.routes = {
|
|||
'GET /customers/new-license': {
|
||||
action: 'customers/view-new-license',
|
||||
locals: {
|
||||
layout: 'layouts/layout-customer',
|
||||
hideHeaderLinks: true,
|
||||
hideFooterLinks: true,
|
||||
pageTitleForMeta: 'Get Fleet Premium | Fleet',
|
||||
pageDescriptionForMeta: 'Generate your quote and start using Fleet Premium today.',
|
||||
}
|
||||
|
|
@ -116,7 +117,8 @@ module.exports.routes = {
|
|||
'GET /customers/register': {
|
||||
action: 'entrance/view-signup',
|
||||
locals: {
|
||||
layout: 'layouts/layout-customer',
|
||||
hideHeaderLinks: true,
|
||||
hideFooterLinks: true,
|
||||
pageTitleForMeta: 'Sign up | Fleet',
|
||||
pageDescriptionForMeta: 'Sign up for a Fleet Premium license.',
|
||||
}
|
||||
|
|
@ -124,7 +126,8 @@ module.exports.routes = {
|
|||
'GET /customers/login': {
|
||||
action: 'entrance/view-login',
|
||||
locals: {
|
||||
layout: 'layouts/layout-customer',
|
||||
hideHeaderLinks: true,
|
||||
hideFooterLinks: true,
|
||||
pageTitleForMeta: 'Log in | Fleet',
|
||||
pageDescriptionForMeta: 'Log in to the Fleet customer portal.',
|
||||
}
|
||||
|
|
@ -132,7 +135,8 @@ module.exports.routes = {
|
|||
'GET /customers/dashboard': {
|
||||
action: 'customers/view-dashboard',
|
||||
locals: {
|
||||
layout: 'layouts/layout-customer',
|
||||
hideHeaderLinks: true,
|
||||
hideFooterLinks: true,
|
||||
pageTitleForMeta: 'Customer dashboard | Fleet',
|
||||
pageDescriptionForMeta: 'View and edit information about your Fleet Premium license.',
|
||||
}
|
||||
|
|
@ -140,7 +144,8 @@ module.exports.routes = {
|
|||
'GET /customers/forgot-password': {
|
||||
action: 'entrance/view-forgot-password',
|
||||
locals: {
|
||||
layout: 'layouts/layout-customer',
|
||||
hideHeaderLinks: true,
|
||||
hideFooterLinks: true,
|
||||
pageTitleForMeta: 'Forgot password | Fleet',
|
||||
pageDescriptionForMeta: 'Recover the password for your Fleet customer account.',
|
||||
}
|
||||
|
|
@ -148,7 +153,8 @@ module.exports.routes = {
|
|||
'GET /customers/new-password': {
|
||||
action: 'entrance/view-new-password',
|
||||
locals: {
|
||||
layout: 'layouts/layout-customer',
|
||||
hideHeaderLinks: true,
|
||||
hideFooterLinks: true,
|
||||
pageTitleForMeta: 'New password | Fleet',
|
||||
pageDescriptionForMeta: 'Change the password for your Fleet customer account.',
|
||||
}
|
||||
|
|
@ -159,14 +165,13 @@ module.exports.routes = {
|
|||
locals: {
|
||||
pageTitleForMeta: 'State of device management | Fleet',
|
||||
pageDescriptionForMeta: 'We surveyed 200+ security practitioners to discover the state of device management in 2022. Click here to learn about their struggles and best practices.',
|
||||
headerCTAHidden: true,
|
||||
}
|
||||
},
|
||||
|
||||
'GET /try-fleet/register': {
|
||||
action: 'try-fleet/view-register',
|
||||
locals: {
|
||||
layout: 'layouts/layout-sandbox',
|
||||
hideFooterLinks: true,
|
||||
pageTitleForMeta: 'Try Fleet | Fleet',
|
||||
pageDescriptionForMeta: 'Get up and running in minutes to try out Fleet.',
|
||||
}
|
||||
|
|
@ -175,7 +180,7 @@ module.exports.routes = {
|
|||
'GET /try-fleet/login': {
|
||||
action: 'try-fleet/view-sandbox-login',
|
||||
locals: {
|
||||
layout: 'layouts/layout-sandbox',
|
||||
hideFooterLinks: true,
|
||||
pageTitleForMeta: 'Sign in | Fleet',
|
||||
pageDescriptionForMeta: 'Log in to Fleet.',
|
||||
}
|
||||
|
|
@ -200,7 +205,8 @@ module.exports.routes = {
|
|||
'GET /admin/email-preview': {
|
||||
action: 'admin/view-email-templates',
|
||||
locals: {
|
||||
layout: 'layouts/layout-customer'
|
||||
hideFooterLinks: true,
|
||||
showAdminLinks: true,
|
||||
},
|
||||
},
|
||||
|
||||
|
|
@ -208,14 +214,16 @@ module.exports.routes = {
|
|||
action: 'admin/view-email-template-preview',
|
||||
skipAssets: true,
|
||||
locals: {
|
||||
layout: 'layouts/layout-customer'
|
||||
hideFooterLinks: true,
|
||||
showAdminLinks: true,
|
||||
},
|
||||
},
|
||||
|
||||
'GET /admin/sandbox-waitlist': {
|
||||
action: 'admin/view-sandbox-waitlist',
|
||||
locals: {
|
||||
layout: 'layouts/layout-customer'
|
||||
hideFooterLinks: true,
|
||||
showAdminLinks: true,
|
||||
},
|
||||
},
|
||||
|
||||
|
|
@ -229,23 +237,18 @@ module.exports.routes = {
|
|||
'GET /admin/generate-license': {
|
||||
action: 'admin/view-generate-license',
|
||||
locals: {
|
||||
layout: 'layouts/layout-customer'
|
||||
hideFooterLinks: true,
|
||||
showAdminLinks: true,
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
'GET /connect-vanta': {
|
||||
action: 'view-connect-vanta',
|
||||
locals: {
|
||||
layout: 'layouts/layout-sandbox',
|
||||
}
|
||||
},
|
||||
|
||||
'GET /vanta-authorization': {
|
||||
action: 'view-vanta-authorization',
|
||||
locals: {
|
||||
layout: 'layouts/layout-sandbox',
|
||||
}
|
||||
},
|
||||
|
||||
'GET /device-management': {
|
||||
|
|
|
|||
364
website/views/layouts/layout-customer.ejs
vendored
364
website/views/layouts/layout-customer.ejs
vendored
File diff suppressed because one or more lines are too long
483
website/views/layouts/layout-sandbox.ejs
vendored
483
website/views/layouts/layout-sandbox.ejs
vendored
File diff suppressed because one or more lines are too long
273
website/views/layouts/layout.ejs
vendored
273
website/views/layouts/layout.ejs
vendored
|
|
@ -4,8 +4,10 @@
|
|||
// don't have to do `typeof` checks below.
|
||||
var me;
|
||||
var isHomepage;
|
||||
var headerCTAHidden;
|
||||
var currentSection;
|
||||
var hideHeaderLinks;// Hides the header navigation links.
|
||||
var hideFooterLinks;// Hides footer links, reduces the height of the footer to 60px;
|
||||
var showAdminLinks;// Shows links to admin pages to admin users.
|
||||
%><!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
|
@ -132,142 +134,168 @@
|
|||
height="0" width="0" style="display:none;visibility:hidden"></iframe>
|
||||
</noscript>
|
||||
<%/* End Google Tag Manager (noscript) */%>
|
||||
<div purpose="page-wrap">
|
||||
<div purpose="page-wrap" style="<%= hideFooterLinks ? 'padding-bottom: 60px;' : '' %>">
|
||||
<%// Page header%>
|
||||
<div class="header" purpose="header-container" data-nosnippet>
|
||||
<div purpose="header-background">
|
||||
<div purpose="page-header" class="container-fluid d-flex justify-content-between align-items-center pt-3 pb-3 px-3 px-md-4">
|
||||
<a purpose="header-logo" href="/">
|
||||
<img alt="Fleet logo" src="/images/logo-blue-118x41@2x.png"/>
|
||||
</a>
|
||||
<%/* Mobile Navigation menu */%>
|
||||
<div class="d-flex d-lg-none align-items-center">
|
||||
<button purpose="mobile-nav-toggle-btn" class="btn btn-link d-flex flex-row align-items-center" data-toggle="collapse" data-target="#navbarToggleExternalContent">
|
||||
<span class="mr-2">Menu</span>
|
||||
<img class="align-self-center" alt="An icon indicating that interacting with this button will open the navigation menu." src="/images/icon-hamburger-blue-16x14@2x.png"/>
|
||||
</button>
|
||||
</div>
|
||||
<div purpose="mobile-nav" class="collapse px-4 px-sm-5" id="navbarToggleExternalContent">
|
||||
<div class="d-flex justify-content-between">
|
||||
<a purpose="mobile-header-logo" href="/">
|
||||
<img alt="Fleet logo" src="/images/logo-blue-162x92@2x.png" style="" class="mt-3"/>
|
||||
</a>
|
||||
<button purpose="mobile-nav-close-btn" class="btn btn-link d-flex align-items-center" data-toggle="collapse" data-target="#navbarToggleExternalContent">
|
||||
<img alt="An 'X' icon indicating that this can be interacted with to close the navigation menu." src="/images/icon-close-16x16@2x.png"/>
|
||||
<% if(!hideHeaderLinks) { %>
|
||||
<div purpose="page-header" class="container-fluid d-flex justify-content-between align-items-center pt-3 pb-3 px-3 px-md-4">
|
||||
<a purpose="header-logo" href="/">
|
||||
<img alt="Fleet logo" src="/images/logo-blue-118x41@2x.png"/>
|
||||
</a>
|
||||
<%/* Mobile Navigation menu */%>
|
||||
<div class="d-flex d-lg-none align-items-center">
|
||||
<button purpose="mobile-nav-toggle-btn" class="btn btn-link d-flex flex-row align-items-center" data-toggle="collapse" data-target="#navbarToggleExternalContent">
|
||||
<span class="mr-2">Menu</span>
|
||||
<img class="align-self-center" alt="An icon indicating that interacting with this button will open the navigation menu." src="/images/icon-hamburger-blue-16x14@2x.png"/>
|
||||
</button>
|
||||
</div>
|
||||
<div id="mobileDropdowns" class="py-2">
|
||||
<a purpose="mobile-dropdown-toggle" class="d-flex align-items-center collapsed" data-toggle="collapse" data-target="#mobileNavbarToggleUseCases" aria-haspopup="true" aria-expanded="false">Platform</a>
|
||||
<div class="d-block">
|
||||
<div id="mobileNavbarToggleUseCases" purpose="mobile-dropdown" class="collapse align-items-start" data-parent="#mobileDropdowns">
|
||||
<a href="/integrations">Integrations</a>
|
||||
<a href="/vulnerability-management">Vulnerability management</a>
|
||||
<a href="/endpoint-ops">Endpoint operations</a>
|
||||
<a href="/device-management">Device management (MDM)</a>
|
||||
</div>
|
||||
<div purpose="mobile-nav" class="collapse px-4 px-sm-5" id="navbarToggleExternalContent">
|
||||
<div class="d-flex justify-content-between">
|
||||
<a purpose="mobile-header-logo" href="/">
|
||||
<img alt="Fleet logo" src="/images/logo-blue-162x92@2x.png" style="" class="mt-3"/>
|
||||
</a>
|
||||
<button purpose="mobile-nav-close-btn" class="btn btn-link d-flex align-items-center" data-toggle="collapse" data-target="#navbarToggleExternalContent">
|
||||
<img alt="An 'X' icon indicating that this can be interacted with to close the navigation menu." src="/images/icon-close-16x16@2x.png"/>
|
||||
</button>
|
||||
</div>
|
||||
<hr>
|
||||
<a purpose="mobile-dropdown-toggle" class="d-flex align-items-center mr-4 collapsed" data-toggle="collapse" data-target="#mobileNavbarToggleDocumentation" aria-haspopup="true" aria-expanded="false">Documentation</a>
|
||||
<div class="d-block">
|
||||
<div id="mobileNavbarToggleDocumentation" purpose="mobile-dropdown" class="collapse" data-parent="#mobileDropdowns">
|
||||
<a href="/docs">Docs</a>
|
||||
<a href="/releases">Releases</a>
|
||||
<a href="/queries">Built-in queries</a>
|
||||
<a href="/tables">Data tables</a>
|
||||
<a href="/support">Support</a>
|
||||
<span>GUIDES</span>
|
||||
<a class="pl-3" href="/deploy">Deployment guides</a>
|
||||
<a class="pl-3" href="/guides">How-to guides</a>
|
||||
<div id="mobileDropdowns" class="py-2">
|
||||
<a purpose="mobile-dropdown-toggle" class="d-flex align-items-center collapsed" data-toggle="collapse" data-target="#mobileNavbarToggleUseCases" aria-haspopup="true" aria-expanded="false">Platform</a>
|
||||
<div class="d-block">
|
||||
<div id="mobileNavbarToggleUseCases" purpose="mobile-dropdown" class="collapse align-items-start" data-parent="#mobileDropdowns">
|
||||
<a href="/integrations">Integrations</a>
|
||||
<a href="/vulnerability-management">Vulnerability management</a>
|
||||
<a href="/endpoint-ops">Endpoint operations</a>
|
||||
<a href="/device-management">Device management (MDM)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<a purpose="mobile-dropdown-toggle" class="d-flex align-items-center mr-4 collapsed" data-toggle="collapse" data-target="#mobileNavbarToggleCommunity">Community</a>
|
||||
<div class="d-block">
|
||||
<div id="mobileNavbarToggleCommunity" purpose="mobile-dropdown" class="collapse" data-parent="#mobileDropdowns">
|
||||
<span>ARTICLES</span>
|
||||
<a class="pl-3" href="/announcements">Announcements</a>
|
||||
<a class="pl-3" href="/securing">Security</a>
|
||||
<a class="pl-3" href="/engineering">Engineering</a>
|
||||
<a class="pl-3" href="/podcasts">Podcasts</a>
|
||||
<a class="pl-3" href="/reports/state-of-device-management">Reports</a>
|
||||
<span>CONTRIBUTE</span>
|
||||
<a class="pl-3" href="/slack" target="_blank">Join the conversation</a>
|
||||
<a class="pl-3" href="/contribute">Contribute to Fleet</a>
|
||||
<span>RESOURCES</span>
|
||||
<a class="pl-3" href="/handbook">Handbook</a>
|
||||
<a class="pl-3" href="/logos">Logos & artwork</a>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<a purpose="mobile-nav-btn" href="/pricing" class="d-flex align-items-center">Pricing</a>
|
||||
<% if(_.has(me, 'id')) {%>
|
||||
<hr>
|
||||
<a purpose="mobile-nav-btn" href="/logout" class="d-flex mt-2 text-decoration-none">Log out</a>
|
||||
<a purpose="mobile-dropdown-toggle" class="d-flex align-items-center mr-4 collapsed" data-toggle="collapse" data-target="#mobileNavbarToggleDocumentation" aria-haspopup="true" aria-expanded="false">Documentation</a>
|
||||
<div class="d-block">
|
||||
<div id="mobileNavbarToggleDocumentation" purpose="mobile-dropdown" class="collapse" data-parent="#mobileDropdowns">
|
||||
<a href="/docs">Docs</a>
|
||||
<a href="/releases">Releases</a>
|
||||
<a href="/queries">Built-in queries</a>
|
||||
<a href="/tables">Data tables</a>
|
||||
<a href="/support">Support</a>
|
||||
<span>GUIDES</span>
|
||||
<a class="pl-3" href="/deploy">Deployment guides</a>
|
||||
<a class="pl-3" href="/guides">How-to guides</a>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<a purpose="mobile-dropdown-toggle" class="d-flex align-items-center mr-4 collapsed" data-toggle="collapse" data-target="#mobileNavbarToggleCommunity">Community</a>
|
||||
<div class="d-block">
|
||||
<div id="mobileNavbarToggleCommunity" purpose="mobile-dropdown" class="collapse" data-parent="#mobileDropdowns">
|
||||
<span>ARTICLES</span>
|
||||
<a class="pl-3" href="/announcements">Announcements</a>
|
||||
<a class="pl-3" href="/securing">Security</a>
|
||||
<a class="pl-3" href="/engineering">Engineering</a>
|
||||
<a class="pl-3" href="/podcasts">Podcasts</a>
|
||||
<a class="pl-3" href="/reports/state-of-device-management">Reports</a>
|
||||
<span>CONTRIBUTE</span>
|
||||
<a class="pl-3" href="/slack" target="_blank">Join the conversation</a>
|
||||
<a class="pl-3" href="/contribute">Contribute to Fleet</a>
|
||||
<span>RESOURCES</span>
|
||||
<a class="pl-3" href="/handbook">Handbook</a>
|
||||
<a class="pl-3" href="/logos">Logos & artwork</a>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<a purpose="mobile-nav-btn" href="/pricing" class="d-flex align-items-center">Pricing</a>
|
||||
<% if(_.has(me, 'id')) {%>
|
||||
<hr>
|
||||
<a purpose="mobile-nav-btn" href="/logout" class="d-flex mt-2 text-decoration-none">Log out</a>
|
||||
<% }%>
|
||||
<a purpose="glass-header-btn" style="padding: 4px 16px; line-height: 24px; width: 100px" class="btn btn-sm btn-primary align-items-center d-flex mt-4" href="/try-fleet">Try it out</a>
|
||||
</div>
|
||||
</div>
|
||||
<%/* Desktop Navigation bar */%>
|
||||
<div purpose="header-nav" class="d-none d-lg-flex align-items-center justify-content-around">
|
||||
<div purpose="dropdown-button" class="btn-group">
|
||||
<a purpose="header-nav-btn" class="dropdown-toggle d-inline-block align-items-center py-2 px-3 <%= typeof currentSection !== 'undefined' && currentSection === 'platform' ? 'current-section' : '' %>" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Platform</a>
|
||||
<div purpose="header-dropdown" class="dropdown-menu">
|
||||
<a class="dropdown-item mb-1" href="/integrations">Integrations</a>
|
||||
<a class="dropdown-item mb-1" href="/vulnerability-management">Vulnerability management</a>
|
||||
<a class="dropdown-item mb-1" href="/endpoint-ops">Endpoint operations</a>
|
||||
<a class="dropdown-item mb-1" href="/device-management">Device management (MDM)</a>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="dropdown-button" class="btn-group">
|
||||
<a purpose="header-nav-btn" button-text="Documentation" class="dropdown-toggle d-inline-block align-items-center py-2 px-3 <%= typeof currentSection !== 'undefined' && currentSection === 'documentation' ? 'current-section' : '' %>" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Documentation</a>
|
||||
<div purpose="header-dropdown" class="dropdown-menu">
|
||||
<a class="dropdown-item mb-1" href="/docs">Docs</a>
|
||||
<a class="dropdown-item mb-1" href="/releases">Releases</a>
|
||||
<a class="dropdown-item mb-1" href="/queries">Built-in queries</a>
|
||||
<a class="dropdown-item mb-1" href="/tables">Data tables</a>
|
||||
<a class="dropdown-item mb-1" href="/support">Support</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<span class="muted dropdown-header">GUIDES</span>
|
||||
<a class="dropdown-item" href="/deploy">Deployment guides</a>
|
||||
<a class="dropdown-item" href="/guides">How-to guides</a>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="dropdown-button" class="btn-group">
|
||||
<a purpose="header-nav-btn" button-text="Community" class="dropdown-toggle d-inline-block align-items-center py-2 px-3 <%= typeof currentSection !== 'undefined' && currentSection === 'community' ? 'current-section' : '' %>" data-toggle="dropdown">Community</a>
|
||||
<div purpose="header-dropdown" class="dropdown-menu">
|
||||
<span class="muted dropdown-header">ARTICLES</span>
|
||||
<a class="dropdown-item mb-1" href="/announcements">Announcements</a>
|
||||
<a class="dropdown-item mb-1" href="/securing">Security</a>
|
||||
<a class="dropdown-item mb-1" href="/engineering">Engineering</a>
|
||||
<a class="dropdown-item mb-1" href="/podcasts">Podcasts</a>
|
||||
<a class="dropdown-item mb-1" href="/reports/state-of-device-management">Reports</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<span class="muted dropdown-header">CONTRIBUTE</span>
|
||||
<a class="dropdown-item mb-1" href="/slack" target="_blank">Join the conversation</a>
|
||||
<a class="dropdown-item mb-1" href="/contribute">Contribute to Fleet</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<span class="muted dropdown-header">RESOURCES</span>
|
||||
<a class="dropdown-item mb-1" href="/handbook">Handbook</a>
|
||||
<a class="dropdown-item" href="/logos">Logos & artwork</a>
|
||||
</div>
|
||||
</div>
|
||||
<a purpose="header-nav-btn" button-text="Pricing" href="/pricing" class="d-inline-block align-items-center py-2 px-3 <%= typeof currentSection !== 'undefined' && currentSection === 'pricing' ? 'current-section' : '' %>" style="text-decoration: none; line-height: 23px;">Pricing</a>
|
||||
<span class="d-flex align-items-center px-3">
|
||||
<iframe src="//ghbtns.com/github-btn.html?user=fleetdm&repo=fleet&type=watch&count=true"
|
||||
allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe>
|
||||
</span>
|
||||
<a purpose="glass-header-btn" class="align-items-center d-flex" href="/pricing" >Try it out</a>
|
||||
<% if(_.has(me, 'id')) {%>
|
||||
<a purpose="header-nav-btn" href="/logout" class="justify-content-end pl-4 py-2 text-decoration-none">Log out</a>
|
||||
<% }%>
|
||||
<a purpose="glass-header-btn" style="padding: 4px 16px; line-height: 24px; width: 100px" class="btn btn-sm btn-primary align-items-center d-flex mt-4" href="/try-fleet">Try it out</a>
|
||||
</div>
|
||||
</div>
|
||||
<%/* Desktop Navigation bar */%>
|
||||
<div purpose="header-nav" class="d-none d-lg-flex align-items-center justify-content-around">
|
||||
<div purpose="dropdown-button" class="btn-group">
|
||||
<a purpose="header-nav-btn" style="" class="dropdown-toggle d-inline-block align-items-center py-2 px-3 <%= typeof currentSection !== 'undefined' && currentSection === 'platform' ? 'current-section' : '' %>" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Platform</a>
|
||||
<div purpose="header-dropdown" class="dropdown-menu">
|
||||
<a class="dropdown-item mb-1" href="/integrations">Integrations</a>
|
||||
<a class="dropdown-item mb-1" href="/vulnerability-management">Vulnerability management</a>
|
||||
<a class="dropdown-item mb-1" href="/endpoint-ops">Endpoint operations</a>
|
||||
<a class="dropdown-item mb-1" href="/device-management">Device management (MDM)</a>
|
||||
<% } else {%>
|
||||
<div purpose="page-header" class="container-fluid d-flex align-items-center justify-content-between pt-3 pb-3 px-3 px-md-4">
|
||||
<a purpose="header-logo" href="/">
|
||||
<img alt="Fleet logo" src="/images/logo-blue-118x41@2x.png"/>
|
||||
</a>
|
||||
<div purpose="header-nav">
|
||||
<% if(_.has(me, 'id')) {%>
|
||||
<a purpose="header-nav-btn" href="/logout" class="justify-content-end pl-4 py-2 text-decoration-none">Log out</a>
|
||||
<% }%>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="dropdown-button" class="btn-group">
|
||||
<a purpose="header-nav-btn" button-text="Documentation" class="dropdown-toggle d-inline-block align-items-center py-2 px-3 <%= typeof currentSection !== 'undefined' && currentSection === 'documentation' ? 'current-section' : '' %>" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Documentation</a>
|
||||
<div purpose="header-dropdown" class="dropdown-menu">
|
||||
<a class="dropdown-item mb-1" href="/docs">Docs</a>
|
||||
<a class="dropdown-item mb-1" href="/releases">Releases</a>
|
||||
<a class="dropdown-item mb-1" href="/queries">Built-in queries</a>
|
||||
<a class="dropdown-item mb-1" href="/tables">Data tables</a>
|
||||
<a class="dropdown-item mb-1" href="/support">Support</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<span class="muted dropdown-header">GUIDES</span>
|
||||
<a class="dropdown-item" href="/deploy">Deployment guides</a>
|
||||
<a class="dropdown-item" href="/guides">How-to guides</a>
|
||||
</div>
|
||||
<% } %>
|
||||
<%if(me && me.isSuperAdmin && showAdminLinks) {%>
|
||||
<div purpose="admin-nav" class="d-flex flex-row align-items-center px-5">
|
||||
<div class=" justif-self-start">
|
||||
<span>Admin pages</span>
|
||||
</div>
|
||||
<div purpose="dropdown-button" class="btn-group">
|
||||
<a purpose="header-nav-btn" button-text="Community" class="dropdown-toggle d-inline-block align-items-center py-2 px-3 <%= typeof currentSection !== 'undefined' && currentSection === 'community' ? 'current-section' : '' %>" data-toggle="dropdown">Community</a>
|
||||
<div purpose="header-dropdown" class="dropdown-menu">
|
||||
<span class="muted dropdown-header">ARTICLES</span>
|
||||
<a class="dropdown-item mb-1" href="/announcements">Announcements</a>
|
||||
<a class="dropdown-item mb-1" href="/securing">Security</a>
|
||||
<a class="dropdown-item mb-1" href="/engineering">Engineering</a>
|
||||
<a class="dropdown-item mb-1" href="/podcasts">Podcasts</a>
|
||||
<a class="dropdown-item mb-1" href="/reports/state-of-device-management">Reports</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<span class="muted dropdown-header">CONTRIBUTE</span>
|
||||
<a class="dropdown-item mb-1" href="/slack" target="_blank">Join the conversation</a>
|
||||
<a class="dropdown-item mb-1" href="/contribute">Contribute to Fleet</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<span class="muted dropdown-header">RESOURCES</span>
|
||||
<a class="dropdown-item mb-1" href="/handbook">Handbook</a>
|
||||
<a class="dropdown-item" href="/logos">Logos & artwork</a>
|
||||
</div>
|
||||
<div class="d-flex flex-row align-self-end">
|
||||
<a class="px-3 py-2" style="text-decoration: none; line-height: 23px;" href="/admin/generate-license">License generator</a>
|
||||
<a class="px-3 py-2" style="text-decoration: none; line-height: 23px;" href="/admin/email-preview">HTML Email preview tool</a>
|
||||
<a class="px-3 py-2" style="text-decoration: none; line-height: 23px;" href="/admin/sandbox-waitlist">Manage Fleet Sandbox waitlist</a>
|
||||
</div>
|
||||
<a purpose="header-nav-btn" button-text="Pricing" href="/pricing" class="d-inline-block align-items-center py-2 px-3 <%= typeof currentSection !== 'undefined' && currentSection === 'pricing' ? 'current-section' : '' %>" style="text-decoration: none; line-height: 23px;">Pricing</a>
|
||||
<span class="d-flex align-items-center px-3">
|
||||
<iframe src="//ghbtns.com/github-btn.html?user=fleetdm&repo=fleet&type=watch&count=true"
|
||||
allowtransparency="true" frameborder="0" scrolling="0" width="100" height="20"></iframe>
|
||||
</span>
|
||||
<a purpose="glass-header-btn" class="align-items-center d-flex" href="/pricing" >Try it out</a>
|
||||
<% if(_.has(me, 'id')) {%>
|
||||
<a purpose="header-nav-btn" href="/logout" class="justify-content-end pl-4 py-2 text-decoration-none">Log out</a>
|
||||
<% }%>
|
||||
</div>
|
||||
</div>
|
||||
<%} %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<%- body %>
|
||||
|
||||
<%/* Note: footer is hidden until the page is loaded. See «script» tag at the bottom of this file. */%>
|
||||
<%if( !hideFooterLinks) {%>
|
||||
<div class="invisible" purpose="page-footer" data-hide-until-rendered data-nosnippet>
|
||||
<div purpose="footer-container" class="container-fluid d-flex flex-column flex-sm-row align-items-sm-end justify-content-center justify-content-sm-between">
|
||||
<div class="d-flex flex-column order-first justify-content-start">
|
||||
|
|
@ -315,7 +343,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="footer-socials" style="" class="flex-row d-inline-flex font-weight-bold order-first order-md-last justify-content-start justify-content-md-end pl-md-3 py-3">
|
||||
<div purpose="footer-socials" class="flex-row d-inline-flex font-weight-bold order-first order-md-last justify-content-start justify-content-md-end pl-md-3 py-3">
|
||||
<a target="_blank" href="/slack" class="mr-4">
|
||||
<img alt="Slack logo" src="/images/logo-slack-dark-20x20@2x.png"/>
|
||||
</a>
|
||||
|
|
@ -338,6 +366,19 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<div purpose="footer" style="position: absolute; bottom: 0px; width: 100%; height: 60px; color: #515774;" data-nosnippet>
|
||||
<div style="max-width: 500px;" class="container-fluid">
|
||||
<div style="font-size: 11px; line-height: 18px;" class="d-sm-flex d-block flex-sm-row justify-content-center mr-4 mr-md-auto">
|
||||
<img alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-160x30@2x.png" style="width: 80px; height: 15px;" class="mr-2 mb-2 mb-sm-0"/>
|
||||
<div class="d-flex">
|
||||
© <%= (new Date()).getFullYear() %> Fleet Device Management Inc.
|
||||
<a style="font-size: 12px; font-weight: 700; text-underline-offset: 5px; text-decoration: underline; color: #515774" class="ml-2" href="/legal/privacy">Privacy</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
</div>
|
||||
|
||||
<% /*
|
||||
|
|
|
|||
Loading…
Reference in a new issue