diff --git a/website/assets/js/pages/device-management.page.js b/website/assets/js/pages/device-management.page.js index 862894df96..e13d3917eb 100644 --- a/website/assets/js/pages/device-management.page.js +++ b/website/assets/js/pages/device-management.page.js @@ -4,6 +4,7 @@ parasails.registerPage('device-management-page', { // ╩╝╚╝╩ ╩ ╩╩ ╩╩═╝ ╚═╝ ╩ ╩ ╩ ╩ ╚═╝ data: { modal: '', + comparisonMode: 'omnissa' }, // ╦ ╦╔═╗╔═╗╔═╗╦ ╦╔═╗╦ ╔═╗ diff --git a/website/assets/styles/pages/device-management.less b/website/assets/styles/pages/device-management.less index 30b1325335..e0669aa959 100644 --- a/website/assets/styles/pages/device-management.less +++ b/website/assets/styles/pages/device-management.less @@ -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; diff --git a/website/views/pages/device-management.ejs b/website/views/pages/device-management.ejs index 57146fb7fc..93215dc33a 100644 --- a/website/views/pages/device-management.ejs +++ b/website/views/pages/device-management.ejs @@ -36,7 +36,18 @@
Fleet
-
Omnissa (WS1)
+
+ +
+
Omnissa (WS1)
+
Jamf Pro
+
+
@@ -45,16 +56,38 @@ macOS logo Windows logo
-
+
macOS logo Windows logo
+
+ macOS logo +
+
+ +
+

iOS/iPadOS management

+
+ coming soon +
+
+ checkmark +
+
+ +
+
+

Complete device inventory

+ More info +
+
checkmark
+

Operating system updates

checkmark
-
+
checkmark
@@ -62,39 +95,7 @@

Configuration management and scripting

checkmark
-
- checkmark -
-
- -
-

App management

- -
-
- coming soon -
-
- checkmark -
-
- -
-

iOS

-
- coming soon -
-
- checkmark -
-
- -
-

Auto-fix

-
- coming soon -
-
+
checkmark
@@ -106,42 +107,69 @@ Windows logo Linux logo
-
+
macOS logo
+
+

App management

+ +
+
+ coming soon +
+
+ checkmark +
+
+ + +
+

Automated device compliance

+
+ coming soon +
+
+ checkmark +
+
+ +

REST API

checkmark
-
+
checkmark
-

Last mile MDM migration wizard

+

MDM migration

checkmark
-
-
- -
-
-

Complete device state

- More info -
-
checkmark
-
+

Open source

checkmark
-
+
+
+

Compare with:

+ +
+
Omnissa (WS1)
+
Jamf Pro
+

Zero-touch setup

@@ -151,13 +179,61 @@ Windows logo
-
+
Omnissa (WS1)
macOS logo Windows logo
+
+
Jamf Pro
+
+ macOS logo +
+
+
+
+

iOS/iPadOS management

+
+
Fleet
+
+ coming soon +
+
+
+
Omnissa (WS1)
+
+ checkmark +
+
+
+
Jamf Pro
+
+ checkmark +
+
+
+
+

Complete device state

+
+
Fleet
+
+ checkmark +
+
+
+
Omnissa (WS1)
+
+ +
+
+
+
Jamf Pro
+
+ +
+

Operating system updates

@@ -167,12 +243,18 @@ checkmark
-
+
Omnissa (WS1)
checkmark
+
+
Jamf Pro
+
+ checkmark +
+

Configuration management and scripting

@@ -182,55 +264,14 @@ checkmark
-
+
Omnissa (WS1)
checkmark
-
-
-

App management

- -
-
-
Fleet
-
- coming soon -
-
-
-
Omnissa (WS1)
-
- checkmark -
-
-
-
-

iOS

-
-
Fleet
-
- coming soon -
-
-
-
Omnissa (WS1)
-
- checkmark -
-
-
-
-

Auto-fix

-
-
Fleet
-
- coming soon -
-
-
-
Omnissa (WS1)
+
+
Jamf Pro
checkmark
@@ -246,13 +287,65 @@ Linux logo
-
+
Omnissa (WS1)
macOS logo
+
+
Jamf Pro
+
+ macOS logo +
+
+
+

App management

+ +
+
+
Fleet
+
+ coming soon +
+
+
+
Omnissa (WS1)
+
+ checkmark +
+
+
+
Jamf Pro
+
+ checkmark +
+
+
+ +
+

Automated device compliance

+
+
Fleet
+
+ coming soon +
+
+
+
Omnissa (WS1)
+
+ checkmark +
+
+
+
Jamf Pro
+
+ checkmark +
+
+
+

REST API

@@ -261,43 +354,41 @@ checkmark
-
+
Omnissa (WS1)
checkmark
+
+
Jamf Pro
+
+ checkmark +
+
-

Last mile MDM migration wizard

+

MDM migration

Fleet
checkmark
-
+
Omnissa (WS1)
-
-
-

Complete device state

-
-
Fleet
-
- checkmark -
-
-
-
Omnissa (WS1)
+
+
Jamf Pro
+

Open source

@@ -306,10 +397,16 @@ checkmark
-
+
Omnissa (WS1)
+
+
+
+
Jamf Pro
+
+