You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ripple.apache.org by ti...@apache.org on 2015/07/15 02:15:25 UTC
incubator-ripple git commit: Improve the accelerometer UI.
Repository: incubator-ripple
Updated Branches:
refs/heads/master ac05124f1 -> f6a538dc4
Improve the accelerometer UI.
Changes include:
- Make it more compact.
- Actionable controls (canvas and the shake button) closer together.
- Change the unit notation.
This closes #66
Project: http://git-wip-us.apache.org/repos/asf/incubator-ripple/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-ripple/commit/f6a538dc
Tree: http://git-wip-us.apache.org/repos/asf/incubator-ripple/tree/f6a538dc
Diff: http://git-wip-us.apache.org/repos/asf/incubator-ripple/diff/f6a538dc
Branch: refs/heads/master
Commit: f6a538dc41c6282045b53dfcba243b2306863e50
Parents: ac05124
Author: Arzhan Kinzhalin <ar...@intel.com>
Authored: Wed Jul 1 16:32:12 2015 -0300
Committer: Tim Barham <ti...@microsoft.com>
Committed: Wed Jul 15 10:14:20 2015 +1000
----------------------------------------------------------------------
lib/client/ui/plugins/accelerometer/panel.html | 27 +++++++++------------
1 file changed, 12 insertions(+), 15 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-ripple/blob/f6a538dc/lib/client/ui/plugins/accelerometer/panel.html
----------------------------------------------------------------------
diff --git a/lib/client/ui/plugins/accelerometer/panel.html b/lib/client/ui/plugins/accelerometer/panel.html
index b8e0c3a..ccf2268 100644
--- a/lib/client/ui/plugins/accelerometer/panel.html
+++ b/lib/client/ui/plugins/accelerometer/panel.html
@@ -27,48 +27,45 @@
</section>
<section id="accelerometer" class="info ui-widget-content ui-corner-all" style="display: none;">
<section class="accelerometer-info">
+ <div>
+ <button id="accelerometer-shake" style="position:absolute; right: 10px; top: 180px;" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
+ <span class="ui-button-text">Shake</span>
+ </button>
<canvas style="display: block;" id="accelerometer-canvas" width="300" height="200"></canvas>
+ </div>
<table class="panel-table">
<tr>
<td colspan="2" style="text-align: center">
<em>
- Click and drag with the mouse to manipulate the device. <br/>
+ Click and drag with the mouse to manipulate the device.<br/>
Hold the Shift key to modify 'alpha'
</em>
</td>
</tr>
<tr>
<td><label class="ui-text-label" for="accelerometer-x">xAxis:</label></td>
- <td><span id="accelerometer-x"></span>m / s^2</td>
+ <td><span id="accelerometer-x" style="font-weight: bold;"></span> m/s²</td>
</tr>
<tr>
<td><label class="ui-text-label" for="accelerometer-y">yAxis:</label></td>
- <td><span id="accelerometer-y"></span> m / s^2</td>
+ <td><span id="accelerometer-y" style="font-weight: bold;"></span> m/s²</td>
</tr>
<tr>
<td><label class="ui-text-label" for="accelerometer-z">zAxis:</label></td>
- <td><span id="accelerometer-z"></span> m / s^2</td>
+ <td><span id="accelerometer-z" style="font-weight: bold;"></span> m/s²</td>
</tr>
<tr>
<td><label class="ui-text-label" for="accelerometer-alpha">alpha:</label></td>
- <td><span id="accelerometer-alpha"></span> deg</td>
+ <td><span id="accelerometer-alpha" style="font-weight: bold;"></span>°</td>
</tr>
<tr>
<td><label class="ui-text-label" for="accelerometer-beta">beta:</label></td>
- <td><span id="accelerometer-beta"></span> deg</td>
+ <td><span id="accelerometer-beta" style="font-weight: bold;"></span>°</td>
</tr>
<tr>
<td><label class="ui-text-label" for="accelerometer-gamma">gamma:</label></td>
- <td><span id="accelerometer-gamma"></span> deg</td>
- </tr>
- <tr>
- <td></td>
- <td>
- <button id="accelerometer-shake" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
- <span class="ui-button-text">Shake</span>
- </button>
- </td>
+ <td><span id="accelerometer-gamma" style="font-weight: bold;"></span>°</td>
</tr>
</table>
</section>