|
|
|
@ -4,11 +4,11 @@
|
|
|
|
|
<hr>
|
|
|
|
|
<p class="margin-bottom-double light-grey ">Connect your Arduino device to the WSO2 IoT Server.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 padding-top">
|
|
|
|
|
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-top">
|
|
|
|
|
<img src="{{@unit.publicUri}}/images/ardunio-icon.png" class="img-responsive">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-8 col-lg-8 padding-top">
|
|
|
|
|
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
|
|
|
|
|
<h3 class="uppercase">Ingredients</h3>
|
|
|
|
|
<hr>
|
|
|
|
|
<p class="grey margin-top">Hardware Requirements </p>
|
|
|
|
@ -30,7 +30,7 @@
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
<a href="/api-store/apis/info?name={{@uriParams.deviceType}}&version=1.0.0&provider=admin"
|
|
|
|
|
class="btn-operations" target="_blank"><i class="fw fw-api"></i> View API</i> </a>
|
|
|
|
|
class="btn-operations" target="_blank"><i class="fw fw-api"></i> View API</a>
|
|
|
|
|
<a href="#" class="download-link btn-operations"><i class="fw fw-download"></i>Download</a>
|
|
|
|
|
|
|
|
|
|
<div id="download-device-modal-content" class="hide">
|
|
|
|
@ -56,12 +56,12 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="buttons" style="padding-bottom: 0px">
|
|
|
|
|
<a class="btn btn-operations" onclick="downloadAgent()">Download
|
|
|
|
|
Now</a>
|
|
|
|
|
Now</a>
|
|
|
|
|
|
|
|
|
|
<a href="#" id="download-device-download-link" class="btn btn-operations">
|
|
|
|
|
Copy Link
|
|
|
|
|
Copy Link
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
@ -77,7 +77,7 @@
|
|
|
|
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
<a href="#" id="device-400-link" class="btn-operations">
|
|
|
|
|
OK
|
|
|
|
|
OK
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -93,10 +93,10 @@
|
|
|
|
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
<a href="#" id="device-401-link" class="blue-button">
|
|
|
|
|
Goto Login Page
|
|
|
|
|
Goto Login Page
|
|
|
|
|
</a>
|
|
|
|
|
<a href="#" onclick="hidePopup();" class="btn-operations">
|
|
|
|
|
Cancel
|
|
|
|
|
Cancel
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -112,7 +112,7 @@
|
|
|
|
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
<a href="#" id="device-403-link" class="btn-operations">
|
|
|
|
|
OK
|
|
|
|
|
OK
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -128,7 +128,7 @@
|
|
|
|
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
<a href="#" id="device-409-link" class="btn-operations">
|
|
|
|
|
OK
|
|
|
|
|
OK
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -144,7 +144,7 @@
|
|
|
|
|
|
|
|
|
|
<div class="buttons">
|
|
|
|
|
<a href="#" id="device-unexpected-error-link" class="btn-operations">
|
|
|
|
|
OK
|
|
|
|
|
OK
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -155,20 +155,20 @@
|
|
|
|
|
<br/><br/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-12 padding-double grey-bg ">
|
|
|
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-double grey-bg">
|
|
|
|
|
<h3 class="uppercase">Prepare</h3>
|
|
|
|
|
<hr>
|
|
|
|
|
<p class="grey margin-top">Get your device ready</p>
|
|
|
|
|
<br/>
|
|
|
|
|
<ul class="list-unstyled">
|
|
|
|
|
<li class="padding-top-double"><span class="circle">01</span> Get your Arduino device and download the Agent
|
|
|
|
|
Sketch.
|
|
|
|
|
Sketch.
|
|
|
|
|
</li>
|
|
|
|
|
<li class="padding-top-double"><span class="circle">02</span> Open the downloaded Arduino sketch and fill in
|
|
|
|
|
the pins that you wish to read/control.
|
|
|
|
|
the pins that you wish to read/control.
|
|
|
|
|
</li>
|
|
|
|
|
<li class="padding-top-double"><span class="circle">03</span> Burn the sketch onto your Arduino board and
|
|
|
|
|
let the program run.
|
|
|
|
|
let the program run.
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<br>
|
|
|
|
|