Subversion Repositories DevTools

<%@LANGUAGE="VBSCRIPT"%>

<%

'   sdk_versions.asp

'   This file is designed to be injected (loaded) into a 'div' on a window

'

'   Display the SDK Versions available for the specified SDK

'   Allow selection of an SDK Version

'       - To be edited

'       - Allow filering of SDK Versions

'       - Allow state change of versions

'       - Allow creation of new versions

'   

%>

<script>

//# sourceURL=sdk_versions.asp

//  Configure the Summary Table

var table;

table = $('#sdk_versions').DataTable({

        deferRender: true,

        dom: "rtiS",

        sScrollY: $( document ).height() - 300,

        scrollCollapse: true,

        processing: true,

        retrieve:true,

        serverSide: true,

        ajax : {

            url : "sdk_versions_json.asp",

            data : function (o){

                o.sdk_id = <%=Request("sdk_id")%>;

            },

        },

        ordering: true,

         order: [[ 1, "asc" ]],

         columns: [

            { data: "SDKTAG_ID", visible : false },

            { data: "SDKTAG_NAME", width: "20%"  },

            { data: "DESCRIPTION" },

            { data: "CREATED_STAMP_TXT" },

            { data: "CREATOR_NAME" },

            { data: "SDK_STATE", width: "5%"},

            { data: "SDK_EDIT", orderable: false },

            { data: "SDK_MODIFY", orderable: false },

        ],

        });

//  Process each row of table data before it is presented to the table scroller

//  Process the raw Ajax data

//      Add 'Edit' box

//      Decode State

$('#sdk_versions').on('xhr.dt', function ( e, settings, json ) {

        json.aaData.forEach(function(row){

            row.SDK_EDIT   = "<button class='rmbutton editSdk' data-sdktag_id='" + row.SDKTAG_ID + "' title='Edit Version Name and Description'>Edit</button>";

            row.SDK_MODIFY = "<button class='rmbutton modifySdk' data-sdktag_id='" + row.SDKTAG_ID + "' title='Modify content of the SDK'>Modify</button>";

            switch (row.SDK_STATE)

            {

            case 'U' : row.SDK_STATE = 'WIP'; break; 

            case 'R' : row.SDK_STATE = 'Released'; break; 

            case 'D' : row.SDK_STATE = 'Deprecated'; break; 

            default  : row.SDK_STATE = 'Unknown'; break; 

            }

        });

    } );

// Highlight selected row

$('#sdk_versions tbody').on( 'click', 'tr', function () {

    if ( $(this).hasClass('selected') ) {

        $(this).removeClass('selected');

    }

    else {

        table.$('tr.selected').removeClass('selected');

        $(this).addClass('selected');

    }

} );

// Edit Button

$('#sdk_versions tbody').on( 'click', '.editSdk', function (e) {

     var sdktag_id = $(this).data().sdktag_id;

     $('#popmenu').load('sdk_version_edit.asp', {sdktag_id : sdktag_id});

} );

// Modify Button

$('#sdk_versions tbody').on( 'click', '.modifySdk', function (e) {

     var sdktag_id = $(this).data().sdktag_id;

     $("#sdk_versions").trigger('newPageBody', {url: 'sdk_details.asp', data : {sdktag_id : sdktag_id}});

} );

//  Double click in row - Select the SDK Version for display/edit

$('#sdk_versions tbody').on( 'dblclick', 'tr', function () {

    $("#sdk_versions").trigger('newPageBody', {url: 'sdk_details.asp', data : {sdktag_id : table.row(this).data().SDKTAG_ID}});

} );

//  Wire up the 'Add' button

//  This will pop up a dialog loaded from an external file

//

$( '#addSdkVersion' ).click(function() {

    $('#popmenu').load('sdk_version_add.asp', {sdk_id : <%=Request("sdk_id")%>});

    });

//  Listen for any trigger to force the table to be refreshed

$('#sdk_versions').on("sdkVersionAdded", function(){

    table.ajax.reload();

    });

</script>

<div>

<p> Header tool bar

</div>

<div class="rounded_box">

    <table id=sdk_versions class="full_table" >

        <thead>

        <tr class="body_col form_align">

          <th width="1%"> SDK&nbsp;ID

          <th width="10%"> Version

          <th> Description

          <th> Created

          <th> By

          <th width="1%"> State

          <th width="1%"> Edit

          <th width="1%"> Mod

        </thead>

    </table>

    <div class=bg_dialog>&nbsp;

        <span id="addSdkVersion" title="Add New SDK Version" style="float:left;">

            <img src="icons/btn_add.gif" width="13" height="13" align="absmiddle" border="0" hspace="3" >

            <a class=abtnItem>New</a>

        </span>

    </div>

</div>