Skip to content

Instantly share code, notes, and snippets.

@jlcarvalho

jlcarvalho/gist:dda247f9f2493217d7f3f4a9fc11b552

Forked from felipeands/gist:b0285df812fcf63f2199acc21970bc27
Last active February 6, 2019 20:10
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jlcarvalho/dda247f9f2493217d7f3f4a9fc11b552 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jlcarvalho/dda247f9f2493217d7f3f4a9fc11b552 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. jlcarvalho revised this gist Feb 6, 2019. 1 changed file with 37 additions and 37 deletions.
    74 changes: 37 additions & 37 deletions gistfile1.jsx
    View file
    Original file line number Diff line number Diff line change
    @@ -28,53 +28,53 @@ class Messages extends React.Component {

    render() {
    return (
    <React.Fragment>
    {this.state.messages.map((message) =>
    <div className="card" key={message.id}>
    <div className="card-block">
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Grupo da mensagem</label>
    <div className="col-sm-9">
    <select name="group[]" className="form-control">
    <div>
    <div className="card" key={message.id}>
    <div className="card-block">
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Grupo da mensagem</label>
    <div className="col-sm-9">
    <select name="group[]" className="form-control">

    {this.state.chatbot_groups.map((group) =>
    <option key={group.id} defaultValue={group.id}>{group.name}</option>
    )}
    {this.state.chatbot_groups.map((group) =>
    <option key={group.id} defaultValue={group.id}>{group.name}</option>
    )}

    </select>
    </select>
    </div>
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Mensagem</label>
    <div className="col-sm-9">
    <textarea name="message[]" className="form-control" defaultValue={message.text}></textarea>
    <small><%= "<!-line-> <!-message-> <!-slug:name->" %></small>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Mensagem</label>
    <div className="col-sm-9">
    <textarea name="message[]" className="form-control" defaultValue={message.text}></textarea>
    <small><%= "<!-line-> <!-message-> <!-slug:name->" %></small>
    </div>
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Subtítulo</label>
    <div className="col-sm-9">
    <input type="text" name="subtitle[]" className="form-control" defaultValue={message.subtitle} />
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Subtítulo</label>
    <div className="col-sm-9">
    <input type="text" name="subtitle[]" className="form-control" defaultValue={message.subtitle} />
    </div>
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Slug</label>
    <div className="col-sm-4">
    <input type="text" name="slug[]" className="form-control" defaultValue={message.slug} />
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Slug</label>
    <div className="col-sm-4">
    <input type="text" name="slug[]" className="form-control" defaultValue={message.slug} />
    </div>
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Intervalo (ms)</label>
    <div className="col-sm-2">
    <input type="text" name="delay[]" className="form-control" defaultValue={message.delay} />
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Intervalo (ms)</label>
    <div className="col-sm-2">
    <input type="text" name="delay[]" className="form-control" defaultValue={message.delay} />
    </div>
    </div>
    <div className="align-end">
    <a href="javascript:void(0)" className="btn btn-success"><i className="icofont icofont-check-circled"></i>Opções de resposta</a>
    </div>
    </div>
    <div className="align-end">
    <a href="javascript:void(0)" className="btn btn-success"><i className="icofont icofont-check-circled"></i>Opções de resposta</a>
    </div>
    <Questions />
    </div>
    <Questions />
    </React.Fragment>
    )}
    </div>
    );
  2. jlcarvalho revised this gist Feb 6, 2019. 1 changed file with 14 additions and 25 deletions.
    39 changes: 14 additions & 25 deletions gistfile1.jsx
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,13 @@
    class Questions extends React.Component {
    render() {
    return (
    <div>
    <h2>opaaaa</h2>
    </div>
    )
    }
    };

    class Messages extends React.Component {

    constructor(props) {
    @@ -18,7 +28,7 @@ class Messages extends React.Component {

    render() {
    return (
    <div>
    <React.Fragment>
    {this.state.messages.map((message) =>
    <div className="card" key={message.id}>
    <div className="card-block">
    @@ -63,33 +73,12 @@ class Messages extends React.Component {
    <a href="javascript:void(0)" className="btn btn-success"><i className="icofont icofont-check-circled"></i>Opções de resposta</a>
    </div>
    </div>
    <React.Fragment>
    <Questions />
    </React.Fragment>
    </div>
    <Questions />
    </React.Fragment>
    )}
    </div>
    );
    };
    };







    class Questions extends React.Component {
    render() {
    return (
    <div>
    <h2>opaaaa</h2>
    </div>
    )
    }
    };




    ReactDOM.render(<Messages chatbot_token="<%= @chatbot.token %>" chatbot_groups='<%= @groups.to_json.html_safe %>' />, document.getElementById('react_container'));
    ReactDOM.render(<Messages chatbot_token="<%= @chatbot.token %>" chatbot_groups='<%= @groups.to_json.html_safe %>' />, document.getElementById('react_container'));
  3. @felipeands felipeands renamed this gist Feb 6, 2019. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → gistfile1.jsx
    View file
    File renamed without changes.
  4. @felipeands felipeands revised this gist Feb 6, 2019. 1 changed file with 81 additions and 61 deletions.
    142 changes: 81 additions & 61 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -1,75 +1,95 @@
    <script type="text/babel">
    class Messages extends React.Component {
    class Messages extends React.Component {

    constructor(props) {
    super(props);
    this.state = {
    messages: [],
    chatbot_groups: []
    };
    }
    constructor(props) {
    super(props);
    this.state = {
    messages: [],
    chatbot_groups: []
    };
    }

    componentDidMount(){
    axios.post('/api/v1/chatbot/get_messages', {chatbot_token: this.props.chatbot_token}).then((res) => {
    const messages = res.data.map((message) => { return message; });
    this.setState({messages});
    this.setState({chatbot_groups: JSON.parse(this.props.chatbot_groups)});
    });
    }
    componentDidMount() {
    axios.post('/api/v1/chatbot/get_messages', {chatbot_token: this.props.chatbot_token}).then((res) => {
    const messages = res.data.map((message) => { return message; });
    this.setState({messages});
    this.setState({chatbot_groups: JSON.parse(this.props.chatbot_groups)});
    });
    }

    render(){
    return (
    <div>
    {this.state.messages.map((message) =>
    <div className="card" key={message.id}>
    <div className="card-block">
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Grupo da mensagem</label>
    <div className="col-sm-9">
    <select name="group[]" className="form-control">
    render() {
    return (
    <div>
    {this.state.messages.map((message) =>
    <div className="card" key={message.id}>
    <div className="card-block">
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Grupo da mensagem</label>
    <div className="col-sm-9">
    <select name="group[]" className="form-control">

    {this.state.chatbot_groups.map((group) =>
    <option key={group.id} defaultValue={group.id}>{group.name}</option>
    )}
    {this.state.chatbot_groups.map((group) =>
    <option key={group.id} defaultValue={group.id}>{group.name}</option>
    )}

    </select>
    </div>
    </select>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Mensagem</label>
    <div className="col-sm-9">
    <textarea name="message[]" className="form-control" defaultValue={message.text}></textarea>
    <small><%= "<!-line-> <!-message-> <!-slug:name->" %></small>
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Subtítulo</label>
    <div className="col-sm-9">
    <input type="text" name="subtitle[]" className="form-control" defaultValue={message.subtitle} />
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Mensagem</label>
    <div className="col-sm-9">
    <textarea name="message[]" className="form-control" defaultValue={message.text}></textarea>
    <small><%= "<!-line-> <!-message-> <!-slug:name->" %></small>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Slug</label>
    <div className="col-sm-4">
    <input type="text" name="slug[]" className="form-control" defaultValue={message.slug} />
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Subtítulo</label>
    <div className="col-sm-9">
    <input type="text" name="subtitle[]" className="form-control" defaultValue={message.subtitle} />
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Intervalo (ms)</label>
    <div className="col-sm-2">
    <input type="text" name="delay[]" className="form-control" defaultValue={message.delay} />
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Slug</label>
    <div className="col-sm-4">
    <input type="text" name="slug[]" className="form-control" defaultValue={message.slug} />
    </div>
    <div className="align-end">
    <a href="javascript:void(0)" className="btn btn-success"><i className="icofont icofont-check-circled"></i>Opções de resposta</a>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Intervalo (ms)</label>
    <div className="col-sm-2">
    <input type="text" name="delay[]" className="form-control" defaultValue={message.delay} />
    </div>
    </div>
    <div className="align-end">
    <a href="javascript:void(0)" className="btn btn-success"><i className="icofont icofont-check-circled"></i>Opções de resposta</a>
    </div>
    </div>
    )}
    </div>
    );
    }
    <React.Fragment>
    <Questions />
    </React.Fragment>
    </div>
    )}
    </div>
    );
    };
    };







    class Questions extends React.Component {
    render() {
    return (
    <div>
    <h2>opaaaa</h2>
    </div>
    )
    }
    };




    ReactDOM.render(<Messages chatbot_token="<%= @chatbot.token %>" chatbot_groups='<%= @groups.to_json.html_safe %>' />, document.getElementById('react_container'));
    </script>
    ReactDOM.render(<Messages chatbot_token="<%= @chatbot.token %>" chatbot_groups='<%= @groups.to_json.html_safe %>' />, document.getElementById('react_container'));
  5. @felipeands felipeands revised this gist Feb 6, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -39,7 +39,7 @@
    <label className="col-sm-3 col-form-label">Mensagem</label>
    <div className="col-sm-9">
    <textarea name="message[]" className="form-control" defaultValue={message.text}></textarea>
    <small>&lt;!-line-&gt; &lt;!-message-&gt; &lt;!-slug:name-&gt;</small>
    <small><%= "<!-line-> <!-message-> <!-slug:name->" %></small>
    </div>
    </div>
    <div className="form-group row">
  6. @felipeands felipeands revised this gist Feb 6, 2019. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -14,7 +14,6 @@
    const messages = res.data.map((message) => { return message; });
    this.setState({messages});
    this.setState({chatbot_groups: JSON.parse(this.props.chatbot_groups)});
    console.log( this.state.chatbot_groups );
    });
    }

  7. @felipeands felipeands revised this gist Feb 6, 2019. 1 changed file with 37 additions and 37 deletions.
    74 changes: 37 additions & 37 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -21,52 +21,52 @@
    render(){
    return (
    <div>
    {this.state.messages.map((message) =>
    <div className="card" key={message.id}>
    <div className="card-block">
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Grupo da mensagem</label>
    <div className="col-sm-9">
    <select name="group[]" className="form-control">
    {this.state.messages.map((message) =>
    <div className="card" key={message.id}>
    <div className="card-block">
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Grupo da mensagem</label>
    <div className="col-sm-9">
    <select name="group[]" className="form-control">

    {this.state.chatbot_groups.map((group) =>
    <option key={group.id} defaultValue={group.id}>{group.name}</option>
    )}
    {this.state.chatbot_groups.map((group) =>
    <option key={group.id} defaultValue={group.id}>{group.name}</option>
    )}

    </select>
    </div>
    </select>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Mensagem</label>
    <div className="col-sm-9">
    <textarea name="message[]" className="form-control" defaultValue={message.text}></textarea>
    <small>&lt;!-line-&gt; &lt;!-message-&gt; &lt;!-slug:name-&gt;</small>
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Subtítulo</label>
    <div className="col-sm-9">
    <input type="text" name="subtitle[]" className="form-control" defaultValue={message.subtitle} />
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Mensagem</label>
    <div className="col-sm-9">
    <textarea name="message[]" className="form-control" defaultValue={message.text}></textarea>
    <small>&lt;!-line-&gt; &lt;!-message-&gt; &lt;!-slug:name-&gt;</small>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Slug</label>
    <div className="col-sm-4">
    <input type="text" name="slug[]" className="form-control" defaultValue={message.slug} />
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Subtítulo</label>
    <div className="col-sm-9">
    <input type="text" name="subtitle[]" className="form-control" defaultValue={message.subtitle} />
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Intervalo (ms)</label>
    <div className="col-sm-2">
    <input type="text" name="delay[]" className="form-control" defaultValue={message.delay} />
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Slug</label>
    <div className="col-sm-4">
    <input type="text" name="slug[]" className="form-control" defaultValue={message.slug} />
    </div>
    <div className="align-end">
    <a href="javascript:void(0)" className="btn btn-success"><i className="icofont icofont-check-circled"></i>Opções de resposta</a>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Intervalo (ms)</label>
    <div className="col-sm-2">
    <input type="text" name="delay[]" className="form-control" defaultValue={message.delay} />
    </div>
    </div>
    <div className="align-end">
    <a href="javascript:void(0)" className="btn btn-success"><i className="icofont icofont-check-circled"></i>Opções de resposta</a>
    </div>
    </div>
    )}
    </div>
    )}
    </div>
    );
    }
  8. @felipeands felipeands revised this gist Feb 6, 2019. 1 changed file with 68 additions and 68 deletions.
    136 changes: 68 additions & 68 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -1,76 +1,76 @@
    <script type="text/babel">
    class Messages extends React.Component {
    class Messages extends React.Component {

    constructor(props) {
    super(props);
    this.state = {
    messages: [],
    chatbot_groups: []
    };
    }
    constructor(props) {
    super(props);
    this.state = {
    messages: [],
    chatbot_groups: []
    };
    }

    componentDidMount(){
    axios.post('/api/v1/chatbot/get_messages', {chatbot_token: this.props.chatbot_token}).then((res) => {
    const messages = res.data.map((message) => { return message; });
    this.setState({messages});
    this.setState({chatbot_groups: JSON.parse(this.props.chatbot_groups)});
    console.log( this.state.chatbot_groups );
    });
    }
    componentDidMount(){
    axios.post('/api/v1/chatbot/get_messages', {chatbot_token: this.props.chatbot_token}).then((res) => {
    const messages = res.data.map((message) => { return message; });
    this.setState({messages});
    this.setState({chatbot_groups: JSON.parse(this.props.chatbot_groups)});
    console.log( this.state.chatbot_groups );
    });
    }

    render(){
    return (
    <div>
    {this.state.messages.map((message) =>
    <div className="card" key={message.id}>
    <div className="card-block">
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Grupo da mensagem</label>
    <div className="col-sm-9">
    <select name="group[]" className="form-control">
    render(){
    return (
    <div>
    {this.state.messages.map((message) =>
    <div className="card" key={message.id}>
    <div className="card-block">
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Grupo da mensagem</label>
    <div className="col-sm-9">
    <select name="group[]" className="form-control">

    {this.state.chatbot_groups.map((group) =>
    <option key={group.id} defaultValue={group.id}>{group.name}</option>
    )}
    {this.state.chatbot_groups.map((group) =>
    <option key={group.id} defaultValue={group.id}>{group.name}</option>
    )}

    </select>
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Mensagem</label>
    <div className="col-sm-9">
    <textarea name="message[]" className="form-control" defaultValue={message.text}></textarea>
    <small>&lt;!-line-&gt; &lt;!-message-&gt; &lt;!-slug:name-&gt;</small>
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Subtítulo</label>
    <div className="col-sm-9">
    <input type="text" name="subtitle[]" className="form-control" defaultValue={message.subtitle} />
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Slug</label>
    <div className="col-sm-4">
    <input type="text" name="slug[]" className="form-control" defaultValue={message.slug} />
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Intervalo (ms)</label>
    <div className="col-sm-2">
    <input type="text" name="delay[]" className="form-control" defaultValue={message.delay} />
    </div>
    </div>
    <div className="align-end">
    <a href="javascript:void(0)" className="btn btn-success"><i className="icofont icofont-check-circled"></i>Opções de resposta</a>
    </div>
    </div>
    </div>
    )}
    </div>
    );
    }
    };
    </select>
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Mensagem</label>
    <div className="col-sm-9">
    <textarea name="message[]" className="form-control" defaultValue={message.text}></textarea>
    <small>&lt;!-line-&gt; &lt;!-message-&gt; &lt;!-slug:name-&gt;</small>
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Subtítulo</label>
    <div className="col-sm-9">
    <input type="text" name="subtitle[]" className="form-control" defaultValue={message.subtitle} />
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Slug</label>
    <div className="col-sm-4">
    <input type="text" name="slug[]" className="form-control" defaultValue={message.slug} />
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Intervalo (ms)</label>
    <div className="col-sm-2">
    <input type="text" name="delay[]" className="form-control" defaultValue={message.delay} />
    </div>
    </div>
    <div className="align-end">
    <a href="javascript:void(0)" className="btn btn-success"><i className="icofont icofont-check-circled"></i>Opções de resposta</a>
    </div>
    </div>
    </div>
    )}
    </div>
    );
    }
    };

    ReactDOM.render(<Messages chatbot_token="<%= @chatbot.token %>" chatbot_groups='<%= @groups.to_json.html_safe %>' />, document.getElementById('react_container'));
    ReactDOM.render(<Messages chatbot_token="<%= @chatbot.token %>" chatbot_groups='<%= @groups.to_json.html_safe %>' />, document.getElementById('react_container'));
    </script>
  9. @felipeands felipeands created this gist Feb 6, 2019.
    76 changes: 76 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,76 @@
    <script type="text/babel">
    class Messages extends React.Component {

    constructor(props) {
    super(props);
    this.state = {
    messages: [],
    chatbot_groups: []
    };
    }

    componentDidMount(){
    axios.post('/api/v1/chatbot/get_messages', {chatbot_token: this.props.chatbot_token}).then((res) => {
    const messages = res.data.map((message) => { return message; });
    this.setState({messages});
    this.setState({chatbot_groups: JSON.parse(this.props.chatbot_groups)});
    console.log( this.state.chatbot_groups );
    });
    }

    render(){
    return (
    <div>
    {this.state.messages.map((message) =>
    <div className="card" key={message.id}>
    <div className="card-block">
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Grupo da mensagem</label>
    <div className="col-sm-9">
    <select name="group[]" className="form-control">

    {this.state.chatbot_groups.map((group) =>
    <option key={group.id} defaultValue={group.id}>{group.name}</option>
    )}

    </select>
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Mensagem</label>
    <div className="col-sm-9">
    <textarea name="message[]" className="form-control" defaultValue={message.text}></textarea>
    <small>&lt;!-line-&gt; &lt;!-message-&gt; &lt;!-slug:name-&gt;</small>
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Subtítulo</label>
    <div className="col-sm-9">
    <input type="text" name="subtitle[]" className="form-control" defaultValue={message.subtitle} />
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Slug</label>
    <div className="col-sm-4">
    <input type="text" name="slug[]" className="form-control" defaultValue={message.slug} />
    </div>
    </div>
    <div className="form-group row">
    <label className="col-sm-3 col-form-label">Intervalo (ms)</label>
    <div className="col-sm-2">
    <input type="text" name="delay[]" className="form-control" defaultValue={message.delay} />
    </div>
    </div>
    <div className="align-end">
    <a href="javascript:void(0)" className="btn btn-success"><i className="icofont icofont-check-circled"></i>Opções de resposta</a>
    </div>
    </div>
    </div>
    )}
    </div>
    );
    }
    };

    ReactDOM.render(<Messages chatbot_token="<%= @chatbot.token %>" chatbot_groups='<%= @groups.to_json.html_safe %>' />, document.getElementById('react_container'));
    </script>