4951c1b04b
git-svn-id: http://svn.us.apache.org/repos/asf/tuscany@1444660 13f79535-47bb-0310-9956-ffa450edef68
207 lines
7 KiB
HTML
207 lines
7 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="viewcontent" class="viewcontent">
|
|
|
|
<div id="apps"></div>
|
|
<br/>
|
|
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
(function searchbody() {
|
|
|
|
/**
|
|
* Setup page layout.
|
|
*/
|
|
(function layout() {
|
|
document.title = config.windowtitle() + ' - Apps';
|
|
if (!ui.isMobile())
|
|
$('viewcontent').className = 'viewcontent flatscrollbars';
|
|
|
|
$('viewhead').innerHTML = '<form id="searchForm">' +
|
|
'<span style="position: absolute; top: 0px; left: 2px; right: 70px; padding: 0px; background: transparent;"><input type="text" id="searchQuery" value="" class="flatentry" title="Search" autocapitalize="off" placeholder="Search for apps" style="position: absolute; left: 0px; top: 4px; width: 100%;"></span>' +
|
|
'<input type="submit" id="searchButton" title="Search" class="bluebutton search" style="position: absolute; top: 4px; right: 2px; width: 60px; background-position: center center; background-repeat: no-repeat; background-image: url(\'' + ui.b64png(appcache.get('/public/search.b64')) + '\');" value=" "/>' +
|
|
'</form>';
|
|
|
|
$('viewcontent').appendChild(ui.declareCSS(
|
|
'.ratings { ' +
|
|
'background: url(\'' + ui.b64png(appcache.get('/public/ratings.b64')) + '\'); ' +
|
|
'margin-top: 6px; width: 50px; height: 14px; display: inline-block; ' +
|
|
' }'));
|
|
})();
|
|
|
|
/**
|
|
* Get the requested search query.
|
|
*/
|
|
var query = ui.fragmentParams(location)['q'];
|
|
|
|
/**
|
|
* Initialize service references.
|
|
*/
|
|
var editorComp = sca.component("Editor");
|
|
var search = sca.reference(editorComp, "search");
|
|
var icons = sca.reference(editorComp, "icons");
|
|
|
|
/**
|
|
* Edit an app.
|
|
*/
|
|
function editapp(appname) {
|
|
return ui.navigate('/#view=page&app=' + appname, '_view');
|
|
}
|
|
|
|
/**
|
|
* View an app.
|
|
*/
|
|
function viewapp(appname) {
|
|
return ui.navigate('/#view=info&app=' + appname, '_view');
|
|
}
|
|
|
|
/**
|
|
* Get and display an app icon.
|
|
*/
|
|
function geticon(appname) {
|
|
if (isNull(appname))
|
|
return false;
|
|
|
|
return icons.get(appname, function(doc) {
|
|
// Stop now if we didn't get an icon
|
|
if (doc == null)
|
|
return false;
|
|
|
|
var iconentry = car(elementsToValues(atom.readATOMEntry(mklist(doc))));
|
|
var content = assoc("'content", iconentry);
|
|
var icon = assoc("'icon", content);
|
|
var img = assoc("'image", icon);
|
|
if (!isNull(img)) {
|
|
var appimg = $('search_app_img_' + appname);
|
|
if (!isNull(appimg))
|
|
appimg.src = cadr(img);
|
|
}
|
|
return true;
|
|
});
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* Get and display list of apps.
|
|
*/
|
|
function getapps(query) {
|
|
workingstatus(true);
|
|
showstatus('Searching');
|
|
|
|
function display(doc) {
|
|
|
|
// Stop now if we didn't get the apps
|
|
if (doc == null) {
|
|
errorstatus('Not available');
|
|
workingstatus(false);
|
|
return false;
|
|
}
|
|
|
|
var feed = car(elementsToValues(atom.readATOMFeed(mklist(doc))));
|
|
var aentries = assoc("'entry", feed);
|
|
var entries = isNull(aentries)? mklist() : isList(car(cadr(aentries)))? cadr(aentries) : mklist(cdr(aentries));
|
|
|
|
var defappimg = ui.b64png(appcache.get('/public/app.b64'));
|
|
|
|
var apps = '<div>';
|
|
var icons = mklist();
|
|
|
|
(function displayentries(entries) {
|
|
if (isNull(entries))
|
|
return apps;
|
|
var entry = car(entries);
|
|
var title = cadr(assoc("'title", entry))
|
|
var name = cadr(assoc("'id", entry));
|
|
var author = cadr(assoc("'author", entry));
|
|
var updated = xmldatetime(cadr(assoc("'updated", entry))).toLocaleDateString();
|
|
|
|
var aratings = assoc("'info", assoc("'content", entry));
|
|
var ar = assoc("'rating", aratings);
|
|
var ar1 = assoc("'rating1", aratings);
|
|
var ar2 = assoc("'rating2", aratings);
|
|
var ar3 = assoc("'rating3", aratings);
|
|
var ar4 = assoc("'rating4", aratings);
|
|
var rating = isNull(ar)? 0 : Number(cadr(ar));
|
|
var reviews = (isNull(ar1)? 0 : Number(cadr(ar1))) + (isNull(ar2)? 0 : Number(cadr(ar2))) + (isNull(ar3)? 0 : Number(cadr(ar3))) + (isNull(ar4)? 0 : Number(cadr(ar4)));
|
|
|
|
apps += '<div class="box">'
|
|
apps += '<div class="appicon">'
|
|
apps += ui.href('appicon_' + name, '/#view=info&app=' + name, '_view', '<img id="search_app_img_' + name + '" src="' + defappimg + '" width="50" height="50"></img>');
|
|
//apps += '<br/><input type="button" class="lightbutton" value="Run" onclick="ui.navigate(\'/' + name + '/\', \'_blank\');"/>';
|
|
apps += '</div>'
|
|
apps += '<div class="appdetails">';
|
|
apps += '<span class="apptitle">' + ui.href('search_app_title_' + name, '/#view=info&app=' + name, '_view', name) + '</span>';
|
|
apps += '<br/><span>' + 'by ' + author.split('@')[0] + '</span>';
|
|
var ratingy = -20 * (4 - Math.floor(rating));
|
|
apps += '<br/><span class="ratings" style="background-position: 0px ' + ratingy + 'px;"> </span>';
|
|
apps += '<br/><span style="font-size: 10px;">' + reviews + (reviews > 1? ' ratings' : ' rating') + '</span>';
|
|
/*apps += '<br/><span>' + updated + '</span>';*/
|
|
apps += '</div>';
|
|
apps += '</div>';
|
|
|
|
icons = cons(name, icons);
|
|
|
|
return displayentries(cdr(entries));
|
|
})(entries);
|
|
|
|
apps += '</div>';
|
|
$('apps').innerHTML = apps;
|
|
|
|
ui.unmemo$('search_app_');
|
|
|
|
(function displayicons(icons) {
|
|
if (isNull(icons))
|
|
return true;
|
|
geticon(car(icons));
|
|
return displayicons(cdr(icons));
|
|
})(reverse(icons));
|
|
|
|
onlinestatus();
|
|
workingstatus(false);
|
|
}
|
|
|
|
return search.get('?q=' + query, display);
|
|
}
|
|
|
|
/**
|
|
* Handle search form submit.
|
|
*/
|
|
$('searchForm').onsubmit = function() {
|
|
if ($('searchQuery').value.trim() == '')
|
|
return false;
|
|
if (ui.isMobile())
|
|
$('searchQuery').blur();
|
|
//getapps($('searchQuery').value.trim());
|
|
ui.navigate('/#view=search&q=' + $('searchQuery').value.trim(), '_view');
|
|
return false;
|
|
};
|
|
|
|
if(query && query != '') {
|
|
$('searchQuery').value = query;
|
|
getapps(query);
|
|
}
|
|
|
|
})();
|
|
</script>
|
|
|
|
</div>
|