transform

transform.js

spread(value) {
  return (Math.random() - 0.5) * value * 2
},
transformGeneratePersonObjects(){
    // we could do something much smarter with object layout, but let's keep it simple
    const { x, y } = this.baseObject.position;

    // iterate over our Shareholders array
  this.shareholders.forEach(shareholder => {
    const position = {
      x: x + this.spread(500),
      y: y + this.spread(500)
    }

    const { sourceName, totalShareholding, totalShareholdingPercentage } = shareholder;
    const content = `${sourceName} holds ${totalShareholding} shares, equating to ${totalShareholdingPercentage}% of the available shares.`;

    // this is the magic
    const objectPromise = this.$store.dispatch('object/create', {
      type: "AnalysisTools_PersonObject",
      position,
      info: {
        title: sourceName,
          settings: {
              title: sourceName,
              notesLines: [{
                id: this.guid(),
                type: "Text",
                content
              }]
          }
        }
      })
      
    objectPromise.then(createdObject => {
      console.log('Created object: ' + createdObject.id);
      this.$store.dispatch("connection/create", {
        from: this.baseObject.id,
        to: createdObject.id
      });
    })
  })
}