thestrukture/IDE

{{$rin := RandTen}}
<div class="tabview" id="{{$rin}}">
<div class="row">
    <div class="col-sm-12">
        
        <div class="card card-inverse">
          <div class="card-block">
         <!--      <h3>Package Name</h3> -->
             <!-- <p>{{bPUT .Name}}</p> -->
              <p>Type </p>
              <p>{{bPUT .IType}}</p>
              <p>Port </p>
              <p>{{bPUT .Port}}</p>
              <p><i class="fa fa-lock"></i> Session storage key</p>
              <p>{{bPUT .Key}}</p>
               <p><i class="fa fa-lock"></i> Session domain (Limit cookies to domain host. For example : example.com)</p>
              <p>{{bPUT .Domain}}</p>
               <p><i class="fa fa-edit"></i> 404 Page path</p>
              <p>{{bPUT .Ffpage}}</p>
               <p><i class="fa fa-edit"></i> Server error path (500)</p>
              <p>{{bPUT .Erpage}}</p>

          </div>
        </div>
        <p class="text-muted">Global Variables</p>
        <!-- rput -->
        {{bRPUT .CreateVar}}

    </div>

   <div class="col-md-12">
           <div class="card card-inverse card-info">
          <div class="card-block">
                <p style="color:#fff;"><b>Advanced settings</b></p>
                <p><button class="btn btn-primary adv-trigger">Show advanced settings</button></p>
                <div class="adv" style="display:none;">
                    <label>Package name</label>
                    {{bPUT .Package}}
                    <p>Main Function {</p>
                        <div id="editorM{{$rin}}" style="height:160px;" class="defed maincode">{{.Mainf}}</div>
                        <button class="madv btn btn-block btn-danger"><i class="fa fa-save"></i> Save</button>
                    <p>}</p>
                    <p>On Exit Function {</p>
                        <div id="editorSh{{$rin}}" style="height:160px;" class="defed shcode">{{.Shutdown}}</div>
                        <button class="shadv btn btn-block btn-danger"><i class="fa fa-save"></i> Save</button>
                    <p>}</p>
                    <p>Init Function {</p>
                        <div id="editorI{{$rin}}" style="height:160px;" class="defed initcode">{{.Initf}}</div>
                        <button class="iadv btn btn-block btn-danger"><i class="fa fa-save"></i> Save</button>
                    <p>}</p>
                    <p>Session interface {</p>
                        <div id="editorS{{$rin}}" style="height:160px;" class="defed">{{.Sessionf}}</div>
                        <button class="sadv btn btn-block btn-danger"><i class="fa fa-save"></i> Save</button>
                    <p>}</p>
                </div>
          </div>
        </div>

        <div style="display:none;" class="card card-inverse card-danger">
          <div class="card-block">
               <p class="text-muted">CSS Libraries</p>
             <p>{{bRPUT .Css}}</p>
          </div>
        </div>
        <p class="text-muted">Imports</p>
        {{bRPUT .CreateImport}}
        <!-- rput -->
        <div style="height:40px;"><!-- scrollfix --></div>
    </div>
</div>


<script type="text/javascript">

    $("#" + {{$rin}} + " .adv-trigger").click(function(){
        if ( $("#" + {{$rin}}  + " .adv").css('display') == "none" ){
             $("#" + {{$rin}}  + " .adv").css('display','block');
                  setTimeout(function(){
                 $.ajax({url: "/api/pkg-bugs?pkg=" + {{.TName}}, success:function(html){
                     //console.log(html)
                     if (html.Bugs){
                     for (var i = html.Bugs.length - 1; i >= 0; i--) {
                         var bug = html.Bugs[i];
                         
                         var action = bug.Action.split(":")
                         //console.log(bug)
                         if (action[0] == "main"){
                             
                                 //find line
                                 $(".maincode .ace_gutter-cell",  "#" + {{$rin}}).each(function(e,i){
                                     if ($(this).html() == action[1]){
                                         $(this).attr("style", "height: 16px;width: 47px;padding-left: 10px;letter-spacing: 3px;")
                                         $(this).html( '<i class="fa fa-warning"></i>' + action[1] )
                                     }
                                 })
                             
                         } else if (action[0] == "init"){
                             
                                 //find line
                                 $(".initcode .ace_gutter-cell",  "#" + {{$rin}}).each(function(e,i){
                                     if ($(this).html() == action[1]){
                                         $(this).attr("style", "height: 16px;width: 47px;padding-left: 10px;letter-spacing: 3px;")
                                         $(this).html( '<i class="fa fa-warning"></i>' + action[1] )
                                     }
                                 })
                             
                         }
                     }
                     }
                 } 
             })
             }, 500)
        } else {
             $("#" + {{$rin}}  + " .adv").css('display','none'); 
        }
        return false;
    });

    editors["ms" + "{{$rin}}"] = ace.edit("editorM{{$rin}}");
    editors["ms" + "{{$rin}}"].getSession().setMode("ace/mode/golang");

    editors["sh" + "{{$rin}}"] = ace.edit("editorSh{{$rin}}");
    editors["sh" + "{{$rin}}"].getSession().setMode("ace/mode/golang");

    editors["is" + "{{$rin}}"] = ace.edit("editorI{{$rin}}");
    editors["is" + "{{$rin}}"].getSession().setMode("ace/mode/golang");

    editors["ss" + "{{$rin}}"] = ace.edit("editorS{{$rin}}");
    editors["ss" + "{{$rin}}"].getSession().setMode("ace/mode/golang");


    var pname = {{.TName}}

    $(".madv").click(function(){

        $.ajax({url:"/api/put",type:"POST",data:{type:"13",pkg: pname,data:editors["ms" + "{{$rin}}"].getValue() },success:function(html){

            },error:function(e){

            } 
        });

        return false;
    });

    $(".shadv").click(function(){
    
        $.ajax({url:"/api/put",type:"POST",data:{type:"17",pkg: pname,data:editors["sh" + "{{$rin}}"].getValue() },success:function(html){

            },error:function(e){

            } 
        });

        return false;
    });


    $(".iadv").click(function(){
    
        $.ajax({url:"/api/put",type:"POST",data:{type:"14",pkg: pname,data:editors["is" + "{{$rin}}"].getValue() },success:function(html){

            },error:function(e){

            } 
        });

        return false;
    });

    $(".sadv").click(function(){
    
        $.ajax({url:"/api/put",type:"POST",data:{type:"15",pkg: pname,data:editors["ss" + "{{$rin}}"].getValue() },success:function(html){

            },error:function(e){

            } 
        });

        return false;
    });


    addTab("{{.TName}}", "{{$rin}}" );
</script>
</div>