@extends('rapyd::demo.demo')

@section('title','DataEmbed')

@section('body')

    

    
    <h1>DataEmbed</h1>

    DataEmbed can embed a url and then isolate it in the dom.<br />
    So you can build multiple widgets in page, and all actions will be execued without page reload<br />  
    
    Scenarios (where you cant reload the page): 
    <ul>
        <li>a form in a bootstrap modal</li>
        <li>a login-form in a cached page</li>
        <li>a comment widget in a static page</li>
    </ul>
    You have only to give the endpoint url and an id, then it will be loded and will work isolated in the dom.<br />
    <br />

    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                
                {!! $embed1 !!}
            </div>

            <div class="col-sm-6">

                {!! $embed2 !!}
            </div>
        </div>
    </div>

    Requirements are jquery, riotjs, pjax in your master layout:
    <pre>
    <code>
        &lt;script src=&quot;//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery.pjax/1.9.6/jquery.pjax.min.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/riot/2.2.4/riot+compiler.min.js&quot;&gt;&lt;/script&gt;
        {!! Rapyd::scripts() !!}
        &lt;script&gt;riot.mount(&quot;*&quot;)&lt;/script&gt;
        ..
      &lt;/body&gt;    </code>
    </pre>

    {!! Documenter::showMethod("Zofe\\Rapyd\\Demo\\DemoController", "getEmbed") !!}
    {!! Documenter::showMethod("Zofe\\Rapyd\\Demo\\DemoController", "getNudegrid") !!}
    {!! Documenter::showMethod("Zofe\\Rapyd\\Demo\\DemoController", "anyNudeedit") !!}
    {!! Documenter::showCode("zofe/rapyd/views/demo/embed.blade.php") !!}

@stop