A
Anonymous

Entity Manager - Copy this React, Tailwind Component to your project

@model UnidadeViewModel; @{ var tela = Model.TelaModel; var permissaoInserir = Model.PermissaoInserir; var permissaoAlterar = Model.PermissaoAlterar; } <div class="d flex flex column flex column fluid"> <div id="kt_app_toolbar" class="app toolbar p 0 pb 4"> <div id="kt_app_content_container" class="app container container xxl"> <ol class="breadcrumb text muted fs 9 fw semibold mb 2" > <li class="breadcrumb item"><a href="@Url.Action("Index", "Home")" class="">Home</a></li> <li class="breadcrumb item text muted">Unidade</li> </ol> <div class="d flex flex wrap flex stack"> <div class="d flex flex wrap align items center my 1"> <h3 class="fw bold me 5 my 1 fs 2"> @tela.NomeTela @if (permissaoInserir) { <button type="button" class="btn btn icon btn sm btn success flex shrink 0 ms 2 btnIncluir" data controlador="@tela.Controlador" data url="@tela.UrlIncluir" data pesquisa="false"><i class="ki duotone ki plus fs 2 p 0"></i></button> } </h3> </div> <div class="d flex flex wrap my 1"> <div class="d flex align items center"> <div class="position relative w md 400px input group"> <input id="tbBusca @tela.Controlador" data campo="Search" type="text" class="form control form control sm" value="" placeholder="@tela.Pesquisa"> <button class="btn btn danger btn sm btnBusca @tela.Controlador" type="button"><i class="fa solid fa magnifying glass"></i></button> </div> <div class="d flex align items center"> <button class="btn btn sm fw bold border border danger btn color danger position relative ms 5 btnFiltro" data controlador="@tela.Controlador" data url="@tela.UrlLocalizar" data pesquisa="false"><i class="ki duotone ki filter fs 2"><span class="path1"></span><span class="path2"></span></i>Filtrar busca<span id="sp filtro @tela.Controlador" class="position absolute top 100 start 100 translate middle badge badge circle badge danger badge sm" style="display:none!important;"></span></button> </div> </div> </div> </div> </div> </div> <div id="kt_app_content" class="app content flex column fluid"> <div id="kt_app_content_container" class="app container container xxl"> <div class="card shadow sm"> <div id="painel index" data controlador="@tela.Controlador" data url="@tela.UrlLista" data url localizar="@tela.UrlLocalizar" class="card body p 0"></div> </div> </div> </div> </div> @section Scripts{ <script asp append version="true" type="text/javascript" src="~/js/custom/sofia.unidade/unidade.js"></script> } me explique esse código?

Prompt
Component Preview

About

EntityManager - A dynamic UI component with search, filter, and permission controls, built with React and Tailwind. Copy now for free!

Share

Last updated 1 month ago