0

Rally で TagCloud を表示するためのコードを GitHub ( https://github.com/RallyCommunity/TagCloud ) で見つけました。概念的には素晴らしいように見えますが、うまく動作させることができないようで、Rally JavaScript の専門家でざっと見てみることができる人がいるかどうか疑問に思いました。

Analytics の URL が (ドキュメントによると) 正しくなく、API が減価償却バージョンにハードコードされていたため、わずかに変更したため、それらを更新しました。

私は JavaScript の専門家ではありません。これを実行すると、ストーリーに対するタグが見つかりません。

これを Chrome デバッグ モードで実行すると、URL を取得してブラウザで実行できますが、タグも返されません。Analytics からの完全な結果応答が返されますが、タグがなく、選択したプロジェクトのストーリーに対するタグがあることがわかります。

誰からのアイデアはありますか？

<!DOCTYPE html>
<html>
<head>
<title>TagCloud</title>

<script type="text/javascript" src="/apps/2.0p/sdk.js"></script>
<script type="text/javascript">
Rally.onReady(function() {
   Ext.define('CustomApp', {
       extend: 'Rally.app.App',
       componentCls: 'app',
       layout: 'border',
       items: [
    {
        title: 'Tag Cloud',
        xtype: 'panel',
        itemId: 'cloud',
        region: 'west',
        width: '30%',
        collapsible: true,
        bodyStyle: 'padding:15px',
        listeners: { 'afterRender': function(el) { setTimeout(function() { el.setLoading(); }, 500);}} // needs a little delay
    },
    {
        title: '<<< Select a tag from the Tag Cloud',
        xtype: 'panel',
        itemId: 'grid',
        region: 'center',
        width: '70%',
        collapsible: false
    }
       ],

       tagMap : [],
       maxFont : 24, // largest desired font size
       minFont : 8,  // and smallest

       _renderTag : function renderHandler(tagLabel) {
    tagLabel.getEl().on('click',this._tagSelected, this);
       },

       // does the actual building of the cloud from 'tagMap'
       _buildCloud: function(app, response) {

        //title: '<<< Select a tag from the Tag Cloud - Building',
        var i, tag;
    for (i=0;i<response.Results.length;i++) {
        tag = response.Results[i];

        if(typeof app.tagMap[tag.ObjectID] !== "undefined") {
        app.tagMap[tag.ObjectID].Name = tag._refObjectName;
        }
    }
    if(response.StartIndex+response.PageSize < response.TotalResultCount) {
        app._queryForTagNames(response.StartIndex+response.PageSize, app, app._buildCloud);
    } else {
        if(app.tagMap.length === 0) {
        tag = new Ext.form.Label({
            id: 'tagNone',
            text: '  No tagged Stories found  '
            });
            app.down('#cloud').add(tag);
        } else {
        var minFrequency = Number.MAX_VALUE;
        var maxFrequency = Number.MIN_VALUE;
        var tuples = [];
        for (var x in app.tagMap) {
            if (app.tagMap.hasOwnProperty(x)) {
            tuples.push([x, app.tagMap[x]]);
            if(app.tagMap[x].count > maxFrequency) {
                maxFrequency = app.tagMap[x].count;
            }
            if(app.tagMap[x].count < minFrequency) {
                minFrequency = app.tagMap[x].count;
            }
            }
        }

        tuples.sort(function(a,b) { a = a[1]; b = b[1]; return a.Name > b.Name ? 1 : a.Name < b.Name ? -1 : 0 ;});

        for (i = 0; i < tuples.length; i++) {
            var ftsize = ((tuples[i][1].count-minFrequency)*(app.maxFont-app.minFont) / (maxFrequency-minFrequency)) + app.minFont;
            tag = new Ext.form.Label({
            id: 'tag'+tuples[i][0],
            text: '  ' + tuples[i][1].Name + '  ',
            overCls: 'link',
            style:"font-size: "+ftsize+"pt;",
            listeners: { scope: app, render: app._renderTag }
            });
            app.down('#cloud').add(tag);
        }
        }
        app.getComponent('cloud').setLoading(false);
    }
       },

       // collects the _queryForTags responses and calls _queryForTagNames when it has them all
       _buildTagMap: function(app, response)  {
    for (var i=0;i<response.Results.length;i++) {
        var ent = response.Results[i];
        for (var j=0; j < ent.Tags.length; j++) {
        var tag = ent.Tags[j];
        var mapent = app.tagMap[tag];
        if(typeof mapent === "undefined") {
            mapent = { count: 1 };
        } else {
            mapent.count++;
        }
        app.tagMap[tag] = mapent;
        }
    }
    if(response.StartIndex+response.PageSize < response.TotalResultCount) {
        app._queryForTags(response.StartIndex+response.PageSize, app, app._buildTagMap);
    } else {
        app._queryForTagNames(0, app, app._buildCloud);
    }
       },

       // get a list of the tags from the Lookback API, iterating if necessary (see _buildTagMap)
       _queryForTags: function(start, app, callback) {
    var params = {
        find: "{'Tags':{'$exists':true}, '__At':'current', '_Type':'HierarchicalRequirement', '_ProjectHierarchy':"+ this.getContext().getProject().ObjectID +" }",
        fields: "['Tags']",
        pagesize: 20000,
        start: start
    };
    Ext.Ajax.request({
        url: 'https://rally1.rallydev.com/analytics/v2.0/service/rally/workspace/'+ this.context.getWorkspace().ObjectID + '/artifact/snapshot/query.js',
        method: 'GET',
        params: params,
        withCredentials: true,
        success: function(response){
        var text = response.responseText;
        var json = Ext.JSON.decode(text);
        callback(app, json);
        }
    });
       },

       // once all the tags have been collected, get a list of the tag names from the WSAPI, iterating if necessary (see _buildCloud)
       _queryForTagNames: function(start, app, callback) {
    Ext.Ajax.request({
        url: 'https://rally1.rallydev.com/slm/webservice/1.41/tag.js',
        method: 'GET',
        params: { fetch: "ObjectID", pagesize: 200, "start": start},
        withCredentials: true,
        success: function(response){
        callback(app, Ext.JSON.decode(response.responseText).QueryResult);
        }
    });
       },

       _queryForStories: function(tagOid) {
    Ext.create('Rally.data.WsapiDataStore', {
        model: 'UserStory',
        autoLoad: true,
        fetch: ['Rank', 'FormattedID', 'Name', 'ScheduleState'],
        filters: [{ 
        property:'Tags',
        operator: '=',
        value: "tag/" + tagOid
        }],
        sorters: [{
        property: 'Rank',
        direction: 'ASC'
        }],
        listeners: {
        load: this._onDataLoaded,
        scope: this
        }
    });
       },

       _tagSelected: function(app, elem) {
    this.getComponent('grid').setLoading();
    this._queryForStories(elem.id.substring(3)); // cheesy, id is "tag"+tagOid, we need the oid
    this.tagName = elem.innerText;
       },

       _onDataLoaded: function(store, data) {
    var records = [], rankIndex = 1;
    Ext.Array.each(data, function(record) {
        records.push({
        Ranking: rankIndex,
        FormattedID: record.get('FormattedID'),
        Name: record.get('Name'),
        State: record.get('ScheduleState')
        });
        rankIndex++;
    });

    var customStore = Ext.create('Rally.data.custom.Store', {
        data: records,
        pageSize: 25
    });

    if(!this.grid) {
        this.grid = this.down('#grid').add({
        xtype: 'rallygrid',
        store: customStore,
        columnCfgs: [
            { text: 'Ranking', dataIndex: 'Ranking' },
            { text: 'ID', dataIndex: 'FormattedID' },
            { text: 'Name', dataIndex: 'Name', flex: 1 },
            { text: 'State', dataIndex: 'State' }
        ]
        });
    } else {
        this.grid.reconfigure(customStore);
    }
    this.getComponent('grid').setTitle('Stories tagged: ' + this.tagName);
    this.getComponent('grid').setLoading(false);
       },

       launch: function() {
    this._queryForTags(0, this, this._buildTagMap);
       }
   });

Rally.launchApp('CustomApp', {
name: 'TagCloud'
});
 });
</script>

<style type="text/css">
  .app {

  }

  .link {
    color: #066792;
    cursor: pointer;
  } </style>
</head>
<body></body>
</html>
4

1 に答える 1

2

最新の LBAPI の変更、特に _Type と _TypeHierarchy の使用、そしてもちろん url に関して、コードは古くなっています。変化を手に取って、ぐるぐる回してください。

于 2013-03-20T19:10:12.530 に答える