4951c1b04b
git-svn-id: http://svn.us.apache.org/repos/asf/tuscany@1444660 13f79535-47bb-0310-9956-ffa450edef68
190 lines
5.6 KiB
HTML
190 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
* Licensed to the Apache Software Foundation (ASF) under one
|
|
* or more contributor license agreements. See the NOTICE file
|
|
* distributed with this work for additional information
|
|
* regarding copyright ownership. The ASF licenses this file
|
|
* to you under the Apache License, Version 2.0 (the
|
|
* "License"); you may not use this file except in compliance
|
|
* with the License. You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing,
|
|
* software distributed under the License is distributed on an
|
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
* KIND, either express or implied. See the License for the
|
|
* specific language governing permissions and limitations
|
|
* under the License.
|
|
-->
|
|
<div id="bodydiv" class="body">
|
|
|
|
<div id="viewform" class="viewform">
|
|
|
|
<form id="rateAppForm">
|
|
<table style="width: 100%;">
|
|
<tr><td class="label">Rating:</td></tr>
|
|
<tr><td class="lightlabel" id="taptorate"></td></tr>
|
|
<tr><td class="label">
|
|
<span style="display: inline-block; width: 2px;"></span>
|
|
<span id="rateApp1" class="graystar"> </span><span style="display: inline-block; width: 20px;"></span>
|
|
<span id="rateApp2" class="graystar"> </span><span style="display: inline-block; width: 20px;"></span>
|
|
<span id="rateApp3" class="graystar"> </span><span style="display: inline-block; width: 20px;"></span>
|
|
<span id="rateApp4" class="graystar"> </span>
|
|
</td></tr>
|
|
<tr><td class="lightlabel" id="ratedescription"> </span></td></tr>
|
|
<tr><td style="padding-top: 20px;">
|
|
<input id="rateAppDoneButton" type="button" class="graybutton" value="Done"/>
|
|
</td></tr>
|
|
</table>
|
|
</form>
|
|
<br/>
|
|
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
(function ratebody() {
|
|
|
|
/**
|
|
* Get the app name.
|
|
*/
|
|
var appname = ui.fragmentParams(location)['app'];
|
|
|
|
/**
|
|
* Setup page layout.
|
|
*/
|
|
(function layout() {
|
|
document.title = config.windowtitle() + ' - ' + 'Rate' + ' - ' + appname;
|
|
$('viewhead').innerHTML = '<span class="smenu">' + 'Rate' + ' ' + appname + '</span>';
|
|
if (!ui.isMobile())
|
|
$('viewform').className = 'viewform flatscrollbars';
|
|
|
|
$('viewform').appendChild(ui.declareCSS(
|
|
'.redstar { ' +
|
|
'background: url(\'' + ui.b64png(appcache.get('/public/rate.b64')) + '\'); background-repeat: no-repeat; ' +
|
|
'vertical-align: middle; width: 40px; height: 40px; display: inline-block; background-position: 0px 1px;' +
|
|
' } ' +
|
|
'.graystar { ' +
|
|
'background: url(\'' + ui.b64png(appcache.get('/public/rate.b64')) + '\'); background-repeat: no-repeat; ' +
|
|
'vertical-align: middle; width: 40px; height: 40px; display: inline-block; background-position: -50px 1px;' +
|
|
' }'));
|
|
|
|
$('taptorate').innerHTML = ui.isMobile()? 'Tap a star to select a rating' : ' Click a star to select a rating';
|
|
})();
|
|
|
|
/**
|
|
* Initialize service references.
|
|
*/
|
|
var editorComp = sca.component("Editor");
|
|
var reviews = sca.reference(editorComp, "reviews");
|
|
|
|
/**
|
|
* Initialize the rate buttons.
|
|
*/
|
|
var rateAppButtons = [
|
|
[$('rateApp1'), 1, function(e) { return onclickrating(1); }, 'Don\'t like it'],
|
|
[$('rateApp2'), 2, function(e) { return onclickrating(2); }, 'It\'s ok'],
|
|
[$('rateApp3'), 3, function(e) { return onclickrating(3); }, 'It\'s good'],
|
|
[$('rateApp4'), 4, function(e) { return onclickrating(4); }, 'It\'s great']
|
|
];
|
|
(function initRateAppButtons() {
|
|
map(function(b) {
|
|
ui.onclick(b[0], b[2]);
|
|
}, rateAppButtons);
|
|
})();
|
|
|
|
/**
|
|
* Select a rating.
|
|
*/
|
|
var selectedrating = 0;
|
|
function selectrating(r) {
|
|
selectedrating = r;
|
|
map(function(b) {
|
|
b[0].className = b[1] <= r? 'redstar' : 'graystar';
|
|
}, rateAppButtons);
|
|
$('ratedescription').innerHTML = rateAppButtons[r - 1][3];
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* The current app entry and corresponding saved XML content.
|
|
*/
|
|
var appentry;
|
|
var savedxml = '';
|
|
|
|
/**
|
|
* Get and display the requested app rating.
|
|
*/
|
|
(function getrating() {
|
|
if (isNull(appname))
|
|
return false;
|
|
workingstatus(true);
|
|
showstatus('Loading');
|
|
|
|
return reviews.get(appname, function(doc) {
|
|
|
|
// Stop now if we didn't get the rating
|
|
if (doc == null) {
|
|
onlinestatus();
|
|
workingstatus(false);
|
|
return false;
|
|
}
|
|
|
|
appentry = doc != null? car(elementsToValues(atom.readATOMEntry(mklist(doc)))) : mklist("'entry", mklist("'title", ''), mklist("'id", appname));
|
|
savedxml = car(atom.writeATOMEntry(valuesToElements(mklist(appentry))));
|
|
var content = cadr(assoc("'content", appentry));
|
|
if (!isNull(content))
|
|
selectrating(parseInt(cadr(content)));
|
|
|
|
onlinestatus();
|
|
workingstatus(false);
|
|
return true;
|
|
});
|
|
})();
|
|
|
|
/**
|
|
* Save an app rating.
|
|
*/
|
|
function save(name, entryxml) {
|
|
workingstatus(true);
|
|
showstatus('Saving');
|
|
|
|
savedxml = entryxml;
|
|
reviews.put(name, savedxml, function(e) {
|
|
if (e) {
|
|
showstatus('Local copy');
|
|
workingstatus(false);
|
|
return false;
|
|
}
|
|
showstatus('Saved');
|
|
workingstatus(false);
|
|
return false;
|
|
});
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* Handle rating click event.
|
|
*/
|
|
function onclickrating(r) {
|
|
// Select the rating
|
|
selectrating(r);
|
|
|
|
// Save
|
|
showstatus('Saving');
|
|
appentry = mklist("'entry", mklist("'title", appname), mklist("'id", appname), mklist("'content", mklist("'rating", selectedrating.toString())));
|
|
var entryxml = car(atom.writeATOMEntry(valuesToElements(mklist(appentry))));
|
|
return save(appname, entryxml);
|
|
}
|
|
|
|
/**
|
|
* Navigate back.
|
|
*/
|
|
ui.onclick($('rateAppDoneButton'), function(e) {
|
|
history.back();
|
|
});
|
|
|
|
})();
|
|
</script>
|
|
|
|
</div>
|