Congrats for your first commit ! :-)
On Tue, Nov 23, 2010 at 23:37, <anierbeck@apache.org> wrote:
> Author: anierbeck
> Date: Tue Nov 23 22:37:55 2010
> New Revision: 1038366
>
> URL: http://svn.apache.org/viewvc?rev=1038366&view=rev
> Log:
> [KARAF-289] The look and feel of the admin web console should match the other webconsole
plugins, and use one CSS for rendering.
>
> Modified:
> karaf/trunk/webconsole/admin/src/main/resources/res/ui/admin.js
>
> Modified: karaf/trunk/webconsole/admin/src/main/resources/res/ui/admin.js
> URL: http://svn.apache.org/viewvc/karaf/trunk/webconsole/admin/src/main/resources/res/ui/admin.js?rev=1038366&r1=1038365&r2=1038366&view=diff
> ==============================================================================
> --- karaf/trunk/webconsole/admin/src/main/resources/res/ui/admin.js (original)
> +++ karaf/trunk/webconsole/admin/src/main/resources/res/ui/admin.js Tue Nov 23 22:37:55
2010
> @@ -24,20 +24,20 @@ function renderAdmin( data ) {
>
> function renderView() {
> renderStatusLine();
> - var txt = "<form method='post'><div class='table'><table id='create_instance_table'
class='tablelayout'><tbody>" +
> + var txt = "<form method='post'><div class='ui-widget-header ui-corner-top
buttonGroup'><table id='create_instance_table' class='nicetable ui-widget'><thead>"
+
> "<tr><input type='hidden' name='action' value='create'/>" +
> - "<td>Name: <input id='name' type='text' name='name' style='width:70%'
colspan='2'/></td>" +
> - "<td>SSH Port: <input id='sshPort' type='text' name='sshPort' style='width:70%'
colspan='2'/></td>" +
> - "<td>RMI Port: <input id='rmiPort' type='text' name='rmiPort' style='width:70%'
colspan='2'/></td>" +
> - "<td>Location: <input id='location' type='text' name='location' style='width:70%'
colspan='2'/></td>" +
> - "<td>JavaOpts: <input id='javaopts' type='text' name='javaopts' style='width:70%'
colspan='2'/></td>" +
> - "<td />" +
> - "</tr><tr><td>Features: <input id='features' type='text'
name='features' style='width:70%' colspan='2'" +
> - " title='Specify initial features separated by commas.'/></td>" +
> - "<td colspan='2'>Feature URLs: <input id='featureURLs' type='text' name='featureURLs'
style='width:80%' colspan='2'" +
> - " title='Specify additional feature URLs separate by commas.'/></td>"
+
> - "<td class='col_Actions'><input type='button' value='Create' onclick='createInstance()'/></td>"
+
> - "</tr></tbody></table></div></form><br/>";
> + "<th>Name: <input id='name' type='text' name='name' style='width:70%'
colspan='2'/></th>" +
> + "<th>SSH Port: <input id='sshPort' type='text' name='sshPort' style='width:70%'
colspan='2'/></th>" +
> + "<th>RMI Port: <input id='rmiPort' type='text' name='rmiPort' style='width:70%'
colspan='2'/></th>" +
> + "<th>Location: <input id='location' type='text' name='location' style='width:70%'
colspan='2'/></th>" +
> + "<th>JavaOpts: <input id='javaopts' type='text' name='javaopts' style='width:70%'
colspan='2'/></th>" +
> + "<th />" +
> + "</tr><tr><th>Features: <input id='features' type='text'
name='features' style='width:70%' colspan='2'" +
> + " title='Specify initial features separated by commas.'/></th>" +
> + "<th colspan='2'>Feature URLs: <input id='featureURLs' type='text' name='featureURLs'
style='width:80%' colspan='2'" +
> + " title='Specify additional feature URLs separate by commas.'/></th>"
+
> + "<th class='col_Actions'><input type='button' value='Create' onclick='createInstance()'/></th>"
+
> + "</tr></thead></table></div></form>";
> $("#plugin_content").append( txt );
> renderTable( "Karaf Instances", "instances_table", ["Pid", "Name", "SSH Port",
"RMI Port", "State", "JavaOpts", "Location", "Actions"] );
> renderStatusLine();
> @@ -54,9 +54,9 @@ function createInstance() {
> postCreateInstance( name, sshPort, rmiPort, location, javaopts, features, featureURLs
);
> }
>
> -function postCreateInstance( /* String */ name, /* String */ sshPort, /* String */ rmiPort,
/* String */ location,
> +function postCreateInstance( /* String */ name, /* String */ sshPort, /* String */ rmiPort,
/* String */ location,
> /* String */ javaopts, /* String */ features, /* String */ featureURLs
) {
> - $.post( pluginRoot, {"action": "create", "name": name, "sshPort": sshPort, "rmiPort":
rmiPort, location": location,
> + $.post( pluginRoot, {"action": "create", "name": name, "sshPort": sshPort, "rmiPort":
rmiPort, "location": location,
> "javaopts": javaopts, "features": features,
"featureURLs": featureURLs }, function( data ) {
> renderData( data );
> }, "json" );
> @@ -67,14 +67,14 @@ function renderStatusLine() {
> }
>
> function renderTable( /* String */ title, /* String */ id, /* array of Strings */ columns
) {
> - var txt = "<div class='table'><table class='tablelayout'><tbody><tr>"
+
> - "<td style='color:#6181A9;background-color:#e6eeee'>" +
> - title + "</td></tr></tbody></table>" +
> - "<table id='" + id + "' class='tablelayout'><thead><tr>";
> + var txt = "<table class='ui-widget-header nicetable noauto ui-widget'><thead><tr>"
+
> + "<th>" +
> + title + "</th></tr></thead></table>" +
> + "<table id='" + id + "' class='tablesorter nicetable noauto ui-widget'><thead><tr>";
> for ( var name in columns ) {
> - txt = txt + "<th class='col_" + columns[name] + "' style='border-top:#e6eeee'>"
+ columns[name] + "</th>";
> + txt = txt + "<th class='col_" + columns[name] + " ui-widget-header header'
>" + columns[name] + "</th>";
> }
> - txt = txt + "</tr></thead><tbody></tbody></table></div>";
> + txt = txt + "</tr></thead><tbody></tbody></table>";
> $("#plugin_content").append( txt );
> }
>
>
>
>
--
Cheers,
Guillaume Nodet
------------------------
Blog: http://gnodet.blogspot.com/
------------------------
Open Source SOA
http://fusesource.com
|