community
/
device-mgt-plugins
10
0
Fork 39
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Styling improvements to the virtual firealarm agent download

Browse Source
merge-requests/1/head
Rasika Perera 8 years ago
parent 6cbbb75c45
commit 20f0720a72
1 changed files with 59 additions and 41 deletions
Show Stats Download Patch File Download Diff File

100
components/iot-plugins/virtual-fire-alarm-plugin/org.wso2.carbon.device.mgt.iot.virtualfirealarm.ui/src/main/resources/jaggeryapps/devicemgt/app/units/cdmf.unit.device.type.virtual_firealarm.type-view/type-view.hbs
Unescape View File

@ -59,42 +59,60 @@
</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>
<div id="download-device-modal-content" class="hide"> <div id="download-device-modal-content" class="hide">
<div class="modal-content"> <div class="modal-header">
<div class="row"> <h4 class="pull-left modal-title">
<div class="col-md-7 center-container"> <span class="fw-stack">
<h3>Name your device and download the agent from following link.</h3> <i class="fw fw-raspberry fw-stack-2x"></i>
<br/> <span class="fw-stack fw-move-right fw-move-bottom">
<form id="downloadForm" method="GET" <i class="fw fw-ring fw-stack-2x"></i>
action="{{@app.context}}/api/devices/sketch/download"> <i class="fw fw-circle fw-stack-2x fw-stroke text-info"></i>
<div id="invalid-username-error-msg" class="alert alert-danger hidden" <i class="fw fw-add fw-stack-1x fw-inverse"></i>
role="alert"> </span>
<i class="icon fw fw-error"></i><span></span> </span>
</div> &nbsp;&nbsp;Add your new firealarm device to {{@app.conf.appName}}
<div class="control-group"> </h4>
<div class="controls"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fw fw-cancel"></i>
<input class="new-device-name" style="color:#3f3f3f;padding:5px" </button>
type="text" </div>
placeholder="Ex. Lobby_Firealarm" <hr>
name="deviceName" size="60" required> <div class="modal-body add-margin-top-2x add-margin-bottom-2x">
<br/><br/> <div class="panel-body col-centered text-center">
<input type="hidden" class="deviceType" name="deviceType" <h3>Name your device and download the agent from following link.</h3>
value="{{@uriParams.deviceType}}"/> <br />
<input type="radio" name="sketchType" value="virtual_firealarm" <form id="downloadForm" method="GET"
id="virtual_firealarm" action="{{@app.context}}/api/devices/sketch/download">
checked> <div id="invalid-username-error-msg" class="alert alert-danger hidden"
<label for="simple_agent">Simple Agent</label> &nbsp;&nbsp; role="alert">
<input type="radio" name="sketchType" <i class="icon fw fw-error"></i><span></span>
value="virtual_firealarm_advanced" </div>
id="virtual_firealarm_advanced"> <div class="control-group">
<label for="advanced_agent">Advanced Agent</label> <div class="controls">
</div> <input class="new-device-name" style="color:#3f3f3f;padding:5px"
</div> type="text"
<div class="buttons" style="padding-bottom: 0px"> placeholder="Ex. Lobby_Firealarm"
<a class="btn btn-operations" onclick="downloadAgent()">Download Now</a> name="deviceName" size="60" required>
<br /><br />
<input type="hidden" class="deviceType" name="deviceType"
value="{{@uriParams.deviceType}}" />
<input type="radio" name="sketchType" value="virtual_firealarm"
id="virtual_firealarm"
checked>
<label for="simple_agent">Simple Agent</label> &nbsp;&nbsp;
<input type="radio" name="sketchType"
value="virtual_firealarm_advanced"
id="virtual_firealarm_advanced">
<label for="advanced_agent">Advanced Agent</label>
</div> </div>
</form> </div>
</div> </form>
</div>
</div>
<div class="modal-footer">
<div class="buttons" style="padding-bottom: 0px">
<a class="btn btn-operations" onclick="downloadAgent()">Download Now</a>
<a href="javascript:hidePopup()" class="btn-operations btn-default">Cancel</a>
</div> </div>
</div> </div>
</div> </div>
@ -125,7 +143,7 @@
<div class="modal-content"> <div class="modal-content">
<div class="row"> <div class="row">
<div class="col-md-7 col-centered center-container"> <div class="col-md-7 col-centered center-container">
<h3>You have to log in first.</h3><br/> <h3>You have to log in first.</h3><br />
<div class="buttons"> <div class="buttons">
<a href="#" id="device-401-link" class="blue-button"> <a href="#" id="device-401-link" class="blue-button">
@ -143,7 +161,7 @@
<div class="modal-content"> <div class="modal-content">
<div class="row"> <div class="row">
<div class="col-md-7 col-centered center-container"> <div class="col-md-7 col-centered center-container">
<h3>Action not permitted.</h3><br/> <h3>Action not permitted.</h3><br />
<div class="buttons"> <div class="buttons">
<a href="#" id="device-403-link" class="btn-operations"> <a href="#" id="device-403-link" class="btn-operations">
OK OK
@ -157,7 +175,7 @@
<div class="modal-content"> <div class="modal-content">
<div class="row"> <div class="row">
<div class="col-md-7 col-centered center-container"> <div class="col-md-7 col-centered center-container">
<h3>Device Sketch does not exist.</h3><br/> <h3>Device Sketch does not exist.</h3><br />
<div class="buttons"> <div class="buttons">
<a href="#" id="device-409-link" class="btn-operations"> <a href="#" id="device-409-link" class="btn-operations">
@ -172,7 +190,7 @@
<div class="modal-content"> <div class="modal-content">
<div class="row"> <div class="row">
<div class="col-md-7 col-centered center-container"> <div class="col-md-7 col-centered center-container">
<h3>Unexpected error.</h3><br/> <h3>Unexpected error.</h3><br />
<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">
@ -183,7 +201,7 @@
</div> </div>
</div> </div>
</div> </div>
<br/><br/> <br /><br />
</div> </div>
<div class="col-xs-12 col-sm-12 col-md-12 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>
@ -218,7 +236,7 @@
<img src="{{@unit.publicUri}}/images/schematicsGuide.png" class="img-responsive"> <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-6 col-lg-6 padding-double"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<h3 class="uppercase">Try Out</h3> <h3 class="uppercase">Try Out</h3>
@ -240,7 +258,7 @@
navigating to Device Analytics page. navigating to Device Analytics page.
</li> </li>
</ul> </ul>
<br/> <br />
<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/myDevices_analytics.png" target="_blank"> <a href="{{@unit.publicUri}}/images/myDevices_analytics.png" target="_blank">

Write Preview
Loading…
Cancel
Save