<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html><html class=''>
<head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /><link rel="canonical" href="https://codepen.io/botlab/pen/LNLqBR?depth=everything&limit=all&order=popularity&page=5&q=code+editor&show_forks=false" />
<style class="cp-pen-styles">.bip{}
</style></head><body>
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8" />
<title>API PLUG | Hassle-free API Generation</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta content="Get deployment-ready API codes and docker containers from your data source with a few clicks." name="description" />
<meta content="API Plug" name="author" />
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/fontawesome/4.5.0/css/font-awesome.min.css">
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/global/plugins/simple-line-icons/simple-line-icons.min.css">
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/global/plugins/bootstrap/css/bootstrap.min.css">
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/global/plugins/uniform/css/uniform.default.css">
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL STYLES -->
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/admin/pages/css/error.css">
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/admin/pages/css/profile.css">
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/admin/pages/css/tasks.css">
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/admin/pages/css/pricing-table.css">
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/admin/pages/css/pricing.min.css">
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/global/plugins/jstree/dist/themes/default/style.min.css">
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css">
<!-- END PAGE LEVEL STYLES -->
<!-- BEGIN THEME STYLES -->
<link id="style_components" media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/global/css/components-rounded.css">
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/global/css/plugins.css">
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/admin/layout3/css/layout.css">
<link id="style_color" media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/admin/layout3/css/themes/default.css">
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/admin/layout3/css/custom.css">
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/admin/pages/css/introjs.min.css">
<!-- END THEME STYLES -->
<!-- jquery on top -->
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/jquery.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/jquery-migrate.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/admin/pages/scripts/intro.min.js"></script>
<!-- <link rel="shortcut icon" href="favicon.ico"/> -->
<!-- Start of apiplug Zendesk Widget script -->
<script>
/*<![CDATA[*/window.zEmbed||function(e,t){var n,o,d,i,s,a=[],r=document.createElement("iframe");window.zEmbed=function(){a.push(arguments)},window.zE=window.zE||window.zEmbed,r.src="javascript:false",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="display: none",d=document.getElementsByTagName("script"),d=d[d.length-1],d.parentNode.insertBefore(r,d),i=r.contentWindow,s=i.document;try{o=s}catch(c){n=document.domain,r.src='javascript:var d=document.open();d.domain="'+n+'";void(0);',o=s}o.open()._l=function(){var o=this.createElement("script");n&&(this.domain=n),o.id="js-iframe-async",o.src=e,this.t=+new Date,this.zendeskHost=t,this.zEQueue=a,this.body.appendChild(o)},o.write('<body onload="document._l();">'),o.close()}("https://assets.zendesk.com/embeddable_framework/main.js","apiplug.zendesk.com");/*]]>*/
</script>
<script>
zE(function() {
var userName = "moi six";
var userEmail = "moi65@bluewin.ch";
var userId= "56f830ac645b4cae0e8b456a";
zE.identify({name: userName, email: userEmail, externalId: userId});
});
</script>
<!-- End of apiplug Zendesk Widget script -->
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<!-- DOC: Apply "page-header-menu-fixed" class to set the mega menu fixed -->
<!-- DOC: Apply "page-header-top-fixed" class to set the top menu fixed -->
<body>
<div id="smoothStateArea">
<!-- BEGIN HEADER -->
<div class="page-header">
<!-- BEGIN HEADER TOP -->
<div class="page-header-top">
<div class="container">
<!-- BEGIN LOGO -->
<div class="page-logo">
<a href="https://apiplug.com/dashboard">
<img src="https://apiplug.com/assets/apiplug_logo_dark_small.png" class="logo-default" style="margin:10px 0 0 0;" alt="">
</a>
</div>
<!-- END LOGO -->
<!-- BEGIN RESPONSIVE MENU TOGGLER -->
<a href="javascript:;" class="menu-toggler"></a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<div class="top-menu">
<ul class="nav navbar-nav pull-right">
<li class="dropdown dropdown-extended dropdown-dark dropdown-notification" id="header_notification_bar">
<a href="https://apiplug.com/profile/codes" class="dropdown-toggle" title="Click here for gift codes">
<i class="fa fa-gift fa-2x"></i>
<span class="badge badge-default">0</span>
</a>
</li>
<li class="droddown dropdown-separator">
<span class="separator"></span>
</li>
<!-- BEGIN USER LOGIN DROPDOWN -->
<li class="dropdown dropdown-user dropdown-dark">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
<img src="https://apiplug.com/assets/blue_user.png" class="img-circle" alt="">
<span class="username username-hide-mobile">moi</span>
</a>
<ul class="dropdown-menu dropdown-menu-default">
<li>
<a href="https://apiplug.com/profile">
<i class="icon-user"></i> My Profile </a>
</li>
<li>
<a href="https://apiplug.com/profile/settings#tab_password">
<i class="icon-user"></i> Change Password </a>
</li>
<li class="divider"></li>
<li>
<a href="https://apiplug.com/logout">
<i class="icon-key"></i> Log Out </a>
</li>
</ul>
</li>
<!-- END USER LOGIN DROPDOWN -->
</ul>
</div>
<!-- END TOP NAVIGATION MENU -->
</div>
</div>
<!-- END HEADER TOP -->
<!-- BEGIN HEADER MENU -->
<div class="page-header-menu">
<div class="container">
<!-- BEGIN HEADER SEARCH BOX -->
<form class="search-form" action="https://apiplug.com/support/faq" method="GET">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search" name="query">
<span class="input-group-btn">
<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
</span>
</div>
</form>
<!-- END HEADER SEARCH BOX -->
<!-- BEGIN MEGA MENU -->
<!-- DOC: Apply "hor-menu-light" class after the "hor-menu" class below to have a horizontal menu with white background -->
<!-- DOC: Remove data-hover="dropdown" and data-close-others="true" attributes below to disable the dropdown opening on mouse hover -->
<div class="hor-menu ">
<ul class="nav navbar-nav">
<li>
<a href="https://apiplug.com/dashboard">Dashboard</a>
</li>
<li class="menu-dropdown classic-menu-dropdown ">
<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;">
API Projects <i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu pull-left">
<li class="">
<a href="https://apiplug.com/api/new">
<i class="icon-plus"></i> Create New Project </a>
</li>
<li class="">
<a href="https://apiplug.com/dashboard">
<i class="icon-grid"></i> My Projects </a>
</li>
</ul>
</li>
<li class="menu-dropdown classic-menu-dropdown ">
<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;">
Settings <i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu pull-left">
<li class="">
<a href="https://apiplug.com/profile">
<i class="icon-user"></i> My Profile </a>
</li>
<li class="">
<a href="https://apiplug.com/profile/settings">
<i class="icon-settings"></i> Account Settings </a>
</li>
<li class="">
<a href="https://apiplug.com/profile/packages">
<i class="icon-briefcase"></i> Packages </a>
</li>
<li class="">
<a href="https://apiplug.com/profile/codes">
<i class="icon-badge"></i> Gift Codes </a>
</li>
<li class="">
<a href="https://apiplug.com/profile/referrals">
<i class="icon-envelope"></i> Referrals </a>
</li>
</ul>
</li>
<li class="menu-dropdown classic-menu-dropdown ">
<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;">
Support <i class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu pull-left">
<li class="">
<a href="https://apiplug.com/support/faq">
<i class="icon-question"></i> FAQ </a>
</li>
<li class="">
<a href="https://apiplug.com/support/ticket">
<i class="icon-note"></i> Ticket System </a>
</li>
<li class="">
<a href="https://apiplug.com/support/contact">
<i class="icon-envelope"></i> Contact Us </a>
</li>
</ul>
</li>
</ul>
</div>
<!-- END MEGA MENU -->
</div>
</div>
<!-- END HEADER MENU -->
</div>
<!-- END HEADER -->
<!-- BEGIN PAGE CONTAINER -->
<div class="page-container">
<!-- BEGIN PAGE HEAD -->
<div class="page-head">
<div class="container">
<!-- BEGIN PAGE TITLE -->
<div class="page-title">
<h1><a href="#" id="projectName" data-escape="true" data-type="text" data-placement="right" data-pk="" data-url="https://apiplug.com/api/change-name" data-title="Project Name" data-placeholder="Enter Project Name" class="">New Api</a> <small> <a title="Click for other versions" href="https://apiplug.com/api/versions/56f947db645b4cae1a8b4724" >V1 (2016-03-28 15:03:55)</a> <span class="label label-sm label-success">Latest Version </span></small></h1>
</div>
<!-- END PAGE TITLE -->
<div class="page-toolbar">
<br>
<div class="btn-group" data-toggle="buttons">
<label onclick="changeUIMode('_simple');" class="btn default ">
<input type="radio" class="toggle" ><i class="fa fa-gear"></i> Simple Mode </label>
<label onclick="changeUIMode('_advanced');" class="btn default active">
<input type="radio" class="toggle" ><i class="fa fa-gears"></i> Advanced Mode </label>
</div>
<a href="#" onclick="javascript:introJs().start();" class="btn blue"><i class="fa fa-mortar-board"></i> Page Tutorial </a>
</div>
</div>
</div>
<!-- END PAGE HEAD -->
<!-- BEGIN PAGE CONTENT -->
<div class="page-content">
<div class="container-fluid">
<div class="row" style="padding: 0 5px 0px 5px;">
<div class="row" style="margin: auto; width: 95%;">
<!-- left menu area -->
<div class="col-md-2">
<div class="row">
<div class="col-md-12">
<div class="top-news">
<a href="https://apiplug.com/data/index" class="btn grey" " >
<span>1 - Data</span>
<em>Manage datasources</em>
<i class="fa fa-database top-news-icon "></i>
</a>
</div>
</div>
<div class="col-md-12 ">
<div class="top-news ">
<a href="https://apiplug.com/design/index " class="btn blue-madison " data-step="1 " data-intro="Welcome to Design Step. <br>You can continue to this tutorial by using arrow keys on your keyboard." data-position="bottom"">
<span>2 - Design</span>
<em>Edit endpoints</em>
<i class="fa fa-cogs top-news-icon"></i>
</a>
</div>
</div>
<div class="col-md-12">
<div class="top-news">
<a href="https://apiplug.com/generate/index" class="btn grey" ">
<span>3 - Generate</span>
<em>Choose Stack</em>
<i class="fa fa-code top-news-icon "></i>
</a>
</div>
</div>
<div class="col-md-12 ">
<div class="top-news ">
<a href="https://apiplug.com/deploy/index " class="btn grey "">
<span>4 - Deploy</span>
<em>Deploy to Server</em>
<i class="fa fa-cloud-download top-news-icon"></i>
</a>
</div>
</div>
<div class="col-md-12">
<div class="top-news">
<a href="https://apiplug.com/sandbox/index" class="btn grey" ">
<span>Sandbox</span>
<em>Hosted API for Dev.</em>
<i class="fa fa-flask top-news-icon "></i>
</a>
</div>
</div>
<div class="col-md-12 ">
<div class="top-news ">
<a href="https://apiplug.com/documentation/index/VF4XYI " class="btn grey " target="_blank ">
<span>Documentation</span>
<em>Get Coding! <i class="fa fa-columns top-news-icon "></i>
</a>
</div>
</div>
</div>
</div>
<!-- left menu area -->
<!--right content area -->
<div class="col-md-10 ">
<style>
.chosen-container.chosen-container-single {
width: 300px !important; /* or any value that fits your needs */
}
</style>
<!-- BEGIN PAGE CONTENT -->
<div class=" ">
<div class="container-fluid " style="padding-left:0;padding-right: 0; ">
<!-- BEGIN PAGE CONTENT INNER -->
<div class="row margin-top-10 ">
<div class="col-md-4 col-sm-4 ">
<!-- BEGIN REGIONAL STATS PORTLET-->
<div class="portlet light " data-step="2 " data-intro="Your auto generated endpoints will be listed in this column grouped by table names. <br>Click one of the endpoints to customise it." data-position="right">
<div class="portlet-title">
<div class="caption caption-md">
<i class="icon-bar-chart theme-font hide"></i>
<span class="caption-subject theme-font bold uppercase">ENDPOINTS</span>
</div>
<div class="actions">
<a href="https://apiplug.com/design/create-endpoint" class="btn green">
<i class="fa fa-plus"></i>Add New Endpoint </a>
</div>
</div>
<div class="portlet-body">
<div class="row">
<div class="panel-group accordion" id="accordion-test-2">
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#actor" class="accordion-toggle accordion-toggle-styled
" aria-expanded="true">
actor
</a>
</h4>
</div>
<div id="actor" class="panel-collapse collapsed collapse in" aria-expanded="true">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b469d">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b469d" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b469d">
<span class="path" style="color:black; margin-left:-20px;">
/actorList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b469d" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f4645b4cae0e8b469e">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b469e" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b469e">
<span class="path" style="color:black; margin-left:-20px;">
/actor
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b469e" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f4645b4cae0e8b469f">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b469f" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b469f">
<span class="path" style="color:black; margin-left:-20px;">
/actor/{actor_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b469f" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f4645b4cae0e8b46a0">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a0" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a0">
<span class="path" style="color:black; margin-left:-20px;">
/actor/{actor_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46a0" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b46a1">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a1" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a1">
<span class="path" style="color:black; margin-left:-20px;">
/actor/{actor_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46a1" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#actor_info" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
actor_info
</a>
</h4>
</div>
<div id="actor_info" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b46a2">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a2" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a2">
<span class="path" style="color:black; margin-left:-20px;">
/actor_infoList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46a2" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f4645b4cae0e8b46a3">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a3" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a3">
<span class="path" style="color:black; margin-left:-20px;">
/actor_info
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46a3" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f4645b4cae0e8b46a4">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a4" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a4">
<span class="path" style="color:black; margin-left:-20px;">
/actor_info
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46a4" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f4645b4cae0e8b46a5">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a5" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a5">
<span class="path" style="color:black; margin-left:-20px;">
/actor_info
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46a5" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b46a6">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a6" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a6">
<span class="path" style="color:black; margin-left:-20px;">
/actor_info
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46a6" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#address" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
address
</a>
</h4>
</div>
<div id="address" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b46a7">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a7" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a7">
<span class="path" style="color:black; margin-left:-20px;">
/addressList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46a7" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f4645b4cae0e8b46a8">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a8" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a8">
<span class="path" style="color:black; margin-left:-20px;">
/address
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46a8" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f4645b4cae0e8b46a9">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a9" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46a9">
<span class="path" style="color:black; margin-left:-20px;">
/address/{address_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46a9" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f4645b4cae0e8b46aa">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46aa" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46aa">
<span class="path" style="color:black; margin-left:-20px;">
/address/{address_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46aa" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b46ab">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46ab" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46ab">
<span class="path" style="color:black; margin-left:-20px;">
/address/{address_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46ab" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#category" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
category
</a>
</h4>
</div>
<div id="category" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b46ac">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46ac" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46ac">
<span class="path" style="color:black; margin-left:-20px;">
/categoryList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46ac" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f4645b4cae0e8b46ad">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46ad" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46ad">
<span class="path" style="color:black; margin-left:-20px;">
/category
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46ad" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f4645b4cae0e8b46ae">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46ae" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46ae">
<span class="path" style="color:black; margin-left:-20px;">
/category/{category_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46ae" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f4645b4cae0e8b46af">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46af" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46af">
<span class="path" style="color:black; margin-left:-20px;">
/category/{category_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46af" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b46b0">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b0" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b0">
<span class="path" style="color:black; margin-left:-20px;">
/category/{category_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46b0" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#city" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
city
</a>
</h4>
</div>
<div id="city" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b46b1">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b1" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b1">
<span class="path" style="color:black; margin-left:-20px;">
/cityList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46b1" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f4645b4cae0e8b46b2">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b2" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b2">
<span class="path" style="color:black; margin-left:-20px;">
/city
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46b2" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f4645b4cae0e8b46b3">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b3" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b3">
<span class="path" style="color:black; margin-left:-20px;">
/city/{city_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46b3" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f4645b4cae0e8b46b4">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b4" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b4">
<span class="path" style="color:black; margin-left:-20px;">
/city/{city_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46b4" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b46b5">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b5" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b5">
<span class="path" style="color:black; margin-left:-20px;">
/city/{city_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46b5" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#country" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
country
</a>
</h4>
</div>
<div id="country" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b46b6">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b6" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b6">
<span class="path" style="color:black; margin-left:-20px;">
/countryList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46b6" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f4645b4cae0e8b46b7">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b7" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b7">
<span class="path" style="color:black; margin-left:-20px;">
/country
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46b7" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f4645b4cae0e8b46b8">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b8" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b8">
<span class="path" style="color:black; margin-left:-20px;">
/country/{country_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46b8" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f4645b4cae0e8b46b9">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b9" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46b9">
<span class="path" style="color:black; margin-left:-20px;">
/country/{country_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46b9" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b46ba">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46ba" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46ba">
<span class="path" style="color:black; margin-left:-20px;">
/country/{country_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46ba" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#customer" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
customer
</a>
</h4>
</div>
<div id="customer" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b46bb">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46bb" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46bb">
<span class="path" style="color:black; margin-left:-20px;">
/customerList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46bb" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f4645b4cae0e8b46bc">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46bc" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46bc">
<span class="path" style="color:black; margin-left:-20px;">
/customer
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46bc" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f4645b4cae0e8b46bd">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46bd" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46bd">
<span class="path" style="color:black; margin-left:-20px;">
/customer/{customer_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46bd" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f4645b4cae0e8b46be">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46be" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46be">
<span class="path" style="color:black; margin-left:-20px;">
/customer/{customer_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46be" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b46bf">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46bf" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46bf">
<span class="path" style="color:black; margin-left:-20px;">
/customer/{customer_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46bf" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#customer_list" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
customer_list
</a>
</h4>
</div>
<div id="customer_list" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f4645b4cae0e8b46c0">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46c0" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46c0">
<span class="path" style="color:black; margin-left:-20px;">
/customer_listList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46c0" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f4645b4cae0e8b46c1">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46c1" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46c1">
<span class="path" style="color:black; margin-left:-20px;">
/customer_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46c1" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f4645b4cae0e8b46c2">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46c2" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46c2">
<span class="path" style="color:black; margin-left:-20px;">
/customer_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46c2" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f4645b4cae0e8b46c3">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46c3" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b46c3">
<span class="path" style="color:black; margin-left:-20px;">
/customer_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f4645b4cae0e8b46c3" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46c4">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46c4" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46c4">
<span class="path" style="color:black; margin-left:-20px;">
/customer_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46c4" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#film" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
film
</a>
</h4>
</div>
<div id="film" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46c5">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46c5" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46c5">
<span class="path" style="color:black; margin-left:-20px;">
/filmList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46c5" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b46c6">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46c6" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46c6">
<span class="path" style="color:black; margin-left:-20px;">
/film
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46c6" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b46c7">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46c7" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46c7">
<span class="path" style="color:black; margin-left:-20px;">
/film/{film_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46c7" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b46c8">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46c8" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46c8">
<span class="path" style="color:black; margin-left:-20px;">
/film/{film_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46c8" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46c9">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46c9" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46c9">
<span class="path" style="color:black; margin-left:-20px;">
/film/{film_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46c9" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#film_actor" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
film_actor
</a>
</h4>
</div>
<div id="film_actor" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46ca">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ca" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ca">
<span class="path" style="color:black; margin-left:-20px;">
/film_actorList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46ca" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b46cb">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46cb" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46cb">
<span class="path" style="color:black; margin-left:-20px;">
/film_actor
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46cb" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b46cc">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46cc" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46cc">
<span class="path" style="color:black; margin-left:-20px;">
/film_actor/{actor_id}/{film_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46cc" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b46cd">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46cd" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46cd">
<span class="path" style="color:black; margin-left:-20px;">
/film_actor/{actor_id}/{film_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46cd" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46ce">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ce" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ce">
<span class="path" style="color:black; margin-left:-20px;">
/film_actor/{actor_id}/{film_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46ce" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#film_category" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
film_category
</a>
</h4>
</div>
<div id="film_category" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46cf">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46cf" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46cf">
<span class="path" style="color:black; margin-left:-20px;">
/film_categoryList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46cf" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b46d0">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d0" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d0">
<span class="path" style="color:black; margin-left:-20px;">
/film_category
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46d0" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b46d1">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d1" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d1">
<span class="path" style="color:black; margin-left:-20px;">
/film_category/{film_id}/{category_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46d1" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b46d2">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d2" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d2">
<span class="path" style="color:black; margin-left:-20px;">
/film_category/{film_id}/{category_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46d2" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46d3">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d3" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d3">
<span class="path" style="color:black; margin-left:-20px;">
/film_category/{film_id}/{category_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46d3" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#film_list" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
film_list
</a>
</h4>
</div>
<div id="film_list" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46d4">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d4" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d4">
<span class="path" style="color:black; margin-left:-20px;">
/film_listList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46d4" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b46d5">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d5" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d5">
<span class="path" style="color:black; margin-left:-20px;">
/film_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46d5" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b46d6">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d6" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d6">
<span class="path" style="color:black; margin-left:-20px;">
/film_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46d6" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b46d7">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d7" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d7">
<span class="path" style="color:black; margin-left:-20px;">
/film_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46d7" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46d8">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d8" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d8">
<span class="path" style="color:black; margin-left:-20px;">
/film_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46d8" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#film_text" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
film_text
</a>
</h4>
</div>
<div id="film_text" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46d9">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d9" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46d9">
<span class="path" style="color:black; margin-left:-20px;">
/film_textList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46d9" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b46da">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46da" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46da">
<span class="path" style="color:black; margin-left:-20px;">
/film_text
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46da" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b46db">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46db" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46db">
<span class="path" style="color:black; margin-left:-20px;">
/film_text/{film_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46db" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b46dc">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46dc" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46dc">
<span class="path" style="color:black; margin-left:-20px;">
/film_text/{film_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46dc" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46dd">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46dd" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46dd">
<span class="path" style="color:black; margin-left:-20px;">
/film_text/{film_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46dd" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#inventory" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
inventory
</a>
</h4>
</div>
<div id="inventory" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46de">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46de" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46de">
<span class="path" style="color:black; margin-left:-20px;">
/inventoryList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46de" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b46df">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46df" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46df">
<span class="path" style="color:black; margin-left:-20px;">
/inventory
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46df" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b46e0">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e0" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e0">
<span class="path" style="color:black; margin-left:-20px;">
/inventory/{inventory_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46e0" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b46e1">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e1" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e1">
<span class="path" style="color:black; margin-left:-20px;">
/inventory/{inventory_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46e1" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46e2">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e2" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e2">
<span class="path" style="color:black; margin-left:-20px;">
/inventory/{inventory_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46e2" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#language" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
language
</a>
</h4>
</div>
<div id="language" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46e3">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e3" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e3">
<span class="path" style="color:black; margin-left:-20px;">
/languageList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46e3" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b46e4">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e4" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e4">
<span class="path" style="color:black; margin-left:-20px;">
/language
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46e4" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b46e5">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e5" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e5">
<span class="path" style="color:black; margin-left:-20px;">
/language/{language_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46e5" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b46e6">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e6" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e6">
<span class="path" style="color:black; margin-left:-20px;">
/language/{language_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46e6" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46e7">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e7" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e7">
<span class="path" style="color:black; margin-left:-20px;">
/language/{language_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46e7" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#nicer_but_slower_film_list" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
nicer_but_slower_film_list
</a>
</h4>
</div>
<div id="nicer_but_slower_film_list" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46e8">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e8" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e8">
<span class="path" style="color:black; margin-left:-20px;">
/nicer_but_slower_film_listList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46e8" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b46e9">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e9" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46e9">
<span class="path" style="color:black; margin-left:-20px;">
/nicer_but_slower_film_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46e9" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b46ea">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ea" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ea">
<span class="path" style="color:black; margin-left:-20px;">
/nicer_but_slower_film_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46ea" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b46eb">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46eb" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46eb">
<span class="path" style="color:black; margin-left:-20px;">
/nicer_but_slower_film_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46eb" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46ec">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ec" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ec">
<span class="path" style="color:black; margin-left:-20px;">
/nicer_but_slower_film_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46ec" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#payment" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
payment
</a>
</h4>
</div>
<div id="payment" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46ed">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ed" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ed">
<span class="path" style="color:black; margin-left:-20px;">
/paymentList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46ed" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b46ee">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ee" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ee">
<span class="path" style="color:black; margin-left:-20px;">
/payment
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46ee" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b46ef">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ef" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ef">
<span class="path" style="color:black; margin-left:-20px;">
/payment/{payment_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46ef" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b46f0">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f0" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f0">
<span class="path" style="color:black; margin-left:-20px;">
/payment/{payment_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46f0" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46f1">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f1" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f1">
<span class="path" style="color:black; margin-left:-20px;">
/payment/{payment_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46f1" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#rental" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
rental
</a>
</h4>
</div>
<div id="rental" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46f2">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f2" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f2">
<span class="path" style="color:black; margin-left:-20px;">
/rentalList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46f2" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b46f3">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f3" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f3">
<span class="path" style="color:black; margin-left:-20px;">
/rental
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46f3" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b46f4">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f4" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f4">
<span class="path" style="color:black; margin-left:-20px;">
/rental/{rental_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46f4" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b46f5">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f5" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f5">
<span class="path" style="color:black; margin-left:-20px;">
/rental/{rental_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46f5" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46f6">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f6" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f6">
<span class="path" style="color:black; margin-left:-20px;">
/rental/{rental_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46f6" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#sales_by_film_category" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
sales_by_film_category
</a>
</h4>
</div>
<div id="sales_by_film_category" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46f7">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f7" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f7">
<span class="path" style="color:black; margin-left:-20px;">
/sales_by_film_categoryList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46f7" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b46f8">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f8" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f8">
<span class="path" style="color:black; margin-left:-20px;">
/sales_by_film_category
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46f8" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b46f9">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f9" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46f9">
<span class="path" style="color:black; margin-left:-20px;">
/sales_by_film_category
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46f9" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b46fa">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46fa" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46fa">
<span class="path" style="color:black; margin-left:-20px;">
/sales_by_film_category
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46fa" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46fb">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46fb" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46fb">
<span class="path" style="color:black; margin-left:-20px;">
/sales_by_film_category
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46fb" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#sales_by_store" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
sales_by_store
</a>
</h4>
</div>
<div id="sales_by_store" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b46fc">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46fc" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46fc">
<span class="path" style="color:black; margin-left:-20px;">
/sales_by_storeList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46fc" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b46fd">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46fd" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46fd">
<span class="path" style="color:black; margin-left:-20px;">
/sales_by_store
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46fd" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b46fe">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46fe" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46fe">
<span class="path" style="color:black; margin-left:-20px;">
/sales_by_store
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46fe" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b46ff">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ff" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b46ff">
<span class="path" style="color:black; margin-left:-20px;">
/sales_by_store
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b46ff" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b4700">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4700" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4700">
<span class="path" style="color:black; margin-left:-20px;">
/sales_by_store
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b4700" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#staff" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
staff
</a>
</h4>
</div>
<div id="staff" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b4701">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4701" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4701">
<span class="path" style="color:black; margin-left:-20px;">
/staffList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b4701" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b4702">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4702" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4702">
<span class="path" style="color:black; margin-left:-20px;">
/staff
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b4702" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b4703">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4703" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4703">
<span class="path" style="color:black; margin-left:-20px;">
/staff/{staff_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b4703" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b4704">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4704" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4704">
<span class="path" style="color:black; margin-left:-20px;">
/staff/{staff_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b4704" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b4705">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4705" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4705">
<span class="path" style="color:black; margin-left:-20px;">
/staff/{staff_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b4705" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#staff_list" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
staff_list
</a>
</h4>
</div>
<div id="staff_list" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b4706">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4706" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4706">
<span class="path" style="color:black; margin-left:-20px;">
/staff_listList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b4706" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b4707">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4707" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4707">
<span class="path" style="color:black; margin-left:-20px;">
/staff_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b4707" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b4708">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4708" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4708">
<span class="path" style="color:black; margin-left:-20px;">
/staff_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b4708" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b4709">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4709" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b4709">
<span class="path" style="color:black; margin-left:-20px;">
/staff_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b4709" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b470a">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b470a" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b470a">
<span class="path" style="color:black; margin-left:-20px;">
/staff_list
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b470a" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
<!-- panel -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion-test-2" href="#store" class="accordion-toggle accordion-toggle-styled
collapsed" aria-expanded="false">
store
</a>
</h4>
</div>
<div id="store" class="panel-collapse collapsed collapse" aria-expanded="false">
<div class="panel-body">
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b470b">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b470b" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b470b">
<span class="path" style="color:black; margin-left:-20px;">
/storeList
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b470b" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f6ec;border: 1px solid #c3e8d1;" id="56f947f5645b4cae0e8b470c">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b470c" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #10a54a;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
POST
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b470c">
<span class="path" style="color:black; margin-left:-20px;">
/store
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b470c" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f9f2e9;border: 1px solid #f0e0ca;" id="56f947f5645b4cae0e8b470d">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b470d" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #c5862b;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
PUT
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b470d">
<span class="path" style="color:black; margin-left:-20px;">
/store/{store_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b470d" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #f5e8e8;border: 1px solid #e8c6c7;" id="56f947f5645b4cae0e8b470e">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b470e" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #a41e22;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
DELETE
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b470e">
<span class="path" style="color:black; margin-left:-20px;">
/store/{store_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b470e" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
<!--start panel-body -->
<div class="row" style="margin:1px 1px 10px 1px; background-color: #e7f0f7;border: 1px solid #c3d9ec;" id="56f947f5645b4cae0e8b470f">
<div class="col-sm-2">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b470f" style="padding-top:5px;vertical-align: middle;">
<span class="http_method" style="background-color: #0f6ab4;color:white;text-align: center;padding: 6px;margin-left:-20px;display:block;font-size:10px; ">
GET
</span>
</a>
</div>
<div class="col-sm-8" style="margin-top:5px;">
<a href="https://apiplug.com/design/endpoint/56f947f5645b4cae0e8b470f">
<span class="path" style="color:black; margin-left:-20px;">
/store/{store_id}
</span>
</a>
</div>
<div class="col-sm-2" style="margin-top:5px;" align="right">
<button class="btn btn-link endpoint-trash confirm" data-pk="56f947f5645b4cae0e8b470f" data-text="This action will remove endpoint from your api document. Are you sure?" data-post="false" style="padding:0px">
<i class="fa fa-trash-o"></i>
</button>
</div>
</div>
<!--/panel-body -->
</div>
</div>
</div>
<!-- /panel -->
</div>
</div>
</div>
</div>
<!-- END REGIONAL STATS PORTLET-->
</div>
<div class="col-md-8 col-sm-8">
<!-- BEGIN PORTLET-->
<div class="portlet light">
<div class="portlet-title tabbable-line">
<div class="caption caption-md">
<i class="icon-globe theme-font hide"></i>
<span class="caption-subject theme-font bold">
<a href="#" id="type" data-type="select" data-placement="bottom" data-pk="" data-url="https://apiplug.com/design/change-endpoint" data-title="Endpoint Type" data-placeholder="Enter Endpoint Address" data-value="GET" data-source="['GET','POST','PUT','DELETE']" style="background-color: #0f6ab4;color:white;text-align: center;padding: 10px 10px 10px 10px;" data-step="3" data-intro="Click here to change Endpoint type (GET,POST,PUT,DELETE)" data-position="right">
GET <i class="fa fa-angle-down"></i>
</a>
<a href="#" id="addr" data-type="text" data-escape="true" data-placement="bottom" data-pk="" data-url="https://apiplug.com/design/change-endpoint" data-title="Endpoint Address" data-placeholder="Enter Endpoint Address" data-step="4" data-intro="You can set a custom endpoint address" data-position="right">
/actorList
</a>
</span>
</div>
<div class="actions">
<!--
Operation Type:
<a href="#" id="operationType" data-placement="bottom" data-type="select" data-pk="" data-url="https://apiplug.com/design/change-endpoint" data-title="Endpoint Operation Type" data-placeholder="Enter Endpoint Operation Type" data-value="Select" data-source="['Select','Insert','Update','Delete']">
Select
</a>
-->
<a href="https://apiplug.com/design/clone-endpoint/56f947f4645b4cae0e8b469d"><i class="fa fa-copy"></i> Clone Endpoint </a>
<i class="fa fa-tag" data-step="5" data-intro="You can enter a different tag(group name) for your endpoint" data-position="left">
<a href="#" id="tag" data-type="text" data-placement="left" data-pk="" data-url="https://apiplug.com/design/change-endpoint" data-title="Endpoint Tag" data-placeholder="Enter Endpoint Tag" class="btn blue btn-sm" >actor</a>
</i>
<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-step="6" data-intro="This button helps you to work in FULLSCREEN :)" data-position="left">
</a>
</div>
</div>
<div class="portlet-body">
<div class="row">
<!------- main panel part ------>
<div class="col-md-12" id="panel_56f947f4645b4cae0e8b469d">
<a href="#" id="description" data-type="text" data-pk="" data-url="https://apiplug.com/design/change-endpoint" data-title="Endpoint Description" data-placeholder="Please provide endpoint description">
Please provide endpoint description
</a>
<br><br>
<div class="tabbable-custom " style="overflow:visible;">
<ul class="nav nav-tabs ">
<li class="active">
<a href="#datasource" data-toggle="tab" data-step="7" data-intro="Configure your datasource and tables about your endpoint in this tab" data-position="right">
<span class="visible-xs"><i class="entypo-home"></i></span>
<span class="hidden-xs">Data Source</span>
</a>
</li>
<li class="">
<a href="#input" data-toggle="tab" data-step="8" data-intro="Add/Remove inputs of your endpoint for INSERT/UPDATE/DELETE types" data-position="right" disabled>
<span class="visible-xs"><i class="entypo-user"></i></span>
<span class="hidden-xs">Inputs</span>
</a>
</li>
<li class="">
<a href="#output" data-toggle="tab" data-step="9" data-intro="Configure outputs of your endpoint" data-position="right">
<span class="visible-xs"><i class="entypo-user"></i></span>
<span class="hidden-xs">Outputs</span>
</a>
</li>
<li class="">
<a href="#constraints" data-toggle="tab" data-step="10" data-intro="If you need a constraint for your endpoint you could set it from here" data-position="right">
<span class="visible-xs"><i class="entypo-mail"></i></span>
<span class="hidden-xs">Constraints</span>
</a>
</li>
<li class="">
<a href="#pagination" data-toggle="tab" data-step="11" data-intro="If you need pagination on your endpoint settings is here" data-position="left">
<span class="visible-xs"><i class="entypo-cog"></i></span>
<span class="hidden-xs">Pagination</span>
</a>
</li>
<li class="">
<a href="#oauth" data-toggle="tab" data-step="12" data-intro="Configure oAuth settings of your endpoint" data-position="left">
<span class="visible-xs"><i class="entypo-cog"></i></span>
<span class="hidden-xs">oAuth</span>
</a>
</li>
<li class="">
<a href="#customquery" data-toggle="tab" data-step="13" data-intro="Also if GUI is not enough and if you want to edit endpoint source code you can always use our advanced editor" data-position="left">
<span class="visible-xs"><i class="entypo-cog"></i></span>
<span class="hidden-xs">Custom Query & Advanced Editor</span>
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="datasource">
<div class="row">
<div class="col-md-12">
<h4>Main Data Source</h4>
<p>Please select datasource to connect</p>
</div>
<div class="col-md-3">Select Data Source:</div>
<div class="col-md-9">
<div class="form-group">
<div class="col-sm-5">
<select class="form-control" id="datasource_select" data-placeholder="Please select your datasource">
<option></option>
<option value="56f947ec645b4cae0e8b469a" selected>SampleDB DataSource 4790916</option>
</select>
</div>
</div>
</div>
<div class="col-md-3">Select Data Table / Document:</div>
<div class="col-md-9">
<div class="form-group">
<div class="col-sm-5">
<select class="form-control" id="datatable_select" data-placeholder="Please select your table">
<option selected>actor</option>
<option>actor_info</option>
<option>address</option>
<option>category</option>
<option>city</option>
<option>country</option>
<option>customer</option>
<option>customer_list</option>
<option>film</option>
<option>film_actor</option>
<option>film_category</option>
<option>film_list</option>
<option>film_text</option>
<option>inventory</option>
<option>language</option>
<option>nicer_but_slower_film_list</option>
<option>payment</option>
<option>rental</option>
<option>sales_by_film_category</option>
<option>sales_by_store</option>
<option>staff</option>
<option>staff_list</option>
<option>store</option>
</select>
</div>
</div>
</div>
</div>
<br><br>
<div class="row">
<div class="col-md-12">
<h4>Data Relations</h4>
</div>
<div class="col-md-12">
<h4>HasOne</h4>
<p> Used for One-to-One relations</p>
<table class="table table-hover responsive" id="hasone_table">
<tr>
<th>Relation Target</th>
<th>Relation Field</th>
<th><i class="fa fa-arrows-h"></i></th>
<th>Source Field</th>
<th></th>
</tr>
<tr id="sample_hasone_row" style="display:none;">
<td>
<a href="#" id="relation_db" data-placement="bottom" data-type="select" data-pk="" data-url="https://apiplug.com/design/change-has-one-relation-parameters" data-title="Relation Table" data-placeholder="Select Relation Table" data-source="https://apiplug.com/design/datasource-tables"
data-sourceCache="false"></a>
</td>
<td id="relation_field_row">
</td>
<td></td>
<td>actor.
<a href="#" id="source_field" data-placement="bottom" data-type="select" data-pk="" data-url="https://apiplug.com/design/change-has-one-relation-parameters" data-title="Source Field" data-placeholder="Select Source Field" data-source="https://apiplug.com/design/relation-tables/actor"
data-sourceCache="false"></a>
</td>
<td><button class="btn default btn-xs black hasone_delete_button" data-pk=""><i class="fa fa-trash-o"></i> Delete</button></td>
</tr>
</table>
<button class="btn btn-sm green" id="add_hasone_button"><i class="fa fa-plus"></i>Add New HasOne Relation</button>
<br><br> Joined tables / documents is not ready yet, but it will be available as soon as possible.
<a role="button" class="btn blue let-me-know" rq_type="1" rq_id="api_join_table">
<i class="fa fa-bullhorn"></i> Let me know
</a>
</div>
</div>
</div>
<div class="tab-pane " id="input">
<div class="row input">
<div class="col-md-12">
<h4>Inputs</h4>
<p>Please select fields that you need on input. Target Field is used to define what field input should be used on Update operation.</p>
<table class="table table-hover" id="input_table">
<tr>
<th>Input Name</th>
<th>Variable Name (For Constraints & Update)</th>
<th>Input Type</th>
<th>Default Value</th>
<th>Target Field</th>
<th></th>
</tr>
<tr id='no_input_row'>
<td colspan='6'>No inputs created yet!</td>
</tr>
<tr id="sample_row" style="display:none;">
<td><a href="#" id="name" data-type="text" data-placement="bottom" data-pk="" data-url="https://apiplug.com/design/change-input" data-title="Input Name" data-placeholder="Enter Input Name">
foo
</a></td>
<td><a href="#" id="variable_name" data-type="text" data-placement="bottom" data-pk="" data-url="https://apiplug.com/design/change-input" data-title="Variable Name" data-placeholder="Enter Variable Name">
bar
</a></td>
<td><a href="#" id="call_type" data-placement="bottom" data-type="select" data-pk="" data-url="https://apiplug.com/design/change-input" data-title="Endpoint Input Type" data-placeholder="Enter Input Type" data-value="GET"
data-source="['GET','FORM DATA']">
GET
</a></td>
<td><a href="#" id="default_value" data-type="text" data-placement="bottom" data-pk="" data-url="https://apiplug.com/design/change-input" data-title="Default Value" data-placeholder="NULL">
null
</a></td>
<td>
<a href="#" id="target_field" data-placement="bottom" data-type="select" data-pk="" data-url="https://apiplug.com/design/change-input" data-title="Target Field" data-placeholder="Select Target Field" data-value="GET" data-source="https://apiplug.com/design/outputs"
data-sourceCache="false">
</a>
</td>
<td><button class="btn default btn-xs black input_delete_button" data-pk=""><i class="fa fa-trash-o"></i> Delete</button></td>
</tr>
</table>
<div id="input_pagination_table">
<h4>Auto Generated Fields: Pagination</h4>
<table class="table table-hover">
<tr>
<th>Input Name</th>
<th>Variable Name</th>
<th>Input Type</th>
<th>Default Value</th>
</tr>
<tr>
<td>p_start</td>
<td>p_start</td>
<td>GET</td>
<td>0</td>
</tr>
<tr>
<td>p_count</td>
<td>p_count</td>
<td>GET</td>
<td id="p_count_default_value">50</td>
</tr>
</table>
</div>
<button class="btn btn-sm green" id="add_input_button"><i class="fa fa-plus"></i>Add New Input</button>
</div>
</div>
</div>
<div class="tab-pane " id="output">
<div class="row output">
<div class="col-md-12">
<h4>Output</h4>
<p>Please select fields that you need on output</p>
</div>
<div class="row" style="margin:15px;">
<button class="btn btn-link" id="output_select_all">Select All</button>
<div id="output_div">
<table class="table table-hover responsive" id="output_table">
<tr>
<th></th>
<th>Field Name</th>
<th>Output Name</th>
</tr>
<tr>
<td><input type="checkbox" class="output_checkbox" name="model[]" value="actor_id" checked></td>
<td>actor.id</td>
<td>
<a href="#" id="outputName" data-type="text" data-pk="actor_id" data-url="https://apiplug.com/design/change-output" data-title="Output Field Name" data-placeholder="Enter Output Field Name">
actor_id
</a></td>
</tr>
<tr>
<td><input type="checkbox" class="output_checkbox" name="model[]" value="first_name" checked></td>
<td>actor.first_name</td>
<td>
<a href="#" id="outputName" data-type="text" data-pk="first_name" data-url="https://apiplug.com/design/change-output" data-title="Output Field Name" data-placeholder="Enter Output Field Name">
first_name
</a></td>
</tr>
<tr>
<td><input type="checkbox" class="output_checkbox" name="model[]" value="last_name" checked></td>
<td>actor.last_name</td>
<td>
<a href="#" id="outputName" data-type="text" data-pk="last_name" data-url="https://apiplug.com/design/change-output" data-title="Output Field Name" data-placeholder="Enter Output Field Name">
last_name
</a></td>
</tr>
<tr>
<td><input type="checkbox" class="output_checkbox" name="model[]" value="last_update" checked></td>
<td>actor.last_update</td>
<td>
<a href="#" id="outputName" data-type="text" data-pk="last_update" data-url="https://apiplug.com/design/change-output" data-title="Output Field Name" data-placeholder="Enter Output Field Name">
last_update
</a></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="tab-pane " id="constraints">
<div class="row constraints">
<div class="col-md-12">
<h4>Constraints</h4>
<p>Please select fields and values checked on call. You can either define fixed value(s) or use Inputs defined before.</p>
<table class="table table-hover responsive" id="constraint_table">
<tr>
<th>Field</th>
<th>Operator</th>
<th>Value / Input</th>
<th></th>
</tr>
<tr id='no_constraint_row'>
<td colspan='6'>No Constraints created yet!</td>
</tr>
<tr id="sample_constraint_row" style="display:none;">
<td>
<a href="#" id="target_field" data-placement="bottom" data-type="select" data-pk="" data-url="https://apiplug.com/design/change-constraint" data-title="Target Field" data-placeholder="Select Target Field" data-value="GET" data-source="https://apiplug.com/design/outputs"
data-sourceCache="false">
</a>
</td>
<td>
<a href="#" id="operator" data-placement="bottom" data-type="select" data-pk="" data-url="https://apiplug.com/design/change-constraint" data-title="Operator" data-placeholder="Select Operator" data-value="" data-source="https://apiplug.com/design/operators"
data-sourceCache="false">
</a>
</td>
<td>
<label>Value: </label>
<a href="#" id="value" data-type="text" data-placement="bottom" data-pk="" data-url="https://apiplug.com/design/change-constraint" data-title="Default Value" data-placeholder="Enter Value">
</a>
<br>
<small>or</small>
<br>
<label>Input Field :</label>
<a href="#" id="input" data-placement="bottom" data-type="select" data-pk="" data-url="https://apiplug.com/design/change-constraint" data-title="Input Variable" data-placeholder="Select Input Variable" data-value="" data-source="https://apiplug.com/design/inputs"
data-sourceCache="false">
</a>
</td>
<td><button class="btn default btn-xs black constraint_delete_button" data-pk=""><i class="fa fa-trash-o"></i> Delete</button></td>
</tr>
</table>
<button class="btn btn-sm green" id="add_constraint_button"><i class="fa fa-plus"></i>Add New Constraint</button>
</div>
</div>
</div>
<div class="tab-pane " id="pagination">
<div class="pagination-row">
<div class="row">
<div class="col-md-8">
<h4>Pagination</h4>
<p>You can enable pagination and variable defaults here.</p>
</div>
<div class="col-md-4">
<input type="checkbox" class="make-switch" data-size="normal" id="pagination_switch" checked>
</div>
</div>
<div class="row">
<div class="col-md-2">
Page Item Count:
</div>
<div class="col-md-10">
<a href="#" id="default_size" data-type="text" data-placement="bottom" data-pk="" data-url="https://apiplug.com/design/change-pagination" data-title="Default Value" data-placeholder="Enter Value">
50
</a>
</div>
</div>
<div class="row">
<div class="col-md-12">
Following input variables will be automatically added to your endpoint: <b>p_start</b>,<b>p_count</b>
</div>
</div>
</div>
</div>
<div class="tab-pane " id="oauth">
<div class=" oauth">
<div class="note note-info">
<h4 class="block">oAuth Options</h4>
<p>You can enable oAuth authentication for single endpoints too.</p>
<br><br>
<em>This module is not ready yet, but it will be available as soon as possible.</em>
<a role="button" class="btn blue let-me-know" rq_type="1" rq_id="api_oauth">
<i class="fa fa-bullhorn"></i> Let me know
</a>
</div>
</div>
</div>
<div class="tab-pane " id="customquery">
<div class="custom-query">
<div class="row">
<div class="col-md-8">
<h4 style="float: left; margin-right: 100px;">Custom Code</h4> <input type="checkbox" class="make-switch" data-size="normal" id="custom_code_switch">
<br><br>
<div class="note note-info">
<p>When you activate custom code editor, changes you made over other sections will not be used in final package. You can use this section to implement customizations to your API code.</p>
</div>
</div>
<div class="col-md-4">
<button class="btn btn-warning" id="copy_from_custom_code_button">Copy From Auto Generated Code</button>
</div>
</div>
<div class="row">
<div class="col-md-9">
<div id="custom_code_editor" class="code_editor">
/** * Please provide endpoint description * * @author moi * @version 1.0 2016-03-28 15:04:20 */ router.get("/actorlist",function(req,res) { var p_start = req.query.p_start; var p_count = req.query.p_count; if(p_start === undefined) p_start = 0; else p_start
= parseInt(p_start); if(p_count === undefined) p_count = 50; else p_count = parseInt(p_count); SampleDB_DataSource_4790916.model.query("SELECT actor_id AS actor_id, first_name AS first_name, last_name AS last_name,
last_update AS last_update" + " FROM actor " + " LIMIT ?, ? ",[p_start,p_count],function(err,rows){ var result = {}; if(err !== null) { result.error = err; } else { result.results = rows; } res.setHeader('content-type','text/json');
res.send(json_encode(result)); }); });
</div>
</div>
<div class="col-md-3">
<div id="autosave_text" style="display:none">
<btn class="btn btn-success" disabled>SAVED</btn>
</div>
<b>Stack</b>
<input type="hidden" value="" id="custom_stack_type">
<br><br>
<a href="#" id="custom_code_stack_selection" data-type="select" data-placement="bottom" data-pk="" data-url="https://apiplug.com/design/change-custom-code-language" data-title="Language" data-placeholder="Select Language" data-value="NodeJS" data-source="{'nodejs':'NodeJS','laravel':'PHP5+ & Laravel4','laravel5php5':'PHP5.5+ & Laravel 5'}"
style="background-color: blue;color:white;text-align: center;padding: 10px 10px 10px 10px;" data-step="3" data-intro="Click here to change Custom code language" data-position="right">
NodeJS <i class="fa fa-angle-down"></i>
</a>
<br><br>
<b>Datasource Fields</b>
<br><br>
<ul>
<li>actor.id</li>
<li>actor.first_name</li>
<li>actor.last_name</li>
<li>actor.last_update</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SOURCE CODE EDITOR START -->
<div class="row">
<style type="text/css" media="screen">
.code_editor {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 500px;
}
</style>
<br>
<h3>API Endpoint Source Code</h3>
<div class="tabbable-custom " data-step="14" data-intro="Your auto generated endpoint source code will be shown in here" data-position="left">
<ul class="nav nav-tabs ">
<li class="active">
<a href="#nodejs_code" data-toggle="tab">
<span class="visible-xs"><i class="entypo-home"></i></span>
<span class="hidden-xs">NodeJS & Express</span>
</a>
</li>
<li>
<a href="#php_laravel_code" data-toggle="tab">
<span class="visible-xs"><i class="entypo-home"></i></span>
<span class="hidden-xs">PHP5.5+ & Laravel4</span>
</a>
</li>
<li>
<a href="#php5_laravel4_code" data-toggle="tab">
<span class="visible-xs"><i class="entypo-home"></i></span>
<span class="hidden-xs">PHP5.5+ & Laravel5</span>
</a>
</li>
<li>
<a href="#php_ci_code" data-toggle="tab">
<span class="visible-xs"><i class="entypo-home"></i></span>
<span class="hidden-xs">PHP/CodeIgniter</span>
</a>
</li>
<li>
<a href="#python" data-toggle="tab">
<span class="visible-xs"><i class="entypo-home"></i></span>
<span class="hidden-xs">Python & Django</span>
</a>
</li>
<li>
<a href="#go" data-toggle="tab">
<span class="visible-xs"><i class="entypo-home"></i></span>
<span class="hidden-xs">Go</span>
</a>
</li>
<li>
<a href="#asp.net" data-toggle="tab">
<span class="visible-xs"><i class="entypo-home"></i></span>
<span class="hidden-xs">ASP.NET</span>
</a>
</li>
<li>
<a href="#ror" data-toggle="tab">
<span class="visible-xs"><i class="entypo-home"></i></span>
<span class="hidden-xs">Ruby on Rails</span>
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="nodejs_code">
<div class="row">
<div class="col-md-12 col-sm-12">
<h3>Auto Generated Code</h3>
<p>This code is auto generated according to the settings above. This code editor is read-only. <br>If you dont want to use gui above and type your custom code you can use our <a href="#customquery">advanced source code editor</a> above.</p>
<div id="nodejs_generator" class="code_editor">
/** * Please provide endpoint description * * @author moi * @version 1.0 2016-03-28 15:04:20 */ router.get("/actorlist",function(req,res) { var p_start = req.query.p_start; var p_count = req.query.p_count; if(p_start === undefined) p_start = 0; else p_start
= parseInt(p_start); if(p_count === undefined) p_count = 50; else p_count = parseInt(p_count); SampleDB_DataSource_4790916.model.query("SELECT actor_id AS actor_id, first_name AS first_name, last_name AS last_name,
last_update AS last_update" + " FROM actor " + " LIMIT ?, ? ",[p_start,p_count],function(err,rows){ var result = {}; if(err !== null) { result.error = err; } else { result.results = rows; } res.setHeader('content-type','text/json');
res.send(json_encode(result)); }); });
</div>
</div>
</div>
</div>
<div class="tab-pane " id="php_laravel_code">
<div class="row">
<div class="col-md-12 col-sm-12">
<h3>Auto Generated Code</h3>
<p>This code is auto generated according to the settings above. This code editor is read-only. <br>If you dont want to use gui above and type your custom code you can use our <a href="#customquery">advanced source code editor</a> above.</p>
<div id="laravel_generator" class="code_editor">
/** * Please provide endpoint description * * @author moi * @version 1.0 2016-03-28 15:04:20 */ function getActorList() { $p_count = Input::get('p_count','50'); $p_start = Input::get('p_start','0'); try { $result = DB::connection('SampleDB_DataSource_4790916')->table('actor')->select('actor_id
as actor_id', 'first_name as first_name', 'last_name as last_name', 'last_update as last_update') ->skip($p_start)->take($p_count) ->get(); echo json_encode($result); } catch(\Exception $e) { $result['error']
= $e; echo json_encode($result); } }
</div>
</div>
</div>
</div>
<div class="tab-pane " id="php5_laravel4_code">
<div class="row">
<div class="col-md-12 col-sm-12">
<h3>Auto Generated Code</h3>
<p>This code is auto generated according to the settings above. This code editor is read-only. <br>If you dont want to use gui above and type your custom code you can use our <a href="#customquery">advanced source code editor</a> above.</p>
<div id="laravel5php5_generator" class="code_editor">
/** * Please provide endpoint description * * @author moi * @version 1.0 2016-03-28 15:04:20 */ function getActorList(Request $request) { $p_count = $request->input('p_count','50'); $p_start = $request->input('p_start','0'); try { $result = DB::connection('SampleDB_DataSource_4790916')->table('actor')->select('actor_id
as actor_id', 'first_name as first_name', 'last_name as last_name', 'last_update as last_update') ->skip($p_start)->take($p_count) ->get(); } catch(\Exception $e) { $result['error'] = $e; } finally { return response()->json($result);
} }
</div>
</div>
</div>
</div>
<div class="tab-pane " id="php_ci_code">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="note note-info">
<h4 class="block"></h4>
<em>This module is not ready yet, but it will be available as soon as possible.</em>
<a role="button" class="btn blue let-me-know" rq_type="1" rq_id="api_codeigniter">
<i class="fa fa-bullhorn"></i> Let me know
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane " id="python">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="note note-info">
<h4 class="block"></h4>
<em>This module is not ready yet, but it will be available as soon as possible.</em>
<a role="button" class="btn blue let-me-know" rq_type="1" rq_id="api_python">
<i class="fa fa-bullhorn"></i> Let me know
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane " id="go">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="note note-info">
<h4 class="block"></h4>
<em>This module is not ready yet, but it will be available as soon as possible.</em>
<a role="button" class="btn blue let-me-know" rq_type="1" rq_id="api_go">
<i class="fa fa-bullhorn"></i> Let me know
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane " id="asp.net">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="note note-info">
<h4 class="block"></h4>
<em>This module is not ready yet, but it will be available as soon as possible.</em>
<a role="button" class="btn blue let-me-know" rq_type="1" rq_id="api_aspnet">
<i class="fa fa-bullhorn"></i> Let me know
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane " id="ror">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="note note-info">
<h4 class="block"></h4>
<em>This module is not ready yet, but it will be available as soon as possible.</em>
<a role="button" class="btn blue let-me-know" rq_type="1" rq_id="api_ror">
<i class="fa fa-bullhorn"></i> Let me know
</a>
</div>
</div>
</div>
</div>
</div>
<!-- end tab content -->
</div>
<!-- end tabable -->
</div>
<!-- SOURCE CODE EDITOR END -->
</div>
<!-------- /main panel part ------>
</div>
</div>
</div>
<!-- END PORTLET-->
<a href="https://apiplug.com/generate" class="btn btn-lg green m-icon-big" style="float:right;" data-step="15" data-intro="If everything is ok continue next step to generate and download your source code." data-position="top">
Continue to Next Generate Step <i class="m-icon-big-swapright m-icon-white"></i>
</a>
<br>
</div>
</div>
<!-- END PAGE CONTENT INNER -->
</div>
</div>
<!-- END PAGE CONTENT -->
<!--/ main row -->
<!----- javascript part --->
<!-- Code Editor -->
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/ace-builds/src-min-noconflict/ace.js"></script>
<script type="text/javascript">
var editor = ace.edit("nodejs_generator");
editor.setReadOnly(true);
editor.$blockScrolling = Infinity
editor.getSession().setMode("ace/mode/javascript");
editor.getSession().setUseWrapMode(true);
var editor_laravel = ace.edit("laravel_generator");
editor_laravel.setReadOnly(true);
editor_laravel.$blockScrolling = Infinity
editor_laravel.getSession().setMode({path:"ace/mode/php",inline:true});
editor_laravel.getSession().setUseWorker(false);
editor_laravel.getSession().setUseWrapMode(true);
var editor_laravel5_php5 = ace.edit("laravel5php5_generator");
editor_laravel5_php5.setReadOnly(true);
editor_laravel5_php5.$blockScrolling = Infinity
editor_laravel5_php5.getSession().setMode({path:"ace/mode/php",inline:true});
editor_laravel5_php5.getSession().setUseWorker(false);
editor_laravel5_php5.getSession().setUseWrapMode(true);
var custom_code_editor = ace.edit("custom_code_editor");
</script>
<!-- chosen -->
<script type="text/javascript">
$(document).ready(function() {
$("#datasource_select").chosen().change(function(evt,params)
{
values = $("#datasource_select").chosen().val();
$.ajax(
{
url: "https://apiplug.com/design/set-datasource",
data: {datasource_id : values},
type: "POST",
success: function (data) {
result = jQuery.parseJSON(data);
if(result.html != undefined)
{
disableEndpointButtons();
$("#datatable_select").removeAttr("disabled");
$("#datatable_select").find('option').remove().end();
$("#datatable_select").append(result.html);
$("#datatable_select").trigger("chosen:updated");
}
}
})
});
$("#datatable_select").chosen().change(function()
{
value = $("#datatable_select").chosen().val();
$.ajax(
{
url: "https://apiplug.com/design/set-datatable",
data: {tablename : value},
type: "POST",
success: function (data) {
result = jQuery.parseJSON(data);
if(result.success != undefined)
{
updateCodeEditor();
$(location).attr('href','https://apiplug.com/design/endpoint/56f947f4645b4cae0e8b469d/output');
enableEndpointButtons();
}
}
});
});
//datatable check
var datatable = $("#datatable_select option:selected").attr("value");
if(datatable == undefined)
{
disableEndpointButtons();
}
else
{
updateHasOneFields();
}
$.fn.editable.defaults.mode = 'inline';
$.fn.editable.defaults.placement = 'bottom';
$.fn.editable.defaults.escape = true;
//pagintaion switch
$("#pagination_switch").bootstrapSwitch(
{
onSwitchChange: function(event,state)
{
$.ajax(
{
url: "https://apiplug.com/design/toggle-pagination",
data: {p_state : state, p_size : 50},
type: "POST",
success: function(data)
{
if(data == false)
$("#input_pagination_table").fadeOut();
else
$("#input_pagination_table").fadeIn();
updateCodeEditor();
}
});
}
});
//custom_code_switch
$("#custom_code_switch").bootstrapSwitch(
{
onSwitchChange: function(event,state)
{
$.ajax(
{
url: "https://apiplug.com/design/toggle-custom-code",
data: {p_state : state},
type: "POST",
success: function(data)
{
//console.log(state);
}
});
}
});
//endpoint delete
$(document).find(".endpoint-trash").each(function()
{
$(this).confirm({
confirm: function(button)
{
var pk = button.attr("data-pk");
var current_pk = "56f947f4645b4cae0e8b469d";
//do ajax call
$.ajax(
{
url: "https://apiplug.com/design/delete-endpoint",
data: {endpoint_id : pk},
type: "POST",
success: function (data) {
result = jQuery.parseJSON(data);
if(result.success != undefined)
{
if(pk != current_pk)
{
$("#"+pk).fadeOut();
$("#panel_"+pk).fadeOut();
}
else
{
window.location.href = "https://apiplug.com/design/index";
}
}
}
});
}
});
});
$(document).find('a[data-pk]').each(function(index)
{
$(this).editable({
placement:"right",
escape:true,
success: function(response, newValue) {
updateCodeEditor();
if(newValue == "POST")
{
$("#add_constraint_button").attr("disabled");
}
else
{
$("#add_constraint_button").removeAttr("disabled");
}
//custom code selection part
if($(this).attr("id") == "custom_code_stack_selection")
{
//bring corresponding code form database
$.ajax(
{
url: "https://apiplug.com/design/custom-code",
type: "GET",
success: function (data) {
result = jQuery.parseJSON(data);
if(newValue == "nodejs")
{
custom_code_editor.getSession().setMode("ace/mode/javascript");
if(result.codes.nodejs_custom != undefined)
custom_code_editor.setValue(result.codes.nodejs_custom);
else
custom_code_editor.setValue(result.codes.nodejs);
}
else if(newValue == "laravel5php5")
{
custom_code_editor.getSession().setMode({path:"ace/mode/php",inline:true});
if(result.codes.laravel5php5_custom != undefined)
custom_code_editor.setValue(result.codes.laravel5php5_custom);
else
custom_code_editor.setValue(result.codes.laravel5php5);
}
else if(newValue == "laravel")
{
custom_code_editor.getSession().setMode({path:"ace/mode/php",inline:true});
if(result.codes.laravel_custom != undefined)
custom_code_editor.setValue(result.codes.laravel_custom);
else
custom_code_editor.setValue(result.codes.laravel);
}
}
});
}
}
});
});
//update generator
function disableEndpointButtons()
{
$("#add_input_button").attr("disabled","");
}
function enableEndpointButtons()
{
$("#add_constraint_button").removeAttr("disabled");
}
function updateCodeEditor()
{
$.ajax(
{
url: "https://apiplug.com/design/generated-code",
type: "GET",
success: function (data) {
result = jQuery.parseJSON(data);
if(result.nodejs != undefined)
{
var editor = ace.edit("nodejs_generator");
editor.setValue(result.nodejs);
var editor_laravel = ace.edit("laravel_generator");
editor_laravel.setValue(result.laravel);
var editor_laravel5_php5 = ace.edit("laravel5php5_generator");
editor_laravel5_php5.setValue(result.laravel5php5);
}
}
});
}
//hasOne part
function hasOneLogicCheck(response,index)
{
//if repsonse is null relation is not complete, make bg red
// if(response === undefined || response.length == 0)
// {
// }
//if respone action is present, then update Outputs, make bg normal
// response = jQuery.parseJSON(response);
// if(response.action == "update_outputs")
// {
reloadOutput();
updateCodeEditor();
// }
}
function updateHasOneFields()
{
$("#hasone_table").find('a[id="relation_db"]').each(function(index)
{
// //console.log($(this).attr("data-pk"));
$(this).editable({
placement:"right",
escape:true,
success: function(response, newValue) {
//console.log(response);
//console.log(newValue);
var sourceString = "https://apiplug.com/design/relation-tables";
sourceString += "/"+newValue;
var html = "<a href=\"#\" id=\"relation_field\" data-placement=\"bottom\" data-type=\"select\" data-pk=\""+$(this).attr("data-pk")+"\" data-url=\"https://apiplug.com/design/change-has-one-relation-parameters\" data-title=\"Relation Table\" data-placeholder=\"Select Relation Table\" data-value=\"GET\" data-sourceCache=\"false\" data-source="+sourceString+" ></a>";
$("#relation_field_row_"+$(this).attr("data-pk")).html(html);
updateHasOneFields();
hasOneLogicCheck(response,$(this).attr("data-pk"));
}
});
});
$("#hasone_table").find('a[id="relation_field"]').each(function(index)
{
$(this).editable({
placement:"right",
escape:true,
success: function(response, newValue) {
hasOneLogicCheck(response,$(this).attr("data-pk"));
}
});
});
$("#hasone_table").find('a[id="source_field"]').each(function(index)
{
$(this).editable({
placement:"right",
escape:true,
success: function(response, newValue) {
hasOneLogicCheck(response,$(this).attr("data-pk"));
}
});
});
}
$("#add_hasone_button").click(function()
{
var sample_row = $("#sample_hasone_row");
$.ajax(
{
url: "https://apiplug.com/design/create-has-one-relation",
type: "POST",
success: function (data)
{
updateCodeEditor();
result = jQuery.parseJSON(data);
sample_row_html = sample_row.html().replace(new RegExp(/data-pk=\"\"/g),'data-pk="'+result.index+'"');
sample_row_html = sample_row_html.replace(new RegExp(/relation_field_row/g),'relation_field_row_'+result.index);
$("#hasone_table tr:last").after('<tr id="hasone_'+result.index+'">'+sample_row_html+'<tr>');
//xeditable patch
updateHasOneFields();
$("#hasone_table").find(".hasone_delete_button").each(function()
{
$(this).click(function()
{
var index = $(this).data("pk");
var button = $(this);
//console.log(index);
$.ajax(
{
url: "https://apiplug.com/design/delete-has-one-relation",
type: "POST",
data: {pk : index},
success: function (data)
{
result = jQuery.parseJSON(data);
if(result.success !== undefined)
{
$("#hasone_"+index).attr("id","hasone_deleted_"+index);
$("#hasone_deleted_"+index).fadeOut();
$("#hasone_deleted_"+index).remove();
reloadOutput();
}
}
});
});
});
}
});
});
$(document).find(".hasone_delete_button").each(function()
{
$(this).click(function()
{
var index = $(this).data("pk");
var button = $(this);
//console.log(index);
$.ajax(
{
url: "https://apiplug.com/design/delete-has-one-relation",
type: "POST",
data: {pk : index},
success: function (data)
{
result = jQuery.parseJSON(data);
//console.log(result);
if(result.success !== undefined)
{
updateCodeEditor();
$("#hasone_"+index).attr("id","hasone_deleted_"+index);
$("#hasone_deleted_"+index).fadeOut();
$("#hasone_deleted_"+index).remove();
reloadOutput();
}
}
});
});
});
//input part
$("#add_input_button").click(function()
{
$("#no_input_row").hide();
var sample_row = $("#sample_row");
$.ajax(
{
url: "https://apiplug.com/design/create-input",
type: "POST",
success: function (data)
{
updateCodeEditor();
result = jQuery.parseJSON(data);
sample_row_html = sample_row.html().replace(new RegExp(/data-pk=\"\"/g),'data-pk="'+result.index+'"');
$("#input_table tr:last").after('<tr id="input_'+result.index+'">'+sample_row_html+'<tr>');
//xeditable patch
$(document).find('a[data-pk]').each(function(index)
{
$(this).editable({
placement:"right",
escape:true,
success: function(response, newValue) {
updateCodeEditor();
}
});
});
$("#input_table").find(".input_delete_button").each(function()
{
$(this).click(function()
{
var index = $(this).data("pk");
var button = $(this);
//console.log(index);
$.ajax(
{
url: "https://apiplug.com/design/delete-input",
type: "POST",
data: {pk : index},
success: function (data)
{
result = jQuery.parseJSON(data);
if(result.success !== undefined)
{
$("#input_"+index).attr("id","input_deleted_"+index);
$("#input_deleted_"+index).fadeOut();
$("#input_deleted_"+index).remove();
}
}
});
});
});
}
});
});
$(document).find(".input_delete_button").each(function()
{
$(this).click(function()
{
var index = $(this).data("pk");
var button = $(this);
//console.log(index);
$.ajax(
{
url: "https://apiplug.com/design/delete-input",
type: "POST",
data: {pk : index},
success: function (data)
{
result = jQuery.parseJSON(data);
if(result.success !== undefined)
{
updateCodeEditor();
$("#input_"+index).attr("id","input_deleted_"+index);
$("#input_deleted_"+index).fadeOut();
$("#input_deleted_"+index).remove();
}
}
});
});
});
//constraint part
$("#add_constraint_button").click(function()
{
$("#no_constraint_row").hide();
var sample_row = $("#sample_constraint_row")
$.ajax(
{
url: "https://apiplug.com/design/create-constraint",
type: "POST",
success: function (data)
{
updateCodeEditor();
result = jQuery.parseJSON(data);
sample_row_html = sample_row.html().replace(new RegExp(/data-pk=\"\"/g),'data-pk="'+result.index+'"');
$("#constraint_table tr:last").after('<tr id="constraint_'+result.index+'">'+sample_row_html+'<tr>');
//xeditable patch
$(document).find('a[data-pk]').each(function(index)
{
$(this).editable({
placement:"right",
escape:true,
success: function(response, newValue) {
updateCodeEditor();
}
});
});
$("#constraint_table").find(".constraint_delete_button").each(function()
{
$(this).click(function()
{
var index = $(this).data("pk");
var button = $(this);
//console.log(index);
$.ajax(
{
url: "https://apiplug.com/design/delete-constraint",
type: "POST",
data: {pk : index},
success: function (data)
{
result = jQuery.parseJSON(data);
if(result.success !== undefined)
{
updateCodeEditor();
$("#constraint_"+index).attr("id","constraint_deleted_"+index);
$("#constraint_deleted_"+index).fadeOut();
$("#constraint_deleted_"+index).remove();
}
}
});
});
});
}
});
});
$(document).find(".constraint_delete_button").each(function()
{
$(this).click(function()
{
var index = $(this).data("pk");
var button = $(this);
//console.log(index);
$.ajax(
{
url: "https://apiplug.com/design/delete-constraint",
type: "POST",
data: {pk : index},
success: function (data)
{
result = jQuery.parseJSON(data);
if(result.success !== undefined)
{
updateCodeEditor();
$("#constraint_"+index).attr("id","constraint_deleted_"+index);
$("#constraint_deleted_"+index).fadeOut();
$("#constraint_deleted_"+index).remove();
}
}
});
});
});
//output part
initOutput();
function reloadOutput()
{
$.ajax(
{
url: "https://apiplug.com/design/output-table-html",
type: "GET",
success: function (data)
{
$("#output_div").html(data);
initOutput();
}
});
}
function initOutput()
{
$("#output_select_all").click(function()
{
$(document).find(".output_checkbox").each(function()
{
var var_pk = $(this).val()
var var_name = "active";
var var_value = 1;
if(!$(this).is(":checked"))
{
$(this).prop('checked', true);
$.ajax(
{
url: "https://apiplug.com/design/change-output",
data: {pk : var_pk, name: var_name, value: var_value},
type: "POST",
success: function(data)
{
updateCodeEditor();
}
});
}
});
});
//checkboxpart
$(document).find(".output_checkbox").each(function()
{
$(this).change(function()
{
var var_pk = $(this).val()
var var_name = "active";
var var_value;
if($(this).is(":checked"))
{
var_value = 1;
}
else
{
var_value = 0;
}
$.ajax(
{
url: "https://apiplug.com/design/change-output",
data: {pk : var_pk, name: var_name, value: var_value},
type: "POST",
success: function(data)
{
updateCodeEditor();
}
});
});
});
//x-editable part
$("#output_div").find('a[data-pk]').each(function(index)
{
$(this).editable({
placement:"right",
escape:true,
success: function(response, newValue) {
updateCodeEditor();
}
});
});
//copy from custom code button
$("#copy_from_custom_code_button").click(function()
{
$.ajax({
url: "https://apiplug.com/design/custom-code",
type: "GET",
success: function (data) {
result = jQuery.parseJSON(data);
if(result.selected_custom_stack_name == "nodejs")
custom_code_editor.setValue(result.codes.nodejs);
else if(result.selected_custom_stack_name == "laravel")
custom_code_editor.setValue(result.codes.laravel);
else if(result.selected_custom_stack_name == "laravel5php5")
custom_code_editor.setValue(result.codes.laravel5php5);
}
});
});
initCustomCode();
function initCustomCode()
{
var stack = $("#custom_code_stack_selection").data("value");
// console.log(stack);
if(stack == "nodejs")
custom_code_editor.getSession().setMode("ace/mode/javascript");
else if(stack == "laravel5php5")
custom_code_editor.getSession().setMode({path:"ace/mode/php",inline:true});
else if(stack == "laravel")
custom_code_editor.getSession().setMode({path:"ace/mode/php",inline:true});
custom_code_editor.$blockScrolling = Infinity
custom_code_editor.getSession().setUseWrapMode(true);
}
function saveText()
{
var postData = Array();
var code_value = encodeURIComponent(custom_code_editor.getValue());
$.ajax({
data: {code : code_value},
url: "https://apiplug.com/design/save-custom-code",
type: "POST",
success: function(data){
$("#autosave_text").fadeIn("fast");
$("#autosave_text").fadeOut("slow");
}
});
}
var typingTimer; //timer identifier
var doneTypingInterval = 1500; //time in ms, 5 second for example
$("#custom_code_editor").keyup(function()
{
clearTimeout(typingTimer);
if($("#custom_code_editor").val)
{
typingTimer = setTimeout(saveText,doneTypingInterval);
}
});
}
});
</script>
</div>
<!-- right content area -->
</div>
</div>
<!-- END PAGE CONTENT INNER -->
</div>
<!-- BEGIN PAGE CONTENT -->
</div>
<!-- END PAGE CONTENT -->
</div>
<!-- END PAGE CONTAINER -->
<!-- BEGIN PRE-FOOTER -->
<div class="page-prefooter" id="page_prefooter">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
<img src="https://apiplug.com/assets/apiplug_logo_white_small.png" style="width:200px;" alt="">
<br/><br/>
<p>
API Plug - Hassle Free API Generation
</p>
</div>
<div class="col-md-3 col-sm-6 col-xs12 footer-block" id="refer_a_friend_block">
<h2>Refer a Friend</h2>
<div class="subscribe-form" id="subscribe_form">
<p>Refer to your friends and earn 1 year free API Plug package!</p>
<br/>
<form role="form" method="post" action="https://apiplug.com/profile/referral-save" enctype="multipart/form-data">
<div class="input-group">
<input name="friends_email" type="text" placeholder="friends@email.com" class="form-control">
<span class="input-group-btn">
<button type="submit" class="btn" type="submit">Send</button>
</span>
</div>
</form>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 footer-block" id="follow_us_block">
<h2>Follow Us On</h2>
<ul class="social-icons">
<li>
<a href="https://www.facebook.com/apiplug" data-original-title="facebook" class="facebook"></a>
</li>
<li>
<a href="https://twitter.com/apiplug" data-original-title="twitter" class="twitter"></a>
</li>
<li>
<a href="https://apiplug.com/blog" data-original-title="blog" class="rss"></a>
</li>
<!--
<li>
<a href="javascript:;" data-original-title="googleplus" class="googleplus"></a>
</li>
<li>
<a href="javascript:;" data-original-title="linkedin" class="linkedin"></a>
</li>
<li>
<a href="javascript:;" data-original-title="youtube" class="youtube"></a>
</li>
<li>
<a href="javascript:;" data-original-title="vimeo" class="vimeo"></a>
</li>
-->
</ul>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 footer-block" id="address_container">
<h2>Contact</h2>
<address class="margin-bottom-40">
Phone (US): +1 (917) 720-3693 <br>
Phone (TR): +90 216 405 11 21<br>
Email: <a href="mailto:hello@apiplug.com">hello@apiplug.com</a>
</address>
</div>
</div>
</div>
</div>
<!-- END PRE-FOOTER -->
<!-- BEGIN FOOTER -->
<div class="page-footer">
<div class="container">
2015-2016 © API Plug v.1.0 <a href="https://apiplug.com" title="API Plug" target="_blank">https://apiplug.com</a>
</div>
</div>
<div class="scroll-to-top" id="scroll_to_top">
<i class="icon-arrow-up"></i>
</div>
<!-- END FOOTER -->
</div>
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="../../assets/global/plugins/respond.min.js"></script>
<script src="../../assets/global/plugins/excanvas.min.js"></script>
<![endif]-->
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/jquery-ui/jquery-ui.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/jquery.blockui.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/jquery.blockui.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/jquery.cokie.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/uniform/jquery.uniform.min.js"></script>
<!-- END CORE PLUGINS -->
<script src="https://apiplug.com/assets/Backend/assets/global/scripts/metronic.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/admin/layout3/scripts/layout.js"></script>
<!--<script src="https://apiplug.com/assets/Backend/assets/admin/layout3/scripts/demo.js"></script>
-->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/jquery-validation/js/jquery.validate.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/jquery-validation/js/additional-methods.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/select2/select2.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/jstree/dist/jstree.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/smoothstate/jquery.smoothState.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<script src="https://apiplug.com/assets/Backend/assets/admin/pages/scripts/form-validation.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/admin/pages/scripts/ui-blockui.js"></script>
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/global/plugins/icheck/skins/all.css">
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/icheck/icheck.min.js"></script>
<!--- our addons -->
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/global/plugins/bootstrap3-editable/css/bootstrap-editable.css">
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/jquery-confirm/jquery.confirm.min.js"></script>
<link media="all" type="text/css" rel="stylesheet" href="https://apiplug.com/assets/Backend/assets/global/plugins/chosen/chosen.min.css">
<script src="https://apiplug.com/assets/Backend/assets/global/plugins/chosen/chosen.jquery.min.js"></script>
<script>
jQuery(document).ready(function() {
Metronic.init(); // init metronic core components
Layout.init(); // init current layout
//Demo.init(); // init demo features
// $('#smoothStateArea').smoothState({ debug: true });
//in-place edit
//find all editable things and make them editable
$(document).find('a[data-pk]').each(function(index)
{
$(this).editable({
placement:"right",
escape:true,
});
});
$("#ui-mode-switch").on('switchChange.bootstrapSwitch', function(event, state) {
var mode;
if(state == true)
mode = "_simple";
else
mode = "";
$.ajax(
{
url: "https://apiplug.com/dashboard/change-ui-mode",
data: {ui_mode : mode},
type: "POST",
success: function (data) {
location.removedByCodePen();
}
});
});
});
/* GLOBAL JS FUNCTIONS START */
//TODO: Move to a .js file
$(document).find(".let-me-know").each(function()
{
$(this).on("click", function(){
var type = $(this).attr("rq_type");
var id = $(this).attr("rq_id");
//alert("TEST("+id+")");
function complete() {
$(this).replaceWith( "<span class='font-green'>We will let you know when it is available.</span>" );
}
$(this).fadeOut("slow", "linear", complete );
//do ajax call
$.ajax(
{
url: "https://apiplug.com/request/save-request",
data: {rq_type : type,rq_id:id},
type: "POST",
success: function (data) {
result = jQuery.parseJSON(data);
if(result.success != undefined)
{
}
}
});
return true;
});
});
function changeUIMode(target)
{
$.ajax({
url: "https://apiplug.com/dashboard/change-ui-mode"+"/"+target,
type: "GET",
success: function(data)
{
location.removedByCodePen();
}
});
}
/* GLOBAL JS FUNCTIONS END */
</script>
<script>
window.intercomSettings = {
app_id: "d14o5kl1",
name: "moi six", // Full name
email: "moi65@bluewin.ch", // Email address
created_at: 1459105964,
user_id: "56f830ac645b4cae0e8b456a", // Signup date as a Unix timestamp
package_name: "Small", //custom attributes
api_count: 1,
endpoint_count: 115,
};
</script>
<script>
(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/d14o5kl1';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()
</script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter32812015 = new Ya.Metrika({
id:32812015,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
} catch(e) { }
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () { n.parentNode.insertBefore(s, n); };
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/watch.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div id="yandex_metrica"><img src="https://mc.yandex.ru/watch/32812015" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-42642360-10', 'auto');
ga('send', 'pageview');
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>
<script src='//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js'></script>
<script >let chaineLongue = "Voici une très longue chaîne qui a besoin \
d'être passée à la ligne parce que sinon \
ça risque de devenir illisble.";
console.log(chaineLongue);
//
//# sourceURL=pen.js
</script>
</body></html>
