Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save filhotecmail/18ebffd962f320e71c319786064499f0 to your computer and use it in GitHub Desktop.
Save filhotecmail/18ebffd962f320e71c319786064499f0 to your computer and use it in GitHub Desktop.
Pagina teste Livewire componentes
<!DOCTYPE html>
<html lang="en">
<head>
<title>Laravel</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="csrf-token" content="8o38U6sdkwDp44NlRJTzqF5a0GzRvLdBDLK8nvUN">
<title>Leopard WebAP &amp; UI Framework</title>
<meta name="Sistema de gestão e retaguarda Leopard Frente PDV" content="Sistema de gestão e retaguarda Leopard Frente PDV">
<meta name="author" content="Leopard WebAPP">
<meta name="robots" content="noindex, nofollow">
<!-- Open Graph Meta -->
<meta property="og:title" content="">
<meta property="og:site_name" content="">
<meta property="og:description" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<link rel="shortcut icon" href="http://127.0.0.1:8000/media/favicons/favicon.png">
<link rel="icon" type="image/png" sizes="192x192" href="http://127.0.0.1:8000/media/favicons/favicon-192x192.png">
<link rel="apple-touch-icon" sizes="180x180" href="http://127.0.0.1:8000/media/favicons/apple-touch-icon-180x180.png">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,400i,600,700&amp;display=swap">
<link rel="stylesheet" id="css-main" href="http://127.0.0.1:8000/css/codebase.min.css">
<link rel="stylesheet" type="text/css" href="http://127.0.0.1:8000/js/plugins/datatables/dataTables.bootstrap4.css">
<link rel="stylesheet" type="text/css" href="http://127.0.0.1:8000/css/buttons.dataTables.min.css">
<!-- Scripts -->
<script src="/js/app.js"></script>
<!-- Livewire Styles -->
<style>
[wire\:loading],
[wire\:loading\.delay],
[wire\:loading\.inline-block],
[wire\:loading\.inline],
[wire\:loading\.block],
[wire\:loading\.flex],
[wire\:loading\.table],
[wire\:loading\.grid] {
display: none;
}
[wire\:offline] {
display: none;
}
[wire\:dirty]:not(textarea):not(input):not(select) {
display: none;
}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
animation-duration: 50000s;
animation-name: livewireautofill;
}
@keyframes livewireautofill {
from {}
}
</style>
<link rel="stylesheet" href="/css/app.css">
</head>
<body class="" style="">
<div id="page-container" class="enable-page-overlay side-scroll page-header-modern main-content-boxed side-trans-enabled sidebar-o page-header-fixed">
<aside id="side-overlay" data-simplebar="init">
<div class="simplebar-wrapper" style="margin: 0px;">
<div class="simplebar-height-auto-observer-wrapper">
<div class="simplebar-height-auto-observer"></div>
</div>
<div class="simplebar-mask">
<div class="simplebar-offset" style="right: 0px; bottom: 0px;">
<div class="simplebar-content-wrapper" style="height: 100%; overflow: hidden scroll;">
<div class="simplebar-content" style="padding: 0px;">
<!-- Side Header -->
<div class="content-header content-header-fullrow">
<div class="content-header-section align-parent">
<!-- Close Side Overlay -->
<!-- Layout API, functionality initialized in Template._uiApiLayout() -->
<button type="button" class="btn btn-circle btn-dual-secondary align-v-r" data-toggle="layout" data-action="side_overlay_close">
<i class="fa fa-times text-danger"></i>
</button>
<!-- END Close Side Overlay -->
<!-- User Info -->
<div class="content-header-item">
<a class="img-link mr-5" href=" ">
<img class="img-avatar img-avatar32"
src="http://127.0.0.1:8000/media/avatars/avatar15.jpg" alt="">
</a>
<a class="align-middle link-effect text-primary-dark font-w600" href=" ">John
Smith</a>
</div>
<!-- END User Info -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="simplebar-placeholder" style="width: auto; height: 1766px;"></div>
</div>
<div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
<div class="simplebar-scrollbar" style="width: 0px; display: none;"></div>
</div>
<div class="simplebar-track simplebar-vertical" style="visibility: visible;">
<div class="simplebar-scrollbar" style="height: 289px; transform: translate3d(0px, 0px, 0px); display: block;"></div>
</div>
</aside>
<nav id="sidebar" data-simplebar="init">
<div class="simplebar-wrapper" style="margin: 0px;">
<div class="simplebar-height-auto-observer-wrapper">
<div class="simplebar-height-auto-observer"></div>
</div>
<div class="simplebar-mask">
<div class="simplebar-offset" style="right: 0px; bottom: 0px;">
<div class="simplebar-content-wrapper" style="height: 100%; overflow: hidden scroll;">
<div class="simplebar-content" style="padding: 0px;">
<!-- Sidebar Content -->
<div class="sidebar-content">
<!-- Side Header -->
<div class="content-header content-header-fullrow px-15">
<!-- Mini Mode -->
<div class="content-header-section sidebar-mini-visible-b">
<!-- Logo -->
<span class="content-header-item font-w700 font-size-xl float-left animated fadeIn">
<span class="text-dual-primary-dark">c</span><span class="text-primary">b</span>
</span>
<!-- END Logo -->
</div>
<!-- END Mini Mode -->
<!-- Normal Mode -->
<div class="content-header-section text-center align-parent sidebar-mini-hidden">
<!-- Close Sidebar, Visible only on mobile screens -->
<!-- Layout API, functionality initialized in Template._uiApiLayout() -->
<button type="button" class="btn btn-circle btn-dual-secondary d-lg-none align-v-r" data-toggle="layout" data-action="sidebar_close">
<i class="fa fa-times text-danger"></i>
</button>
<!-- END Close Sidebar -->
<!-- Logo -->
<div class="content-header-item">
<a class="link-effect font-w700" href="index.html">
<i class="si si-fire text-primary"></i>
<span class="font-size-xl text-dual-primary-dark">Leopard</span><span
class="font-size-xl text-primary">WebApp</span>
</a>
</div>
<!-- END Logo -->
</div>
<!-- END Normal Mode -->
</div>
<!-- END Side Header -->
<!-- Side Navigation -->
<div class="content-side content-side-full">
<ul class="nav-main">
<li class="nav-main-heading"><span class="sidebar-mini-visible">UI</span><span class="sidebar-mini-hidden">User Interface</span></li>
<li>
<a class="nav-submenu" data-toggle="nav-submenu" href="#"><i
class="si si-puzzle"></i><span
class="sidebar-mini-hide">Sistema e cadastros básicos</span></a>
<ul>
<li>
<a href="http://127.0.0.1:8000/SystemAPP/System.Empresa">Empresa</a>
</li>
<li>
<a href="be_blocks_draggable.html">Draggable</a>
</li>
<li>
<a href="be_blocks_api.html">API</a>
</li>
</ul>
</li>
<li>
<a class="nav-submenu" data-toggle="nav-submenu" href="#"><i
class="si si-puzzle"></i><span
class="sidebar-mini-hide">Parceiros</span></a>
<ul>
<li>
<a href="http://127.0.0.1:8000/SystemAPP.Parceiros.Clientes/Cliente" href="">Clientes</a>
</li>
<li>
<a href="be_blocks_draggable.html">Draggable</a>
</li>
<li>
<a href="be_blocks_api.html">API</a>
</li>
</ul>
</li>
<li>
<a class="nav-submenu" data-toggle="nav-submenu" href="#"><i
class="si si-puzzle"></i><span
class="sidebar-mini-hide">Controle de estoque</span></a>
<ul>
<li>
<a href="http://127.0.0.1:8000/SystemAPP.CrtlEstoque/index" href="">Marcas</a>
</li>
<li>
<a href="be_blocks_draggable.html">Draggable</a>
</li>
<li>
<a href="be_blocks_api.html">API</a>
</li>
</ul>
</li>
</ul>
</div>
<!-- END Side Navigation -->
</div>
<!-- Sidebar Content -->
</div>
</div>
</div>
</div>
<div class="simplebar-placeholder" style="width: auto; height: 871px;"></div>
</div>
<div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
<div class="simplebar-scrollbar" style="width: 0px; display: none;"></div>
</div>
<div class="simplebar-track simplebar-vertical" style="visibility: visible;">
<div class="simplebar-scrollbar" style="height: 586px; transform: translate3d(0px, 0px, 0px); display: block;"></div>
</div>
</nav>
<header id="page-header">
<div class="content-header">
<div class="content-header-section">
<button type="button" class="btn btn-circle btn-dual-secondary" data-toggle="layout" data-action="sidebar_toggle">
<i class="fa fa-navicon"></i>
</button>
<button type="button" class="btn btn-circle btn-dual-secondary" data-toggle="layout" data-action="header_search_on">
<i class="fa fa-search"></i>
</button>
</div>
<div class="content-header-section">
<div class="btn-group" role="group">
<button type="button" class="btn btn-rounded btn-dual-secondary" id="page-header-user-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-user d-sm-none"></i>
<span class="d-none d-sm-inline-block"> Olá Leopard Maintence</span>
<i class="fa fa-angle-down ml-5"></i>
</button>
<div class="dropdown-menu dropdown-menu-right min-width-200" aria-labelledby="page-header-user-dropdown">
<h5 class="h6 text-center py-10 mb-5 border-b text-uppercase">User</h5>
<a class="dropdown-item" href="be_pages_generic_profile.html">
<i class="si si-user mr-5"></i> Profile
</a>
<a class="dropdown-item d-flex align-items-center justify-content-between" href="be_pages_generic_inbox.html">
<span><i class="si si-envelope-open mr-5"></i> Inbox</span>
<span class="badge badge-primary">3</span>
</a>
<a class="dropdown-item" href="be_pages_generic_invoice.html">
<i class="si si-note mr-5"></i> Invoices
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="javascript:void(0)" data-toggle="layout" data-action="side_overlay_toggle">
<i class="si si-wrench mr-5"></i> Settings
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href=" http://127.0.0.1:8000/admin.LogoffSessionUser" action="http://127.0.0.1:8000/admin.LogoffSessionUser">
<i class="si si-logout mr-5"></i> Sair da sessão
</a>
</div>
</div>
<div class="btn-group" role="group">
<button type="button" class="btn btn-rounded btn-dual-secondary" id="page-header-notifications" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-flag"></i>
<span class="badge badge-primary badge-pill">0</span>
</button>
<div class="dropdown-menu dropdown-menu-right min-width-300" aria-labelledby="page-header-notifications">
<h5 class="h6 text-center py-10 mb-0 border-b text-uppercase">Notificações</h5>
<li>
<a class="text-body-color-dark media mb-15" href="javascript:void(0)">
<div class="ml-5 mr-15">
<i class="fa fa-fw fa-plus text-primary"></i>
</div>
<div class="media-body pr-10">
<p class="mb-0"></p>
<div class="text-muted font-size-sm font-italic">1 day ago</div>
</div>
</a>
</li>
<ul class="list-unstyled my-20">
</ul>
<div class="dropdown-divider"></div>
<a class="dropdown-item text-center mb-0" href="javascript:void(0)">
<i class="fa fa-flag mr-5"></i> View All
</a>
</div>
</div>
<button type="button" class="btn btn-circle btn-dual-secondary" data-toggle="layout" data-action="side_overlay_toggle">
<i class="fa fa-tasks"></i>
</button>
</div>
</div>
<div id="page-header-search" class="overlay-header">
<div class="content-header content-header-fullrow">
<form action="be_pages_generic_search.html" method="post">
<div class="input-group">
<div class="input-group-prepend">
<button type="button" class="btn btn-secondary" data-toggle="layout" data-action="header_search_off">
<i class="fa fa-times"></i>
</button>
</div>
<input type="text" class="form-control" placeholder="Search or hit ESC.." id="page-header-search-input" name="page-header-search-input">
<div class="input-group-append">
<button type="submit" class="btn btn-secondary">
<i class="fa fa-search"></i>
</button>
</div>
</div>
</form>
</div>
</div>
<div id="page-header-loader" class="overlay-header bg-primary">
<div class="content-header content-header-fullrow text-center">
<div class="content-header-item">
<i class="fa fa-sun-o fa-spin text-white"></i>
</div>
</div>
</div>
</header>
<main id="main-container" style="min-height: 647px; margin: 30px">
<div class="container-fluid">
<h4 style="color: #718096; padding-left: 10px; padding-top: 20px ">
<div class="content-header-item">
<a class="link-effect font-w700" href="index.html">
<i class="si si-fire text-primary"></i>
<span class="font-size-xl text-dual-primary-dark">Controle de estoque | </span><span
class="font-size-xl text-primary">Marcas</span>
</a>
</div>
</h4>
<hr class="hr1" style="margin: 10px">
<div id="app">
<div class="block" id="tbmarcas">
<div class="block-header block-header-default" id="buttonsblock">
<h3 class="block-title">Lista das marcas cadastradas no sistema <small></small></h3>
<div>
<button type="button" class="btn btn-sm btn-secondary" data-toggle="tooltip" title="Recarregar" id="reload">
<i class="fa fa-refresh fa"></i></button>
<button type="button" class="btn btn-sm btn-secondary" data-toggle="tooltip" title="Exportar dados para CSV" id="buttons-print"><i class="fa fa-file-excel-o"></i></button>
<button type="button" class="btn btn-sm btn-secondary" data-toggle="tooltip" title="Exportar dados para XML">
<i class="fa fa-file-text-o "></i></button>
<button type="button" class="btn btn-sm btn-secondary" data-toggle="tooltip" title="Exportar dados para JSON" onclick="tableToJson('tbmarcas')">
<i class="fa fa-file-code-o"></i></button>
<button type="button" class="btn btn-sm btn-secondary" data-toggle="tooltip" title="Exportar dados para PDF">
<i class="fa fa-file-pdf-o"></i></button>
<button type="button" class="btn btn-sm btn-secondary" data-toggle="tooltip" title="Imprimir resultados" onclick="printDiv('tbmarcas')">
<i class="fa fa-print"></i></button>
</div>
</div>
<div class="block-content block-content-full">
<table class="table table-bordered table-striped table-vcenter js-dataTable-full">
<div class="row">
<div class="col-sm-12 col-md-6">
<div class="dataTables_length" id="DataTables_Table_1_length">
<label>Listar
<select class="rounded-sm" wire:model.lazy="length">
<option value="" selected="">Selecione</option>
<option value="5">5</option>
<option value="8">8</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="50">50</option>
</select> Dados </label>
</div>
</div>
<div class="col-sm-12 col-md-6">
<label>Search:
<input type="text" wire:model="search">
</label>
</div>
</div>
<thead>
<tr>
<th>Id</th>
<th class="d-none d-sm-table-cell">Descrição da marca</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">2</td>
<td class="font-w600">Danone</td>
</tr>
<tr>
<td class="text-center">3</td>
<td class="font-w600">Nestle</td>
</tr>
<tr>
<td class="text-center">4</td>
<td class="font-w600">Nescau</td>
</tr>
<tr>
<td class="text-center">5</td>
<td class="font-w600">Lacta</td>
</tr>
<tr>
<td class="text-center">6</td>
<td class="font-w600">Uniao</td>
</tr>
<tr>
<td class="text-center">7</td>
<td class="font-w600">Caravelas</td>
</tr>
<tr>
<td class="text-center">8</td>
<td class="font-w600">Teste</td>
</tr>
<tr>
<td class="text-center">9</td>
<td class="font-w600">Philips</td>
</tr>
<tr>
<td class="text-center">10</td>
<td class="font-w600">teste 2</td>
</tr>
<tr>
<td class="text-center">11</td>
<td class="font-w600">Teste 3</td>
</tr>
<tr>
<td class="text-center">12</td>
<td class="font-w600">Leopard</td>
</tr>
<tr>
<td class="text-center">13</td>
<td class="font-w600">Leopard</td>
</tr>
<tr>
<td class="text-center">14</td>
<td class="font-w600">teste 4</td>
</tr>
<tr>
<td class="text-center">15</td>
<td class="font-w600">teste 4</td>
</tr>
<tr>
<td class="text-center">16</td>
<td class="font-w600">Teste 45</td>
</tr>
</tbody>
</table>
</div>
</div>
<div>
<nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between">
<div class="flex justify-between flex-1 sm:hidden">
<span>
<span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md">
&laquo; Previous
</span>
</span>
<span>
<button wire:click="nextPage" wire:loading.attr="disabled" dusk="nextPage.before" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150">
Next &raquo;
</button>
</span>
</div>
<div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
<div>
<p class="text-sm text-gray-700 leading-5">
<span>Showing</span>
<span class="font-medium">1</span>
<span>to</span>
<span class="font-medium">15</span>
<span>of</span>
<span class="font-medium">19</span>
<span>results</span>
</p>
</div>
<div>
<span class="relative z-0 inline-flex rounded-md shadow-sm">
<span>
<span aria-disabled="true" aria-label="&amp;laquo; Previous">
<span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5" aria-hidden="true">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
</svg>
</span>
</span>
</span>
<span wire:key="paginator-page1">
<span aria-current="page">
<span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5">1</span>
</span>
</span>
<span wire:key="paginator-page2">
<button wire:click="gotoPage(2)" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="Go to page 2">
2
</button>
</span>
<span>
<button wire:click="nextPage" dusk="nextPage.after" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="Next &amp;raquo;">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
</svg>
</button>
</span>
</span>
</div>
</div>
</nav>
</div>
<br/>
</div>
</div>
</main>
<div class="footer fixed-bottom" style=" position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: ghostwhite;
color: white;
text-align: center;">
<br/>
<div>
<button type="submit" class="inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:ring ring-gray-300 disabled:opacity-25 transition ease-in-out duration-150 btn btn-lg btn-primary"
onclick="location.href = 'http://127.0.0.1:8000/SystemAPP.CrtlEstoque/create';">
Cadastrar
</button>
</div>
<br/>
</div>
<footer id="page-footer" class="opacity-0" style="opacity: 1;"> </footer>
</div>
<div class="block-content block-content-full">
<div class="js-slider slick-dotted-inner js-slider-enabled slick-initialized slick-slider slick-dotted" data-dots="true" data-arrows="false" data-infinite="false">
<div class="slick-list draggable">
</div>
</div>
</div>
<script src="http://127.0.0.1:8000/js/codebase.core.min.js"></script>
<script src="http://127.0.0.1:8000/js/codebase.app.min.js"></script>
<script src="http://127.0.0.1:8000/js/buscacep.js"></script>
<script src="http://127.0.0.1:8000/js/receitaws/dist/js/jquery.receita-ws.js"></script>
<script src="http://127.0.0.1:8000/js/receitaws/receitawsform.js"></script>
<!-- Livewire Scripts -->
<script src="/vendor/livewire/livewire.js?id=54d078b2ce39327a1702" data-turbo-eval="false" data-turbolinks-eval="false"></script>
<script data-turbo-eval="false" data-turbolinks-eval="false">
if (window.livewire) {
console.warn('Livewire: It looks like Livewire\'s @livewireScripts JavaScript assets have already been loaded. Make sure you aren\'t loading them twice.')
}
window.livewire = new Livewire();
window.livewire.devTools(true);
window.Livewire = window.livewire;
window.livewire_app_url = '';
window.livewire_token = '8o38U6sdkwDp44NlRJTzqF5a0GzRvLdBDLK8nvUN';
/* Make sure Livewire loads first. */
if (window.Alpine) {
/* Defer showing the warning so it doesn't get buried under downstream errors. */
document.addEventListener("DOMContentLoaded", function() {
setTimeout(function() {
console.warn("Livewire: It looks like AlpineJS has already been loaded. Make sure Livewire\'s scripts are loaded before Alpine.\\n\\n Reference docs for more info: http://laravel-livewire.com/docs/alpine-js")
})
});
}
/* Make Alpine wait until Livewire is finished rendering to do its thing. */
window.deferLoadingAlpine = function(callback) {
window.addEventListener('livewire:load', function() {
callback();
});
};
document.addEventListener("DOMContentLoaded", function() {
window.livewire.start();
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment