definicao de layout

2026-02-06 14:37:54 +00:00
parent 872a5bb3ea
commit a4f80c85c2
2686 changed files with 640668 additions and 294 deletions
--- a/public/assets/pug/pages/template/datatable-server-side.pug
+++ b/public/assets/pug/pages/template/datatable-server-side.pug
@@ -0,0 +1,117 @@
+- var datatable             = true;
+- var page_datatable        = true;
+- var theme_customizer      = true;
+
+
+doctype html
+html(lang='en')
+    include ../../components/header-files
+    body
+        include ../../components/loader
+        // page-wrapper Start
+        #pageWrapper.page-wrapper
+            include ../../components/header
+            // Page Body Start
+            .page-body-wrapper.horizontal-menu
+                include ../../components/sidebar
+                .page-body
+                    .container-fluid
+                        .page-header
+                            .row
+                                .col-sm-6
+                                    h3
+                                      | Datatables Server Side
+                                    ol.breadcrumb
+                                      li.breadcrumb-item
+                                        a(href='index.html')
+                                         | Home
+                                      li.breadcrumb-item Tables
+                                      li.breadcrumb-item Data Tables
+                                      li.breadcrumb-item.active Server Side
+                                .col-sm-6
+                                  include ../../components/bookmark
+                    // Container-fluid starts
+                    .container-fluid
+                      .row
+                        // Server Side Processing start
+                        .col-sm-12
+                          .card
+                            .card-header
+                              h5 Server Side Processing
+                              span In some tables you might wish to have some content generated automatically.
+                            .card-body
+                              .table-responsive
+                                table#server-side-datatable.display.datatables
+                                  thead
+                                    tr
+                                      th Name
+                                      th Position
+                                      th Office
+                                      th Age
+                                      th Start date
+                                      th Salary
+                                  tfoot
+                                    tr
+                                      th Name
+                                      th Position
+                                      th Office
+                                      th Age
+                                      th Start date
+                                      th Salary
+                        // Server Side Processing end
+                        // http Server Side start
+                        .col-sm-12
+                          .card
+                            .card-header
+                              h5 Custom HTTP variables
+                              span
+                                | The example below shows server-side processing being used with an extra parameter being sent to the server by using the ajax.data option as a function
+                            .card-body
+                              .table-responsive
+                                table#datatable-http.display.datatables
+                                  thead
+                                    tr
+                                      th Name
+                                      th Position
+                                      th Office
+                                      th Age
+                                      th Start date
+                                      th Salary
+                                  tfoot
+                                    tr
+                                      th Name
+                                      th Position
+                                      th Office
+                                      th Age
+                                      th Start date
+                                      th Salary
+                        // http Server Side end
+                        // post data Server Side start
+                        .col-sm-12
+                          .card
+                            .card-header
+                              h5 POST Data
+                              span
+                                | The example below shows server-side processing being used with an extra parameter being sent to the server by using the ajax.data option as a function
+                            .card-body
+                              .table-responsive
+                                table#datatable-post.display.datatables
+                                  thead
+                                    tr
+                                      th Name
+                                      th Position
+                                      th Office
+                                      th Age
+                                      th Start date
+                                      th Salary
+                                  tfoot
+                                    tr
+                                      th Name
+                                      th Position
+                                      th Office
+                                      th Age
+                                      th Start date
+                                      th Salary
+                    // Container-fluid Ends
+                include ../../components/footer
+        include ../../components/footer-files