Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 08:58:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 114

Website: add IT comparison to homepage and /device-management (#30908)

Browse source 
Closes: #26744 

Changes:
- Added PatchMyPC to the IT comparison table on the homepage and the
/device-management page.
This commit is contained in:
Eric 2025-07-15 19:26:00 -05:00 committed by GitHub
parent b4d393c4e1
commit 77d515908d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 56 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
website/assets/js/pages/device-management.page.js vendored
View file

@ -13,7 +13,8 @@ parasails.registerPage('device-management-page', {
tanium: 'Tanium',
ansible: 'Ansible',
puppet: 'Puppet',
chef: 'Chef'
chef: 'Chef',
patchmypc: 'PatchMyPC'
}
},

1
website/assets/js/pages/homepage.page.js vendored
View file

@ -37,6 +37,7 @@ parasails.registerPage('homepage', {
qualys: 'Qualys',
tenable: 'Tenable',
defender: 'Defender',
patchmypc: 'PatchMyPC',
}
},

3
website/assets/styles/pages/device-management.less vendored
View file

@ -223,8 +223,7 @@
justify-content: flex-start;
align-self: center;
min-width: 200px;
:has(p) {
&:has(p) {
justify-content: center;
}
p {

1
website/assets/styles/pages/homepage.less vendored
View file

@ -546,7 +546,6 @@
p {
font-size: 12px;
margin-bottom: 0px;
white-space: nowrap;
}
}
[purpose='fleet-column'] {

34
website/views/pages/device-management.ejs vendored
View file

@ -132,6 +132,7 @@
<div class="dropdown-item" data-compare-with="tanium" @click="clickSwitchComparisonTableColumn('tanium')">Tanium</div>
<div class="dropdown-item" data-compare-with="puppet" @click="clickSwitchComparisonTableColumn('puppet')">Puppet</div>
<div class="dropdown-item" data-compare-with="chef" @click="clickSwitchComparisonTableColumn('chef')">Chef</div>
<div class="dropdown-item" data-compare-with="patchmypc" @click="clickSwitchComparisonTableColumn('patchmypc')">PatchMyPC</div>
</div>
</div>
</div>
@ -186,7 +187,7 @@
<div purpose="fleet-column">
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
</div>
<div purpose="comparison-column" v-if="['tanium', 'chef', 'sccm', 'ansible'].includes(comparisonMode)">
<div purpose="comparison-column" v-if="['tanium', 'chef', 'sccm', 'ansible', 'patchmypc'].includes(comparisonMode)">
<img class="mx-auto" alt="❌" purpose="red-x" src="/images/icon-emoji-x-12x12@2x.png">
</div>
<div purpose="comparison-column" v-else-if="comparisonMode === 'puppet'">
@ -257,6 +258,9 @@
<div purpose="comparison-column" v-else-if="comparisonMode === 'jamf'">
<p>Apple only</p>
</div>
<div purpose="comparison-column" v-else-if="comparisonMode === 'patchmypc'">
<p>Windows only scripting for app installs</p>
</div>
<div purpose="comparison-column" v-else-if="['ansible', 'tanium', 'puppet', 'chef'].includes(comparisonMode)">
<p>Mobile not supported</p>
</div>
@ -292,7 +296,7 @@
</div>
<div purpose="table-row">
<div purpose="feature-name" class="d-flex align-items-center"><p>App management </p></div>
<div purpose="feature-name" class="d-flex align-items-center"><p>App management</p></div>
<div purpose="fleet-column">
<img src="/images/os-macos-black-50-16x16@2x.png" alt="macOS logo" >
<img src="/images/os-windows-black-50-16x16@2x.png" alt="Windows logo">
@ -300,7 +304,7 @@
<img src="/images/icon-android-16x16@2x.png" alt="Android" >
<img src="/images/icon-ios-16x16@2x.png" alt="iOS">
</div>
<div purpose="comparison-column" v-if="comparisonMode === 'sccm'">
<div purpose="comparison-column" v-if="['sccm', 'patchmypc'].includes(comparisonMode)">
<p>Windows only</p>
</div>
<div purpose="comparison-column" v-else-if="comparisonMode === 'jamf'">
@ -350,6 +354,9 @@
<div purpose="comparison-column" v-if="comparisonMode === 'sccm'">
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
</div>
<div purpose="comparison-column" v-else-if="comparisonMode === 'patchmypc'">
<p>Intune or SCCM integration</p>
</div>
<div purpose="comparison-column" v-else-if="comparisonMode === 'intune'">
<p>Microsoft Graph API</p>
</div>
@ -372,7 +379,7 @@
<div purpose="table-row">
<div purpose="feature-name">
<p>
Device reporting (&lt;30 mins) <img style="margin-left: 6px;" class="d-inline" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info" data-toggle="tooltip" tabindex="0" data-placement="top" title="Unlike traditional system that can take from 1 - 6 hours to respond. Fleet can talk to thousands of devices in seconds.">
Device reporting (&lt;30 seconds) <img style="margin-left: 6px;" class="d-inline" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info" data-toggle="tooltip" tabindex="0" data-placement="top" title="Unlike traditional system that can take from 1 - 6 hours to respond. Fleet can talk to thousands of devices in seconds.">
</p>
</div>
<div purpose="fleet-column">
@ -405,6 +412,9 @@
<div purpose="comparison-column" v-else-if="comparisonMode === 'jamf'">
<p>Apple only</p>
</div>
<div purpose="comparison-column" v-else-if="comparisonMode === 'patchmypc'">
<img class="mx-auto" alt="❌" purpose="red-x" src="/images/icon-emoji-x-12x12@2x.png">
</div>
<div purpose="comparison-column" v-else-if="['tanium', 'intune', 'omnissa'].includes(comparisonMode)">
<p>Proprietary</p>
</div>
@ -441,6 +451,7 @@
<div class="dropdown-item" data-compare-with="tanium" @click="clickSwitchComparisonTableColumn('tanium')">Tanium</div>
<div class="dropdown-item" data-compare-with="puppet" @click="clickSwitchComparisonTableColumn('puppet')">Puppet</div>
<div class="dropdown-item" data-compare-with="chef" @click="clickSwitchComparisonTableColumn('chef')">Chef</div>
<div class="dropdown-item" data-compare-with="patchmypc" @click="clickSwitchComparisonTableColumn('patchmypc')">PatchMyPC</div>
</div>
<div purpose="feature-table">
<div purpose="feature-name"><p>Cloud or self-host with no restrictions</p></div>
@ -508,7 +519,7 @@
</div>
<div purpose="feature-table-row">
<div>{{comparisonModeFriendlyNames[comparisonMode]}}</div>
<div purpose="feature-status" v-if="['tanium', 'chef', 'sccm'].includes(comparisonMode)">
<div purpose="feature-status" v-if="['tanium', 'chef', 'sccm', 'patchmypc'].includes(comparisonMode)">
<img class="mx-auto" alt="❌" purpose="red-x" src="/images/icon-emoji-x-12x12@2x.png">
</div>
<div purpose="feature-status" v-else-if="comparisonMode === 'puppet'">
@ -593,6 +604,9 @@
<div purpose="feature-status" v-else-if="comparisonMode === 'sccm'">
<p>Windows only</p>
</div>
<div purpose="feature-status" v-else-if="comparisonMode === 'patchmypc'">
<p>Windows only scripting for app installs</p>
</div>
<div purpose="feature-status" v-else-if="['ansible', 'tanium', 'puppet', 'chef'].includes(comparisonMode)">
<p>Mobile not supported</p>
</div>
@ -633,7 +647,7 @@
</div>
</div>
<div purpose="feature-table">
<div purpose="feature-name"><p>App management </p>
<div purpose="feature-name"><p>App management</p>
</div>
<div purpose="feature-table-row">
<div>Fleet</div>
@ -650,7 +664,7 @@
<div purpose="feature-status" v-if="comparisonMode === 'jamf'">
<p>Apple only</p>
</div>
<div purpose="feature-status" v-else-if="comparisonMode === 'sccm'">
<div purpose="feature-status" v-if="['sccm', 'patchmypc'].includes(comparisonMode)">
<p>Windows only</p>
</div>
<div purpose="feature-status" v-else-if="comparisonMode === 'tanium'">
@ -713,6 +727,9 @@
<div purpose="feature-status" v-else-if="comparisonMode === 'sccm'">
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
</div>
<div purpose="feature-status" v-else-if="comparisonMode === 'patchmypc'">
<p>Intune or SCCM integration</p>
</div>
<div purpose="feature-status" v-else>
<p>Multiple APIs required</p>
</div>
@ -787,6 +804,9 @@
<div purpose="feature-status" v-else-if="['tanium', 'intune', 'omnissa'].includes(comparisonMode)">
<p>Proprietary</p>
</div>
<div purpose="feature-status" v-else-if="comparisonMode === 'patchmypc'">
<img class="mx-auto" alt="❌" purpose="red-x" src="/images/icon-emoji-x-12x12@2x.png">
</div>
<div purpose="feature-status" v-else>
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
</div>

30
website/views/pages/homepage.ejs vendored
View file

@ -232,6 +232,7 @@
<div class="dropdown-item" data-compare-with="tanium" @click="clickSwitchComparisonTableColumn('tanium')">Tanium</div>
<div class="dropdown-item" data-compare-with="puppet" @click="clickSwitchComparisonTableColumn('puppet')">Puppet</div>
<div class="dropdown-item" data-compare-with="chef" @click="clickSwitchComparisonTableColumn('chef')">Chef</div>
<div class="dropdown-item" data-compare-with="patchmypc" @click="clickSwitchComparisonTableColumn('patchmypc')">PatchMyPC</div>
</div>
</div>
</div>
@ -287,7 +288,7 @@
<div purpose="fleet-column">
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
</div>
<div purpose="comparison-column" v-if="['tanium', 'chef', 'sccm'].includes(comparisonModeForIt)">
<div purpose="comparison-column" v-if="['tanium', 'chef', 'sccm', 'patchmypc'].includes(comparisonModeForIt)">
<img class="mx-auto" alt="❌" purpose="red-x" src="/images/icon-emoji-x-12x12@2x.png">
</div>
<div purpose="comparison-column" v-else-if="comparisonModeForIt === 'puppet'">
@ -358,6 +359,9 @@
<div purpose="comparison-column" v-else-if="comparisonModeForIt === 'jamf'">
<p>Apple only</p>
</div>
<div purpose="comparison-column" v-else-if="comparisonModeForIt === 'patchmypc'">
<p>Windows only scripting for app installs</p>
</div>
<div purpose="comparison-column" v-else-if="['ansible', 'tanium', 'puppet', 'chef'].includes(comparisonModeForIt)">
<p>Mobile not supported</p>
</div>
@ -393,7 +397,7 @@
</div>
<div purpose="table-row">
<div purpose="feature-name" class="d-flex align-items-center"><p>App management </p></div>
<div purpose="feature-name" class="d-flex align-items-center"><p>App management</p></div>
<div purpose="fleet-column">
<img src="/images/os-macos-black-50-16x16@2x.png" alt="macOS logo" >
<img src="/images/os-windows-black-50-16x16@2x.png" alt="Windows logo">
@ -401,7 +405,7 @@
<img src="/images/icon-android-16x16@2x.png" alt="Android" >
<img src="/images/icon-ios-16x16@2x.png" alt="iOS">
</div>
<div purpose="comparison-column" v-if="comparisonModeForIt === 'sccm'">
<div purpose="comparison-column" v-if="['sccm', 'patchmypc'].includes(comparisonModeForIt)">
<p>Windows only</p>
</div>
<div purpose="comparison-column" v-else-if="comparisonModeForIt === 'jamf'">
@ -454,6 +458,9 @@
<div purpose="comparison-column" v-else-if="comparisonModeForIt === 'intune'">
<p>Microsoft Graph API</p>
</div>
<div purpose="comparison-column" v-else-if="comparisonModeForIt === 'patchmypc'">
<p>Intune or SCCM integration</p>
</div>
<div purpose="comparison-column" v-else>
<p>Multiple APIs required</p>
</div>
@ -508,6 +515,9 @@
<div purpose="comparison-column" v-else-if="comparisonModeForIt === 'jamf'">
<p>Apple only</p>
</div>
<div purpose="comparison-column" v-else-if="comparisonModeForIt === 'patchmypc'">
<img class="mx-auto" alt="❌" purpose="red-x" src="/images/icon-emoji-x-12x12@2x.png">
</div>
<div purpose="comparison-column" v-else-if="['tanium', 'intune', 'omnissa'].includes(comparisonModeForIt)">
<p>Proprietary</p>
</div>
@ -544,6 +554,7 @@
<div class="dropdown-item" data-compare-with="tanium" @click="clickSwitchComparisonTableColumn('tanium')">Tanium</div>
<div class="dropdown-item" data-compare-with="puppet" @click="clickSwitchComparisonTableColumn('puppet')">Puppet</div>
<div class="dropdown-item" data-compare-with="chef" @click="clickSwitchComparisonTableColumn('chef')">Chef</div>
<div class="dropdown-item" data-compare-with="patchmypc" @click="clickSwitchComparisonTableColumn('patchmypc')">PatchMyPC</div>
</div>
<div purpose="feature-table">
@ -612,7 +623,7 @@
</div>
<div purpose="feature-table-row">
<div>{{comparisonModeFriendlyNames[comparisonModeForIt]}}</div>
<div purpose="feature-status" v-if="['tanium', 'chef', 'sccm', 'ansible'].includes(comparisonModeForIt)">
<div purpose="feature-status" v-if="['tanium', 'chef', 'sccm', 'ansible', 'patchmypc'].includes(comparisonModeForIt)">
<img class="mx-auto" alt="❌" purpose="red-x" src="/images/icon-emoji-x-12x12@2x.png">
</div>
<div purpose="feature-status" v-else-if="comparisonModeForIt === 'puppet'">
@ -697,6 +708,9 @@
<div purpose="feature-status" v-else-if="comparisonModeForIt === 'sccm'">
<p>Windows only</p>
</div>
<div purpose="feature-status" v-else-if="comparisonModeForIt === 'patchmypc'">
<p>Windows only scription for app installs</p>
</div>
<div purpose="feature-status" v-else-if="['ansible', 'tanium', 'puppet', 'chef'].includes(comparisonModeForIt)">
<p>Mobile not supported</p>
</div>
@ -754,7 +768,7 @@
<div purpose="feature-status" v-if="comparisonModeForIt === 'jamf'">
<p>Apple only</p>
</div>
<div purpose="feature-status" v-else-if="comparisonModeForIt === 'sccm'">
<div purpose="feature-status" v-else-if="['patchmypc', 'sccm'].includes(comparisonModeForIt)">
<p>Windows only</p>
</div>
<div purpose="feature-status" v-else-if="comparisonModeForIt === 'tanium'">
@ -817,6 +831,9 @@
<div purpose="feature-status" v-else-if="comparisonModeForIt === 'sccm'">
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
</div>
<div purpose="feature-status" v-else-if="comparisonModeForIt === 'patchmypc'">
<p>Intune or SCCM integration</p>
</div>
<div purpose="feature-status" v-else>
<p>Multiple APIs required</p>
</div>
@ -891,6 +908,9 @@
<div purpose="feature-status" v-else-if="['tanium', 'intune', 'omnissa'].includes(comparisonModeForIt)">
<p>Proprietary</p>
</div>
<div purpose="feature-status" v-else-if="comparisonModeForIt === 'patchmypc'">
<img class="mx-auto" alt="❌" purpose="red-x" src="/images/icon-emoji-x-12x12@2x.png">
</div>
<div purpose="feature-status" v-else>
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
</div>