res.ui.features.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of org.apache.karaf.webconsole.features Show documentation
This bundle provides Karaf features plugin for the Web Console.
There is a newer version: 4.4.6
Show newest version
/*
 * 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.
 */

function renderFeatures( data ) {
    $(document).ready( function() {
        renderView();
        renderData( data );
    } );
}

function renderView() {
    renderStatusLine();
    renderTable( "Feature Repositories", "repository_table", ["Name", "URL", "Actions"] );
    var txt = "" +
        "" +
        "" +
        "" +
        " 

";
    $("#plugin_content").append( txt );
    renderTable( "Features", "feature_table", ["Name", "Version", "Repository", "Status", "Actions"] );
    renderStatusLine();
}

function addRepositoryUrl() {
    var url = document.getElementById( "url" ).value;
    changeRepositoryState( "addRepository", url );
}

function renderStatusLine() {
    $("#plugin_content").append( "" );
}

function renderTable( /* String */ title, /* String */ id, /* array of Strings */ columns ) {
    var txt = "" +
        "" +
        title + "" +
        "";
    for ( var name in columns ) {
      txt = txt + "";
    }
    txt = txt + "" + columns[name] + "
";
    $("#plugin_content").append( txt );
}

function renderData( /* Object */ data ) {
    renderStatusData( data.status );
    renderRepositoryTableData( data.repositories );
    renderFeatureTableData( data.features );
    $("#repository_table").tablesorter( {
        headers: {
            2: { sorter: false }
        },
        sortList: [[0,0]],
    } );
    $("#feature_table").tablesorter( {
        headers: {
           4: { sorter: false }
        },
        sortList: [[0,0]],
    } );
}

function renderStatusData( /* String */ status )  {
    $(".statusline").empty().append( status );
}

function renderRepositoryTableData( /* array of Objects */ repositories ) {
    var trElement;
    var input;
    var needsLegend = false;
    $("#repository_table > tbody > tr").remove();
    for ( var idx in repositories ) {
        var name = repositories[idx].name;
        trElement = tr( null, { id: "repository-" + name } );
        renderRepositoryData( trElement, repositories[idx] );
        $("#repository_table > tbody").append( trElement );
        if ( name[ name.length - 1 ] == "*" ) {
            needsLegend = true;
        }
    }
    $("#repository_table").trigger( "update" );
    if ( needsLegend ) {
        trElement = tr( null, null ) ;
        trElement.appendChild( td( null, { colspan: 3 },
                                   [ text( "* Installed via deploy directory" ) ] ) );
        $("#repository_table_footer > tbody").prepend( trElement );
    }
    $("#repository_table_footer").trigger( "update" );
}

function renderRepositoryData( /* Element */ parent, /* Object */ repository ) {
    parent.appendChild( td( null, null, [ text( repository.name ) ] ) );
    parent.appendChild( td( null, null, [ text( repository.url ) ] ) );

    var actionsTd = td( null, null );
    var div = createElement( "div", null, {
      style: { "text-align": "left"}
    } );
    actionsTd.appendChild( div );
    
    for ( var a in repository.actions ) {
      repositoryButton( div, repository.url, repository.actions[a] );
    }
    parent.appendChild( actionsTd );
}

function repositoryButton( /* Element */ parent, /* String */ url, /* Obj */ action ) {
    if ( !action.enabled ) {
        return;
    }
  
    var input = createElement( "input", null, {
        type: 'image',
        style: {"margin-left": "10px"},
        title: action.title,
        alt: action.title,
        src: imgRoot + '/bundle_' + action.image + '.png'
    } );
    $(input).click( function() {changeRepositoryState( action.op, url )} );

    if ( !action.enabled ) {
        $(input).attr( "disabled", true );
    }
    parent.appendChild( input );
}

function changeRepositoryState( /* String */ action, /* String */ url ) {
    $.post( pluginRoot, {"action": action, "url": url}, function( data ) {
        renderData( data );
    }, "json" ); 
}

function renderFeatureTableData( /* array of Objects */ features ) {
    $("#feature_table > tbody > tr").remove();
    for ( var idx in features ) {
        var trElement = tr( null, { id: "feature-" + features[idx].id } );
        renderFeatureData( trElement, features[idx] );
        $("#feature_table > tbody").append( trElement ); 
    }
    $("#feature_table").trigger( "update" );
}

function renderFeatureData( /* Element */ parent, /* Object */ feature ) {
    parent.appendChild( td( null, null, [ text( feature.name ) ] ) );
    parent.appendChild( td( null, null, [ text( feature.version ) ] ) );
    parent.appendChild( td( null, null, [ text( feature.repository ) ] ) );
    parent.appendChild( td( null, null, [ text( feature.state ) ] ) );
    var actionsTd = td( null, null );
    var div = createElement( "div", null, {
        style: { "text-align": "left"}
    } );
    actionsTd.appendChild( div );
    
    for ( var a in feature.actions ) {
        featureButton( div, feature.name, feature.version, feature.actions[a] );
    }
    parent.appendChild( actionsTd );
}

function featureButton( /* Element */ parent, /* String */ name, /* String */ version, /* Obj */ action ) {
    if ( !action.enabled ) {
        return;
    }
  
    var input = createElement( "input", null, {
        type: 'image',
        style: {"margin-left": "10px"},
        title: action.title,
        alt: action.title,
        src: imgRoot + '/bundle_' + action.image + '.png'
    } );
    $(input).click( function() {changeFeatureState( action.op, name, version )} );

    if ( !action.enabled ) {
        $(input).attr( "disabled", true );
    }
    parent.appendChild( input );
}

function changeFeatureState( /* String */ action, /* String */ feature, /* String */ version ) {
    $.post( pluginRoot, {"action": action, "feature": feature, "version": version}, function( data ) {
        renderData( data );
    }, "json" ); 
}