mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 08:58:41 +00:00
Website: Hide vue templates on osquery table pages (#7977)
* update layout to hide vue templates * Update osquery-table-details.ejs
This commit is contained in:
Eric
GitHub
parent
86058b91cb
commit
a79a249d81
1 changed files with 74 additions and 73 deletions
147
website/views/pages/osquery-table-details.ejs
vendored
147
website/views/pages/osquery-table-details.ejs
vendored
|
|
@ -1,96 +1,97 @@
|
|||
<div id="osquery-table-details" class="d-flex flex-column justify-content-center" v-cloak>
|
||||
<div purpose="search-and-filters" class="d-flex flex-column justify-content-center">
|
||||
<hr>
|
||||
<div purpose="filter-row" style="max-width: 1200px;" class="mx-auto py-4 w-100 d-flex flex-sm-row flex-column justify-content-between">
|
||||
<div class="d-flex">
|
||||
<div purpose="platform-selector" class="d-flex flex-row justify-content-between align-items-center"
|
||||
id="dropdownMenuSelectPurpose" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{{userFriendlyPlatformNames[selectedPlatform]}} <img class="d-flex align-self-end" style="width: 16px; height: 16px;" src="/images/chevron-down-16x16@2x.png" alt="a small shevron pointing downwards">
|
||||
</div>
|
||||
<div purpose="platform-selector-dropwdown" class="dropdown-menu" aria-labelledby="dropdownMenuSelectPurpose">
|
||||
<div class="dropdown-item d-block"
|
||||
@click="clickFilterByPlatform('all')">All platforms</div>
|
||||
<div id="osquery-table-details" v-cloak>
|
||||
<div class="d-flex flex-column justify-content-center">
|
||||
<div purpose="search-and-filters" class="d-flex flex-column justify-content-center">
|
||||
<hr>
|
||||
<div purpose="filter-row" style="max-width: 1200px;" class="mx-auto py-4 w-100 d-flex flex-sm-row flex-column justify-content-between">
|
||||
<div class="d-flex">
|
||||
<div purpose="platform-selector" class="d-flex flex-row justify-content-between align-items-center"
|
||||
id="dropdownMenuSelectPurpose" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{{userFriendlyPlatformNames[selectedPlatform]}} <img class="d-flex align-self-end" style="width: 16px; height: 16px;" src="/images/chevron-down-16x16@2x.png" alt="a small shevron pointing downwards">
|
||||
</div>
|
||||
<div purpose="platform-selector-dropwdown" class="dropdown-menu" aria-labelledby="dropdownMenuSelectPurpose">
|
||||
<div class="dropdown-item d-block"
|
||||
@click="clickFilterByPlatform('windows')">Windows</div>
|
||||
<div class="dropdown-item d-block"
|
||||
@click="clickFilterByPlatform('linux')">Linux</div>
|
||||
<div class="dropdown-item d-block"
|
||||
@click="clickFilterByPlatform('darwin')">macOS</div>
|
||||
@click="clickFilterByPlatform('all')">All platforms</div>
|
||||
<div class="dropdown-item d-block"
|
||||
@click="clickFilterByPlatform('windows')">Windows</div>
|
||||
<div class="dropdown-item d-block"
|
||||
@click="clickFilterByPlatform('linux')">Linux</div>
|
||||
<div class="dropdown-item d-block"
|
||||
@click="clickFilterByPlatform('darwin')">macOS</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
<div purpose="search">
|
||||
<img style="height: 16px; width: 16px;" class="d-inline mr-2" alt="search" src="/images/icon-search-16x16@2x.png">
|
||||
<input placeholder="Search tables" v-model="search">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
<div purpose="search">
|
||||
<img style="height: 16px; width: 16px;" class="d-inline mr-2" alt="search" src="/images/icon-search-16x16@2x.png">
|
||||
<input placeholder="Search tables" v-model="search">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div purpose="mobile-nav" class="d-flex d-lg-none flex-column">
|
||||
<div class="d-flex flex-row justify-content-between align-items-center" @click="clickToggleTableNav()">
|
||||
<div purpose="table-of-contents-header" class="d-flex flex-row">
|
||||
<h4 style="font-size: 16px; line-height: 24px; font-weight: 700; margin-bottom: 0px;">
|
||||
<img class="d-inline" style="vertical-align: middle;margin-right: 12px; height: 14px; width: 16px;" src="/images/icon-hamburger-menu-16x14@2x.png" alt="A menu icon">
|
||||
Tables
|
||||
<span class="ml-2" purpose="number-of-tables">{{numberOfTablesDisplayed}}</span>
|
||||
</h4>
|
||||
</div>
|
||||
<img style="width: 6px; height: 9px;" class="d-flex d-lg-none justify-self-end" alt="right chevron" src="/images/chevron-right-6x9@2x.png" v-if="!showTableNav"/>
|
||||
<img style="width: 9px; height: 6px;" class="d-flex d-lg-none justify-self-end" alt="down chevron" src="/images/chevron-down-9x6@2x.png" v-else/>
|
||||
</div>
|
||||
<div class="d-flex d-lg-none pt-3" v-if="showTableNav">
|
||||
<div purpose="mobile-table-of-contents">
|
||||
<a class="d-block" :class="[tableToDisplay.title === table.title ? 'active' : '']" :href="'/tables/'+table.title" v-for="table in filteredTables">{{table.title}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="d-lg-none d-flex">
|
||||
</div>
|
||||
<div purpose="content" class="container" style="max-width: 1200px;">
|
||||
<div class="d-flex flex-lg-row flex-column justify-content-between">
|
||||
<div purpose="left-sidebar" class="d-none d-lg-flex flex-column">
|
||||
<div class="d-flex flex-row justify-content-between">
|
||||
<hr>
|
||||
<div purpose="mobile-nav" class="d-flex d-lg-none flex-column">
|
||||
<div class="d-flex flex-row justify-content-between align-items-center" @click="clickToggleTableNav()">
|
||||
<div purpose="table-of-contents-header" class="d-flex flex-row">
|
||||
<h4 style="font-size: 16px; line-height: 24px; font-weight: 700;">
|
||||
Tables<span class="ml-2" purpose="number-of-tables">{{numberOfTablesDisplayed}}</span>
|
||||
<h4 style="font-size: 16px; line-height: 24px; font-weight: 700; margin-bottom: 0px;">
|
||||
<img class="d-inline" style="vertical-align: middle;margin-right: 12px; height: 14px; width: 16px;" src="/images/icon-hamburger-menu-16x14@2x.png" alt="A menu icon">
|
||||
Tables
|
||||
<span class="ml-2" purpose="number-of-tables">{{numberOfTablesDisplayed}}</span>
|
||||
</h4>
|
||||
</div>
|
||||
<img style="width: 6px; height: 9px;" class="d-flex d-lg-none justify-self-end" alt="right chevron" src="/images/chevron-right-6x9@2x.png" v-if="!showTableNav"/>
|
||||
<img style="width: 9px; height: 6px;" class="d-flex d-lg-none justify-self-end" alt="down chevron" src="/images/chevron-down-9x6@2x.png" v-else/>
|
||||
</div>
|
||||
<div style="position: relative;">
|
||||
<div purpose="table-of-contents">
|
||||
<div class="d-flex d-lg-none pt-3" v-if="showTableNav">
|
||||
<div purpose="mobile-table-of-contents">
|
||||
<a class="d-block" :class="[tableToDisplay.title === table.title ? 'active' : '']" :href="table.url" v-for="table in filteredTables">{{table.title}}</a>
|
||||
</div>
|
||||
<div purpose="overflow-shadow" class="d-none d-lg-block"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="table-container" class="d-flex flex-column pl-xl-5 pl-lg-3 w-100">
|
||||
<div purpose="schema-table">
|
||||
<div purpose="platform-logos" class="d-flex flex-row align-items-center">
|
||||
<img class="mx-2" style="height: 24px" src="/images/os-linux-black-32x36@2x.png" alt="Linux logo" v-if="_.includes(tableToDisplay.platforms, 'linux')">
|
||||
<img class="mx-2" style="height: 24px" src="/images/os-windows-black-38x36@2x.png" alt="Windows logo" v-if="_.includes(tableToDisplay.platforms, 'windows')">
|
||||
<img class="mx-2" style="height: 25px" src="/images/os-macos-black-31x35@2x.png" alt="macOS logo" v-if="_.includes(tableToDisplay.platforms, 'darwin')">
|
||||
<hr class="d-lg-none d-flex">
|
||||
</div>
|
||||
<div purpose="content" class="container" style="max-width: 1200px;">
|
||||
<div class="d-flex flex-lg-row flex-column justify-content-between">
|
||||
<div purpose="left-sidebar" class="d-none d-lg-flex flex-column">
|
||||
<div class="d-flex flex-row justify-content-between">
|
||||
<div purpose="table-of-contents-header" class="d-flex flex-row">
|
||||
<h4 style="font-size: 16px; line-height: 24px; font-weight: 700;">
|
||||
Tables<span class="ml-2" purpose="number-of-tables">{{numberOfTablesDisplayed}}</span>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div style="position: relative;">
|
||||
<div purpose="table-of-contents">
|
||||
<a class="d-block" :class="[tableToDisplay.title === table.title ? 'active' : '']" :href="table.url" v-for="table in filteredTables">{{table.title}}</a>
|
||||
</div>
|
||||
<div purpose="overflow-shadow" class="d-none d-lg-block"></div>
|
||||
</div>
|
||||
<%- partial(path.relative(path.dirname(__filename), path.resolve( sails.config.appPath, path.join(sails.config.builtStaticContent.compiledPagePartialsAppPath, tableToDisplay.htmlId)))) %>
|
||||
</div>
|
||||
|
||||
<div class="justify-self-end">
|
||||
<div purpose="edit-button">
|
||||
<a href="https://github.com/fleetdm/fleet/tree/main/schema/" target="_blank">Edit page<i class="fa fa-pencil"></i></a>
|
||||
<div purpose="table-container" class="d-flex flex-column pl-xl-5 pl-lg-3 w-100">
|
||||
<div purpose="schema-table">
|
||||
<div purpose="platform-logos" class="d-flex flex-row align-items-center">
|
||||
<img class="mx-2" style="height: 24px" src="/images/os-linux-black-32x36@2x.png" alt="Linux logo" v-if="_.includes(tableToDisplay.platforms, 'linux')">
|
||||
<img class="mx-2" style="height: 24px" src="/images/os-windows-black-38x36@2x.png" alt="Windows logo" v-if="_.includes(tableToDisplay.platforms, 'windows')">
|
||||
<img class="mx-2" style="height: 25px" src="/images/os-macos-black-31x35@2x.png" alt="macOS logo" v-if="_.includes(tableToDisplay.platforms, 'darwin')">
|
||||
</div>
|
||||
<%- partial(path.relative(path.dirname(__filename), path.resolve( sails.config.appPath, path.join(sails.config.builtStaticContent.compiledPagePartialsAppPath, tableToDisplay.htmlId)))) %>
|
||||
</div>
|
||||
<div class="d-block justify-self-end" purpose="slack-cta">
|
||||
<h3 class="pt-0" style="font-size: 24px; line-height: 28px;">Need more help?</h3>
|
||||
<div class="d-sm-flex">
|
||||
<a href="/slack" target="_blank" class="d-flex btn btn-md btn-outline-secondary justify-content-center align-items-center mt-3 mt-sm-0" purpose="next-steps-button">
|
||||
<img style="height: 24px;" class="pr-3" alt="Slack logo" src="/images/logo-slack-24x24@2x.png"/>
|
||||
Ask the community on Slack
|
||||
</a>
|
||||
|
||||
<div class="justify-self-end">
|
||||
<div purpose="edit-button">
|
||||
<a href="https://github.com/fleetdm/fleet/tree/main/schema/" target="_blank">Edit page<i class="fa fa-pencil"></i></a>
|
||||
</div>
|
||||
<div class="d-block justify-self-end" purpose="slack-cta">
|
||||
<h3 class="pt-0" style="font-size: 24px; line-height: 28px;">Need more help?</h3>
|
||||
<div class="d-sm-flex">
|
||||
<a href="/slack" target="_blank" class="d-flex btn btn-md btn-outline-secondary justify-content-center align-items-center mt-3 mt-sm-0" purpose="next-steps-button">
|
||||
<img style="height: 24px;" class="pr-3" alt="Slack logo" src="/images/logo-slack-24x24@2x.png"/>
|
||||
Ask the community on Slack
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>
|
||||
|
|
|
|||
Loading…
Reference in a new issue