git-svn-id: http://svn.us.apache.org/repos/asf/tuscany@1194948 13f79535-47bb-0310-9956-ffa450edef68
174 lines
5.4 KiB
HTML
174 lines
5.4 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="bodydiv">
|
|
|
|
<table style="width: 100%;">
|
|
<tr>
|
|
<td><h2><span id="h1"></span><span id="appNameHeader"></span></h2></td>
|
|
<td style="vertical-align: middle; text-align: right;"><span id="status" style="font-weight: bold; color: #808080;"></span></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table style="width: 100%;">
|
|
<tr>
|
|
<th class="thl thr" style="padding-top: 4px; padding-bottom: 4px; padding-left: 2px; padding-right: 2px; ">Stats</th>
|
|
|
|
<th class="thl thr" style="width: 100%; text-align: right; padding-right: 2px; padding-top: 0px; padding-bottom: 0px;">
|
|
<input type="button" class="graybutton" style="font-weight: bold; margin-top: 0px; margin-bottom: 0px; height: 24px;" id="cloneApp" value="Clone" title="Clone this app"/>
|
|
</th>
|
|
</tr>
|
|
</table>
|
|
|
|
<form id="appForm">
|
|
<table style="width: 100%;">
|
|
<tr><tr><td><b>App Icon:</b></td></tr>
|
|
<tr><td><img id="appimg" style="width: 50px; height: 50px; vertical-align: top;"></td></tr>
|
|
<tr><tr><td style="padding-top: 6px;"><b>Sharing:</b></td></tr>
|
|
<tr><td><input type="checkbox" value="shared"/><span>Shared</span></td></tr>
|
|
<tr><tr><td style="padding-top: 6px;"><b>App Title:</b></td></tr>
|
|
<tr><td><input type="text" id="appTitle" size="30" placeholder="Enter the title of your app" style="width: 300px;"/></td></tr>
|
|
<tr><tr><td style="padding-top: 6px;"><b>Updated:</b></td></tr>
|
|
<tr><td><span id="appUpdated"></span></td></tr>
|
|
<tr><tr><td style="padding-top: 6px;"><b>Description:</b></td></tr>
|
|
<tr><td><textarea id="appDescription" cols="40" rows="3" placeholder="Enter a short description of your app" style="width: 300px;"></textarea></td></tr>
|
|
</table>
|
|
</form>
|
|
|
|
<script type="text/javascript">
|
|
|
|
// Get the app name
|
|
var appname = ui.fragmentParams(location)['app'];
|
|
|
|
/**
|
|
* Return the link to an app.
|
|
*/
|
|
function applink(appname) {
|
|
var protocol = location.protocol;
|
|
var host = location.hostname;
|
|
var port = ':' + location.port;
|
|
if (port == ':80' || port == ':443' || port == ':')
|
|
port = '';
|
|
var link = protocol + '//' + appname + '.' + host + port + '/';
|
|
return link;
|
|
}
|
|
|
|
// Set page titles
|
|
document.title = ui.windowtitle(location.hostname) + ' - Stats - ' + appname;
|
|
$('appNameHeader').innerHTML = '<a href=\"' + applink(appname) + '\" target=\"' + '_blank' + '\">' + appname + '</a>';
|
|
var tclone = isNil(config.clone)? 'Clone' : config.clone;
|
|
$('cloneApp').value = tclone;
|
|
$('cloneApp').title = tclone + ' this app';
|
|
|
|
// Set images
|
|
$('appimg').src = ui.b64img(appcache.get('/public/app.b64'));
|
|
|
|
// Init service references
|
|
var editWidget = sca.component("EditWidget");
|
|
var dashboards = sca.reference(editWidget, "dashboards");
|
|
var apps = sca.reference(editWidget, "apps");
|
|
|
|
/**
|
|
* The current app entry and corresponding saved XML content.
|
|
*/
|
|
var appentry;
|
|
var savedappentryxml = '';
|
|
|
|
/**
|
|
* Get and display an app.
|
|
*/
|
|
function getapp(name) {
|
|
if (isNil(name))
|
|
return false;
|
|
showStatus('Loading');
|
|
|
|
return apps.get(name, function(doc) {
|
|
|
|
// Stop now if we didn't get the app
|
|
if (doc == null) {
|
|
showStatus('No data');
|
|
return false;
|
|
}
|
|
showStatus(defaultStatus());
|
|
|
|
appentry = doc != null? car(elementsToValues(atom.readATOMEntry(mklist(doc)))) : mklist("'entry", mklist("'title", ''), mklist("'id", name));
|
|
var title = cadr(assoc("'title", cdr(appentry)));
|
|
$('appTitle').value = title;
|
|
$('appUpdated').innerHTML = 'Apr 24, 2011'
|
|
$('appDescription').innerHTML = '';
|
|
savedappentryxml = car(atom.writeATOMEntry(valuesToElements(mklist(appentry))));
|
|
return true;
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Save the current app.
|
|
*/
|
|
function save(entryxml) {
|
|
showStatus('Saving');
|
|
savedappentryxml = entryxml;
|
|
dashboards.put(appname, savedappentryxml, function(e) {
|
|
if (e) {
|
|
showStatus('Local copy');
|
|
return false;
|
|
}
|
|
|
|
showStatus('Saved');
|
|
return false;
|
|
});
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* Handle a change event
|
|
*/
|
|
function onappchange() {
|
|
var title = $('appTitle').value;
|
|
var appentry = mklist("'entry", mklist("'title", title != ''? title : appname), mklist("'id", appname));
|
|
var entryxml = car(atom.writeATOMEntry(valuesToElements(mklist(appentry))));
|
|
if (savedappentryxml == entryxml)
|
|
return false;
|
|
showStatus('Modified');
|
|
return save(entryxml);
|
|
}
|
|
|
|
$('appTitle').onchange = onappchange;
|
|
$('appDescription').onchange = onappchange;
|
|
|
|
/**
|
|
* Handle a form submit event.
|
|
*/
|
|
$('appForm').onsubmit = function() {
|
|
onappchange();
|
|
return false;
|
|
};
|
|
|
|
/**
|
|
* Handle Clone button event.
|
|
*/
|
|
$('cloneApp').onclick = function() {
|
|
return ui.navigate('/#view=clone&app=' + appname, '_view');
|
|
}
|
|
|
|
// Get the current app
|
|
getapp(appname);
|
|
|
|
</script>
|
|
|
|
</div>
|