mirror of
https://repository.entgra.net/community/device-mgt-plugins.git
synced 2025-09-16 23:42:15 +00:00
Merge pull request #446 from DimalChandrasiri/release-3.0.x
Layout changes for device enrollment views
This commit is contained in:
commit
c9a8566e94
@ -57,12 +57,10 @@ hr {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.doc-link{
|
.doc-link{
|
||||||
background: #11375B;
|
background: none;
|
||||||
padding: 20px;
|
color: #000;
|
||||||
color: white;
|
padding: 10px 0px;
|
||||||
margin-top: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.doc-link a {
|
.doc-link a {
|
||||||
color: white;
|
color: #006eff;
|
||||||
}
|
}
|
||||||
@ -20,17 +20,15 @@
|
|||||||
<hr>
|
<hr>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-top">
|
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3 padding-top">
|
||||||
<img src="{{@unit.publicUri}}/images/android-sense-icon.png" class="img-responsive">
|
<img src="{{@unit.publicUri}}/images/android-sense-icon.png" class="img-responsive">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
|
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
|
||||||
<h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Android+Sense"
|
|
||||||
target="_blank">[ here ]</a> for latest instructions and
|
|
||||||
troubleshooting.</h4>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
|
<div class="col-xs-12 col-sm-8 col-md-9 col-lg-9 padding-top">
|
||||||
<h3 class="uppercase">What it Does</h3>
|
<h3 class="uppercase">What it Does</h3>
|
||||||
<hr>
|
<hr>
|
||||||
<p class="grey margin-top">Connect an Android device to WSO2 IoT Server and visualize sensor
|
<p class="grey margin-top">Connect an Android device to WSO2 IoT Server and visualize sensor
|
||||||
@ -41,24 +39,27 @@
|
|||||||
<p class="grey margin-top">You should have an Android Device to get started.</p>
|
<p class="grey margin-top">You should have an Android Device to get started.</p>
|
||||||
<ul class="list-unstyled">
|
<ul class="list-unstyled">
|
||||||
<li class="padding-top-double">
|
<li class="padding-top-double">
|
||||||
<span class="circle">STEP 01</span>
|
<span class="badge">STEP 01</span>
|
||||||
Go ahead and click [Enroll Device].
|
Go ahead and click [Enroll Device].
|
||||||
</li>
|
</li>
|
||||||
<li class="padding-top-double">
|
<li>
|
||||||
<span class="circle">STEP 02</span>
|
<span class="badge">STEP 02</span>
|
||||||
You can either scan the QR code or directly download Android agent.
|
You can either scan the QR code or directly download Android agent.
|
||||||
</li>
|
</li>
|
||||||
<li class="padding-top-double">
|
<li>
|
||||||
<span class="circle">STEP 03</span>
|
<span class="badge">STEP 03</span>
|
||||||
Install Android agent into your Android Device.
|
Install Android agent into your Android Device.
|
||||||
</li>
|
</li>
|
||||||
<li class="padding-top-double"><span class="circle">STEP 04</span>
|
<li><span class="badge">STEP 04</span>
|
||||||
Proceed to [Prepare] section.
|
Proceed to [Prepare] section.
|
||||||
</ul>
|
</ul>
|
||||||
<br>
|
<br>
|
||||||
<a href="#" class="download-link btn-operations">
|
<a href="#" class="download-link btn-operations">
|
||||||
<i class="fw fw-mobile fw-inverse fw-lg"></i> Enroll Device</a>
|
<i class="fw fw-mobile fw-inverse fw-lg"></i> Enroll Device</a>
|
||||||
<br/><br/>
|
<br/><br/>
|
||||||
|
<p class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Android+Sense"
|
||||||
|
target="_blank">[ here ]</a> for latest instructions and
|
||||||
|
troubleshooting.</p>
|
||||||
|
|
||||||
<div id="device-400-content" class="hide">
|
<div id="device-400-content" class="hide">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
|
|||||||
@ -20,7 +20,7 @@
|
|||||||
<hr>
|
<hr>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-top">
|
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3 padding-top">
|
||||||
<img src="{{@unit.publicUri}}/images/ardunio-icon.png" class="img-responsive">
|
<img src="{{@unit.publicUri}}/images/ardunio-icon.png" class="img-responsive">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -28,7 +28,7 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
|
<div class="col-xs-12 col-sm-8 col-md-9 col-lg-9 padding-top">
|
||||||
<h3 class="uppercase">What it Does</h3>
|
<h3 class="uppercase">What it Does</h3>
|
||||||
<hr>
|
<hr>
|
||||||
<p class="grey margin-top">Connect Arduino UNO board to WSO2 IoT Server and visualize sensor
|
<p class="grey margin-top">Connect Arduino UNO board to WSO2 IoT Server and visualize sensor
|
||||||
|
|||||||
@ -20,12 +20,12 @@
|
|||||||
<hr>
|
<hr>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-top">
|
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3 padding-top">
|
||||||
<img src="{{@unit.publicUri}}/images/respberry-icon.png" class="img-responsive">
|
<img src="{{@unit.publicUri}}/images/respberry-icon.png" class="img-responsive">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
|
<div class="col-xs-12 col-sm-8 col-md-9 col-lg-9 padding-top">
|
||||||
<h3 class="uppercase">What it Does</h3>
|
<h3 class="uppercase">What it Does</h3>
|
||||||
<hr>
|
<hr>
|
||||||
<p class="grey margin-top">Connect a RaspberryPi to WSO2 IoT Server and manage it.</p>
|
<p class="grey margin-top">Connect a RaspberryPi to WSO2 IoT Server and manage it.</p>
|
||||||
|
|||||||
@ -57,12 +57,10 @@ hr {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.doc-link{
|
.doc-link{
|
||||||
background: #11375B;
|
background: none;
|
||||||
padding: 20px;
|
color: #000;
|
||||||
color: white;
|
padding: 10px 0px;
|
||||||
margin-top: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.doc-link a {
|
.doc-link a {
|
||||||
color: white;
|
color: #006eff;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -19,15 +19,10 @@
|
|||||||
<h1 class="grey ">Virtual Firealarm</h1>
|
<h1 class="grey ">Virtual Firealarm</h1>
|
||||||
<hr>
|
<hr>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-top">
|
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3 padding-top">
|
||||||
<img src="{{@unit.publicUri}}/images/firealarm-icon.png" class="img-responsive">
|
<img src="{{@unit.publicUri}}/images/firealarm-icon.png" class="img-responsive">
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
|
<div class="col-xs-12 col-sm-8 col-md-9 col-lg-9 padding-top">
|
||||||
<h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Virtual+Firealarm"
|
|
||||||
target="_blank">[ here ]</a> for latest instructions and
|
|
||||||
troubleshooting.</h4>
|
|
||||||
</div>
|
|
||||||
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
|
|
||||||
<h3 class="uppercase">What it Does</h3>
|
<h3 class="uppercase">What it Does</h3>
|
||||||
<hr>
|
<hr>
|
||||||
<p class="grey margin-top">A Virtual Device that mimics the functionality of a real Firealarm.
|
<p class="grey margin-top">A Virtual Device that mimics the functionality of a real Firealarm.
|
||||||
@ -40,15 +35,15 @@
|
|||||||
<hr>
|
<hr>
|
||||||
<ul class="list-unstyled">
|
<ul class="list-unstyled">
|
||||||
<li class="padding-top-double">
|
<li class="padding-top-double">
|
||||||
<span class="circle">STEP 01</span>
|
<span class="badge">STEP 01</span>
|
||||||
Go ahead and [Download] the Device.
|
Go ahead and [Download] the Device.
|
||||||
</li>
|
</li>
|
||||||
<li class="padding-top-double">
|
<li>
|
||||||
<span class="circle">STEP 02</span>
|
<span class="badge">STEP 02</span>
|
||||||
Proceed to [Prepare] section.
|
Proceed to [Prepare] section.
|
||||||
</li>
|
</li>
|
||||||
<li class="padding-top-double">
|
<li>
|
||||||
<span class="circle">STEP 03</span>
|
<span class="badge">STEP 03</span>
|
||||||
Read [Try Out] section to further experiment with the device.
|
Read [Try Out] section to further experiment with the device.
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -59,7 +54,9 @@
|
|||||||
</a>
|
</a>
|
||||||
<a href="#" class="download-link btn-operations">
|
<a href="#" class="download-link btn-operations">
|
||||||
<i class="fw fw-download"></i>Download Agent</a>
|
<i class="fw fw-download"></i>Download Agent</a>
|
||||||
|
<p class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Virtual+Firealarm"
|
||||||
|
target="_blank">[ here ]</a> for latest instructions and
|
||||||
|
troubleshooting.</p>
|
||||||
<div id="download-device-modal-content" class="hide">
|
<div id="download-device-modal-content" class="hide">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
<h4 class="pull-left modal-title">
|
<h4 class="pull-left modal-title">
|
||||||
|
|||||||
@ -5,12 +5,12 @@
|
|||||||
<h1 class="grey ">Android Mobile</h1>
|
<h1 class="grey ">Android Mobile</h1>
|
||||||
<hr>
|
<hr>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-top">
|
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3 padding-top">
|
||||||
<img src="{{@unit.publicUri}}/images/android-icon.png" class="img-responsive">
|
<img src="{{@unit.publicUri}}/images/android-icon.png" class="img-responsive">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
|
<div class="col-xs-12 col-sm-8 col-md-9 col-lg-9 padding-top">
|
||||||
|
|
||||||
<h3 class="uppercase">What it Does</h3>
|
<h3 class="uppercase">What it Does</h3>
|
||||||
<hr>
|
<hr>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user