fleet/website/views/pages/scripts.ejs
Eric e706507ae5
Website: re-order sidebar links on controls pages. (#33243)
Changes:
- Updated the sidebar links on /mdm-commands, /scripts, and /os-settings
- Updated the width of the sidebar on the os-settings page to be
consistent with /mdm-commands and /scripts
2025-09-19 16:21:34 -05:00

98 lines
6.1 KiB
Text
Vendored

<div id="scripts" v-cloak>
<div purpose="page-container">
<div purpose="page-content">
<docs-nav-and-search current-section="controls" :algolia-public-key="algoliaPublicKey" ></docs-nav-and-search>
<div purpose="platform-filters" class="d-flex justify-content-center" >
<div purpose="platform-filter" :class="[selectedPlatform === 'apple' ? 'selected' : '']+' '+[bowser.windows ? 'order-2' : '']" class="d-flex flex-row justify-content-center align-items-center" @click="clickSelectPlatform('apple')">
<h1 class="d-flex align-items-center">
<img src="/images/os-macos-dark-24x24@2x.png" alt="macOS" class="d-inline">
<span class="d-none d-md-inline">Apple</span>
</h1>
</div>
<div purpose="platform-filter" :class="[selectedPlatform === 'windows' ? 'selected' : '']+' '+[bowser.windows ? 'order-1' : '']" class="d-flex flex-row justify-content-center align-items-center" @click="clickSelectPlatform('windows')">
<h1 class="d-flex align-items-center">
<img src="/images/os-windows-dark-24x24@2x.png" alt="Windows" class="d-inline">
<span class="d-none d-md-inline">Windows</span>
</h1>
</div>
<div purpose="platform-filter" :class="[selectedPlatform === 'linux' ? 'selected' : '']+' '+[bowser.windows ? 'order-3' : '']" class="d-flex flex-row justify-content-center align-items-center" @click="clickSelectPlatform('linux')">
<h1 class="d-flex align-items-center">
<img src="/images/os-linux-dark-24x24@2x.png" alt="Linux" class="d-inline">
<span class="d-none d-md-inline">Linux</span>
</h1>
</div>
</div>
<div purpose="sidebar-and-content">
<div purpose="sidebar" class="d-lg-flex d-none">
<a purpose="sidebar-link" :href="'/mdm-commands#'+selectedPlatform">MDM commands</a>
<a purpose="sidebar-link" class="active" :href="'/scripts#'+selectedPlatform">Scripts</a>
<a purpose="sidebar-link" :href="'/os-settings#'+selectedPlatform">OS settings</a>
</div>
<div class="d-flex d-lg-none">
<div purpose="mobile-custom-select" class="d-flex flex-row justify-content-between align-items-center" @click="clickOpenTableOfContents()">
<div><p>Controls</p></div>
<div><img src="/images/icon-select-arrows-16x16@2x.png" alt="click to open the table of contents"></div>
</div>
</div>
<div purpose="content">
<div purpose="page-headline">
<h1>Scripts</h1>
<p>A collection of scripts you can run on your devices Contributions welcome <a target="_blank" href="https://github.com/fleetdm/fleet/tree/main/docs/scripts.yml">over on GitHub</a>.</p>
</div>
<div purpose="platform-content" v-if="selectedPlatform === 'apple'">
<% for(let script of macOsScripts){%>
<div purpose="script" class="d-flex flex-lg-row flex-column justify-content-between">
<div purpose="script-name-and-description" class="d-flex flex-column">
<div class="d-flex flex-column">
<p purpose="script-name"><a href="/scripts/<%= script.slug %>"><%- script.name %></a></p>
</div>
<div purpose="script-description"><p><%- script.description %></p></div>
<div purpose="read-more-link"><animated-arrow-button arrow-color="#192147" href="/scripts/<%= script.slug %>">View details</animated-arrow-button></div>
</div>
</div>
<% }%>
</div>
<div purpose="platform-content" v-if="selectedPlatform === 'windows'">
<% for(let script of windowsScripts){%>
<div purpose="script" class="d-flex flex-lg-row flex-column justify-content-between">
<div purpose="script-name-and-description" class="d-flex flex-column">
<div class="d-flex flex-column">
<p purpose="script-name"><a href="/scripts/<%= script.slug %>"><%- script.name %></a></p>
</div>
<div purpose="script-description"><p><%- script.description %></p></div>
<div purpose="read-more-link"><animated-arrow-button arrow-color="#192147" href="/scripts/<%= script.slug %>">View details</animated-arrow-button></div>
</div>
</div>
<% }%>
</div>
<div purpose="platform-content" v-if="selectedPlatform === 'linux'">
<% for(let script of linuxScripts){%>
<div purpose="script" class="d-flex flex-lg-row flex-column justify-content-between">
<div purpose="script-name-and-description" class="d-flex flex-column">
<div class="d-flex flex-column">
<p purpose="script-name"><a href="/scripts/<%= script.slug %>"><%- script.name %></a></p>
</div>
<div purpose="script-description"><p><%- script.description %></p></div>
<div purpose="read-more-link"><animated-arrow-button arrow-color="#192147" href="/scripts/<%= script.slug %>">View details</animated-arrow-button></div>
</div>
</div>
<% }%>
</div>
</div>
</div>
</div>
</div>
<div purpose="table-of-contents-modal">
<modal purpose="table-of-contents-modal" v-if="modal === 'table-of-contents'" @close="closeModal()">
<p purpose="mobile-table-of-contents-header"><strong>Controls</strong></p>
<div purpose="table-of-contents" class="w-100">
<div purpose="modal-links">
<a class="d-block" purpose="modal-nav-link" :href="'/mdm-commands#'+selectedPlatform">MDM commands</a>
<a class="d-block active" purpose="modal-nav-link" :href="'/scripts#'+selectedPlatform">Scripts</a>
<a class="d-block" purpose="modal-nav-link" :href="'/os-settings#'+selectedPlatform">OS settings</a>
</div>
</div>
</modal>
</div>
</div>
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>