turcy
/
device-mgt-plugins
forked from community/device-mgt-plugins
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #83 from dakshika/ui-updates

Browse Source 
Clean up markup on device types
Ruwan 9 years ago
parent df2082295a 873b4fbc28
commit d5f1fedc0a
8 changed files with 222 additions and 189 deletions
Show Stats Download Patch File Download Diff File

36
features/device-mgt-iot-androidsense-feature/org.wso2.carbon.device.mgt.iot.androidsense.feature/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.android_sense.type-view/type-view.hbs
Unescape View File

@ -4,22 +4,23 @@
<p class="margin-bottom-double light-grey ">Connect your Android device <p class="margin-bottom-double light-grey ">Connect your Android device
to the WSO2 device cloud.</p> to the WSO2 device cloud.</p>
</div> </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/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-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> <h3 class="uppercase">Ingredients</h3>
<hr> <hr>
<p class="grey margin-top">Hardware Requirements </p> <p class="grey margin-top">Hardware Requirements </p>
<br> <br>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><span class="fw-stack fw-lg margin-right"><i class="fw fw-ring fw-stack-2x"></i> <li><span class="fw-stack margin-right"><i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i></span> Android device</li> <i class="fw fw-right-arrow fw-stack-1x"></i></span> Android device</li>
</ul> </ul>
<br> <br>
<a href="#" class="download-link btn-operations" data-devicetype="{{@uriParams.deviceType}}" data-sketchtype="{{@uriParams.deviceType}}" data-url="{{enrollmentURl}}"> <a href="#" class="download-link btn-operations" data-devicetype="{{@uriParams.deviceType}}"
data-sketchtype="{{@uriParams.deviceType}}" data-url="{{enrollmentURl}}">
<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/>
@ -47,7 +48,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-400-link" class="btn-operations"> <a href="#" id="device-400-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -63,10 +64,10 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-401-link" class="blue-button"> <a href="#" id="device-401-link" class="blue-button">
&nbsp;&nbsp;&nbsp;&nbsp;Goto Login Page&nbsp;&nbsp;&nbsp;&nbsp; Goto Login Page
</a>&nbsp;&nbsp; </a>&nbsp;&nbsp;
<a href="#" onclick="hidePopup();" class="btn-operations"> <a href="#" onclick="hidePopup();" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;Cancel&nbsp;&nbsp;&nbsp;&nbsp; Cancel
</a> </a>
</div> </div>
</div> </div>
@ -82,7 +83,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-403-link" class="btn-operations"> <a href="#" id="device-403-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -98,7 +99,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-409-link" class="btn-operations"> <a href="#" id="device-409-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -114,7 +115,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-unexpected-error-link" class="btn-operations"> <a href="#" id="device-unexpected-error-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -125,7 +126,7 @@
<br/><br/> <br/><br/>
</div> </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> <h3 class="uppercase">Prepare</h3>
<hr> <hr>
<p class="grey margin-top">Get your device ready</p> <p class="grey margin-top">Get your device ready</p>
@ -140,7 +141,7 @@
<br> <br>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-12 padding-double"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-double">
<h3 class="uppercase">Connect (Quick Start)</h3> <h3 class="uppercase">Connect (Quick Start)</h3>
<hr> <hr>
<p class="grey margin-top">Internet of Things Foundation Quickstart connection</p> <p class="grey margin-top">Internet of Things Foundation Quickstart connection</p>
@ -152,11 +153,15 @@
<li class="padding-top-double"><span class="circle">03</span> Start the Android Sense app in your device.</li> <li class="padding-top-double"><span class="circle">03</span> Start the Android Sense app in your device.</li>
<li class="padding-top-double"><span class="circle">04</span> Fill the login form with the credentials (Use server URL as <i>https://'<'YOUR_HOST'>':9443</i> and click on <strong>Enroll Device</strong> button.</li> <li class="padding-top-double"><span class="circle">04</span> Fill the login form with the credentials
(Use server URL as <i>https://'<'YOUR_HOST'>':9443</i> and click on <strong>Enroll Device</strong>
button.</li>
<li class="padding-top-double"><span class="circle">05</span> Once the device is enrolled, click on the <strong>+</strong> button to select the sensors.</li> <li class="padding-top-double"><span class="circle">05</span> Once the device is enrolled, click on the
<strong>+</strong> button to select the sensors.</li>
<li class="padding-top-double"><span class="circle">06</span> Click on the <i>Publish data</i> button to publish the sensor readings to the IOT server.</li> <li class="padding-top-double"><span class="circle">06</span> Click on the <i>Publish data</i> button to publish
the sensor readings to the IOT server.</li>
</ul> </ul>
<br> <br>
</div> </div>
@ -184,7 +189,6 @@
</div> </div>
<div class="buttons" style="padding-bottom: 0px"> <div class="buttons" style="padding-bottom: 0px">
<a class="btn btn-operations" onclick="downloadAgent()">Download Now</a> <a class="btn btn-operations" onclick="downloadAgent()">Download Now</a>
&nbsp;&nbsp;
</div> </div>
</form> </form>
</div> </div>

24
features/device-mgt-iot-arduino-feature/org.wso2.carbon.device.mgt.iot.arduino.feature/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.arduino.type-view/type-view.hbs
Unescape View File

@ -4,11 +4,11 @@
<hr> <hr>
<p class="margin-bottom-double light-grey ">Connect your Arduino device to the WSO2 IoT Server.</p> <p class="margin-bottom-double light-grey ">Connect your Arduino device to the WSO2 IoT Server.</p>
</div> </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"> <img src="{{@unit.publicUri}}/images/ardunio-icon.png" class="img-responsive">
</div> </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> <h3 class="uppercase">Ingredients</h3>
<hr> <hr>
<p class="grey margin-top">Hardware Requirements </p> <p class="grey margin-top">Hardware Requirements </p>
@ -30,7 +30,7 @@
<br> <br>
<a href="/api-store/apis/info?name={{@uriParams.deviceType}}&version=1.0.0&provider=admin" <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> &nbsp;</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> <a href="#" class="download-link btn-operations"><i class="fw fw-download"></i>Download</a>
<div id="download-device-modal-content" class="hide"> <div id="download-device-modal-content" class="hide">
@ -59,9 +59,9 @@
Now</a> Now</a>
&nbsp;&nbsp; &nbsp;&nbsp;
<a href="#" id="download-device-download-link" class="btn btn-operations"> <a href="#" id="download-device-download-link" class="btn btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;Copy Link&nbsp;&nbsp;&nbsp;&nbsp; Copy Link
</a> </a>
&nbsp;&nbsp;
</div> </div>
</form> </form>
</div> </div>
@ -77,7 +77,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-400-link" class="btn-operations"> <a href="#" id="device-400-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -93,10 +93,10 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-401-link" class="blue-button"> <a href="#" id="device-401-link" class="blue-button">
&nbsp;&nbsp;&nbsp;&nbsp;Goto Login Page&nbsp;&nbsp;&nbsp;&nbsp; Goto Login Page
</a>&nbsp;&nbsp; </a>&nbsp;&nbsp;
<a href="#" onclick="hidePopup();" class="btn-operations"> <a href="#" onclick="hidePopup();" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;Cancel&nbsp;&nbsp;&nbsp;&nbsp; Cancel
</a> </a>
</div> </div>
</div> </div>
@ -112,7 +112,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-403-link" class="btn-operations"> <a href="#" id="device-403-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -128,7 +128,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-409-link" class="btn-operations"> <a href="#" id="device-409-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -144,7 +144,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-unexpected-error-link" class="btn-operations"> <a href="#" id="device-unexpected-error-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -155,7 +155,7 @@
<br/><br/> <br/><br/>
</div> </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> <h3 class="uppercase">Prepare</h3>
<hr> <hr>
<p class="grey margin-top">Get your device ready</p> <p class="grey margin-top">Get your device ready</p>

81
features/device-mgt-iot-digitaldisplay-feature/org.wso2.carbon.device.mgt.iot.digitaldisplay.feature/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.digital_display.type-view/type-view.hbs
Unescape View File

@ -1,30 +1,36 @@
<div class="col-lg-12 margin-top-double" xmlns="http://www.w3.org/1999/html"> <div class="col-lg-12 margin-top-double">
<h1 class="grey ">Digital Display</h1> <h1 class="grey ">Digital Display</h1>
<hr> <hr>
<p class="margin-bottom-double light-grey ">Connect your Digital Display <p class="margin-bottom-double light-grey ">Connect your Digital Display
to the WSO2 device cloud.</p> to the WSO2 device cloud.</p>
</div> </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/display-icon.png" class="img-responsive"> <img src="{{@unit.publicUri}}/images/display-icon.png" class="img-responsive">
</div> </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> <h3 class="uppercase">Ingredients</h3>
<hr> <hr>
<p class="grey margin-top">Hardware Requirements </p> <p class="grey margin-top">Hardware Requirements </p>
<br> <br>
<ul> <ul class="list-unstyled">
<span class="fw-stack fw-lg margin-right"> <li>
<span class="fw-stack margin-right">
<i class="fw fw-ring fw-stack-2x"> </i> <i class="fw fw-ring fw-stack-2x"> </i>
<i class="fw fw-right-arrow fw-stack-1x"></i> <i class="fw fw-right-arrow fw-stack-1x"></i>
</span> Raspberry Pi <br/> </span> Raspberry Pi
<span class="fw-stack fw-lg margin-right"> </li>
<li>
<span class="fw-stack margin-right">
<i class="fw fw-ring fw-stack-2x"> </i> <i class="fw fw-ring fw-stack-2x"> </i>
<i class="fw fw-right-arrow fw-stack-1x"></i> <i class="fw fw-right-arrow fw-stack-1x"></i>
</span> WIFI Shield<br/> </span> WIFI Shield
<span class="fw-stack fw-lg margin-right"> </li>
<li>
<span class="fw-stack margin-right">
<i class="fw fw-ring fw-stack-2x"> </i> <i class="fw fw-ring fw-stack-2x"> </i>
<i class="fw fw-right-arrow fw-stack-1x"></i> <i class="fw fw-right-arrow fw-stack-1x"></i>
</span> Digital Display with HDMI Cable<br/> </span> Digital Display with HDMI Cable
</li>
</ul> </ul>
<br> <br>
@ -56,9 +62,9 @@
Now</a> Now</a>
&nbsp;&nbsp; &nbsp;&nbsp;
<a href="#" id="download-device-download-link" class="blue-button"> <a href="#" id="download-device-download-link" class="blue-button">
&nbsp;&nbsp;&nbsp;&nbsp;Copy Link&nbsp;&nbsp;&nbsp;&nbsp; Copy Link
</a> </a>
&nbsp;&nbsp;
</div> </div>
</form> </form>
</div> </div>
@ -90,7 +96,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-400-link" class="btn-operations"> <a href="#" id="device-400-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -106,10 +112,10 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-401-link" class="blue-button"> <a href="#" id="device-401-link" class="blue-button">
&nbsp;&nbsp;&nbsp;&nbsp;Goto Login Page&nbsp;&nbsp;&nbsp;&nbsp; Goto Login Page
</a>&nbsp;&nbsp; </a>&nbsp;&nbsp;
<a href="#" onclick="hidePopup();" class="btn-operations"> <a href="#" onclick="hidePopup();" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;Cancel&nbsp;&nbsp;&nbsp;&nbsp; Cancel
</a> </a>
</div> </div>
</div> </div>
@ -125,7 +131,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-403-link" class="btn-operations"> <a href="#" id="device-403-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -141,7 +147,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-409-link" class="btn-operations"> <a href="#" id="device-409-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -157,7 +163,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-unexpected-error-link" class="btn-operations"> <a href="#" id="device-unexpected-error-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -168,40 +174,49 @@
<br/><br/> <br/><br/>
</div> </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> <h3 class="uppercase">Prepare</h3><hr>
<p class="grey margin-top">Get your device ready</p> <p class="grey margin-top">Get your device ready</p>
<br/> <br/>
<ul> <ul class="list-unstyled">
<p class="padding-top-double"><span class="circle">01</span> Set up your RaspberryPi device as shown in the schematic below and get the Digital Display setup.</p> <li class="padding-top-double"><span class="circle">01</span> Set up your RaspberryPi device as shown in
<p class="padding-top-double"><span class="circle">02</span> Connect a monitor to your RaspberryPi via the HDMI cable to get a UI view of the device.</p> the schematic below and get the Digital Display setup.</li>
<p class="padding-top-double"><span class="circle">03</span> Get the RaspberryPi to connect to the internet (via Ethernet or Wifi) and note its IP_ADDRESS</p> <li class="padding-top-double"><span class="circle">02</span> Connect a monitor to your RaspberryPi via the
HDMI cable to get a UI view of the device.</li>
<li class="padding-top-double"><span class="circle">03</span> Get the RaspberryPi to connect to the internet
(via Ethernet or Wifi) and note its IP_ADDRESS</li>
</ul> </ul>
<br> <br>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-12 padding-double"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<h3 class="uppercase">Schematic Diagram</h3><hr> <h3 class="uppercase">Schematic Diagram</h3><hr>
<p class="grey margin-top">Click on the image to zoom</p> <p class="grey margin-top">Click on the image to zoom</p>
<center> <center>
<a href="{{@unit.publicUri}}/images/schematicsGuide.png" target="_blank"> <a href="{{@unit.publicUri}}/images/schematicsGuide.png" target="_blank">
<img src="{{@unit.publicUri}}/images/schematicsGuide.png" class="img-responsive" style="max-width: 500px; max-height: 500px"> <img src="{{@unit.publicUri}}/images/schematicsGuide.png" class="img-responsive">
</a> </a>
</center> </center>
<br/> <br/>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-12 padding-double"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<h3 class="uppercase">Connect (Quick Start)</h3><hr> <h3 class="uppercase">Connect (Quick Start)</h3><hr>
<p class="grey margin-top">Internet of Things Foundation Quickstart connection</p> <p class="grey margin-top">Internet of Things Foundation Quickstart connection</p>
<br/> <br/>
<ul> <ul class="list-unstyled">
<p class="padding-top-double"><span class="circle">01</span> <b>Click on the <i>'Create DEB'</i> button above to get the download link for the Digital Display setup files</b></p> <li class="padding-top-double"><span class="circle">01</span>
<p class="padding-top-double"><span class="circle">02</span> <i>(The following commands can be issued by directly typing into the terminal of the device or by an <b>'ssh'</b> login from a remote PC)</i></p> Click on the <i>'Create DEB'</i> button above to get the download link for the Digital Display setup
<p class="padding-top-double"><span class="circle">03</span> <b>Download the Digital Display setup files using the following command: 'curl -k < url_link_received_from_the_above_step >> Agent.zip'</b><br/><i>This will download a zip file named 'Agent.zip'</i></p> files</li>
<li class="padding-top-double"><span class="circle">02</span> (The following commands can be issued by
directly typing into the terminal of the device or by an <b>'ssh'</b> login from a remote PC)</li>
<li class="padding-top-double"><span class="circle">03</span> Download the Digital Display setup files
using the following command: 'curl -k < url_link_received_from_the_above_step >> Agent.zip'
This will download a zip file named 'Agent.zip'
</li>
</ul> </ul>
<br> <br>
</div> </div>
</div> </div>

44
features/device-mgt-iot-droneanalyzer-feature/org.wso2.carbon.device.mgt.iot.droneanalyzer.feature/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.drone_analyzer.type-view/type-view.hbs
Unescape View File

@ -3,18 +3,22 @@
<hr> <hr>
<p class="margin-bottom-double light-grey ">Connect your drone device to the WSO2 device cloud.</p> <p class="margin-bottom-double light-grey ">Connect your drone device to the WSO2 device cloud.</p>
</div> </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/drone-icon.png" class="img-responsive"> <img src="{{@unit.publicUri}}/images/drone-icon.png" class="img-responsive">
</div> </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> <h3 class="uppercase">Ingredients</h3>
<hr> <hr>
<p class="grey margin-top">Hardware Requirements </p> <p class="grey margin-top">Hardware Requirements </p>
<br> <br>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span> IRIS+ Drone</li> <li>
<li class="padding-top-double"><span class="circle">02</span> USB to Micro USB cable or Telemetry Radio receiver</li> <span class="fw-stack margin-right"><i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i></span> IRIS+ Drone</li>
<li>
<span class="fw-stack margin-right"><i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i></span> USB to Micro USB cable or Telemetry Radio receiver</li>
</ul> </ul>
<br> <br>
@ -47,9 +51,9 @@
Now</a> Now</a>
&nbsp;&nbsp; &nbsp;&nbsp;
<a href="#" id="download-device-download-link" class="blue-button"> <a href="#" id="download-device-download-link" class="blue-button">
&nbsp;&nbsp;&nbsp;&nbsp;Copy Link&nbsp;&nbsp;&nbsp;&nbsp; Copy Link
</a> </a>
&nbsp;&nbsp;
</div> </div>
</form> </form>
</div> </div>
@ -65,7 +69,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-400-link" class="btn-operations"> <a href="#" id="device-400-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -81,10 +85,10 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-401-link" class="blue-button"> <a href="#" id="device-401-link" class="blue-button">
&nbsp;&nbsp;&nbsp;&nbsp;Goto Login Page&nbsp;&nbsp;&nbsp;&nbsp; Goto Login Page
</a>&nbsp;&nbsp; </a>&nbsp;&nbsp;
<a href="#" onclick="hidePopup();" class="btn-operations"> <a href="#" onclick="hidePopup();" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;Cancel&nbsp;&nbsp;&nbsp;&nbsp; Cancel
</a> </a>
</div> </div>
</div> </div>
@ -100,7 +104,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-403-link" class="btn-operations"> <a href="#" id="device-403-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -116,7 +120,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-409-link" class="btn-operations"> <a href="#" id="device-409-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -132,7 +136,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-unexpected-error-link" class="btn-operations"> <a href="#" id="device-unexpected-error-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -143,7 +147,7 @@
<br/><br/> <br/><br/>
</div> </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> <h3 class="uppercase">Prepare</h3><hr>
<p class="grey margin-top">Get your device ready</p> <p class="grey margin-top">Get your device ready</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
@ -152,25 +156,26 @@
<br> <br>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-12 padding-double"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<h3 class="uppercase">Schematic Diagram</h3><hr> <h3 class="uppercase">Schematic Diagram</h3><hr>
<p class="grey margin-top">Click on the image to zoom</p> <p class="grey margin-top">Click on the image to zoom</p>
<center> <center>
<a href="{{@unit.publicUri}}/images/schematicsGuide.png" target="_blank"> <a href="{{@unit.publicUri}}/images/schematicsGuide.png" target="_blank">
<img src="{{@unit.publicUri}}/images/schematicsGuide.png" class="img-responsive" style="max-width: 500px; max-height: 500px"> <img src="{{@unit.publicUri}}/images/schematicsGuide.png" class="img-responsive" >
</a> </a>
</center> </center>
<br/> <br/>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-12 padding-double"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<h3 class="uppercase">Connect (Quick Start)</h3><hr> <h3 class="uppercase">Connect (Quick Start)</h3><hr>
<p class="grey margin-top">Internet of Things Foundation Quickstart connection</p> <p class="grey margin-top">Internet of Things Foundation Quickstart connection</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span> <b>Click on the download button above to get the IRIS+ Drone setup files</b></li> <li class="padding-top-double"><span class="circle">01</span> <b>Click on the download button above to get the IRIS+ Drone setup files</b></li>
<li class="padding-top-double"><span class="circle">02</span> <b>Connecting to drone</b> <li class="padding-top-double"><span class="circle">02</span> <b>Connecting to drone</b>
</br> </li>
<div> </ul>
<div class="padding-top-double">
<table class="table table-bordered "> <table class="table table-bordered ">
<thead> <thead>
<tr> <tr>
@ -201,8 +206,7 @@
Ones you have the setup files please run startservice.sh with root privilege.</br> Ones you have the setup files please run startservice.sh with root privilege.</br>
<b>Note:</b> these connection types may vary from computer to computer. So please provide the correct <b>Note:</b> these connection types may vary from computer to computer. So please provide the correct
connection port connection port
</li>
</ul>
<br/> <br/>
</div> </div>

34
features/device-mgt-iot-raspberrypi-feature/org.wso2.carbon.device.mgt.iot.raspberrypi.feature/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.raspberrypi.type-view/type-view.hbs
Unescape View File

@ -4,33 +4,33 @@
<hr> <hr>
<p class="margin-bottom-double light-grey ">Connect your RaspberryPi device to the WSO2 IoT Server.</p> <p class="margin-bottom-double light-grey ">Connect your RaspberryPi device to the WSO2 IoT Server.</p>
</div> </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/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-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> <h3 class="uppercase">Ingredients</h3>
<hr> <hr>
<p class="grey margin-top">Hardware Requirements </p> <p class="grey margin-top">Hardware Requirements </p>
<br> <br>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><span class="fw-stack fw-lg margin-right"><i class="fw fw-ring fw-stack-2x"></i> <li><span class="fw-stack margin-right"><i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i></span> Raspberry Pi (Internet Enabled) <i class="fw fw-right-arrow fw-stack-1x"></i></span> Raspberry Pi (Internet Enabled)
</li> </li>
<li><span class="fw-stack fw-lg margin-right"><i class="fw fw-ring fw-stack-2x"></i> <li><span class="fw-stack margin-right"><i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i></span> DHT11 Temperature Sensor <i class="fw fw-right-arrow fw-stack-1x"></i></span> DHT11 Temperature Sensor
</li> </li>
<li><span class="fw-stack fw-lg margin-right"><i class="fw fw-ring fw-stack-2x"></i> <li><span class="fw-stack margin-right"><i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i></span> LED <i class="fw fw-right-arrow fw-stack-1x"></i></span> LED
</li> </li>
<li><span class="fw-stack fw-lg margin-right"><i class="fw fw-ring fw-stack-2x"></i> <li><span class="fw-stack margin-right"><i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i></span> Buzzer(3v) <i class="fw fw-right-arrow fw-stack-1x"></i></span> Buzzer(3v)
</li> </li>
</ul> </ul>
<br> <br>
<a href="/api-store/apis/info?name={{@uriParams.deviceType}}&version=1.0.0&provider=admin" <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> &nbsp;</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> <a href="#" class="download-link btn-operations"><i class="fw fw-download"></i>Download</a>
<div id="download-device-modal-content" class="hide"> <div id="download-device-modal-content" class="hide">
@ -51,7 +51,7 @@
<input type="hidden" class="deviceType" name="deviceType" <input type="hidden" class="deviceType" name="deviceType"
value="{{@uriParams.deviceType}}"/> value="{{@uriParams.deviceType}}"/>
<input type="hidden" class="sketchType" name="sketchType" <input type="hidden" class="sketchType" name="sketchType"
value="{{@uriParams.deviceType}}"/> &nbsp;&nbsp; value="{{@uriParams.deviceType}}"/>
</div> </div>
</div> </div>
<div class="buttons" style="padding-bottom: 0px"> <div class="buttons" style="padding-bottom: 0px">
@ -59,9 +59,9 @@
Now</a> Now</a>
&nbsp;&nbsp; &nbsp;&nbsp;
<a href="#" id="download-device-download-link" class="btn btn-operations"> <a href="#" id="download-device-download-link" class="btn btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;Copy Link&nbsp;&nbsp;&nbsp;&nbsp; Copy Link
</a> </a>
&nbsp;&nbsp;
</div> </div>
</form> </form>
</div> </div>
@ -77,7 +77,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-400-link" class="btn-operations"> <a href="#" id="device-400-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -93,10 +93,10 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-401-link" class="blue-button"> <a href="#" id="device-401-link" class="blue-button">
&nbsp;&nbsp;&nbsp;&nbsp;Goto Login Page&nbsp;&nbsp;&nbsp;&nbsp; Goto Login Page
</a>&nbsp;&nbsp; </a>&nbsp;&nbsp;
<a href="#" onclick="hidePopup();" class="btn-operations"> <a href="#" onclick="hidePopup();" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;Cancel&nbsp;&nbsp;&nbsp;&nbsp; Cancel
</a> </a>
</div> </div>
</div> </div>
@ -112,7 +112,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-403-link" class="btn-operations"> <a href="#" id="device-403-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -128,7 +128,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-409-link" class="btn-operations"> <a href="#" id="device-409-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -144,7 +144,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-unexpected-error-link" class="btn-operations"> <a href="#" id="device-unexpected-error-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -155,7 +155,7 @@
<br/><br/> <br/><br/>
</div> </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> <h3 class="uppercase">Prepare</h3>
<hr> <hr>
<p class="grey margin-top">Get your device ready</p> <p class="grey margin-top">Get your device ready</p>

54
features/device-mgt-iot-virtualfirealarm-feature/org.wso2.carbon.device.mgt.iot.virtualfirealarm.feature/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.virtual_firealarm.type-view/type-view.hbs
Unescape View File

@ -3,11 +3,11 @@
<hr> <hr>
<p class="margin-bottom-double light-grey ">Connect your Android device to the WSO2 device cloud.</p> <p class="margin-bottom-double light-grey ">Connect your Android device to the WSO2 device cloud.</p>
</div> </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/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-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> <h3 class="uppercase">Ingredients</h3>
<hr> <hr>
<p class="grey margin-top">Hardware Requirements </p> <p class="grey margin-top">Hardware Requirements </p>
@ -24,7 +24,8 @@
</ul> </ul>
<br> <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> &nbsp;</a> <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> &nbsp;</a>
<a href="#" class="download-link btn-operations"><i class="fw fw-download"></i>Download</a> <a href="#" class="download-link btn-operations"><i class="fw fw-download"></i>Download</a>
<div id="download-device-modal-content" class="hide"> <div id="download-device-modal-content" class="hide">
@ -42,8 +43,10 @@
name="deviceName" size="60" required> name="deviceName" size="60" required>
<br/><br/> <br/><br/>
<input type="hidden" class="deviceType" name="deviceType" value="{{@uriParams.deviceType}}"/> <input type="hidden" class="deviceType" name="deviceType" value="{{@uriParams.deviceType}}"/>
<input type="radio" name="sketchType" value="simple_agent" id="simple_agent" checked> <label for="simple_agent">Simple Agent</label> &nbsp;&nbsp; <input type="radio" name="sketchType" value="simple_agent" id="simple_agent" checked>
<input type="radio" name="sketchType" value="advanced_agent" id="advanced_agent"> <label for="advanced_agent">Advanced Agent</label> <label for="simple_agent">Simple Agent</label> &nbsp;&nbsp;
<input type="radio" name="sketchType" value="advanced_agent" id="advanced_agent">
<label for="advanced_agent">Advanced Agent</label>
</div> </div>
</div> </div>
<div class="buttons" style="padding-bottom: 0px"> <div class="buttons" style="padding-bottom: 0px">
@ -51,7 +54,7 @@
Now</a> Now</a>
&nbsp;&nbsp; &nbsp;&nbsp;
<a href="#" id="download-device-download-link" class="btn btn-operations"> <a href="#" id="download-device-download-link" class="btn btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;Copy Link&nbsp;&nbsp;&nbsp;&nbsp; Copy Link
</a> </a>
&nbsp;&nbsp; &nbsp;&nbsp;
</div> </div>
@ -69,7 +72,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-400-link" class="btn-operations"> <a href="#" id="device-400-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -85,10 +88,10 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-401-link" class="blue-button"> <a href="#" id="device-401-link" class="blue-button">
&nbsp;&nbsp;&nbsp;&nbsp;Goto Login Page&nbsp;&nbsp;&nbsp;&nbsp; Goto Login Page
</a>&nbsp;&nbsp; </a>&nbsp;&nbsp;
<a href="#" onclick="hidePopup();" class="btn-operations"> <a href="#" onclick="hidePopup();" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;Cancel&nbsp;&nbsp;&nbsp;&nbsp; Cancel
</a> </a>
</div> </div>
</div> </div>
@ -104,7 +107,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-403-link" class="btn-operations"> <a href="#" id="device-403-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -120,7 +123,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-409-link" class="btn-operations"> <a href="#" id="device-409-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -136,7 +139,7 @@
<div class="buttons"> <div class="buttons">
<a href="#" id="device-unexpected-error-link" class="btn-operations"> <a href="#" id="device-unexpected-error-link" class="btn-operations">
&nbsp;&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;&nbsp; OK
</a> </a>
</div> </div>
</div> </div>
@ -147,35 +150,42 @@
<br/><br/> <br/><br/>
</div> </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> <h3 class="uppercase">Prepare</h3><hr>
<p class="grey margin-top">Get your device ready</p> <p class="grey margin-top">Get your device ready</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span> Set up your RaspberryPi device as shown in the schematic below and get the FireAlarm setup.</li> <li class="padding-top-double"><span class="circle">01</span> Set up your RaspberryPi device as shown in the
<li class="padding-top-double"><span class="circle">02</span> Connect a monitor to your RaspberryPi via the HDMI cable to get a UI view of the device.</li> schematic below and get the FireAlarm setup.</li>
<li class="padding-top-double"><span class="circle">03</span> Get the RaspberryPi to connect to the internet (via Ethernet or Wifi) and note its IP_ADDRESS</li> <li class="padding-top-double"><span class="circle">02</span> Connect a monitor to your RaspberryPi via the
HDMI cable to get a UI view of the device.</li>
<li class="padding-top-double"><span class="circle">03</span> Get the RaspberryPi to connect to the internet
(via Ethernet or Wifi) and note its IP_ADDRESS</li>
</ul> </ul>
<br> <br>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-12 padding-double"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<h3 class="uppercase">Schematic Diagram</h3><hr> <h3 class="uppercase">Schematic Diagram</h3><hr>
<p class="grey margin-top">Click on the image to zoom</p> <p class="grey margin-top">Click on the image to zoom</p>
<center> <center>
<a href="{{@unit.publicUri}}/images/schematicsGuide.png" target="_blank"> <a href="{{@unit.publicUri}}/images/schematicsGuide.png" target="_blank">
<img src="{{@unit.publicUri}}/images/schematicsGuide.png" class="img-responsive" style="max-width: 500px; max-height: 500px"> <img src="{{@unit.publicUri}}/images/schematicsGuide.png" class="img-responsive">
</a> </a>
</center> </center>
<br/> <br/>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-12 padding-double"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<h3 class="uppercase">Connect (Quick Start)</h3><hr> <h3 class="uppercase">Connect (Quick Start)</h3><hr>
<p class="grey margin-top">Internet of Things Foundation Quickstart connection</p> <p class="grey margin-top">Internet of Things Foundation Quickstart connection</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span> <b>Click on the <i>'Create DEB'</i> button above to get the download link for the FireAlarm setup files</b></li> <li class="padding-top-double"><span class="circle">01</span> Click on the <i>'Create DEB'</i> button above to
<li class="padding-top-double"><span class="circle">02</span> <i>(The following commands can be issued by directly typing into the terminal of the device or by an <b>'ssh'<b> login from a remote PC)</i></li> get the download link for the FireAlarm setup files</li>
<li class="padding-top-double"><span class="circle">03</span> <b>Download the FireAlarm setup files using the following command: 'curl -k < url_link_received_from_the_above_step >> Agent.zip'</b><br/><i>This will download a zip file named 'Agent.zip'</i></li> <li class="padding-top-double"><span class="circle">02</span> (The following commands can be issued by
directly typing into the terminal of the device or by an <b>'ssh'</b> login from a remote PC)</li>
<li class="padding-top-double"><span class="circle">03</span> Download the FireAlarm setup files using the
following command: 'curl -k < url_link_received_from_the_above_step >> Agent.zip'.
This will download a zip file named 'Agent.zip'</li>
</ul> </ul>
<br/> <br/>
</div> </div>

6
features/device-mgt-mdm-android-feature/org.wso2.carbon.device.mgt.mobile.android.feature/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.android.type-view/type-view.hbs
Unescape View File

@ -3,10 +3,10 @@
<hr> <hr>
<p class="margin-bottom-double light-grey ">Connect your Android device to the WSO2 device cloud.</p> <p class="margin-bottom-double light-grey ">Connect your Android device to the WSO2 device cloud.</p>
</div> </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/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-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> <h3 class="uppercase">Ingredients</h3>
<hr> <hr>
<p class="grey margin-top">Hardware Requirements </p> <p class="grey margin-top">Hardware Requirements </p>
@ -22,7 +22,7 @@
<br/><br/> <br/><br/>
</div> </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-8 col-lg-12 padding-double grey-bg">
<h3 class="uppercase">Prepare</h3><hr> <h3 class="uppercase">Prepare</h3><hr>
<p class="grey margin-top">Get your device ready</p> <p class="grey margin-top">Get your device ready</p>
<ul class="list-unstyled"> <ul class="list-unstyled">

10
features/device-mgt-mdm-windows-feature/org.wso2.carbon.device.mgt.mobile.windows.feature/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.windows.type-view/type-view.hbs
Unescape View File

@ -4,19 +4,19 @@
<p class="margin-bottom-double light-grey ">Connect your Windows device <p class="margin-bottom-double light-grey ">Connect your Windows device
to the WSO2 device cloud.</p> to the WSO2 device cloud.</p>
</div> </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/windows-icon.png" class="img-responsive"> <img src="{{@unit.publicUri}}/images/windows-icon.png" class="img-responsive">
</div> </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> <h3 class="uppercase">Ingredients</h3>
<hr> <hr>
<p class="grey margin-top">Hardware Requirements </p> <p class="grey margin-top">Hardware Requirements </p>
<br> <br>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><span class="fw-stack fw-lg margin-right"><i class="fw fw-ring fw-stack-2x"></i> <li><span class="fw-stack margin-right"><i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i></span> Windows Mobile</li> <i class="fw fw-right-arrow fw-stack-1x"></i></span> Windows Mobile</li>
<li><span class="fw-stack fw-lg margin-right"><i class="fw fw-ring fw-stack-2x"></i> <li><span class="fw-stack margin-right"><i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i></span> QR Code Scanner App</li> <i class="fw fw-right-arrow fw-stack-1x"></i></span> QR Code Scanner App</li>
</ul> </ul>
@ -28,7 +28,7 @@
<br/><br/> <br/><br/>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-12 padding-double"> <div class="col-xs-12 col-sm-6 col-md-12 col-lg-12 padding-double">
<h3 class="uppercase">Connect (Quick Start)</h3><hr> <h3 class="uppercase">Connect (Quick Start)</h3><hr>
<p class="grey margin-top">Quickstart connection</p> <p class="grey margin-top">Quickstart connection</p>
<br/> <br/>

Write Preview
Loading…
Cancel
Save