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/clipboard.pug
+++ b/public/assets/pug/pages/template/clipboard.pug
@@ -0,0 +1,98 @@
+- var theme_customizer      = true;
+- var tooltip               = true;
+- var clipboard             = true;
+- var page_clipboard        = 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
+                              | Clipboard
+                            ol.breadcrumb
+                              li.breadcrumb-item
+                                a(href='index.html')
+                                 | Home
+                              li.breadcrumb-item Forms
+                              li.breadcrumb-item Form Widgets
+                              li.breadcrumb-item.active Clipboard
+                          .col-sm-6
+                            include ../../components/bookmark
+                    // Container-fluid starts
+                    .container-fluid
+                      .row
+                        .col-sm-12.col-md-6
+                          .card
+                            .card-header.pb-0
+                              h5 Clipboard On Text Input
+                            .card-body
+                              .clipboaard-container
+                                p.card-description Cut/copy from text input
+                                input#clipboardExample1.form-control(type='text', placeholder='type some text to copy / cut')
+                                .mt-3
+                                  button.btn.btn-primary.btn-clipboard(type='button', data-clipboard-action='copy', data-clipboard-target='#clipboardExample1')
+                                    i.fa.fa-copy
+                                    |  Copy
+                                  button.btn.btn-secondary.btn-clipboard-cut(type='button', data-clipboard-action='cut', data-clipboard-target='#clipboardExample1')
+                                    i.fa.fa-cut
+                                    |  Cut
+                        .col-sm-12.col-md-6
+                          .card
+                            .card-header.pb-0
+                              h5 Clipboard On Textarea
+                            .card-body
+                              .clipboaard-container
+                                p.card-description Cut/copy from textarea
+                                textarea#clipboardExample2.form-control(rows='1', spellcheck='false')
+                                  | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has
+                                .mt-3
+                                  button.btn.btn-primary.btn-clipboard(type='button', data-clipboard-action='copy', data-clipboard-target='#clipboardExample2')
+                                    i.fa.fa-copy
+                                    |  Copy
+                                  button.btn.btn-secondary.btn-clipboard-cut(type='button', data-clipboard-action='cut', data-clipboard-target='#clipboardExample2')
+                                    i.fa.fa-cut
+                                    |  Cut
+                        .col-sm-12.col-md-6
+                          .card
+                            .card-header.pb-0
+                              h5 Clipboard On Paragraph
+                            .card-body
+                              .clipboaard-container
+                                p.card-description Copy from Paragraph
+                                h6#clipboardExample3.border.rounded.card-body.f-w-300
+                                  | Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+                                  | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                                .mt-3
+                                  button.btn.btn-primary.btn-clipboard(type='button', data-clipboard-action='copy', data-clipboard-target='#clipboardExample3')
+                                    i.fa.fa-copy
+                                    |  Copy
+                        .col-sm-12.col-md-6
+                          .card
+                            .card-header.pb-0
+                              h5 Copy Portion From Paragraph
+                            .card-body
+                              .clipboaard-container
+                                p.card-description Copy Portion From Paragraph
+                                h6.border.rounded.card-body.f-w-300
+                                  | Lorem ipsum 
+                                  span#clipboardExample4.bg-primary.text-white.p-1 dolor sit amet
+                                  | , consectetur adipiscing elit,
+                                  |                                         sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                                .mt-3
+                                  button.btn.btn-primary.btn-clipboard(type='button', data-clipboard-action='copy', data-clipboard-target='#clipboardExample4')
+                                    i.fa.fa-copy
+                                    |  Copy highlighted text
+                    // Container-fluid Ends
+                include ../../components/footer
+        include ../../components/footer-files