mirror of
https://github.com/fleetdm/fleet
synced 2026-05-21 16:08:47 +00:00
Website: Add Jamf Pro comparison to MDM features table. (#20465)
Closes: #20439 Changes: - Added a Jamf pro to the comparison table on the device management page. --------- Co-authored-by: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
This commit is contained in:
Eric
GitHub
parent
f7fd553c3f
commit
d2f760e240
3 changed files with 312 additions and 115 deletions
|
|
@ -4,6 +4,7 @@ parasails.registerPage('device-management-page', {
|
|||
// ╩╝╚╝╩ ╩ ╩╩ ╩╩═╝ ╚═╝ ╩ ╩ ╩ ╩ ╚═╝
|
||||
data: {
|
||||
modal: '',
|
||||
comparisonMode: 'omnissa'
|
||||
},
|
||||
|
||||
// ╦ ╦╔═╗╔═╗╔═╗╦ ╦╔═╗╦ ╔═╗
|
||||
|
|
|
|||
105
website/assets/styles/pages/device-management.less
vendored
105
website/assets/styles/pages/device-management.less
vendored
|
|
@ -128,11 +128,39 @@
|
|||
}
|
||||
[purpose='comparison-table-header'] {
|
||||
font-size: 14px;
|
||||
color: @core-fleet-black;
|
||||
div {
|
||||
padding: 12px 24px;
|
||||
}
|
||||
[purpose='comparison-selector'] {
|
||||
width: 152px;
|
||||
height: 48px;
|
||||
border-radius: 8px;
|
||||
padding: 0px 12px;
|
||||
background: #FFF;
|
||||
color: @core-fleet-black;
|
||||
border: 1px solid @core-vibrant-blue-15;
|
||||
cursor: pointer;
|
||||
font-weight: 700;
|
||||
}
|
||||
[purpose='comparison-selector-dropwdown'] {
|
||||
width: 152px;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
padding: 0px;
|
||||
.dropdown-item {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
border-top: 1px solid @core-vibrant-blue-15;
|
||||
padding: 0px 12px;
|
||||
height: 48px;
|
||||
&:active {
|
||||
color: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
[purpose='omnisaa-column'] {
|
||||
[purpose='comparison-column'] {
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -192,7 +220,42 @@
|
|||
}
|
||||
}
|
||||
// Mobile features comparison table styles
|
||||
[purpose='mobile-comparison-selector'] {
|
||||
height: 48px;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
padding: 0px 12px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
align-self: stretch;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #E2E4EA;
|
||||
background: #FFF;
|
||||
margin-bottom: 48px;
|
||||
font-weight: 700;
|
||||
color: #192147;
|
||||
}
|
||||
|
||||
[purpose='mobile-comparison-table'] {
|
||||
p {
|
||||
color: @core-fleet-black;
|
||||
}
|
||||
[purpose='comparison-selector-dropwdown'] {
|
||||
width: calc(~' 100% - 48px');
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
padding: 0px;
|
||||
.dropdown-item {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
border-top: 1px solid @core-vibrant-blue-15;
|
||||
padding: 0px 12px;
|
||||
height: 48px;
|
||||
&:active {
|
||||
color: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
|
@ -206,6 +269,7 @@
|
|||
font-size: 14px;
|
||||
color: #515774;
|
||||
[purpose='feature-name'] {
|
||||
color: @core-fleet-black;
|
||||
display: flex;
|
||||
height: 36px;
|
||||
padding: 12px 16px 12px 16px;
|
||||
|
|
@ -622,12 +686,40 @@
|
|||
}
|
||||
}
|
||||
|
||||
[purpose='omnisaa-column'] {
|
||||
min-width: 140px;
|
||||
[purpose='comparison-column'] {
|
||||
max-width: 140px;
|
||||
min-width: 160px;
|
||||
}
|
||||
[purpose='comparison-table-header'] {
|
||||
font-size: 14px;
|
||||
div {
|
||||
padding: 12px 24px;
|
||||
}
|
||||
[purpose='comparison-selector'] {
|
||||
min-width: 152px;
|
||||
height: 48px;
|
||||
border-radius: 8px;
|
||||
padding: 0px 12px;
|
||||
background: #FFF;
|
||||
border: 1px solid @core-vibrant-blue-15;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
[purpose='comparison-selector-dropwdown'] {
|
||||
width: 152px;
|
||||
cursor: pointer;
|
||||
padding: 0px;
|
||||
.dropdown-item {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
border-top: 1px solid @core-vibrant-blue-15;
|
||||
padding: 0px 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
[purpose='fleet-column'] {
|
||||
min-width: 140px;
|
||||
max-width: 140px;
|
||||
}
|
||||
|
||||
[purpose='comparison-table-header'] {
|
||||
|
|
@ -872,6 +964,13 @@
|
|||
[purpose='page-container'] {
|
||||
padding: 48px 16px;
|
||||
}
|
||||
[purpose='mobile-comparison-table'] {
|
||||
[purpose='comparison-selector-dropwdown'] {
|
||||
dispaly: flex;
|
||||
flex-direction: column;
|
||||
width: calc(~' 100% - 32px');
|
||||
}
|
||||
}
|
||||
[purpose='tweets-container'] {
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
|
|
|
|||
321
website/views/pages/device-management.ejs
vendored
321
website/views/pages/device-management.ejs
vendored
|
|
@ -36,7 +36,18 @@
|
|||
<div purpose="desktop-comparison-table" class="d-none d-sm-block">
|
||||
<div purpose="comparison-table-header" class="d-sm-flex d-none flex-row justify-content-end">
|
||||
<div purpose="fleet-column"><strong>Fleet</strong></div>
|
||||
<div purpose="omnisaa-column"><strong>Omnissa (WS1)</strong></div>
|
||||
<div purpose="comparison-column" class="d-flex">
|
||||
<div purpose="comparison-selector" class="d-flex flex-row justify-content-between align-items-center"
|
||||
id="dropdownMenuSelectPurpose" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{{comparisonMode === 'omnissa' ? 'Omnissa (WS1)' : 'Jamf Pro'}}<img class="d-flex" style="width: 16px; height: 16px;" src="/images/chevron-down-16x16@2x.png" alt="a small shevron pointing downwards">
|
||||
</div>
|
||||
<div purpose="comparison-selector-dropwdown" class="dropdown-menu" aria-labelledby="dropdownMenuSelectPurpose">
|
||||
<div class="dropdown-item"
|
||||
@click="comparisonMode = 'omnissa'">Omnissa (WS1)</div>
|
||||
<div class="dropdown-item"
|
||||
@click="comparisonMode = 'jamf'">Jamf Pro</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="comparison-table" class="d-sm-flex d-none flex-column">
|
||||
<div purpose="table-row">
|
||||
|
|
@ -45,16 +56,38 @@
|
|||
<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">
|
||||
</div>
|
||||
<div purpose="omnisaa-column">
|
||||
<div purpose="comparison-column" v-if="comparisonMode === 'omnissa'">
|
||||
<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">
|
||||
</div>
|
||||
<div purpose="comparison-column" v-if="comparisonMode === 'jamf'">
|
||||
<img src="/images/os-macos-black-50-16x16@2x.png" alt="macOS logo" >
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="table-row">
|
||||
<div purpose="feature-name"><p>iOS/iPadOS management</p></div>
|
||||
<div purpose="fleet-column">
|
||||
<img style="height: 14px; width: 14px;" alt="coming soon" src="/images/icon-coming-soon-14x14@2x.png">
|
||||
</div>
|
||||
<div purpose="comparison-column">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="table-row">
|
||||
<div purpose="feature-name">
|
||||
<p>Complete device inventory </p>
|
||||
<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="Fleet gives you data down to the chip level on every endpoint. Access over 300 tables of system state data. Use presets or create your own queries.">
|
||||
</div>
|
||||
<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"></div>
|
||||
</div>
|
||||
|
||||
<div purpose="table-row">
|
||||
<div purpose="feature-name"><p>Operating system updates</p></div>
|
||||
<div purpose="fleet-column"><img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png"></div>
|
||||
<div purpose="omnisaa-column">
|
||||
<div purpose="comparison-column">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -62,39 +95,7 @@
|
|||
<div purpose="table-row">
|
||||
<div purpose="feature-name"><p>Configuration management and scripting</p></div>
|
||||
<div purpose="fleet-column"><img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png"></div>
|
||||
<div purpose="omnisaa-column">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="table-row">
|
||||
<div purpose="feature-name" class="d-flex align-items-center"><p>App management </p>
|
||||
<!-- <span purpose="table-new-badge" class="ml-2">New</span> -->
|
||||
</div>
|
||||
<div purpose="fleet-column">
|
||||
<img style="height: 14px; width: 14px;" alt="coming soon" src="/images/icon-coming-soon-14x14@2x.png">
|
||||
</div>
|
||||
<div purpose="omnisaa-column">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="table-row">
|
||||
<div purpose="feature-name"><p>iOS</p></div>
|
||||
<div purpose="fleet-column">
|
||||
<img style="height: 14px; width: 14px;" alt="coming soon" src="/images/icon-coming-soon-14x14@2x.png">
|
||||
</div>
|
||||
<div purpose="omnisaa-column">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="table-row">
|
||||
<div purpose="feature-name"><p>Auto-fix</p></div>
|
||||
<div purpose="fleet-column">
|
||||
<img style="height: 14px; width: 14px;" alt="coming soon" src="/images/icon-coming-soon-14x14@2x.png">
|
||||
</div>
|
||||
<div purpose="omnisaa-column">
|
||||
<div purpose="comparison-column">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -106,42 +107,69 @@
|
|||
<img src="/images/os-windows-black-50-16x16@2x.png" alt="Windows logo">
|
||||
<img src="/images/os-linux-black-50-16x16@2x.png" alt="Linux logo">
|
||||
</div>
|
||||
<div purpose="omnisaa-column">
|
||||
<div purpose="comparison-column">
|
||||
<img src="/images/os-macos-black-50-16x16@2x.png" alt="macOS logo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="table-row">
|
||||
<div purpose="feature-name" class="d-flex align-items-center"><p>App management </p>
|
||||
<!-- <span purpose="table-new-badge" class="ml-2">New</span> -->
|
||||
</div>
|
||||
<div purpose="fleet-column">
|
||||
<img style="height: 14px; width: 14px;" alt="coming soon" src="/images/icon-coming-soon-14x14@2x.png">
|
||||
</div>
|
||||
<div purpose="comparison-column">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div purpose="table-row">
|
||||
<div purpose="feature-name"><p>Automated device compliance</p></div>
|
||||
<div purpose="fleet-column">
|
||||
<img style="height: 14px; width: 14px;" alt="coming soon" src="/images/icon-coming-soon-14x14@2x.png">
|
||||
</div>
|
||||
<div purpose="comparison-column">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div purpose="table-row">
|
||||
<div purpose="feature-name"><p>REST API</p></div>
|
||||
<div purpose="fleet-column"><img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png"></div>
|
||||
<div purpose="omnisaa-column">
|
||||
<div purpose="comparison-column">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="table-row">
|
||||
<div purpose="feature-name"><p>Last mile MDM migration wizard</p></div>
|
||||
<div purpose="feature-name"><p>MDM migration</p></div>
|
||||
<div purpose="fleet-column"><img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png"></div>
|
||||
<div purpose="omnisaa-column"></div>
|
||||
</div>
|
||||
|
||||
<div purpose="table-row">
|
||||
<div purpose="feature-name">
|
||||
<p>Complete device state </p>
|
||||
<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="Fleet gives you data down to the chip level on every endpoint. Access over 300 tables of system state data. Use presets or create your own queries.">
|
||||
</div>
|
||||
<div purpose="fleet-column"><img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png"></div>
|
||||
<div purpose="omnisaa-column"></div>
|
||||
<div purpose="comparison-column"></div>
|
||||
</div>
|
||||
|
||||
<div purpose="table-row">
|
||||
<div purpose="feature-name"><p>Open source</p></div>
|
||||
<div purpose="fleet-column"><img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png"></div>
|
||||
<div purpose="omnisaa-column"></div>
|
||||
<div purpose="comparison-column"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="mobile-comparison-table" class="d-block d-sm-none">
|
||||
<p class="mt-5 mb-2 font-weight-bold">Compare with:</p>
|
||||
<div purpose="mobile-comparison-selector" class="d-flex flex-row justify-content-between align-items-center"
|
||||
id="mobileDropdownMenuSelectPurpose" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{{comparisonMode === 'omnissa' ? 'Omnissa (WS1)' : 'Jamf Pro'}}<img class="d-flex" style="width: 16px; height: 16px;" src="/images/chevron-down-16x16@2x.png" alt="a small shevron pointing downwards">
|
||||
</div>
|
||||
<div purpose="comparison-selector-dropwdown" class="dropdown-menu" aria-labelledby="mobileDropdownMenuSelectPurpose">
|
||||
<div class="dropdown-item"
|
||||
@click="comparisonMode = 'omnissa'">Omnissa (WS1)</div>
|
||||
<div class="dropdown-item"
|
||||
@click="comparisonMode = 'jamf'">Jamf Pro</div>
|
||||
</div>
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>Zero-touch setup</p></div>
|
||||
<div purpose="feature-table-row">
|
||||
|
|
@ -151,13 +179,61 @@
|
|||
<img src="/images/os-windows-black-50-16x16@2x.png" alt="Windows logo">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row">
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'omnissa'">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-status">
|
||||
<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">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'jamf'">
|
||||
<div>Jamf Pro</div>
|
||||
<div purpose="feature-status">
|
||||
<img src="/images/os-macos-black-50-16x16@2x.png" alt="macOS logo" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>iOS/iPadOS management</p></div>
|
||||
<div purpose="feature-table-row">
|
||||
<div>Fleet</div>
|
||||
<div purpose="feature-status">
|
||||
<img style="height: 14px; width: 14px;" alt="coming soon" src="/images/icon-coming-soon-14x14@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'omnissa'">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'jamf'">
|
||||
<div>Jamf Pro</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>Complete device state</p></div>
|
||||
<div purpose="feature-table-row">
|
||||
<div>Fleet</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'omnissa'">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-status">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'jamf'">
|
||||
<div>Jamf Pro</div>
|
||||
<div purpose="feature-status">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>Operating system updates</p></div>
|
||||
|
|
@ -167,12 +243,18 @@
|
|||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row">
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'omnissa'">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'jamf'">
|
||||
<div>Jamf Pro</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>Configuration management and scripting</p></div>
|
||||
|
|
@ -182,55 +264,14 @@
|
|||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row">
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'omnissa'">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>App management </p>
|
||||
<!-- <span purpose="table-new-badge" class="ml-2">New</span> -->
|
||||
</div>
|
||||
<div purpose="feature-table-row">
|
||||
<div>Fleet</div>
|
||||
<div purpose="feature-status">
|
||||
<img style="height: 14px; width: 14px;" alt="coming soon" src="/images/icon-coming-soon-14x14@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>iOS</p></div>
|
||||
<div purpose="feature-table-row">
|
||||
<div>Fleet</div>
|
||||
<div purpose="feature-status">
|
||||
<img style="height: 14px; width: 14px;" alt="coming soon" src="/images/icon-coming-soon-14x14@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>Auto-fix</p></div>
|
||||
<div purpose="feature-table-row">
|
||||
<div>Fleet</div>
|
||||
<div purpose="feature-status">
|
||||
<img style="height: 14px; width: 14px;" alt="coming soon" src="/images/icon-coming-soon-14x14@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'jamf'">
|
||||
<div>Jamf Pro</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
|
|
@ -246,13 +287,65 @@
|
|||
<img src="/images/os-linux-black-50-16x16@2x.png" alt="Linux logo">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row">
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'omnissa'">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-status">
|
||||
<img src="/images/os-macos-black-50-16x16@2x.png" alt="macOS logo">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'jamf'">
|
||||
<div>Jamf Pro</div>
|
||||
<div purpose="feature-status">
|
||||
<img src="/images/os-macos-black-50-16x16@2x.png" alt="macOS logo">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>App management </p>
|
||||
<!-- <span purpose="table-new-badge" class="ml-2">New</span> -->
|
||||
</div>
|
||||
<div purpose="feature-table-row">
|
||||
<div>Fleet</div>
|
||||
<div purpose="feature-status">
|
||||
<img style="height: 14px; width: 14px;" alt="coming soon" src="/images/icon-coming-soon-14x14@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'omnissa'">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'jamf'">
|
||||
<div>Jamf Pro</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>Automated device compliance</p></div>
|
||||
<div purpose="feature-table-row">
|
||||
<div>Fleet</div>
|
||||
<div purpose="feature-status">
|
||||
<img style="height: 14px; width: 14px;" alt="coming soon" src="/images/icon-coming-soon-14x14@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'omnissa'">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'jamf'">
|
||||
<div>Jamf Pro</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>REST API</p></div>
|
||||
<div purpose="feature-table-row">
|
||||
|
|
@ -261,43 +354,41 @@
|
|||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row">
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'omnissa'">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'jamf'">
|
||||
<div>Jamf Pro</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>Last mile MDM migration wizard</p></div>
|
||||
<div purpose="feature-name"><p>MDM migration</p></div>
|
||||
<div purpose="feature-table-row">
|
||||
<div>Fleet</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row">
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'omnissa'">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-status">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>Complete device state</p></div>
|
||||
<div purpose="feature-table-row">
|
||||
<div>Fleet</div>
|
||||
<div purpose="feature-status">
|
||||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'jamf'">
|
||||
<div>Jamf Pro</div>
|
||||
<div purpose="feature-status">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div purpose="feature-table">
|
||||
<div purpose="feature-name"><p>Open source</p></div>
|
||||
<div purpose="feature-table-row">
|
||||
|
|
@ -306,10 +397,16 @@
|
|||
<img class="mx-auto" alt="checkmark" purpose="checkmark" src="/images/icon-checkmark-green-16x16@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row">
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'omnissa'">
|
||||
<div>Omnissa (WS1)</div>
|
||||
<div purpose="feature-status">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="feature-table-row" v-if="comparisonMode === 'jamf'">
|
||||
<div>Jamf Pro</div>
|
||||
<div purpose="feature-status">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue