@zanichelli/albe-web-components 2.33.4 → 2.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1229 -0
- package/dist/cjs/_commonjsHelpers-119ffc74.js +17 -0
- package/dist/cjs/{hammer-6e321f0b.js → hammer-54230951.js} +2 -15
- package/dist/cjs/icons-74891aae.js +477 -0
- package/dist/cjs/index-9651dba8.js +60 -0
- package/dist/cjs/{index-11a8a536.js → index-de6c491e.js} +8 -8
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{utils-00e14fba.js → utils-12053886.js} +1 -1
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/z-alert.cjs.entry.js +19 -0
- package/dist/cjs/z-app-switcher.cjs.entry.js +29 -0
- package/dist/cjs/z-app-topbar.cjs.entry.js +41 -0
- package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
- package/dist/cjs/z-avatar.cjs.entry.js +43 -0
- package/dist/cjs/z-body_14.cjs.entry.js +513 -0
- package/dist/cjs/z-button-filter_5.cjs.entry.js +620 -0
- package/dist/cjs/z-button-sort.cjs.entry.js +54 -0
- package/dist/cjs/z-card.cjs.entry.js +58 -0
- package/dist/cjs/z-chip.cjs.entry.js +24 -0
- package/dist/cjs/z-combobox.cjs.entry.js +170 -0
- package/dist/cjs/z-contextual-menu.cjs.entry.js +40 -0
- package/dist/cjs/z-cookiebar.cjs.entry.js +1 -1
- package/dist/cjs/z-divider.cjs.entry.js +26 -0
- package/dist/cjs/z-footer-link_3.cjs.entry.js +49 -0
- package/dist/cjs/z-footer.cjs.entry.js +102 -0
- package/dist/cjs/z-ghost-loading.cjs.entry.js +19 -0
- package/dist/cjs/z-icon-package.cjs.entry.js +23 -0
- package/dist/cjs/z-info-box.cjs.entry.js +25 -0
- package/dist/cjs/z-link.cjs.entry.js +71 -0
- package/dist/cjs/z-list_3.cjs.entry.js +226 -0
- package/dist/cjs/z-logo.cjs.entry.js +28 -0
- package/dist/cjs/z-menu-dropdown_2.cjs.entry.js +89 -0
- package/dist/cjs/z-menu-section.cjs.entry.js +46 -0
- package/dist/cjs/z-menu.cjs.entry.js +110 -0
- package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
- package/dist/cjs/z-modal-login.cjs.entry.js +1 -1
- package/dist/cjs/z-modal.cjs.entry.js +36 -0
- package/dist/cjs/z-myz-card-alert.cjs.entry.js +63 -0
- package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-footer.cjs.entry.js +52 -0
- package/dist/cjs/z-myz-card-icon.cjs.entry.js +21 -0
- package/dist/cjs/z-myz-card-info.cjs.entry.js +2 -2
- package/dist/cjs/z-myz-card-list.cjs.entry.js +37 -0
- package/dist/cjs/z-myz-card_4.cjs.entry.js +101 -0
- package/dist/cjs/z-myz-list-item.cjs.entry.js +37 -0
- package/dist/cjs/z-myz-topbar.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tabs.cjs.entry.js +1 -1
- package/dist/cjs/z-notification.cjs.entry.js +42 -0
- package/dist/cjs/z-otp.cjs.entry.js +1 -1
- package/dist/cjs/z-pagination-bar.cjs.entry.js +128 -0
- package/dist/cjs/z-pagination-page.cjs.entry.js +25 -0
- package/dist/cjs/z-panel-elem.cjs.entry.js +30 -0
- package/dist/cjs/z-pocket_3.cjs.entry.js +4 -3
- package/dist/cjs/z-registro-table-expanded-row.cjs.entry.js +19 -0
- package/dist/cjs/z-slideshow.cjs.entry.js +2 -2
- package/dist/cjs/z-status-tag.cjs.entry.js +29 -0
- package/dist/cjs/z-stepper-item.cjs.entry.js +22 -0
- package/dist/cjs/z-stepper.cjs.entry.js +19 -0
- package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification.cjs.entry.js +3 -2
- package/dist/cjs/z-toggle-button.cjs.entry.js +36 -0
- package/dist/cjs/z-tooltip.cjs.entry.js +274 -0
- package/dist/cjs/z-user-dropdown.cjs.entry.js +95 -0
- package/dist/collection/beans/index.js +8 -8
- package/dist/collection/snowflakes/registro-table/z-registro-table-cell/index.js +26 -1
- package/dist/collection/snowflakes/registro-table/z-registro-table-cell/styles.css +19 -1
- package/dist/collection/snowflakes/registro-table/z-registro-table-header/index.js +22 -18
- package/dist/collection/snowflakes/registro-table/z-registro-table-header/styles.css +9 -13
- package/dist/esm/_commonjsHelpers-8b28c6fa.js +15 -0
- package/dist/esm/{hammer-c807d0b5.js → hammer-501342a9.js} +2 -14
- package/dist/esm/icons-9a191d79.js +475 -0
- package/dist/esm/{index-4952bfe3.js → index-09b57d95.js} +9 -9
- package/dist/esm/index-aa3a4feb.js +58 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-889efe17.js → utils-f0067254.js} +2 -2
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/z-alert.entry.js +15 -0
- package/dist/esm/z-app-switcher.entry.js +25 -0
- package/dist/esm/z-app-topbar.entry.js +37 -0
- package/dist/esm/z-aria-alert.entry.js +1 -1
- package/dist/esm/z-avatar.entry.js +39 -0
- package/dist/esm/z-body_14.entry.js +496 -0
- package/dist/esm/z-button-filter_5.entry.js +612 -0
- package/dist/esm/z-button-sort.entry.js +50 -0
- package/dist/esm/z-card.entry.js +54 -0
- package/dist/esm/z-chip.entry.js +20 -0
- package/dist/esm/z-combobox.entry.js +166 -0
- package/dist/esm/z-contextual-menu.entry.js +36 -0
- package/dist/esm/z-cookiebar.entry.js +1 -1
- package/dist/esm/z-divider.entry.js +22 -0
- package/dist/esm/z-footer-link_3.entry.js +43 -0
- package/dist/esm/z-footer.entry.js +98 -0
- package/dist/esm/z-ghost-loading.entry.js +15 -0
- package/dist/esm/z-icon-package.entry.js +19 -0
- package/dist/esm/z-info-box.entry.js +21 -0
- package/dist/esm/z-link.entry.js +67 -0
- package/dist/esm/z-list_3.entry.js +220 -0
- package/dist/esm/z-logo.entry.js +24 -0
- package/dist/esm/z-menu-dropdown_2.entry.js +84 -0
- package/dist/esm/z-menu-section.entry.js +42 -0
- package/dist/esm/z-menu.entry.js +106 -0
- package/dist/esm/z-messages-pocket.entry.js +1 -1
- package/dist/esm/z-modal-login.entry.js +1 -1
- package/dist/esm/z-modal.entry.js +32 -0
- package/dist/esm/z-myz-card-alert.entry.js +59 -0
- package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
- package/dist/esm/z-myz-card-footer.entry.js +48 -0
- package/dist/esm/z-myz-card-icon.entry.js +17 -0
- package/dist/esm/z-myz-card-info.entry.js +2 -2
- package/dist/esm/z-myz-card-list.entry.js +33 -0
- package/dist/esm/z-myz-card_4.entry.js +94 -0
- package/dist/esm/z-myz-list-item.entry.js +33 -0
- package/dist/esm/z-myz-topbar.entry.js +1 -1
- package/dist/esm/z-navigation-tabs.entry.js +1 -1
- package/dist/esm/z-notification.entry.js +38 -0
- package/dist/esm/z-otp.entry.js +1 -1
- package/dist/esm/z-pagination-bar.entry.js +124 -0
- package/dist/esm/z-pagination-page.entry.js +21 -0
- package/dist/esm/z-panel-elem.entry.js +26 -0
- package/dist/esm/z-pocket_3.entry.js +4 -3
- package/dist/esm/z-registro-table-expanded-row.entry.js +15 -0
- package/dist/esm/z-slideshow.entry.js +2 -2
- package/dist/esm/z-status-tag.entry.js +25 -0
- package/dist/esm/z-stepper-item.entry.js +18 -0
- package/dist/esm/z-stepper.entry.js +15 -0
- package/dist/esm/z-toast-notification-list.entry.js +1 -1
- package/dist/esm/z-toast-notification.entry.js +3 -2
- package/dist/esm/z-toggle-button.entry.js +32 -0
- package/dist/esm/z-tooltip.entry.js +270 -0
- package/dist/esm/z-user-dropdown.entry.js +91 -0
- package/dist/types/beans/index.d.ts +7 -7
- package/dist/types/components.d.ts +17 -9
- package/dist/types/snowflakes/registro-table/z-registro-table-cell/index.d.ts +3 -0
- package/dist/types/snowflakes/registro-table/z-registro-table-header/index.d.ts +3 -3
- package/dist/web-components-library/index.esm.js +1 -1
- package/dist/web-components-library/p-01d11ec3.entry.js +1 -0
- package/dist/web-components-library/p-0455dc43.entry.js +1 -0
- package/dist/web-components-library/{p-fcf19092.entry.js → p-05f4fa42.entry.js} +1 -1
- package/dist/web-components-library/p-08158e57.entry.js +1 -0
- package/dist/web-components-library/p-0ce6293a.entry.js +1 -0
- package/dist/web-components-library/{p-65c08b33.js → p-0e6906af.js} +1 -1
- package/dist/web-components-library/p-0fe60379.entry.js +1 -0
- package/dist/web-components-library/p-10ad64bc.entry.js +1 -0
- package/dist/web-components-library/p-166a212e.entry.js +1 -0
- package/dist/web-components-library/p-18705ae9.entry.js +1 -0
- package/{www/build/p-9912e411.js → dist/web-components-library/p-1d371408.js} +2 -2
- package/dist/web-components-library/p-250926fe.entry.js +1 -0
- package/dist/web-components-library/p-255c9150.entry.js +1 -0
- package/dist/web-components-library/p-3247dee9.js +7 -0
- package/dist/web-components-library/{p-40972dfd.entry.js → p-34f4e805.entry.js} +1 -1
- package/dist/web-components-library/p-35fd465c.entry.js +1 -0
- package/dist/web-components-library/{p-d1fed95b.entry.js → p-400e26c7.entry.js} +1 -1
- package/dist/web-components-library/p-4a414eb2.entry.js +1 -0
- package/dist/web-components-library/p-4ce8c176.entry.js +1 -0
- package/dist/web-components-library/p-4f66fee4.js +1 -0
- package/dist/web-components-library/p-5bbbc979.entry.js +1 -0
- package/dist/web-components-library/{p-e64c06a4.entry.js → p-5e2762e6.entry.js} +1 -1
- package/dist/web-components-library/p-5fa8dc13.entry.js +1 -0
- package/dist/web-components-library/p-60e40371.entry.js +1 -0
- package/dist/web-components-library/p-6583cbec.entry.js +1 -0
- package/dist/web-components-library/p-71cc7ed0.entry.js +1 -0
- package/dist/web-components-library/p-74fb3d69.entry.js +1 -0
- package/dist/web-components-library/p-7e926220.entry.js +1 -0
- package/dist/web-components-library/p-80589729.entry.js +1 -0
- package/dist/web-components-library/p-82a59ded.entry.js +1 -0
- package/dist/web-components-library/p-880a50a6.entry.js +1 -0
- package/dist/web-components-library/p-94814f44.entry.js +1 -0
- package/dist/web-components-library/{p-8c24ac2e.entry.js → p-957f298f.entry.js} +1 -1
- package/dist/web-components-library/{p-d430b1aa.entry.js → p-9959e453.entry.js} +1 -1
- package/dist/web-components-library/p-9d9dc98f.entry.js +1 -0
- package/dist/web-components-library/p-a15f8b52.entry.js +1 -0
- package/dist/web-components-library/p-a7733104.entry.js +1 -0
- package/dist/web-components-library/{p-3ea97390.entry.js → p-a82c9a77.entry.js} +1 -1
- package/dist/web-components-library/p-aa0f7169.entry.js +1 -0
- package/dist/web-components-library/p-ac3bc4c2.entry.js +1 -0
- package/dist/web-components-library/p-b13d5b98.entry.js +1 -0
- package/dist/web-components-library/{p-6e8f444c.entry.js → p-b630127d.entry.js} +1 -1
- package/dist/web-components-library/p-b68038b5.js +1 -0
- package/dist/web-components-library/p-b78fb152.entry.js +1 -0
- package/dist/web-components-library/p-c92c3f20.entry.js +1 -0
- package/dist/web-components-library/p-cc6363b9.entry.js +1 -0
- package/dist/web-components-library/p-cf914ea7.entry.js +1 -0
- package/dist/web-components-library/p-cfebc80e.entry.js +1 -0
- package/dist/web-components-library/{p-0bf8988b.entry.js → p-d227a145.entry.js} +1 -1
- package/dist/web-components-library/p-d83eee10.entry.js +1 -0
- package/dist/web-components-library/p-db5863cf.entry.js +1 -0
- package/dist/web-components-library/p-e1f1f39e.entry.js +1 -0
- package/dist/web-components-library/{p-798d5c2f.entry.js → p-e29fe790.entry.js} +1 -1
- package/dist/web-components-library/p-ebcad010.entry.js +1 -0
- package/dist/web-components-library/p-f3354152.entry.js +1 -0
- package/dist/web-components-library/p-f77f6f60.entry.js +1 -0
- package/dist/web-components-library/p-f8446b1e.entry.js +1 -0
- package/dist/web-components-library/p-f90dd488.js +1 -0
- package/dist/web-components-library/p-fc47897e.entry.js +1 -0
- package/dist/web-components-library/p-fce08912.entry.js +1 -0
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +1 -1
- package/www/build/index.esm.js +1 -1
- package/www/build/p-01d11ec3.entry.js +1 -0
- package/www/build/p-0455dc43.entry.js +1 -0
- package/www/build/{p-fcf19092.entry.js → p-05f4fa42.entry.js} +1 -1
- package/www/build/p-08158e57.entry.js +1 -0
- package/www/build/p-0ce6293a.entry.js +1 -0
- package/www/build/{p-65c08b33.js → p-0e6906af.js} +1 -1
- package/www/build/p-0fe60379.entry.js +1 -0
- package/www/build/p-10ad64bc.entry.js +1 -0
- package/www/build/p-166a212e.entry.js +1 -0
- package/www/build/p-18705ae9.entry.js +1 -0
- package/{dist/web-components-library/p-9912e411.js → www/build/p-1d371408.js} +2 -2
- package/www/build/p-250926fe.entry.js +1 -0
- package/www/build/p-255c9150.entry.js +1 -0
- package/www/build/p-3247dee9.js +7 -0
- package/www/build/{p-40972dfd.entry.js → p-34f4e805.entry.js} +1 -1
- package/www/build/p-35fd465c.entry.js +1 -0
- package/www/build/{p-d1fed95b.entry.js → p-400e26c7.entry.js} +1 -1
- package/www/build/p-4a414eb2.entry.js +1 -0
- package/www/build/p-4ce8c176.entry.js +1 -0
- package/www/build/p-4f66fee4.js +1 -0
- package/www/build/p-5bbbc979.entry.js +1 -0
- package/www/build/{p-e64c06a4.entry.js → p-5e2762e6.entry.js} +1 -1
- package/www/build/p-5fa8dc13.entry.js +1 -0
- package/www/build/p-60e40371.entry.js +1 -0
- package/www/build/p-6583cbec.entry.js +1 -0
- package/www/build/p-71cc7ed0.entry.js +1 -0
- package/www/build/p-74fb3d69.entry.js +1 -0
- package/www/build/p-7e926220.entry.js +1 -0
- package/www/build/p-80589729.entry.js +1 -0
- package/www/build/p-82a59ded.entry.js +1 -0
- package/www/build/p-880a50a6.entry.js +1 -0
- package/www/build/p-94814f44.entry.js +1 -0
- package/www/build/{p-8c24ac2e.entry.js → p-957f298f.entry.js} +1 -1
- package/www/build/{p-d430b1aa.entry.js → p-9959e453.entry.js} +1 -1
- package/www/build/p-9d9dc98f.entry.js +1 -0
- package/www/build/p-a15f8b52.entry.js +1 -0
- package/www/build/p-a7733104.entry.js +1 -0
- package/www/build/{p-3ea97390.entry.js → p-a82c9a77.entry.js} +1 -1
- package/www/build/p-aa0f7169.entry.js +1 -0
- package/www/build/p-ac3bc4c2.entry.js +1 -0
- package/www/build/p-b13d5b98.entry.js +1 -0
- package/www/build/{p-6e8f444c.entry.js → p-b630127d.entry.js} +1 -1
- package/www/build/p-b68038b5.js +1 -0
- package/www/build/p-b78fb152.entry.js +1 -0
- package/www/build/p-c92c3f20.entry.js +1 -0
- package/www/build/p-cc6363b9.entry.js +1 -0
- package/www/build/p-cf914ea7.entry.js +1 -0
- package/www/build/p-cfebc80e.entry.js +1 -0
- package/www/build/{p-0bf8988b.entry.js → p-d227a145.entry.js} +1 -1
- package/www/build/p-d83eee10.entry.js +1 -0
- package/www/build/p-db5863cf.entry.js +1 -0
- package/www/build/p-e1f1f39e.entry.js +1 -0
- package/www/build/{p-798d5c2f.entry.js → p-e29fe790.entry.js} +1 -1
- package/www/build/p-eaf64f7c.js +1 -0
- package/www/build/p-ebcad010.entry.js +1 -0
- package/www/build/p-f3354152.entry.js +1 -0
- package/www/build/p-f77f6f60.entry.js +1 -0
- package/www/build/p-f8446b1e.entry.js +1 -0
- package/www/build/p-f90dd488.js +1 -0
- package/www/build/p-fc47897e.entry.js +1 -0
- package/www/build/p-fce08912.entry.js +1 -0
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +2 -454
- package/dist/cjs/z-alert_66.cjs.entry.js +0 -3735
- package/dist/esm/z-alert_66.entry.js +0 -3666
- package/dist/web-components-library/p-04c73ec1.entry.js +0 -1
- package/dist/web-components-library/p-43d00d2f.entry.js +0 -1
- package/dist/web-components-library/p-57ceab75.entry.js +0 -7
- package/dist/web-components-library/p-881b4877.js +0 -1
- package/dist/web-components-library/p-b4420ba3.entry.js +0 -1
- package/www/build/p-002ed333.js +0 -1
- package/www/build/p-04c73ec1.entry.js +0 -1
- package/www/build/p-43d00d2f.entry.js +0 -1
- package/www/build/p-57ceab75.entry.js +0 -7
- package/www/build/p-881b4877.js +0 -1
- package/www/build/p-b4420ba3.entry.js +0 -1
package/www/index.html
CHANGED
|
@@ -1,456 +1,4 @@
|
|
|
1
|
-
<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <link rel="stylesheet" type="text/css" href="/build/p-ea943cbd.css"> <link rel="modulepreload" href="/build/p-002ed333.js"><script type="module" src="/build/p-002ed333.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body style="width: 100%; margin: 0; background-color: #f9f9f9;"> <z-logo></z-logo> <z-logo image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="128" height="32" image-alt="Ciaoooo!"></z-logo> <z-logo width="128" height="32" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="128" image-alt="Ciaoooo!"></z-logo> <z-logo height="32" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="31" height="40" image-alt="Ciaoooo!"></z-logo> <z-logo width="31" height="40" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="300" height="100" image-alt="Ciaoooo!"></z-logo> <z-logo width="300" height="100" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <a href="#bottom">bottom</a> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table bordered="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" empty="true" id="empty-table" message="Siamo spiacenti, al momento non sono presenti dati da visualizzare!" subtitle="Eventuale testo"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body slot="table-body"> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C11" style="color: var(--text-white); background-color: var(--avatar-C11);"></z-avatar> <span>Contenuto 1-1</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="FF" size="medium" background-color="avatar-C12" style="color: var(--text-white); background-color: var(--avatar-C12);"></z-avatar> <span>Contenuto 1-2</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C13" style="color: var(--text-white); background-color: var(--avatar-C13);"></z-avatar> <span>Contenuto 1-3</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C14" class="sc-fbkiRW ccsChj medium body-4-sb hydrated" style="color: var(--text-white); background-color: var(--avatar-C14);"></z-avatar> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> </z-registro-table> <hr> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 1-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <h2>Error table</h2> <z-registro-table error="true" lines="8"> <img src="./assets/images/png/zanichelli-error-image.png" slot="error-image"> </z-registro-table> <hr> <h2>Error table header</h2> <z-registro-table error="true" id="error-table"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo last</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <div slot="error-action"> <z-body level="{4}"> <a href="#" target="_blank">Clicca qui</a> per ricaricare la pagina </z-body> </div> </z-registro-table> <!-- --> <!-- Contextual menu --> <h2>ZContextualMenu</h2> <div style="padding-left: 280px; width: 80%;"> <z-contextual-menu id="contextual-menu-1" elements="[{"icon": "share", "text": "Element 1"}, {"icon": "delete", "text": "Elemento 2"}, {"icon": "delete", "text": "Elemento 2", "disabled": "true"}]"></z-contextual-menu> </div> <br><br><br> <h2>Z-List</h2> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element background-color="myz-blue" expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table empty="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" id="empty-table"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> </z-registro-table> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row expandable="true"> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 1-1</span> <z-button variant="tertiary">button</z-button> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="padding"> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <!-- <z-candybar>
|
|
2
|
-
<div class="content" slot="content">
|
|
3
|
-
<div>
|
|
4
|
-
<h2>Titolo</h2>
|
|
5
|
-
<div>
|
|
6
|
-
<p>
|
|
7
|
-
Se continui a navigare ci permetti di farlo secondo le regole
|
|
8
|
-
spiegate nella nostra informativa sulla privacy relativa ai
|
|
9
|
-
Se continui a navigare ci permetti di farlo secondo le regole
|
|
10
|
-
spiegate nella nostra informativa sulla privacy relativa ai
|
|
11
|
-
Se continui a navigare ci permetti di farlo secondo le regole
|
|
12
|
-
spiegate nella nostra informativa sulla privacy relativa ai
|
|
13
|
-
Se continui a navigare ci permetti di farlo secondo le regole
|
|
14
|
-
spiegate nella nostra informativa sulla privacy relativa ai
|
|
15
|
-
|
|
16
|
-
<a href="#" target="_blank">cookie</a>.
|
|
17
|
-
</p>
|
|
18
|
-
</div>
|
|
19
|
-
</div>
|
|
20
|
-
<z-button variant="primary">OK</z-button>
|
|
21
|
-
</div>
|
|
22
|
-
</z-candybar> --> <!-- <z-cookiebar
|
|
23
|
-
cookiepolicyurl="https://my.zanichelli.it/privacy#Cookie"
|
|
24
|
-
hide="false">
|
|
25
|
-
</z-cookiebar> --> <z-modal onclick="closeModal(this)" modaltitle="NOT FIXED" modalsubtitle="sottotitolo" id="mymodal" style="display: none;"> <div slot="modalContent">Sunt officia excepteur fugiat velit enim ut duis magna qui voluptate nulla id pariatur
|
|
26
|
-
veniam. Sunt nisi ad duis deserunt non minim. Do nulla id ea cupidatat laborum incididunt aliqua sint. Ea amet
|
|
27
|
-
aliqua aliqua non duis quis magna eu incididunt nisi deserunt non aliqua elit. Ipsum officia elit in officia
|
|
28
|
-
tempor aliquip est velit proident quis commodo. Aliqua proident id laboris exercitation dolore. Amet reprehenderit
|
|
29
|
-
anim exercitation occaecat.</div> </z-modal> <!-- <z-modal-login></z-modal-login> --> <!-- <z-modal-login>
|
|
30
|
-
<z-input
|
|
31
|
-
slot="username"
|
|
32
|
-
label="username slottato"
|
|
33
|
-
placeholder="Inserisci la mail o il cellulare"
|
|
34
|
-
message="prova"
|
|
35
|
-
autocomplete="username"
|
|
36
|
-
name="username"
|
|
37
|
-
></z-input>
|
|
38
|
-
<z-input
|
|
39
|
-
slot="password"
|
|
40
|
-
label="password slottata"
|
|
41
|
-
placeholder="Inserisci la password"
|
|
42
|
-
message="prova"
|
|
43
|
-
type="password"
|
|
44
|
-
name="password"
|
|
45
|
-
autocomplete="current-password"
|
|
46
|
-
></z-input>
|
|
47
|
-
<z-button slot="login">Login slottato</z-button>
|
|
48
|
-
<z-button slot="signup" variant="secondary">
|
|
49
|
-
registrati
|
|
50
|
-
</z-button>
|
|
51
|
-
<z-button slot="provider" variant="secondary">
|
|
52
|
-
GOOGLE
|
|
53
|
-
</z-button>
|
|
54
|
-
<z-button slot="provider" variant="secondary">
|
|
55
|
-
FACEBOOK
|
|
56
|
-
</z-button>
|
|
57
|
-
<z-button slot="provider" variant="secondary">
|
|
58
|
-
ZAINO DIGITALE
|
|
59
|
-
</z-button>
|
|
60
|
-
<z-link slot="provider">Cos'è Zaino Digitale?</z-link>
|
|
61
|
-
</z-modal-login> --> <p>Not Logged</p> <z-app-topbar show-app-switcher="true" topbar-content="[{"label": "Assistenza", "link": "./pages/notification.html", "icon": "support"}, {"label": "Contattaci", "link": "./pages/notification.html", "icon": "question-mark-circle"}, {"label": "Carrello", "link": "./pages/notification.html", "icon": "shopping-cart"}]" content-max-width="800"> <z-user-dropdown slot="login"></z-user-dropdown> </z-app-topbar> <p>Logged</p> <z-app-topbar topbar-content="[{"label": "Assistenza", "link": "./pages/notification.html", "icon": "support"}, {"label": "Contattaci", "link": "./pages/notification.html", "icon": "question-mark-circle"}, {"label": "Carrello", "link": "./pages/notification.html", "icon": "shopping-cart"}]"> <z-user-dropdown slot="login" user-full-name="Von Axl Maranan Fernandez" user-email="vonaxl-marananfernandez@abcemail.com" menu-content="[{"id": "profile", "label": "Profilo", "link": "./pages/notification.html"}, {"id": "ask-to", "label": "Chiedi al tuo responsabile", "link": "./pages/notification.html"}, {"id": "activate-resource", "label": "Attiva opera", "link": "./pages/notification.html"}, {"id": "your-orders", "label": "I tuoi ordini", "link": "./pages/notification.html"}, {"id": "logout", "label": "Esci", "link": "./pages/notification.html"}]" logged=""></z-user-dropdown> </z-app-topbar> <p>User Dropdown</p> <div style="height: 150px; width: fit-content;"> <z-user-dropdown user-full-name="Sandro Studente" user-email="vonaxlmarananfernandez@abcemail.com" logged="" menu-content="[{"label":"I Tuoi Ordini", "link":"http://www.zanichelli.it", "icon":"exit", "target":"_blank"},{"label":"Esci", "link":"http://www.google.it", "icon":"enter"}]"></z-user-dropdown> </div> <p>Notification</p> <div style="margin-top: 10px; width: 100%;"> <z-notification id="noti" contenticonname="gear" actiontext="Annulla" type="success" showclose="true" showshadow="true">Io ne ho viste cose che voi umani non potreste immaginarvi: navi da combattimento in fiamme al
|
|
62
|
-
largo dei bastioni di Orione, e ho visto i raggi B balenare nel buio vicino alle porte di Tannhäuser. E tutti quei
|
|
63
|
-
momenti andranno perduti nel tempo, come lacrime nella pioggia. È tempo di morire.</z-notification> </div> <div style="margin-top: 10px; width: 100%;"> <z-notification contenticonname="gear" actiontext="Annulla" type="success" showclose="true">Io ne ho viste cose </z-notification> </div> <div style="margin-top: 10px; width: 100%;"> <z-notification contenticonname="gear" actiontext="Delete" type="warning" showclose="false">Io ne ho viste cose </z-notification> </div> <div style="margin-top: 10px; width: 100%;"> <z-notification contenticonname="checkmark-circle-filled" actiontext="Call To Action" type="error" showclose="true"> Io ne ho viste cose che voi umani non potreste immaginarvi: navi da combattimento in fiamme al largo dei bastioni
|
|
64
|
-
di Orione, e ho visto i raggi B balenare nel buio vicino alle porte di Tannhäuser. E tutti quei momenti andranno
|
|
65
|
-
perduti nel tempo, come lacrime nella pioggia. È tempo di morire.</z-notification> </div> <div style="margin-top: 10px; width: 100%;"> <z-notification actiontext="Delete" type="success" showshadow="true">Io ne ho viste cose</z-notification> </div> <br><br> <p>App Menu</p> <div style="background-color: rgb(66, 69, 72); width: fit-content; padding: 16px;"> <z-app-switcher id="app-switcher" slot="app-switcher"></z-app-switcher> </div> <p>Light Variant</p> <z-app-topbar show-app-switcher="true" theme="light" topbar-content="[{"label": "Assistenza", "link": "./pages/notification.html", "icon": "support"}, {"label": "Contattaci", "link": "./pages/notification.html", "icon": "question-mark-circle"}, {"label": "Carrello", "link": "./pages/notification.html", "icon": "shopping-cart"}]"> <z-user-dropdown slot="login" use-inverse-colors=""></z-user-dropdown> </z-app-topbar> <p>Logged</p> <z-app-topbar show-app-switcher="true" theme="light" logged="" topbar-content="[{"label": "Assistenza", "link": "./pages/notification.html", "icon": "support"}, {"label": "Contattaci", "link": "./pages/notification.html", "icon": "question-mark-circle"}, {"label": "Carrello", "link": "./pages/notification.html", "icon": "shopping-cart"}]"> <z-user-dropdown slot="login" user-full-name="Von Axl Maranan Fernandez" user-email="vonaxl-marananfernandez@abcemail.com" menu-content="[{"id": "profile", "label": "Profilo", "link": "./pages/notification.html"}, {"id": "ask-to", "label": "Chiedi al tuo responsabile", "link": "./pages/notification.html"}, {"id": "activate-resource", "label": "Attiva opera", "link": "./pages/notification.html"}, {"id": "your-orders", "label": "I tuoi ordini", "link": "./pages/notification.html"}, {"id": "logout", "label": "Esci", "link": "./pages/notification.html"}]" logged="" use-inverse-colors=""></z-user-dropdown> </z-app-topbar> <style>.z-cards {
|
|
66
|
-
display: flex;
|
|
67
|
-
padding: 24px;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
z-card {
|
|
71
|
-
width: 356px;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.z-cards z-card+z-card {
|
|
75
|
-
margin-left: 24px;
|
|
76
|
-
}</style> <section> <h4>z-card default variant</h4> <div class="z-cards"> <z-card clickable=""> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" cover-icon="play-filled"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>z-card border variant</h4> <div class="z-cards"> <z-card clickable="" variant="border"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="border" cover-icon="play-filled"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="border" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>z-card shadow variant</h4> <div class="z-cards"> <z-card clickable="" variant="shadow"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="shadow" cover-icon="play-filled"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="shadow" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>z-card overlay variant</h4> <div class="z-cards"> <z-card clickable="" variant="overlay"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="overlay" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <!-- non zanichelli logged --> <!-- <z-myz-topbar
|
|
77
|
-
intlinkdata='[{"id":"home","label":"Home","link":"#home","subMenu":[{"id":"libreria","label":"La mia libreria","link":"#libreria"},{"id":"idee","label":"Siti Zanichelli","link":"#idee"}]},{"id":"dizionari","label":"Dizionari","link":"https://www.zanichelli.it/dizionari"}]'
|
|
78
|
-
extlinkdata='[{"id":"MyZanichelli","label":"Link a MyZanichelli","link":"http://www.myzanichelli.it","icon":"chevron-left-circle"}]'
|
|
79
|
-
userdata='{
|
|
80
|
-
"islogged": true,
|
|
81
|
-
"id": 123456,
|
|
82
|
-
"name": "Dario Docente",
|
|
83
|
-
"usergroup": 15,
|
|
84
|
-
"userlinks": [{"id":"profile","label":"Profilo","link":"/i-tuoi-dati","icon":"user-avatar"},{"id":"activate-resource","label":"Attiva libro","link":"#","icon":"plus"},{"id":"logout-button","label":"Esci","link":"/logout","icon":"logout"}]
|
|
85
|
-
}' ismyz=false imagealt="none">
|
|
86
|
-
<img src="./assets/images/png/cea-logo.png" alt="cea" slot="editors" />
|
|
87
|
-
<img src="./assets/images/png/clitt-logo.png" alt="clitt" slot="editors" />
|
|
88
|
-
<img src="./assets/images/png/bovolenta-logo.png" alt="bovolenta" slot="editors" />
|
|
89
|
-
<img src="./assets/images/png/lucisano-logo.png" alt="lucisano" slot="editors" />
|
|
90
|
-
</z-myz-topbar>
|
|
91
|
-
|
|
92
|
-
<p style="height:50px;"></p> --> <!-- non zanichelli unlogged --> <!-- <z-myz-topbar
|
|
93
|
-
intlinkdata='[{"id":"home","label":"Home","link":"#home","subMenu":[{"id":"libreria","label":"La mia libreria","link":"#libreria"},{"id":"idee","label":"Siti Zanichelli","link":"#idee"}]},{"id":"dizionari","label":"Dizionari","link":"https://www.zanichelli.it/dizionari"}]'
|
|
94
|
-
extlinkdata='[{"id":"supporto","label":"Supporto","link":"http://www.zanichelli.it/contatti/supporto","icon":"question-mark-circle"},{"id":"shop","label":"Carrello","link":"https://www.zanichelli.it","icon":"shopping-cart"},{"id":"chiedi","label":"Chiedi al tuo responsabile","link":"#","icon":"shopping-cart"}]'
|
|
95
|
-
userdata='{
|
|
96
|
-
"islogged": false,
|
|
97
|
-
"id": 123456,
|
|
98
|
-
"name": "Dario Docente",
|
|
99
|
-
"usergroup": 15,
|
|
100
|
-
"userlinks": [{"id":"profile","label":"Profilo","link":"/i-tuoi-dati","icon":"user-avatar"},{"id":"activate-resource","label":"Attiva libro","link":"#","icon":"plus"},{"id":"logout-button","label":"Esci","link":"/logout","icon":"logout"}]
|
|
101
|
-
}' ismyz=false imagealt="none">
|
|
102
|
-
<img src="./assets/images/png/cea-logo.png" alt="cea" slot="editors" />
|
|
103
|
-
<img src="./assets/images/png/clitt-logo.png" alt="clitt" slot="editors" />
|
|
104
|
-
<img src="./assets/images/png/bovolenta-logo.png" alt="bovolenta" slot="editors" />
|
|
105
|
-
<img src="./assets/images/png/lucisano-logo.png" alt="lucisano" slot="editors" />
|
|
106
|
-
</z-myz-topbar> --> <!-- zanichelli docente logged --> <!-- <z-myz-topbar
|
|
107
|
-
intlinkdata='[{"id":"home","label":"Home","link":"#home","subMenu":[{"id":"libreria","label":"La mia libreria","link":"#libreria"},{"id":"idee","label":"Siti Zanichelli","link":"#idee"}]},{"id":"dizionari","label":"Dizionari","link":"https://www.zanichelli.it/dizionari"}]'
|
|
108
|
-
extlinkdata='[{"id":"supporto","label":"Supporto","link":"http://www.zanichelli.it/contatti/supporto","icon":"question-mark-circle"},{"id":"shop","label":"Carrello","link":"https://www.zanichelli.it","icon":"shopping-cart"},{"id":"chiedi","label":"Chiedi al tuo responsabile","link":"#","icon":"shopping-cart"}]'
|
|
109
|
-
userdata='{
|
|
110
|
-
"islogged": true,
|
|
111
|
-
"id": 123456,
|
|
112
|
-
"name": "Dario Docente",
|
|
113
|
-
"usergroup": 15,
|
|
114
|
-
"userlinks": [{"id":"profile","label":"Profilo","link":"/i-tuoi-dati","icon":"user-avatar"},{"id":"activate-resource","label":"Attiva libro","link":"#","icon":"plus"},{"id":"logout-button","label":"Esci","link":"/logout","icon":"logout"}]
|
|
115
|
-
}' ismyz=true imagealt="none"
|
|
116
|
-
activeintlinkid="home" activesublinkid="idee">
|
|
117
|
-
<img src="./assets/images/png/cea-logo.png" alt="cea" slot="editors" />
|
|
118
|
-
<img src="./assets/images/png/clitt-logo.png" alt="clitt" slot="editors" />
|
|
119
|
-
<img src="./assets/images/png/bovolenta-logo.png" alt="bovolenta" slot="editors" />
|
|
120
|
-
<img src="./assets/images/png/lucisano-logo.png" alt="lucisano" slot="editors" />
|
|
121
|
-
</z-myz-topbar>
|
|
122
|
-
|
|
123
|
-
<p style="height:50px;"></p> --> <!-- zanichelli unlogged --> <!-- <z-myz-topbar
|
|
124
|
-
intlinkdata='[{"id":"home","label":"Home","link":"#home","subMenu":[{"id":"libreria","label":"La mia libreria","link":"#libreria"},{"id":"idee","label":"Siti Zanichelli","link":"#idee"}]},{"id":"dizionari","label":"Dizionari","link":"https://www.zanichelli.it/dizionari"}]'
|
|
125
|
-
extlinkdata='[{"id":"supporto","label":"Supporto","link":"http://www.zanichelli.it/contatti/supporto","icon":"question-mark-circle"},{"id":"shop","label":"Carrello","link":"https://www.zanichelli.it","icon":"shopping-cart"},{"id":"chiedi","label":"Chiedi al tuo responsabile","link":"#","icon":"shopping-cart"}]'
|
|
126
|
-
userdata='{
|
|
127
|
-
"islogged": false,
|
|
128
|
-
"id": 123456,
|
|
129
|
-
"name": "Dario Docente",
|
|
130
|
-
"usergroup": 15,
|
|
131
|
-
"userlinks": [{"id":"profile","label":"Profilo","link":"/i-tuoi-dati","icon":"user-avatar"},{"id":"activate-resource","label":"Attiva libro","link":"#","icon":"plus"},{"id":"logout-button","label":"Esci","link":"/logout","icon":"logout"}]
|
|
132
|
-
}' ismyz=true imagealt="none">
|
|
133
|
-
<img src="./assets/images/png/cea-logo.png" alt="cea" slot="editors" />
|
|
134
|
-
<img src="./assets/images/png/clitt-logo.png" alt="clitt" slot="editors" />
|
|
135
|
-
<img src="./assets/images/png/bovolenta-logo.png" alt="bovolenta" slot="editors" />
|
|
136
|
-
<img src="./assets/images/png/lucisano-logo.png" alt="lucisano" slot="editors" />
|
|
137
|
-
</z-myz-topbar> --> <!-- zanichelli studente logged --> <!-- <z-myz-topbar
|
|
138
|
-
intlinkdata='[{"id":"home","label":"Home","link":"#home","subMenu":[{"id":"libreria","label":"I miei Libri","link":"#libreria"},{"id":"idee","label":"Siti Zanichelli","link":"#idee"}]},{"id":"dizionari","label":"Dizionari","link":"https://www.zanichelli.it/dizionari"}]'
|
|
139
|
-
extlinkdata='[{"id":"supporto","label":"Supporto","link":"http://www.zanichelli.it/contatti/supporto","icon":"question-mark-circle"},{"id":"shop","label":"Carrello","link":"https://www.zanichelli.it","icon":"shopping-cart"}]'
|
|
140
|
-
userdata='{
|
|
141
|
-
"islogged": true,
|
|
142
|
-
"id": 123456,
|
|
143
|
-
"name": "Sandro Studente",
|
|
144
|
-
"usergroup": 14,
|
|
145
|
-
"userlinks": [{"id":"profile","label":"Profilo","link":"/i-tuoi-dati","icon":"user-avatar"},{"id":"logout-button","label":"Esci","link":"/logout","icon":"logout"}]
|
|
146
|
-
}' ismyz=true imagealt="none">
|
|
147
|
-
<img src="./assets/images/png/cea-logo.png" alt="cea" slot="editors" />
|
|
148
|
-
<img src="./assets/images/png/clitt-logo.png" alt="clitt" slot="editors" />
|
|
149
|
-
<img src="./assets/images/png/bovolenta-logo.png" alt="bovolenta" slot="editors" />
|
|
150
|
-
<img src="./assets/images/png/lucisano-logo.png" alt="lucisano" slot="editors" />
|
|
151
|
-
</z-myz-topbar> --> <section id="main-content"> <section id="libreria"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum convallis ex, eu faucibus velit
|
|
152
|
-
dignissim in. Quisque at risus accumsan, auctor enim a, varius tortor. Donec egestas sodales mi at imperdiet.
|
|
153
|
-
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In id maximus purus. Nam
|
|
154
|
-
porttitor mollis ipsum, sed scelerisque ipsum consequat vel. Vivamus a congue neque, ac venenatis arcu. Aliquam
|
|
155
|
-
venenatis fermentum mauris, ac efficitur lacus pellentesque sed. Fusce sit amet varius tellus, sit amet ultrices
|
|
156
|
-
nisl. Integer et tincidunt metus. Curabitur tristique interdum tempus.
|
|
157
|
-
|
|
158
|
-
Pellentesque quis nulla eu neque efficitur posuere ac quis lectus. In volutpat, est at tempor mollis, ipsum
|
|
159
|
-
ligula hendrerit ligula, in semper ex nunc non est. Curabitur ut volutpat ex. Phasellus nec bibendum tellus.
|
|
160
|
-
Etiam faucibus at nunc non consequat. Etiam tristique nibh mi, quis gravida lorem lobortis eget. Etiam ac nunc
|
|
161
|
-
sed velit laoreet venenatis. Nulla ipsum enim, sodales quis massa vitae, aliquam vehicula mi. Nunc feugiat eros
|
|
162
|
-
sit amet quam sollicitudin, ut pellentesque nisi lobortis. Nunc efficitur ex et augue convallis aliquam ut ut
|
|
163
|
-
dolor. Donec dapibus felis lorem, a feugiat lectus eleifend eget. Fusce cursus, velit nec viverra rhoncus, nulla
|
|
164
|
-
purus scelerisque tellus, vitae cursus tellus ligula a leo. Donec non blandit lectus. Fusce scelerisque libero
|
|
165
|
-
sit amet consequat mollis. Donec eget porttitor sem, nec ornare nibh.
|
|
166
|
-
|
|
167
|
-
Ut in gravida ante. Duis convallis suscipit porta. Curabitur gravida a arcu eu hendrerit. Sed ultrices, eros
|
|
168
|
-
quis mollis vulputate, orci justo fermentum elit, nec tristique sem ex quis mi. Vivamus non maximus tortor.
|
|
169
|
-
Nulla varius eu diam quis blandit. Nunc mattis in lectus sit amet porta. Nam nec quam molestie, venenatis quam
|
|
170
|
-
vitae, dapibus enim. Sed justo magna, dapibus eu volutpat sed, imperdiet at urna. Sed et urna et diam consequat
|
|
171
|
-
maximus. Phasellus tincidunt convallis urna eget sollicitudin. Nunc eget fringilla massa. Fusce hendrerit sapien
|
|
172
|
-
eu metus imperdiet mattis. Duis lacinia ex non turpis suscipit, sit amet hendrerit eros tincidunt. Integer
|
|
173
|
-
iaculis congue volutpat.
|
|
174
|
-
|
|
175
|
-
Ut tristique lobortis purus, quis vestibulum risus cursus convallis. Donec faucibus pharetra dui a finibus.
|
|
176
|
-
Maecenas gravida dignissim neque, in pellentesque nibh congue quis. Donec semper tempus fringilla. Mauris
|
|
177
|
-
laoreet tortor ut lorem dignissim euismod a vitae est. Pellentesque eget lacus quis quam blandit sagittis a eu
|
|
178
|
-
dui. Nam at erat ultrices, dapibus ipsum in, luctus lacus. Mauris sed feugiat elit. Vivamus quis purus sodales,
|
|
179
|
-
consectetur velit id, feugiat augue. Vivamus scelerisque dui a nunc tristique, in semper enim maximus.
|
|
180
|
-
Vestibulum ex neque, consequat blandit lobortis vitae, dapibus et tortor. Morbi dictum, ex at viverra
|
|
181
|
-
sollicitudin, mauris lacus bibendum arcu, porttitor egestas ipsum leo sit amet neque. Quisque nec massa et nibh
|
|
182
|
-
dapibus cursus.
|
|
183
|
-
|
|
184
|
-
Ut a felis sed massa porta egestas. Praesent eget nulla pharetra, accumsan arcu eu, tristique nulla. Aliquam
|
|
185
|
-
arcu libero, ultrices vitae lectus non, condimentum congue massa. Integer mi nibh, finibus nec euismod in,
|
|
186
|
-
laoreet et odio. Vestibulum condimentum in ante quis bibendum. Nam quis hendrerit massa, sit amet varius elit.
|
|
187
|
-
Proin varius eu massa et convallis. Maecenas facilisis sem non dictum pulvinar. Maecenas est enim, fringilla sed
|
|
188
|
-
sem dictum, blandit vulputate turpis. Vivamus nisl ante, suscipit ut massa et, venenatis tempus nisi. Praesent
|
|
189
|
-
tempus laoreet pretium. Duis porta eleifend lectus non congue. Ut quis suscipit leo, eu euismod mauris. </p> </section> <section id="ambienti"> <div style="display: flex; flex-wrap: wrap; justify-content: space-between;"> <z-myz-card> <z-myz-card-header titolo="Biologia molecolare, genetica, corpo umano"> <z-myz-card-icon icon="book-minus" slot="icon"></z-myz-card-icon></z-myz-card-header> <z-myz-card-body> <z-myz-card-alert slot="alert" iconname="checkmark-circle" contenttext="Libro aggiunto ai miei libri" actiontext="Annulla" type="add"></z-myz-card-alert> <z-myz-card-cover slot="cover" titolo="titolo" img="https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808720740.jpg"></z-myz-card-cover></z-myz-card-body> <z-myz-card-footer titolo="Biologia molecolare, genetica, corpo umano" autori="Helena Curtis, N Sue Barnes, Adriana Schnek, Alicia Massarini" isbn="9788808720979"> <z-toggle-button label="risorse" slot="toggle"></z-toggle-button> <z-myz-card-list listdata="[{"isLink":true,"value":"Leggi il libro online","url":"https://booktab.it/"},{"isLink":true,"value":"Leggi su Interactive ebook","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Programmazione"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"TUTOR","url":"https://zte.zanichelli.it/"},{"isLink":true,"value":"Vai alla scheda catalogo","url":"https://www.zanichelli.it/"}]" slot="list"></z-myz-card-list></z-myz-card-footer> </z-myz-card> <!-- in questo esempio puoi vedere dove stano i faded --> <z-myz-card faded="true"> <z-myz-card-header faded="true" titolo="titolo titolo titolotitolo titolo titolo titolo"> <z-myz-card-icon icon="book-minus" slot="icon"></z-myz-card-icon></z-myz-card-header> <z-myz-card-body> <z-myz-card-alert slot="alert" iconname="checkmark-circle" contenttext="Libro rimosso dai tuoi libri" actiontext="annulla" type="remove" faded="true"></z-myz-card-alert> <z-myz-card-cover slot="cover" titolo="titolo" img="https://staticmy.zanichelli.it/catalogo/assets/9788808250681_01.jpg" faded="true"></z-myz-card-cover></z-myz-card-body> <z-myz-card-footer titolo="titolo" autori="autori autori autori autoriautori autori" isbn="97-88-80-8620-710" faded="false"> <z-toggle-button label="risorse" slot="toggle" avoidclick="true"></z-toggle-button> <z-myz-card-list listdata="[{"isLink":true,"value":"Leggi sul browser sul browser sul browser sul browser","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"}]" slot="list"></z-myz-card-list></z-myz-card-footer> </z-myz-card> <z-myz-card> <z-myz-card-header titolo="titolo"> <z-myz-card-icon icon="book-minus" slot="icon"></z-myz-card-icon></z-myz-card-header> <z-myz-card-body> <z-myz-card-cover slot="cover" titolo="titolo" img="https://s3-eu-west-1.amazonaws.com/staticlocal.zanichelli.it/copertine/dashboard/m40002.9788808620712.png"></z-myz-card-cover></z-myz-card-body> <z-myz-card-footer titolo="titolo" autori="autori" isbn="9788808620713"> <z-toggle-button label="risorse" slot="toggle"></z-toggle-button> <z-myz-card-list listdata="[{"isLink":true,"value":"Leggi sul browser","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"}]" slot="list"></z-myz-card-list></z-myz-card-footer> </z-myz-card> </div> <br> <div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-column-gap: 16px; grid-row-gap: 16px;"> <z-myz-card> <z-myz-card-header titolo="titolo titolo titolotitolo titolo titolo titolo"> <z-myz-card-icon icon="book-minus" slot="icon"></z-myz-card-icon></z-myz-card-header> <z-myz-card-body> <z-myz-card-cover slot="cover" titolo="titolo" img="https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808720740.jpg"></z-myz-card-cover></z-myz-card-body> <z-myz-card-footer titolo="titolo" autori="autori autori autori autoriautori autori" isbn="97-88-80-8620-710"> <z-toggle-button label="risorse" slot="toggle"></z-toggle-button> <z-myz-card-list listdata="[{"isLink":true,"value":"Leggi sul browser sul browser sul browser sul browser","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"}]" slot="list"></z-myz-card-list></z-myz-card-footer> </z-myz-card> <z-myz-card ishighlighted=""> <z-myz-card-header titolo="titolo titolo titolotitolo titolo titolo titolo"> <z-myz-card-icon icon="book-minus" slot="icon"></z-myz-card-icon></z-myz-card-header> <z-myz-card-body> <z-myz-card-alert slot="alert" iconname="checkmark-circle" contenttext="Libro aggiunto ai miei libri" actiontext="Annulla" type="add"></z-myz-card-alert> <z-myz-card-cover slot="cover" titolo="titolo" img="https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808720740.jpg"></z-myz-card-cover></z-myz-card-body> <z-myz-card-footer titolo="titolo" autori="autori autori autori autoriautori autori" isbn="97-88-80-8620-710"> <z-toggle-button label="risorse" slot="toggle"></z-toggle-button> <z-myz-card-list listdata="[{"isLink":true,"value":"Leggi sul browser sul browser sul browser sul browser","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"}]" slot="list"></z-myz-card-list></z-myz-card-footer> </z-myz-card> <z-myz-card ispressed=""> <z-myz-card-header titolo="titolo titolo titolotitolo titolo titolo titolo"> <z-myz-card-icon icon="book-minus" slot="icon"></z-myz-card-icon></z-myz-card-header> <z-myz-card-body> <z-myz-card-cover slot="cover" titolo="titolo" img="https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808720740.jpg"></z-myz-card-cover></z-myz-card-body> <z-myz-card-footer titolo="titolo" autori="autori autori autori autoriautori autori" isbn="97-88-80-8620-710"> <z-toggle-button label="risorse" slot="toggle"></z-toggle-button> <z-myz-card-list listdata="[{"isLink":true,"value":"Leggi sul browser sul browser sul browser sul browser","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"}]" slot="list"></z-myz-card-list></z-myz-card-footer> </z-myz-card> <z-myz-card faded="true"> <z-myz-card-header faded="true" titolo="titolo titolo titolotitolo titolo titolo titolo"> <z-myz-card-icon icon="book-minus" slot="icon"></z-myz-card-icon></z-myz-card-header> <z-myz-card-body> <z-myz-card-alert slot="alert" iconname="checkmark-circle" contenttext="Libro rimosso dai tuoi libri" type="remove" faded="true"></z-myz-card-alert> <z-myz-card-cover slot="cover" titolo="titolo" img="https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808720740.jpg" faded="true"></z-myz-card-cover></z-myz-card-body> <z-myz-card-footer titolo="titolo" autori="autori autori autori autoriautori autori" isbn="97-88-80-8620-710" faded="true"> <z-toggle-button label="risorse" slot="toggle" avoidclick="true"></z-toggle-button> <z-myz-card-list listdata="[{"isLink":true,"value":"Leggi sul browser sul browser sul browser sul browser","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"}]" slot="list"></z-myz-card-list></z-myz-card-footer> </z-myz-card> <z-myz-card cardtype="reale"> <z-myz-card-header titolo="titolo titolo titolotitolo titolo titolo titolo"> <z-myz-card-icon icon="book-minus" slot="icon"></z-myz-card-icon></z-myz-card-header> <z-myz-card-body> <z-myz-card-cover slot="cover" titolo="titolo" img="https://staticmy.zanichelli.it/catalogo/assets/9788808250681_01.jpg"></z-myz-card-cover></z-myz-card-body> <z-myz-card-footer cardtype="reale" titolo="titolo" autori="autori autori autori autoriautori autori" isbn="97-88-80-8620-710"> <z-toggle-button label="risorse" slot="toggle"></z-toggle-button> <z-myz-card-list listdata="[{"isLink":true,"value":"Leggi sul browser sul browser sul browser sul browser","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"}]" slot="list"></z-myz-card-list></z-myz-card-footer> </z-myz-card> <z-myz-card cardtype="reale" ishighlighted=""> <z-myz-card-header titolo="titolo titolo titolotitolo titolo titolo titolo"> <z-myz-card-icon icon="book-minus" slot="icon"></z-myz-card-icon></z-myz-card-header> <z-myz-card-body> <z-myz-card-alert slot="alert" iconname="checkmark-circle" contenttext="Libro aggiunto ai miei libri" type="add"></z-myz-card-alert> <z-myz-card-cover slot="cover" titolo="titolo" img="https://staticmy.zanichelli.it/catalogo/assets/9788808250681_01.jpg"></z-myz-card-cover></z-myz-card-body> <z-myz-card-footer cardtype="reale" titolo="Las reglas del juego con risorse digitali Scuolabook risorse digitali Scuolabook Scuolabook risorse digitali ScuolabookScuolabook risorse digitali ScuolabookScuolabook risorse digitali Scuolabook" autori="autori autori autori autoriautori autori" isbn="97-88-80-8620-710"> <z-toggle-button label="risorse" slot="toggle"></z-toggle-button> <z-myz-card-list listdata="[{"isLink":true,"value":"Leggi sul browser sul browser sul browser sul browser","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"}]" slot="list"></z-myz-card-list></z-myz-card-footer> </z-myz-card> <z-myz-card cardtype="reale"> <z-myz-card-header cardtype="reale" titolo="titolo titolo titolotitolo titolo titolo titolo"> <z-myz-card-icon icon="book-minus" slot="icon"></z-myz-card-icon></z-myz-card-header> <z-myz-card-body> <z-myz-card-cover slot="cover" titolo="titolo" img="https://staticmy.zanichelli.it/catalogo/assets/9788808250681_01.jpg"></z-myz-card-cover></z-myz-card-body> <z-myz-card-footer cardtype="reale" titolo="titolo" autori="autori autori autori autoriautori autori" isbn="97-88-80-8620-710"> <z-toggle-button label="risorse" slot="toggle"></z-toggle-button> <z-myz-card-list listdata="[{"isLink":true,"value":"Leggi sul browser sul browser sul browser sul browser","url":"https://booktab.it/"},{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},{"isLink":false,"value":"Prove di verifica"},{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"}]" slot="list"></z-myz-card-list></z-myz-card-footer> </z-myz-card> </div> <z-myz-card cardtype="reale"> <z-myz-card-header cardtype="reale" titolo="Card con lista risorse completa"> <z-myz-card-icon icon="book-minus" slot="icon"></z-myz-card-icon></z-myz-card-header> <z-myz-card-body> <z-myz-card-cover slot="cover" titolo="titolo" img="https://staticmy.zanichelli.it/catalogo/assets/9788808250681_01.jpg"></z-myz-card-cover></z-myz-card-body> <z-myz-card-footer cardtype="reale" titolo="titolo" autori="autori autori autori autoriautori autori" isbn="97-88-80-8620-710"> <z-toggle-button label="risorse" slot="toggle"></z-toggle-button> <z-myz-card-list listdata="[{"isLink":true,"value":"Leggi il libro online","url":"https://booktab.it/"},
|
|
190
|
-
{"isLink":true,"value":"Leggi il libro su Interactive Ebook","url":"https://zte.zanichelli.it/"},
|
|
191
|
-
{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"},
|
|
192
|
-
{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},
|
|
193
|
-
{"isLink":false,"value":"Programmazione"},
|
|
194
|
-
{"isLink":false,"value":"Prove di verifica"},
|
|
195
|
-
{"isLink":true,"value":"Vai alla scheda catalogo","url":"https://dev.zanichelli.it/ricerca/prodotti/biologia-come-funziona-la-vita?hl=biologia"}]" slot="list"></z-myz-card-list></z-myz-card-footer> </z-myz-card> <z-myz-card cardtype="saggio"> <z-myz-card-header cardtype="saggio" titolo="Card con lista risorse completa"> <z-myz-card-icon icon="book-minus" slot="icon"></z-myz-card-icon></z-myz-card-header> <z-myz-card-body> <z-myz-card-cover slot="cover" titolo="titolo" img="https://staticmy.zanichelli.it/catalogo/assets/9788808250681_01.jpg"></z-myz-card-cover></z-myz-card-body> <z-myz-card-footer cardtype="saggio" titolo="titolo" autori="autori autori autori autoriautori autori" isbn="97-88-80-8620-710"> <z-toggle-button label="risorse" slot="toggle"></z-toggle-button> <z-myz-card-list listdata="[{"isLink":true,"value":"Leggi il libro online","url":"https://booktab.it/"},
|
|
196
|
-
{"isLink":true,"value":"Leggi il libro su Interactive Ebook","url":"https://zte.zanichelli.it/"},
|
|
197
|
-
{"isLink":true,"value":"ZTE","url":"https://zte.zanichelli.it/"},
|
|
198
|
-
{"isLink":true,"value":"Sito e risorse del libro","url":"http://online.scuola.zanichelli.it/curtisinvitoblu/"},
|
|
199
|
-
{"isLink":false,"value":"Programmazione"},
|
|
200
|
-
{"isLink":false,"value":"Prove di verifica"},
|
|
201
|
-
{"isLink":true,"value":"Vai alla scheda catalogo","url":"https://dev.zanichelli.it/ricerca/prodotti/biologia-come-funziona-la-vita?hl=biologia"}]" slot="list"></z-myz-card-list></z-myz-card-footer> </z-myz-card> <br> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum convallis ex, eu faucibus velit
|
|
202
|
-
dignissim in. Quisque at risus accumsan, auctor enim a, varius tortor. Donec egestas sodales mi at imperdiet.
|
|
203
|
-
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In id maximus purus. Nam
|
|
204
|
-
porttitor mollis ipsum, sed scelerisque ipsum consequat vel. Vivamus a congue neque, ac venenatis arcu. Aliquam
|
|
205
|
-
venenatis fermentum mauris, ac efficitur lacus pellentesque sed. Fusce sit amet varius tellus, sit amet ultrices
|
|
206
|
-
nisl. Integer et tincidunt metus. Curabitur tristique interdum tempus.
|
|
207
|
-
|
|
208
|
-
Pellentesque quis nulla eu neque efficitur posuere ac quis lectus. In volutpat, est at tempor mollis, ipsum
|
|
209
|
-
ligula hendrerit ligula, in semper ex nunc non est. Curabitur ut volutpat ex. Phasellus nec bibendum tellus.
|
|
210
|
-
Etiam faucibus at nunc non consequat. Etiam tristique nibh mi, quis gravida lorem lobortis eget. Etiam ac nunc
|
|
211
|
-
sed velit laoreet venenatis. Nulla ipsum enim, sodales quis massa vitae, aliquam vehicula mi. Nunc feugiat eros
|
|
212
|
-
sit amet quam sollicitudin, ut pellentesque nisi lobortis. Nunc efficitur ex et augue convallis aliquam ut ut
|
|
213
|
-
dolor. Donec dapibus felis lorem, a feugiat lectus eleifend eget. Fusce cursus, velit nec viverra rhoncus, nulla
|
|
214
|
-
purus scelerisque tellus, vitae cursus tellus ligula a leo. Donec non blandit lectus. Fusce scelerisque libero
|
|
215
|
-
sit amet consequat mollis. Donec eget porttitor sem, nec ornare nibh.
|
|
216
|
-
|
|
217
|
-
Ut in gravida ante. Duis convallis suscipit porta. Curabitur gravida a arcu eu hendrerit. Sed ultrices, eros
|
|
218
|
-
quis mollis vulputate, orci justo fermentum elit, nec tristique sem ex quis mi. Vivamus non maximus tortor.
|
|
219
|
-
Nulla varius eu diam quis blandit. Nunc mattis in lectus sit amet porta. Nam nec quam molestie, venenatis quam
|
|
220
|
-
vitae, dapibus enim. Sed justo magna, dapibus eu volutpat sed, imperdiet at urna. Sed et urna et diam consequat
|
|
221
|
-
maximus. Phasellus tincidunt convallis urna eget sollicitudin. Nunc eget fringilla massa. Fusce hendrerit sapien
|
|
222
|
-
eu metus imperdiet mattis. Duis lacinia ex non turpis suscipit, sit amet hendrerit eros tincidunt. Integer
|
|
223
|
-
iaculis congue volutpat.
|
|
224
|
-
|
|
225
|
-
Ut tristique lobortis purus, quis vestibulum risus cursus convallis. Donec faucibus pharetra dui a finibus.
|
|
226
|
-
Maecenas gravida dignissim neque, in pellentesque nibh congue quis. Donec semper tempus fringilla. Mauris
|
|
227
|
-
laoreet tortor ut lorem dignissim euismod a vitae est. Pellentesque eget lacus quis quam blandit sagittis a eu
|
|
228
|
-
dui. Nam at erat ultrices, dapibus ipsum in, luctus lacus. Mauris sed feugiat elit. Vivamus quis purus sodales,
|
|
229
|
-
consectetur velit id, feugiat augue. Vivamus scelerisque dui a nunc tristique, in semper enim maximus.
|
|
230
|
-
Vestibulum ex neque, consequat blandit lobortis vitae, dapibus et tortor. Morbi dictum, ex at viverra
|
|
231
|
-
sollicitudin, mauris lacus bibendum arcu, porttitor egestas ipsum leo sit amet neque. Quisque nec massa et nibh
|
|
232
|
-
dapibus cursus.
|
|
233
|
-
|
|
234
|
-
Ut a felis sed massa porta egestas. Praesent eget nulla pharetra, accumsan arcu eu, tristique nulla. Aliquam
|
|
235
|
-
arcu libero, ultrices vitae lectus non, condimentum congue massa. Integer mi nibh, finibus nec euismod in,
|
|
236
|
-
laoreet et odio. Vestibulum condimentum in ante quis bibendum. Nam quis hendrerit massa, sit amet varius elit.
|
|
237
|
-
Proin varius eu massa et convallis. Maecenas facilisis sem non dictum pulvinar. Maecenas est enim, fringilla sed
|
|
238
|
-
sem dictum, blandit vulputate turpis. Vivamus nisl ante, suscipit ut massa et, venenatis tempus nisi. Praesent
|
|
239
|
-
tempus laoreet pretium. Duis porta eleifend lectus non congue. Ut quis suscipit leo, eu euismod mauris. </p> </section> <section id="idee"> <z-button variant="primary">button</z-button> <z-button variant="primary" icon="download">button</z-button> <z-button variant="primary" isdisabled="" icon="download">button</z-button> <z-button variant="secondary">button</z-button> <z-button variant="secondary" isdisabled="">button</z-button> <z-button variant="tertiary">button</z-button> <z-button variant="tertiary" isdisabled="">button</z-button> <z-button variant="primary" issmall="">button</z-button> <z-button variant="primary" issmall="" icon="download">button</z-button> <z-button variant="primary" issmall="" isdisabled="" icon="download">button</z-button> <z-button variant="secondary" issmall="">button</z-button> <z-button variant="secondary" issmall="" isdisabled="">button</z-button> <z-button variant="tertiary" issmall="">button</z-button> <z-button variant="tertiary" issmall="" isdisabled="">button</z-button> <div style="background: rgb(66, 69, 72); padding: 8px 0;"> <z-button icon="download" variant="dark-bg">button</z-button> <z-button variant="dark-bg" isdisabled="">button</z-button> <z-button variant="dark-bg" issmall="">button</z-button> <z-button variant="dark-bg" issmall="" disabled="">button</z-button> </div> <div style="background: rgb(246, 187, 59); padding: 8px 0;"> <z-button variant="dark-bg"> <span style="color: rgb(66, 69, 72);"> <z-icon name="download" style="color: rgb(66, 69, 72);"></z-icon> button </span> </z-button> <z-button variant="dark-bg" isdisabled=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> <z-button variant="dark-bg" issmall=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> <z-button variant="dark-bg" issmall="" disabled=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> </div> <br> <z-button type="submit">submit</z-button> <z-button type="reset">reset</z-button> <br> <z-toggle-button label="toggle"></z-toggle-button> <z-toggle-button label="toggle" isdisabled=""></z-toggle-button> <br> <z-link>z-link</z-link> <z-link icon="download">z-link</z-link> <z-link isdisabled="">z-link</z-link> <z-link isdisabled="" icon="download">z-link</z-link> <z-link isactive="">z-link</z-link> <z-link icon="download" style="font-size: 12px; font-weight: bold;">z-link</z-link> <br> <hr> <z-logo></z-logo> <z-logo image-alt="logo"></z-logo> <z-logo image-alt="logo" height="50" width="200"></z-logo> <z-logo image-alt="logo" height="25" width="100"></z-logo> <br> <div style="display: grid; grid-template-columns: minmax(241px, 294px) 1fr 2.5fr minmax(180px, 180px); grid-column-gap: var(--basex1); background-color: rgb(48, 56, 64); height: 52px; align-items: center; z-index: 10;"> <div></div> <div></div> <div></div> <div style="display: flex; justify-content: flex-end; margin-right: 8px;"> <z-menu-dropdown nomeutente="username molto lungo nome" menucontent="[{"id": "profile", "label": "Profilo", "link": "./pages/notification.html"}, {"id": "ask-to", "label": "Chiedi al tuo responsabile", "link": "./pages/notification.html"}, {"id": "activate-resource", "label": "Attiva opera", "link": "./pages/notification.html"}, {"id": "your-orders", "label": "I tuoi ordini", "link": "./pages/notification.html"}, {"id": "logout", "label": "Esci", "link": "./pages/notification.html"}]"></z-menu-dropdown> </div> </div> <br> <z-menu floating="true"> <h3>Menu label</h3> <a href="" slot="item">Item 1</a> <a href="" slot="item">Item 2</a> <z-menu-section slot="item"> <h3>Item 3</h3> <a href="" slot="item">Item 3.1</a> <a href="" slot="item">Item 3.2</a> </z-menu-section> <z-menu-section slot="item"> <h3>Item 4</h3> <a href="" slot="item">Item 4.1</a> <a href="" slot="item">Item 4.2</a> </z-menu-section> <a href="" slot="item">Item 5</a> </z-menu> <z-menu> <img slot="header" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h4 slot="header">Menu header</h4> <h3>Menu label</h3> <a href="" slot="item">Item 1</a> <a href="" slot="item">Item 2</a> <z-menu-section slot="item"> <h3>Item 3</h3> <a href="" slot="item">Item 3.1</a> <a href="" slot="item">Item 3.2</a> </z-menu-section> <a href="" slot="item">Item 4</a> </z-menu> <z-button-filter filtername="filter 1" isfixed=""></z-button-filter> <z-button-filter filtername="filter 2"></z-button-filter> <z-button-filter filtername="filter 3" isfixed="" hasicon="false"></z-button-filter> <z-button-filter filtername="filter 4" hasicon="false"></z-button-filter> <z-chip boldtext="1234" regulartext="libri trovati"></z-chip> <z-chip> <z-body level="4">ciao 1</z-body> </z-chip> <z-chip> <z-body level="1" variant="semibold"><span style="color: red;">ciao 2</span></z-body> </z-chip> <z-chip boldtext="1234" regulartext="libri trovati"> <z-body level="4">ciao 3</z-body> </z-chip> <z-chip boldtext="0"></z-chip> <br> <br> <z-button-sort label="Chimica" counter="3"></z-button-sort> <z-button-sort label="Biologia" counter="5"></z-button-sort> <z-button-sort label="Label"></z-button-sort> <z-button-sort label="Selected" isselected="true"></z-button-sort> <z-button-sort label="Selected" isselected="true" sortasc="false"></z-button-sort> <z-button-sort label="Sort number" sortlabelasc="1-9" sortlabeldesc="9-1"></z-button-sort> <z-button-sort label="Ordina ASC" desclabel="Ordina DESC" sortlabelasc="" sortlabeldesc=""></z-button-sort> <br> <br> <z-myz-list inputrawdata="[
|
|
240
|
-
{"text":"elemento lista","link":"http://www.google.it","listitemid":"id1","icon":"checkbox-checked"},
|
|
241
|
-
{"text":"elemento lista","link":"http://www.google.it","listitemid":"id2","icon":"checkbox"},
|
|
242
|
-
{"text":""}
|
|
243
|
-
]"></z-myz-list> <ul> <z-myz-list-item>ITEM 1</z-myz-list-item> <z-myz-list-item>ITEM 2</z-myz-list-item> <z-myz-list-item>ITEM 3 <z-input type="checkbox"></z-input> </z-myz-list-item> </ul> <div style="display: flex; align-items: center; margin-left: 16px; gap: 16px;"> <h3>ZTooltip Legacy</h3> <z-tooltip content="Aggiungi libro" type="top"></z-tooltip> <z-tooltip content="Aggiungi libro" type="bottom"></z-tooltip> <z-tooltip content="Rimuovi libro" type="left"></z-tooltip> <z-tooltip content="Rimuovi libro" type="right"></z-tooltip> </div> <div style="margin-left: 16px;"> <h3>ZTooltip</h3> <z-tooltip bind-to="#tooltip-btn" type="bottom_right" open=""> <span>Tooltip text</span> </z-tooltip> <z-button id="tooltip-btn" square="" icon="informationsource"></z-button> </div> <br><br> <z-input required=""></z-input> <z-input type="text" label="default" placeholder="Cerca Autore"></z-input> <z-input type="text" label="filled" value="testo testo testo"></z-input> <z-input type="text" label="disabled" placeholder="placeholder" disabled="" value="i'm disabled"></z-input> <z-input type="text" label="readonly" placeholder="placeholder" readonly="" value="i'm read-only"></z-input> <z-input type="text" label="success" placeholder="placeholder" status="success" message="message message" value=""></z-input> <z-input type="text" label="error" placeholder="placeholder" status="error" message="message message" value="testo"></z-input> <z-input type="text" label="warning" placeholder="placeholder" status="warning" message="message message message message message <br/> message message message message <br/> message message message message message message message message message"></z-input> <z-input type="text" label="message" placeholder="placeholder" message="helper message"></z-input> <z-input type="password" label="password" value="password" placeholder="Inserisci password"></z-input> <z-input type="password" label="password disabled" value="password" placeholder="Non inscerisci password" disabled=""></z-input> <br><br> <z-input type="textarea" required=""></z-input> <z-input type="textarea" label="default" placeholder="Cerca Autore"></z-input> <z-input type="textarea" label="filled" value="testo testo testo"></z-input> <z-input type="textarea" label="disabled" placeholder="placeholder" disabled="" value="i'm disabled"></z-input> <z-input type="textarea" label="readonly" placeholder="placeholder" readonly="" value="i'm read-only"></z-input> <z-input type="textarea" label="success" placeholder="placeholder" status="success" message="message message" value=""></z-input> <z-input type="textarea" label="error" placeholder="placeholder" status="error" message="message message" value="testo"></z-input> <z-input type="textarea" label="warning" placeholder="placeholder" status="warning" message="message message"></z-input> <z-input type="textarea" label="message" placeholder="placeholder" message="helper message"></z-input> <br><br> <z-input type="checkbox" htmlid="check1" required=""></z-input><br> <z-input type="checkbox" htmlid="check2" label="this is a checkbox" checked=""></z-input><br> <div style="width: 150px; background: grey; font-size: 10px;"> <z-input type="checkbox" htmlid="check3" label="unchecked with long long long longlong long long label" labelafter="false"></z-input> </div> <z-input type="checkbox" htmlid="check4" value="value" disabled="" label="disabled"></z-input><br> <z-input type="checkbox" htmlid="check5" value="value" readonly="" label="read-only" checked=""></z-input><br> <br><br> <z-input type="radio" htmlid="radio1" name="radio-selected" value="1"></z-input><br> <z-input type="radio" htmlid="radio2" name="radio-selected" value="2" label="opzione 2"></z-input><br> <z-input type="radio" htmlid="radio3" name="radio-selected" value="3" labelafter="false" label="opzione 3"></z-input><br> <z-input type="radio" htmlid="radio4" name="radio-selected" value="4" label="disabled" disabled=""></z-input><br> <z-input type="radio" htmlid="radio5" name="radio-selected" value="5" label="readonly" readonly=""></z-input><br> <br><br> <div style="width: 300px;"> <z-input type="select" label="default" placeholder="Seleziona qui" items="[{"id":"item_0","name":"seleziona questa opzione con etichetta lunga lunghissima","selected":false},{"id":"item_1","name":"primo elemento","selected":false},{"id":"item_2","name":"secondo elemento","selected":false}]"></z-input> <z-input type="select" label="disabled" placeholder="Seleziona qui" disabled="" items="[{"id":"item_1","name":"primo elemento","selected":false},{"id":"item_2","name":"secondo elemento","selected":true}]"></z-input><br> <z-input type="select" label="readonly" placeholder="Seleziona qui" readonly="" items="[{"id":"item_1","name":"primo elemento","selected":false},{"id":"item_2","name":"secondo elemento","selected":false}]"></z-input><br> <z-input type="select" label="success" placeholder="Seleziona qui" status="success" message="message message" items="[{"id":"item_1","name":"primo elemento","selected":false},{"id":"item_2","name":"secondo elemento","selected":false}]"></z-input><br> <z-input type="select" label="error" placeholder="Seleziona qui" status="error" message="message message" items="[{"id":"item_1","name":"primo elemento","selected":false},{"id":"item_2","name":"secondo elemento","selected":false}]"></z-input><br> <z-input type="select" label="warning" placeholder="Seleziona qui" status="warning" message="message message message" items="[{"id":"item_1","name":"primo elemento","selected":true},{"id":"item_2","name":"secondo elemento","selected":false}]"></z-input> <z-input type="select" label="message" placeholder="Seleziona qui" message="helper message" items="[{"id":"item_1","name":"primo elemento","selected":false},{"id":"item_2","name":"secondo elemento","selected":false}]"></z-input> <z-input type="select" label="multiple" placeholder="Seleziona qui" multiple="true" items="[{"id":"item_0","name":"seleziona questa opzione con etichetta lunga lunga lunga lunghissima","selected":false},{"id":"item_1","name":"primo elemento","selected":false},{"id":"item_2","name":"secondo elemento","selected":false},{"id":"item_3","name":"terzo elemento","selected":false},{"id":"item_4","name":"quarto elemento","selected":false},{"id":"item_5","name":"quinto elemento","selected":false},{"id":"item_6","name":"sesto elemento","selected":false},{"id":"item_7","name":"settimo elemento","selected":false}]"></z-input> <z-input type="select" label="autocomplete" placeholder="Seleziona qui" autocomplete="true" items="[{"id":"item_0","name":"seleziona questa opzione con etichetta lunga lunga lunga lunghissima","selected":false},{"id":"item_1","name":"primo elemento","selected":false},{"id":"item_2","name":"secondo elemento","selected":false},{"id":"item_3","name":"terzo elemento","selected":false},{"id":"item_4","name":"quarto elemento","selected":false},{"id":"item_5","name":"quinto elemento","selected":false},{"id":"item_6","name":"sesto elemento","selected":false},{"id":"item_7","name":"settimo elemento","selected":false}]"></z-input> <z-input type="select" label="multiple autocomplete" placeholder="Seleziona qui" autocomplete="true" multiple="true" items="[{"id":"item_0","name":"seleziona questa opzione con etichetta lunga lunga lunga lunghissima","selected":false},{"id":"item_1","name":"primo elemento","selected":false},{"id":"item_2","name":"secondo elemento","selected":false},{"id":"item_3","name":"terzo elemento","selected":false},{"id":"item_4","name":"quarto elemento","selected":false},{"id":"item_5","name":"quinto elemento","selected":false},{"id":"item_6","name":"sesto elemento","selected":false},{"id":"item_7","name":"settimo elemento","selected":false}]"></z-input> </div> <br><br> <z-pagination-page value="4"></z-pagination-page> <br> <z-pagination-page value="4" isselected=""></z-pagination-page> <br> <z-pagination-page value="4" isdisabled=""></z-pagination-page> <br> <z-pagination-page value="4" isvisited=""></z-pagination-page> <br> <z-pagination-bar pages="20" visiblepages="5" currentpage="2"></z-pagination-bar> <z-pagination-bar pages="20" visiblepages="11" currentpage="6"></z-pagination-bar> <br><br> <z-combobox inputid="combo_1" items="[{"id":"item_1","name":"primo elemento","checked":false},{"id":"item_2","name":"secondo elemento","checked":true}]" hassearch="true" searchlabel="Autore" searchplaceholder="Cerca Autore" label="Combo Corta" closesearchtext="CHIUDI"></z-combobox> <br> <z-combobox inputid="combo_2" items="[{"id":"item_1","name":"Brimo elemento","checked":false},{"id":"item_2","name":"sbecondo elemento","checked":true},{"id":"item_3","name":"terzo","checked":false},{"id":"item_4","name":"quarto elemento","checked":true},{"id":"item_5","name":"quinto elemento","checked":false},{"id":"item_6","name":"sesto elemento","checked":true}]" hassearch="true" searchlabel="Autore" searchplaceholder="Cerca Autore" label="Combo Corta" isopen="false" closesearchtext="CHIUDI"></z-combobox> <br> <z-combobox inputid="combo_3" items="[{"id":"item_1","name":"Brimo elemento","checked":false},{"id":"item_2","name":"sbecondo elemento","checked":true},{"id":"item_3","name":"terzo","checked":false},{"id":"item_4","name":"quarto elemento","checked":true},{"id":"item_5","name":"quinto elemento","checked":false},{"id":"item_6","name":"sesto elemento","checked":true}]" label="Combo Select All" closesearchtext="CHIUDI" hascheckall="true"></z-combobox> <br> <z-combobox inputid="combo_4" items="[{"id":"item_1","name":"Brimo elemento","checked":false},{"id":"item_2","name":"sbecondo elemento","checked":true},{"id":"item_3","name":"terzo","checked":false},{"id":"item_4","name":"quarto elemento","checked":true},{"id":"item_5","name":"quinto elemento","checked":false},{"id":"item_6","name":"sesto elemento","checked":true}]" label="Combo Max 3" closesearchtext="CHIUDI" maxcheckableitems="3"></z-combobox> <br><br> <section id="ideePerInsegnare" style="max-width: 200px; max-height: 200px; margin: 10px 40px 0; border: 1px solid violet;"> <z-panel-elem imgurl="https://staticdemomy.zanichelli.it/download/biblioteca.png" linkicon="arrow-quad-down" linklabel="Biblioteca" url="https://biblioteca.scuola.zanichelli.it/" elemid="prova1"></z-panel-elem></section> <section id="ideePerInsegnare" style="max-width: 200px; max-height: 200px; margin: 10px 40px 0; border: 1px solid violet;"> <z-panel-elem isdisabled="true" imgurl="https://staticdemomy.zanichelli.it/download/biblioteca.png" linkicon="arrow-quad-down" linklabel="Tutte le prove" url="http://online.scuola.zanichelli.it/tutteleprove/" descr_slot_name="xxx1" elemid="prova2"> <span slot="xxx1"> L’archivio di prove in pdf e word pronto da stampare: prove
|
|
244
|
-
comuni, simulazioni, prove interdisciplinari </span> </z-panel-elem> </section> <section id="ideePerInsegnare" style="max-width: 200px; max-height: 200px; margin: 10px 40px 0; border: 1px solid violet;"> <z-panel-elem linkicon="arrow-quad-down" linklabel="Tutte le prove" elemid="prova3" url="http://online.scuola.zanichelli.it/tutteleprove/" descr_slot_name="xxx1"></z-panel-elem></section> <br><br> <z-info-box style="width: 300px;"> <span slot="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum convallis ex, eu
|
|
245
|
-
faucibus velit dignissim in. Quisque at risus accumsan, auctor enim a, varius tortor. Donec egestas sodales mi
|
|
246
|
-
at imperdiet.
|
|
247
|
-
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</span> </z-info-box> <br> <z-info-box isclosable="false"> <span slot="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum convallis ex, eu
|
|
248
|
-
faucibus velit dignissim in. Quisque at risus accumsan, auctor enim a, varius tortor. Donec egestas sodales mi
|
|
249
|
-
at imperdiet.
|
|
250
|
-
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</span> </z-info-box> <br> <div style="background: grey;"> <z-icon-package></z-icon-package></div> <z-stepper> <z-stepper-item index="1" pressed=""></z-stepper-item> <z-stepper-item index="2" disabled=""></z-stepper-item> <z-stepper-item index="3" disabled=""></z-stepper-item> </z-stepper> <z-stepper> <z-stepper-item index="1">I tuoi dati</z-stepper-item> <z-stepper-item index="2" pressed="">Le tue credenziali</z-stepper-item> <z-stepper-item index="3" disabled="">Conferma</z-stepper-item> </z-stepper> <z-stepper> <z-stepper-item index="1">I tuoi dati</z-stepper-item> <z-stepper-item index="2">Le tue credenziali</z-stepper-item> <z-stepper-item index="3" pressed="">Conferma</z-stepper-item> </z-stepper> <z-stepper> <z-stepper-item href="#stepper1" index="1">I tuoi dati</z-stepper-item> <z-stepper-item href="#stepper2" index="2">Le tue credenziali</z-stepper-item> <z-stepper-item href="#stepper3" index="3" pressed="">Conferma</z-stepper-item> </z-stepper> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque fermentum convallis ex, eu faucibus velit
|
|
251
|
-
dignissim in. Quisque at risus accumsan, auctor enim a, varius tortor. Donec egestas sodales mi at imperdiet.
|
|
252
|
-
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In id maximus purus. Nam
|
|
253
|
-
porttitor mollis ipsum, sed scelerisque ipsum consequat vel. Vivamus a congue neque, ac venenatis arcu. Aliquam
|
|
254
|
-
venenatis fermentum mauris, ac efficitur lacus pellentesque sed. Fusce sit amet varius tellus, sit amet ultrices
|
|
255
|
-
nisl. Integer et tincidunt metus. Curabitur tristique interdum tempus.
|
|
256
|
-
|
|
257
|
-
Pellentesque quis nulla eu neque efficitur posuere ac quis lectus. In volutpat, est at tempor mollis, ipsum
|
|
258
|
-
ligula hendrerit ligula, in semper ex nunc non est. Curabitur ut volutpat ex. Phasellus nec bibendum tellus.
|
|
259
|
-
Etiam faucibus at nunc non consequat. Etiam tristique nibh mi, quis gravida lorem lobortis eget. Etiam ac nunc
|
|
260
|
-
sed velit laoreet venenatis. Nulla ipsum enim, sodales quis massa vitae, aliquam vehicula mi. Nunc feugiat eros
|
|
261
|
-
sit amet quam sollicitudin, ut pellentesque nisi lobortis. Nunc efficitur ex et augue convallis aliquam ut ut
|
|
262
|
-
dolor. Donec dapibus felis lorem, a feugiat lectus eleifend eget. Fusce cursus, velit nec viverra rhoncus, nulla
|
|
263
|
-
purus scelerisque tellus, vitae cursus tellus ligula a leo. Donec non blandit lectus. Fusce scelerisque libero
|
|
264
|
-
sit amet consequat mollis. Donec eget porttitor sem, nec ornare nibh.
|
|
265
|
-
|
|
266
|
-
Ut in gravida ante. Duis convallis suscipit porta. Curabitur gravida a arcu eu hendrerit. Sed ultrices, eros
|
|
267
|
-
quis mollis vulputate, orci justo fermentum elit, nec tristique sem ex quis mi. Vivamus non maximus tortor.
|
|
268
|
-
Nulla varius eu diam quis blandit. Nunc mattis in lectus sit amet porta. Nam nec quam molestie, venenatis quam
|
|
269
|
-
vitae, dapibus enim. Sed justo magna, dapibus eu volutpat sed, imperdiet at urna. Sed et urna et diam consequat
|
|
270
|
-
maximus. Phasellus tincidunt convallis urna eget sollicitudin. Nunc eget fringilla massa. Fusce hendrerit sapien
|
|
271
|
-
eu metus imperdiet mattis. Duis lacinia ex non turpis suscipit, sit amet hendrerit eros tincidunt. Integer
|
|
272
|
-
iaculis congue volutpat.
|
|
273
|
-
|
|
274
|
-
Ut tristique lobortis purus, quis vestibulum risus cursus convallis. Donec faucibus pharetra dui a finibus.
|
|
275
|
-
Maecenas gravida dignissim neque, in pellentesque nibh congue quis. Donec semper tempus fringilla. Mauris
|
|
276
|
-
laoreet tortor ut lorem dignissim euismod a vitae est. Pellentesque eget lacus quis quam blandit sagittis a eu
|
|
277
|
-
dui. Nam at erat ultrices, dapibus ipsum in, luctus lacus. Mauris sed feugiat elit. Vivamus quis purus sodales,
|
|
278
|
-
consectetur velit id, feugiat augue. Vivamus scelerisque dui a nunc tristique, in semper enim maximus.
|
|
279
|
-
Vestibulum ex neque, consequat blandit lobortis vitae, dapibus et tortor. Morbi dictum, ex at viverra
|
|
280
|
-
sollicitudin, mauris lacus bibendum arcu, porttitor egestas ipsum leo sit amet neque. Quisque nec massa et nibh
|
|
281
|
-
dapibus cursus.
|
|
282
|
-
|
|
283
|
-
Ut a felis sed massa porta egestas. Praesent eget nulla pharetra, accumsan arcu eu, tristique nulla. Aliquam
|
|
284
|
-
arcu libero, ultrices vitae lectus non, condimentum congue massa. Integer mi nibh, finibus nec euismod in,
|
|
285
|
-
laoreet et odio. Vestibulum condimentum in ante quis bibendum. Nam quis hendrerit massa, sit amet varius elit.
|
|
286
|
-
Proin varius eu massa et convallis. Maecenas facilisis sem non dictum pulvinar. Maecenas est enim, fringilla sed
|
|
287
|
-
sem dictum, blandit vulputate turpis. Vivamus nisl ante, suscipit ut massa et, venenatis tempus nisi. Praesent
|
|
288
|
-
tempus laoreet pretium. Duis porta eleifend lectus non congue. Ut quis suscipit leo, eu euismod mauris. </p> </section> </section> <z-registro-table bordered="false"> <z-registro-table-head> <z-registro-table-header-row expandable=""> <z-registro-table-header show-button="true" sortable="true" column-id="1">Colonna 1<br>Colonna 2 </z-registro-table-header> <z-registro-table-header show-button="true" sortable="true" column-id="2">Colonna 2</z-registro-table-header> <z-registro-table-header show-button="true" sortable="true" column-id="3">Colonna 3</z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expandable=""> <z-registro-table-cell show-button="true"><span slot="contextual-menu">Span Button</span>Valore 1-1 </z-registro-table-cell> <z-registro-table-cell show-button="true">Valore 1-2</z-registro-table-cell> <z-registro-table-cell show-button="true"> <z-button icon="gear">Prova 1-3</z-button> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="4"> <div>ci scrivo qualcosa</div> </z-registro-table-expanded-row> <z-registro-table-row expandable=""> <z-registro-table-cell show-button="true">Valore 2-1</z-registro-table-cell> <z-registro-table-cell show-button="true">Valore 2-2</z-registro-table-cell> <z-registro-table-cell show-button="true"> <z-button icon="gear">Prova 2-3</z-button> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="4"> <div>ci scrivo qualcosa</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> Test footer </z-registro-table-sticky-footer> </z-registro-table> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-popover position="after-up" show-arrow="true" background-color="color-white" box-shadow="shadow-1" border-radius="small"> <z-button slot="trigger">Action button</z-button> <div slot="popover">Conenuto popover</div> </z-popover> </div> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-avatar text="Abcde" size="medium" image="https://cdn.eso.org/images/thumb700x/eso1907a.jpg"></z-avatar> </div> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-status-tag icon="gear" text="z-status-tag" status="default" variant="dark" expandable=""></z-status-tag> </div> <br><br><br><br><br><br> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <br><br><br><br><br><br> <div style="margin-left: 200px; padding: 50px; width: 300px; height: 50px;"> <z-ghost-loading></z-ghost-loading> </div> <p id="bottom">bottom</p> <br><br><br><br><br><br> <z-link onclick="openModal(this)" slot="actions">Apri Modale</z-link> <z-link slot="actions" id="xxx">Link di test</z-link> <z-footer product-name="Prodotto bello" product-version="6.6.6" product-credits-link="https://www.google.com" show-report-a-problem-button="" data="{
|
|
289
|
-
"zanichelliLinks": [{
|
|
290
|
-
"title": "Zanichelli.it",
|
|
291
|
-
"items": [{
|
|
292
|
-
"label": "Home zanichelli.it",
|
|
293
|
-
"link": "https://www.zanichelli.it"
|
|
294
|
-
}, {
|
|
295
|
-
"label": "Ricerca in catalogo",
|
|
296
|
-
"link": "https://www.zanichelli.it/ricerca"
|
|
297
|
-
}, {
|
|
298
|
-
"label": "Contatti",
|
|
299
|
-
"link": "https://www.zanichelli.it/contatti-e-recapiti"
|
|
300
|
-
}]
|
|
301
|
-
}, {
|
|
302
|
-
"title": "Scuola",
|
|
303
|
-
"items": [{
|
|
304
|
-
"label": "Home scuola",
|
|
305
|
-
"url": "https://www.zanichelli.it/scuola/in-primo-piano"
|
|
306
|
-
}, {
|
|
307
|
-
"label": "Catalogo scuola",
|
|
308
|
-
"url": "https://www.zanichelli.it/scuola/novita-e-proposte"
|
|
309
|
-
}, {
|
|
310
|
-
"label": "Bisogni Educativi Speciali (BES)",
|
|
311
|
-
"url": "https://www.zanichelli.it/scuola/la-nostra-proposta-per-i-bisogni-educativi-speciali"
|
|
312
|
-
}, {
|
|
313
|
-
"label": "Formazione docenti",
|
|
314
|
-
"url": "https://www.zanichelli.it/scuola/formazione-e-aggiornamento"
|
|
315
|
-
}]
|
|
316
|
-
}, {
|
|
317
|
-
"title": "Siti per la scuola",
|
|
318
|
-
"items": [{
|
|
319
|
-
"label": "Siti dei libri di testo",
|
|
320
|
-
"link": "https://www.zanichelli.it/scuola/siti-dei-libri-di-testo"
|
|
321
|
-
}, {
|
|
322
|
-
"label": "ZTE Zanichelli Test",
|
|
323
|
-
"link": "http://zte.zanichelli.it/"
|
|
324
|
-
}, {
|
|
325
|
-
"label": "Verso l esame di stato",
|
|
326
|
-
"link": "http://online.scuola.zanichelli.it/esamedistato"
|
|
327
|
-
}, {
|
|
328
|
-
"label": "La seconda prova di matematica e fisica",
|
|
329
|
-
"link": "http://online.scuola.zanichelli.it/provamatematicafisica/"
|
|
330
|
-
}, {
|
|
331
|
-
"label": "Collezioni",
|
|
332
|
-
"link": "http://collezioni.scuola.zanichelli.it/"
|
|
333
|
-
}, {
|
|
334
|
-
"label": "Crea Verifiche",
|
|
335
|
-
"link": "https://creaverifiche.zanichelli.it"
|
|
336
|
-
}, {
|
|
337
|
-
"label": "Biblioteca",
|
|
338
|
-
"link": "https://biblioteca.scuola.zanichelli.it"
|
|
339
|
-
}, {
|
|
340
|
-
"label": "Tavola periodica interattiva",
|
|
341
|
-
"link": "https://tavolaperiodica.zanichelli.it/it"
|
|
342
|
-
}, {
|
|
343
|
-
"label": "Tutte le prove",
|
|
344
|
-
"link": "http://online.scuola.zanichelli.it/tutteleprove/"
|
|
345
|
-
}, {
|
|
346
|
-
"label": "Verso l INVALSI",
|
|
347
|
-
"link": "http://online.scuola.zanichelli.it/invalsi/"
|
|
348
|
-
}, {
|
|
349
|
-
"label": "La certificazione delle competenze",
|
|
350
|
-
"link": "http://online.scuola.zanichelli.it/competenze/"
|
|
351
|
-
}, {
|
|
352
|
-
"label": "Tutti i siti Zanichelli per la scuola",
|
|
353
|
-
"link": "https://www.zanichelli.it/scuola/siti-per-la-scuola"
|
|
354
|
-
}]
|
|
355
|
-
},{
|
|
356
|
-
"title": "Università",
|
|
357
|
-
"items": [{
|
|
358
|
-
"label": "Home università",
|
|
359
|
-
"link": "https://www.zanichelli.it/universita/in-primo-piano"
|
|
360
|
-
}, {
|
|
361
|
-
"label": "Catalogo università",
|
|
362
|
-
"link": "https://www.zanichelli.it/universita/novita-e-proposte"
|
|
363
|
-
}, {
|
|
364
|
-
"label": "Area docenti",
|
|
365
|
-
"link": "https://www.zanichelli.it/universita/informazioni-e-contatti-docenti"
|
|
366
|
-
}, {
|
|
367
|
-
"label": "Area studenti",
|
|
368
|
-
"link": "https://www.zanichelli.it/universita/risorse-online-studenti"
|
|
369
|
-
}, {
|
|
370
|
-
"label": "Preparazione test di ammissione",
|
|
371
|
-
"link": "http://online.scuola.zanichelli.it/unitutor/"
|
|
372
|
-
}, {
|
|
373
|
-
"label": "ZTE università",
|
|
374
|
-
"link": "http://zte.universita.zanichelli.it/"
|
|
375
|
-
}, {
|
|
376
|
-
"label": "ZTE UniTutor",
|
|
377
|
-
"link": "http://zte.unitutor.zanichelli.it/"
|
|
378
|
-
}, {
|
|
379
|
-
"label": "Collezioni Università",
|
|
380
|
-
"link": "https://collezioni-universita.zanichelli.it/"
|
|
381
|
-
}]
|
|
382
|
-
},{
|
|
383
|
-
"title": "Dizionari",
|
|
384
|
-
"items": [{
|
|
385
|
-
"label": "Home dizionari",
|
|
386
|
-
"link": "https://www.zanichelli.it/dizionari/in-primo-piano"
|
|
387
|
-
}, {
|
|
388
|
-
"label": "Catalogo dizionari",
|
|
389
|
-
"link": "https://www.zanichelli.it/dizionari/novita-e-proposte"
|
|
390
|
-
}, {
|
|
391
|
-
"label": "Dizionari digitali",
|
|
392
|
-
"link": "http://dizionari.zanichelli.it/"
|
|
393
|
-
}, {
|
|
394
|
-
"label": "Dizionari Pi\u00f9",
|
|
395
|
-
"link": "http://dizionaripiu.zanichelli.it/"
|
|
396
|
-
}]
|
|
397
|
-
},{
|
|
398
|
-
"title": "Altri settori",
|
|
399
|
-
"items": [{
|
|
400
|
-
"label": "Giuridico",
|
|
401
|
-
"link": "https://www.zanichelli.it/giuridico/in-primo-piano"
|
|
402
|
-
}, {
|
|
403
|
-
"label": "Manuali e saggi",
|
|
404
|
-
"link": "https://www.zanichelli.it/saggistica/argomenti"
|
|
405
|
-
}, {
|
|
406
|
-
"label": "Medico professionale",
|
|
407
|
-
"link": "https://www.zanichelli.it/medico-professionale"
|
|
408
|
-
}]
|
|
409
|
-
}],
|
|
410
|
-
"myzLink": {
|
|
411
|
-
"label": "Home MyZanichelli",
|
|
412
|
-
"link": "https://my.zanichelli.it",
|
|
413
|
-
"img": "../../assets/images/png/zanichelli-logo-2.png"
|
|
414
|
-
},
|
|
415
|
-
"zanichelliAddress": "Zanichelli editore S.p.A. via Irnerio 34, 40126 Bologna\nFax 051 - 249.782 / 293.224 | Tel. 051 - 293.111 / 245.024\nPartita IVA 03978000374",
|
|
416
|
-
"social": [{
|
|
417
|
-
"icon": "../../assets/images/png/facebook.png",
|
|
418
|
-
"link": "https://it-it.facebook.com/zanichelliscuola",
|
|
419
|
-
"description" : "facebook"
|
|
420
|
-
},{
|
|
421
|
-
"icon": "../../assets/images/png/youtube.png",
|
|
422
|
-
"link": "https://www.youtube.com/user/zanichellieditore",
|
|
423
|
-
"description" : "youtube"
|
|
424
|
-
},{
|
|
425
|
-
"icon": "../../assets/images/png/twitter.png",
|
|
426
|
-
"link": "https://twitter.com/zanichelli_ed",
|
|
427
|
-
"description" : "twitter"
|
|
428
|
-
},{
|
|
429
|
-
"icon": "../../assets/images/png/instagram.png",
|
|
430
|
-
"link": "https://www.instagram.com/zanichellieditore/",
|
|
431
|
-
"description" : "instagram"
|
|
432
|
-
}],
|
|
433
|
-
"certification": "Zanichelli editore S.p.A. opera con sistema qualità certificato CertiCarGraf n. 477\nsecondo la norma UNI EN ISO 9001:2015",
|
|
434
|
-
"bottomLinks": [{
|
|
435
|
-
"label": "Chi siamo",
|
|
436
|
-
"link": "https://www.zanichelli.it/chi-siamo/via-irnerio-34"
|
|
437
|
-
},{
|
|
438
|
-
"label": "Contatti e recapiti",
|
|
439
|
-
"link": "https://www.zanichelli.it/contatti-e-recapiti"
|
|
440
|
-
},{
|
|
441
|
-
"label": "Area stampa",
|
|
442
|
-
"link": "https://www.zanichelli.it/comunicazione/area-stampa"
|
|
443
|
-
},{
|
|
444
|
-
"label": "Per acqusti online",
|
|
445
|
-
"link": "https://www.zanichelli.it/contatti/acquisti-e-recesso"
|
|
446
|
-
},{
|
|
447
|
-
"label": "Filiali e agenzie",
|
|
448
|
-
"link": "https://www.zanichelli.it/contatti/filiali-e-agenzie"
|
|
449
|
-
},{
|
|
450
|
-
"label": "Privacy",
|
|
451
|
-
"link": "https://my.zanichelli.it/privacy"
|
|
452
|
-
}]
|
|
453
|
-
}"></z-footer> <script>
|
|
1
|
+
<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <link rel="stylesheet" type="text/css" href="/build/p-ea943cbd.css"> <link rel="modulepreload" href="/build/p-eaf64f7c.js"><script type="module" src="/build/p-eaf64f7c.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body style="width: 100%; margin: 0; background-color: #f9f9f9;"> <h1>Table</h1> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row> <z-registro-table-cell padding="small"> <span>Contenuto 1-1</span> </z-registro-table-cell> <z-registro-table-cell padding="small"> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell padding="small"> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell padding="small"> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> <script>
|
|
454
2
|
function openModal(e) {
|
|
455
3
|
const m = document.getElementById("mymodal");
|
|
456
4
|
m.style = "display: block";
|
|
@@ -480,4 +28,4 @@
|
|
|
480
28
|
emptytable_due.addEventListener("callToAction", () =>
|
|
481
29
|
console.log("call to action per seconda tabella")
|
|
482
30
|
);
|
|
483
|
-
</script> </body></html>
|
|
31
|
+
</script> </z-registro-table></body></html>
|