|
|
|
|
@ -1,22 +1,34 @@
|
|
|
|
|
{{unit "cdmf.unit.lib.qrcode"}}
|
|
|
|
|
|
|
|
|
|
{{unit "cdmf.unit.device.type.qr-modal" enrollmentURL=enrollmentURL deviceTypeName="Android"}}
|
|
|
|
|
{{unit "cdmf.unit.device.type.email.invite-modal" deviceTypeView="android"}}
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-lg-12">
|
|
|
|
|
{{#if isVirtual}}
|
|
|
|
|
<h1 class="grey ">DOWNLOAD THE VIRTUAL ANDROID DEVICE</h1>
|
|
|
|
|
{{else}}
|
|
|
|
|
<h1 class="grey ">DOWNLOAD THE ANDROID AGENT</h1>
|
|
|
|
|
<h2 class="grey ">ENROLL THE ANDROID AGENT</h2>
|
|
|
|
|
{{/if}}
|
|
|
|
|
<hr>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
<!--<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3 add-padding-top-2x">
|
|
|
|
|
<h3>Step 01 - Get your Android Agent.</h3>
|
|
|
|
|
<hr><br>
|
|
|
|
|
<p>The Android agent can be downloaded by 2 methods.
|
|
|
|
|
Either the generated QR code can be scanned, and the agent APK downloaded from the link,
|
|
|
|
|
or the agent APK can be manually downloaded via the "Download APK" button, transferred to
|
|
|
|
|
the device and then installed.</p>
|
|
|
|
|
<br>
|
|
|
|
|
<button id="button-download-qr" onclick="displayAgentDownloadQR();" class="btn btn-default btn-primary">Get Android Agent</button>
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
{{!-- Agent download qr class --}}
|
|
|
|
|
|
|
|
|
|
<div id="download-agent-qr" style="display:none" class="row">
|
|
|
|
|
{{!-- <div class="col-xs-12 col-sm-4 col-md-3 col-lg-3 add-padding-top-2x">
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/android-icon.png" class="img-responsive">
|
|
|
|
|
</div>-->
|
|
|
|
|
</div> --}}
|
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 add-padding-top-2x add-padding-bottom-2x">
|
|
|
|
|
{{#if isVirtual}}
|
|
|
|
|
<h3 class="text-center add-padding-bottom-4x">Download our virtual Android device, enroll it with WSO2
|
|
|
|
|
@ -70,7 +82,68 @@
|
|
|
|
|
target="_blank">Entgra IoT Server documentation.</a></p>
|
|
|
|
|
{{/if}}
|
|
|
|
|
</div>
|
|
|
|
|
<hr>
|
|
|
|
|
<h3>Step 02 - Enroll the Android Agent.</h3><br>
|
|
|
|
|
<p>Your device can be enrolled with Entgra IoTS automatically via QR code or manually by a wizard.
|
|
|
|
|
To enroll automatically; first download agent as mentioned in Step 1 then proceed with the ENROLL WITH QR option from the device setup activity.
|
|
|
|
|
Thereafter select the ownership configuration and scan the generated QR to complete the process.
|
|
|
|
|
To enroll manually; select the Manual enrollment option from the setup activity and follow the succeeding steps.</p>
|
|
|
|
|
<br>
|
|
|
|
|
{{#unless isVirtual}}
|
|
|
|
|
{{#unless isCloud}}
|
|
|
|
|
<div>
|
|
|
|
|
<button id="button-enroll-qr" onclick="displayEnrollmentQR();" class="btn btn-default btn-primary">Enroll using QR</button>
|
|
|
|
|
<button id="button-enroll-manual" onclick="manualEnrollmentGuide();" class="btn btn-default btn-primary">Enroll manually</button>
|
|
|
|
|
</div>
|
|
|
|
|
{{/unless}}
|
|
|
|
|
{{else}}
|
|
|
|
|
<button id="button-enroll-manual" onclick="manualEnrollmentGuide();" class="btn btn-default btn-primary">Enroll manually</button>
|
|
|
|
|
{{/unless}}
|
|
|
|
|
|
|
|
|
|
{{!-- Agent enroll QR code class --}}
|
|
|
|
|
<div id="enroll-agent-qr" style="display:none" class="row">
|
|
|
|
|
{{#unless isVirtual}}
|
|
|
|
|
{{#unless isCloud}}
|
|
|
|
|
<h3 class="text-center">Generate QR code to QR based Provisioning.</h3>
|
|
|
|
|
<hr>
|
|
|
|
|
<div class="text-center">
|
|
|
|
|
<label class="text-center add-margin-bottom-2x add-margin-top-2x">Select device ownership</label>
|
|
|
|
|
<select id="android-device-ownership" class="text-center" data-default="0" onchange="generateKIOSKQRCode('.kiosk-enrollment-qr-container');">
|
|
|
|
|
<option value="BYOD">Select</option>
|
|
|
|
|
<option value="BYOD">BYOD</option>
|
|
|
|
|
<option value="COPE">COPE</option>
|
|
|
|
|
<option value="COSU">COSU (KIOSK)</option>
|
|
|
|
|
<option value="WORK_PROFILE">WORK PROFILE</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="text-center" id="android-qr-code">
|
|
|
|
|
<div class="a-token" data-atoken="{{accessToken}}"></div>
|
|
|
|
|
<div class="row" id="enrollment_qr_content">
|
|
|
|
|
<div class="col-xs-12 col-sm-12.enrollment-qr-container canvas col-md-12 col-lg-12 add-padding-top-2x add-padding-bottom-2x">
|
|
|
|
|
<div class="kiosk-enrollment-qr-container text-center" data-toggle="popover"
|
|
|
|
|
data-trigger="focus" data-placement="bottom">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="text-center">
|
|
|
|
|
<div class="text-center " alt="Responsive image" id="qr-code-img">
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/application.svg" height="300" width="300" style="width:50%;">
|
|
|
|
|
</div>
|
|
|
|
|
<h3 id="enroll-qr-heading" style="display:none" class="text-center fw fw-lg add-margin-1x">Scan to enroll android agent</h3>
|
|
|
|
|
</div>
|
|
|
|
|
<hr>
|
|
|
|
|
{{/unless}}
|
|
|
|
|
{{/unless}}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{!-- Warning message --}}
|
|
|
|
|
<div id="android-configurations-alert" style="display:none" class="alert alert-warning text-center ">
|
|
|
|
|
<strong>Warning!</strong> Android Platform Configurations is empty. Please set Platform Configurations before generating QR code.
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="android-enroll-manually-instructions" class="row" style="display:none">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-12 add-padding-top-2x ">
|
|
|
|
|
{{#if isVirtual}}
|
|
|
|
|
@ -81,8 +154,6 @@
|
|
|
|
|
<hr>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row grey-bg">
|
|
|
|
|
{{#if isCloud}}
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 add-padding-top-2x add-padding-bottom-2x">
|
|
|
|
|
<h5><strong>Step 1</strong></h5>
|
|
|
|
|
@ -109,14 +180,14 @@
|
|
|
|
|
</li>
|
|
|
|
|
</ol>
|
|
|
|
|
</div>
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/android-tryit.png" class="img-responsive">
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/android-tryit.png" style="width:70%;" class="img-responsive">
|
|
|
|
|
{{else}}
|
|
|
|
|
<div class="add-min-height">
|
|
|
|
|
<p>Let's start by opening the Android agent on your device.
|
|
|
|
|
<br/>Tap on <b>WSO2 Device Management Agent</b>.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/launch_agent.png" class="img-responsive">
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/launch_agent.png" style="width:70%;" class="img-responsive">
|
|
|
|
|
{{/if}}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 col-md-offset-1 col-lg-offset-1 add-padding-top-2x add-padding-bottom-2x">
|
|
|
|
|
@ -128,7 +199,7 @@
|
|
|
|
|
<li>Password: <i>Your Cloud password.</i></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/register-cloud.png" class="img-responsive">
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/register-cloud.png" style="width:70%;" class="img-responsive">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 col-md-offset-1 col-lg-offset-1 add-padding-top-2x add-padding-bottom-2x">
|
|
|
|
|
<h5><strong>Step 3</strong></h5>
|
|
|
|
|
@ -168,29 +239,28 @@
|
|
|
|
|
</li>
|
|
|
|
|
</ol>
|
|
|
|
|
</div>
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/android-tryit.png" class="img-responsive">
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/android-tryit.png" style="width:70%;" class="img-responsive">
|
|
|
|
|
{{else}}
|
|
|
|
|
<div class="add-min-height">
|
|
|
|
|
<p>Let's start by installing the Android agent on your device. Open the downloaded file, and tap
|
|
|
|
|
<b>INSTALL</b>.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/install_agent.png" class="img-responsive">
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/install_agent.png" style="width:70%;" class="img-responsive">
|
|
|
|
|
{{/if}}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 add-padding-top-2x add-padding-bottom-2x">
|
|
|
|
|
<h5><strong>Step 2</strong></h5>
|
|
|
|
|
<div class="add-min-height">
|
|
|
|
|
<p>Tap Skip to proceed with the default enrollment process.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/set_profile.png" class="img-responsive">
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/set_profile.png" style="width:70%;" class="img-responsive">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 add-padding-top-2x add-padding-bottom-2x">
|
|
|
|
|
<h5><strong>Step 3</strong></h5>
|
|
|
|
|
<div class="add-min-height">
|
|
|
|
|
<p>Enter the server address based on your environment, in the text box provided.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/registration.png" class="img-responsive">
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/registration.png" style="width:70%;" class="img-responsive">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 add-padding-top-2x add-padding-bottom-2x">
|
|
|
|
|
<h5><strong>Step 4</strong></h5>
|
|
|
|
|
@ -202,27 +272,11 @@
|
|
|
|
|
<li>Password: <i>Your password.</i></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/register.png" class="img-responsive">
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/register.png" style="width:70%;" class="img-responsive">
|
|
|
|
|
</div>
|
|
|
|
|
{{/if}}
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="row" id="kiosk_heading">
|
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-12 add-padding-top-2x ">
|
|
|
|
|
<h3 class="uppercase">PROVISION YOUR KIOSK DEVICE</h3>
|
|
|
|
|
<hr>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="a-token" data-atoken="{{accessToken}}"></div>
|
|
|
|
|
|
|
|
|
|
<div class="row" id="kiosk_content">
|
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 add-padding-top-2x add-padding-bottom-2x">
|
|
|
|
|
<h3 class="text-center">Scan to provision the KIOSK device</h3>
|
|
|
|
|
<div class="kiosk-enrollment-qr-container text-center"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{{#zone "topCss"}}
|
|
|
|
|
{{css "css/styles.css"}}
|
|
|
|
|
{{/zone}}
|
|
|
|
|
|
