Coral talk does not load in my webpage

[hminaeeBrunswicknews]

Hello,

Hope all is well. In our company we are trying to add talk commenting to our website. After installation here is the snippet we got from configuration to add in our webpage:

Use this one instead. It uses docker

So far so good however what we need is more than this. We are using reactjs single page application and we need to have more than one talk stream in our page lets say in each page we have 20 news and consequently we need 20 commnets template for each. To be able to achieve that I copied the code provided here by talk:

http://ec2-34-227-57-44.compute-1.amazonaws.com:3000/static/embed.js

in our code base repository and then I initialized it as follow

`import {Coral} from '../../../tj-common-widget/Coral';

export class Test extends React.Component {

constructor(props) {
    super();
}

componentDidMount() {
   this.coralTest();

}

coralTest=()=>{

    Coral.Talk.render(document.getElementById('coral_talk_stream'), { //Later on we are planning to change it to getElementByClass to fit more than 1 talk            talk: 'http://ec2-34-227-57-44.compute-1.amazonaws.com:3000/'
    });

}

render() {

    return (
              <div id="coral_talk_stream"></div>
    )
}

}

export default test;`

When I run the above code nothing will happen. Is it possible to help me why does it not work? Also is it possible to have multiple talks in one page(example:20 stories 20 talk in a single page)?

Thanks a lot

[kgardnr]

Hi there! Glad to hear you’re using talk! Would you mind reposting this in the talk repo issues, please, and our team will review and respond. On Fri, Jun 8, 2018 at 11:47 PM hminaeeBrunswicknews < notifications@github.com> wrote:

Hello,

Hope all is well. In our company we are trying to add talk commenting to our website. After installation here is the snippet we got from configuration to add in our webpage:

Use this one instead. It uses docker <script src=" http://ec2-34-227-57-44.compute-1.amazonaws.com:3000/static/embed.js" async onload=" Coral.Talk.render(document.getElementById('coral_talk_stream'), { talk: ' http://ec2-34-227-57-44.compute-1.amazonaws.com:3000/' }); ">

So far so good however what we need is more than this. We are using reactjs single page application and we need to have more than one talk stream in our page lets say in each page we have 20 news and consequently we need 20 commnets template for each. To be able to achieve that I copied the code provided here by talk:

http://ec2-34-227-57-44.compute-1.amazonaws.com:3000/static/embed.js

in our code base repository and then I initialized it as follow

`import {Coral} from '../../../tj-common-widget/Coral';

export class Test extends React.Component {

constructor(props) { super(); }

componentDidMount() { this.coralTest();

}

coralTest=()=>{

Coral.Talk.render(document.getElementById('coral_talk_stream'), { //Later on we are planning to change it to getElementByClass to fit more than 1 talk            talk: 'http://ec2-34-227-57-44.compute-1.amazonaws.com:3000/'
});

}

render() {

return (
          <div id="coral_talk_stream"></div>
)

}

}

export default test;`

When I run the above code nothing will happen. Is it possible to help me why does it not work? Also is it possible to have multiple talks in one page(example:20 stories 20 talk in a single page)?

Thanks a lot

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/coralproject/ask-docs/issues/117, or mute the thread https://github.com/notifications/unsubscribe-auth/ABBwNIm02SbijrwvMv2s9J6LvmUt7VSLks5t6v8MgaJpZM4UhC0w .

[hminaeeBrunswicknews]

Here you are: https://github.com/coralproject/talk/issues/1684

Thanks