fly/fgdata
1
0
Fork 0
Code Activity

Phi: some tweaks

Browse source 
- show at least one stopwatch
- add a refresh button (for web-apps)
- no-cache for index.html
- reorder buttons for Aircraft topic
- add aircraft thumbnail to Aircraft topic
This commit is contained in:
Torsten Dreyer 2015-02-22 21:18:23 +01:00
parent e3d38a6228
commit 1c55371a56
6 changed files with 27 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
webgui/index.html
View file

@ -8,18 +8,21 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Phi (FI)"> <meta name="apple-mobile-web-app-title" content="Phi (FI)">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<link rel="manifest" href="manifest.json"> <link rel="manifest" href="manifest.json">
<!-- non-retina iPhone vor iOS 7 --> <!-- non-retina iPhone pre iOS 7 -->
<link rel="apple-touch-icon" href="images/FI_logo-57.png" sizes="57x57"> <link rel="apple-touch-icon" href="images/FI_logo-57.png" sizes="57x57">
<!-- non-retina iPad vor iOS 7 --> <!-- non-retina iPad vor iOS 7 -->
<link rel="apple-touch-icon" href="images/FI_logo-72.png" sizes="72x72"> <link rel="apple-touch-icon" href="images/FI_logo-72.png" sizes="72x72">
<!-- non-retina iPad iOS 7 --> <!-- non-retina iPad iOS 7 -->
<link rel="apple-touch-icon" href="images/FI_logo-76.png" sizes="76x76"> <link rel="apple-touch-icon" href="images/FI_logo-76.png" sizes="76x76">
<!-- retina iPhone vor iOS 7 --> <!-- retina iPhone pre iOS 7 -->
<link rel="apple-touch-icon" href="images/FI_logo-114.png" sizes="114x114"> <link rel="apple-touch-icon" href="images/FI_logo-114.png" sizes="114x114">
<!-- retina iPhone iOS 7 --> <!-- retina iPhone iOS 7 -->
<link rel="apple-touch-icon" href="images/FI_logo-120.png" sizes="120x120"> <link rel="apple-touch-icon" href="images/FI_logo-120.png" sizes="120x120">
<!-- retina iPad vor iOS 7 --> <!-- retina iPad pre iOS 7 -->
<link rel="apple-touch-icon" href="images/FI_logo-144.png" sizes="144x144"> <link rel="apple-touch-icon" href="images/FI_logo-144.png" sizes="144x144">
<!-- retina iPad iOS 7 --> <!-- retina iPad iOS 7 -->
<link rel="apple-touch-icon" href="images/FI_logo-152.png" sizes="152x152"> <link rel="apple-touch-icon" href="images/FI_logo-152.png" sizes="152x152">
@ -200,6 +203,10 @@ html, body, #wrapper {
height: 100%; height: 100%;
} }
#refresh-button {
float: right;
}
.switcher_container:before { .switcher_container:before {
content: 'Theme'; content: 'Theme';
padding-right: 0.5em; padding-right: 0.5em;
@ -220,8 +227,6 @@ html, body, #wrapper {
} }
</style> </style>
<link href="widgets/radiostack.css" rel="stylesheet" type="text/css" />
</head> </head>
<body> <body>
@ -238,6 +243,8 @@ html, body, #wrapper {
click: $root.selectTopic"> click: $root.selectTopic">
</li> </li>
</ul> </ul>
<button id="refresh-button"
data-bind="button: { icons: { primary: 'ui-icon-refresh' }, text: false }, click: refresh">Refresh Page</button>
<div id="ui-theme-switcher"></div> <div id="ui-theme-switcher"></div>
</div> </div>
<div id="htabs-content" data-bind="component: { name: selectedTopic }"></div> <div id="htabs-content" data-bind="component: { name: selectedTopic }"></div>

6
webgui/main.js
View file

@ -14,7 +14,7 @@ require.config({
}); });
require([ require([
'knockout', 'jquery', 'themeswitch' 'knockout', 'jquery', 'themeswitch', 'kojqui/button'
], function(ko, jquery) { ], function(ko, jquery) {
function KnockProps(aliases) { function KnockProps(aliases) {
@ -291,6 +291,10 @@ require([
} }
self.selectTopic(self.topics[0]); self.selectTopic(self.topics[0]);
self.refresh = function() {
location.reload();
}
} }
ko.components.register('Aircraft', { ko.components.register('Aircraft', {

8
webgui/topics/Aircraft.html
View file

@ -1,12 +1,12 @@
<div class="tabs vtabs"> <div class="tabs vtabs">
<img src="/aircraft-dir/thumbnail.jpg" style="width: 100%; border-radius: 10px; box-shadow: 0px 7px 9px #666666;">
<ul data-bind="foreach: topics"> <ul data-bind="foreach: topics">
<li data-bind="text: $data, <li
data-bind="text: $data,
css: { selected: $data == $parent.selectedTopic() }, css: { selected: $data == $parent.selectedTopic() },
click: $parent.selectTopic"></li> click: $parent.selectTopic"></li>
</ul> </ul>
</div> </div>
<div id="vtabs-content" data-bind="component: { name: selectedComponent, params: { props: $root.props }}"> <div id="vtabs-content" data-bind="component: { name: selectedComponent, params: { props: $root.props }}"></div>
</div>

4
webgui/topics/Aircraft.js
View file

@ -21,7 +21,7 @@ define([
var self = this; var self = this;
self.topics = [ self.topics = [
'Select', 'Mass & Balance', 'Checklists', 'Failures', 'Panel', 'Help' 'Mass & Balance', 'Checklists', 'Failures', 'Panel', 'Select', 'Help'
]; ];
self.selectedTopic = ko.observable(); self.selectedTopic = ko.observable();
@ -34,7 +34,7 @@ define([
self.selectedTopic(topic); self.selectedTopic(topic);
} }
self.selectTopic(self.topics[0]); self.selectTopic(self.topics[self.topics.length-1]);
} }

6
webgui/topics/Aircraft/Help.html
View file

@ -9,9 +9,9 @@
<td colspan="2" data-bind="text: $data.text"></td> <td colspan="2" data-bind="text: $data.text"></td>
<!-- /ko --> <!-- /ko -->
<!-- ko if: $data.type == 'key' --> <!-- ko if: $data.type == 'key' -->
<td data-bind="text: $data.name" style="text-align: right; padding-right: 1em;"></td> <td data-bind="text: $data.name" style="text-align: right; padding-right: 1em;"></td>
<td data-bind="text: $data.desc"></td> <td data-bind="text: $data.desc"></td>
<!-- /ko --> <!-- /ko -->
</tr> </tr>
</tbody> </tbody>
</table> </table>

2
webgui/topics/Tools/Stopwatch.js
View file

@ -5,7 +5,7 @@ define([
function ViewModel(params) { function ViewModel(params) {
var self = this; var self = this;
self.watches = ko.observableArray([0]); self.watches = ko.observableArray([]);
self.addWatch = function() { self.addWatch = function() {
self.watches.push(self.watches().length); self.watches.push(self.watches().length);