├── .gitignore ├── 04_JuanCondori_Trabajo4 ├── src │ └── main │ │ ├── webapp │ │ ├── resources │ │ │ ├── fonts │ │ │ │ ├── open-sans-v18-latin-ext_latin-300.eotb46f.xhtml │ │ │ │ ├── open-sans-v18-latin-ext_latin-600.eotb46f.xhtml │ │ │ │ ├── open-sans-v18-latin-ext_latin-700.eotb46f.xhtml │ │ │ │ ├── open-sans-v18-latin-ext_latin-regular.eotb46f.xhtml │ │ │ │ ├── open-sans-v18-latin-ext_latin-300.eot │ │ │ │ ├── open-sans-v18-latin-ext_latin-300.ttf │ │ │ │ ├── open-sans-v18-latin-ext_latin-300.woff │ │ │ │ ├── open-sans-v18-latin-ext_latin-600.eot │ │ │ │ ├── open-sans-v18-latin-ext_latin-600.ttf │ │ │ │ ├── open-sans-v18-latin-ext_latin-600.woff │ │ │ │ ├── open-sans-v18-latin-ext_latin-700.eot │ │ │ │ ├── open-sans-v18-latin-ext_latin-700.ttf │ │ │ │ ├── open-sans-v18-latin-ext_latin-700.woff │ │ │ │ ├── open-sans-v18-latin-ext_latin-300.woff2 │ │ │ │ ├── open-sans-v18-latin-ext_latin-600.woff2 │ │ │ │ ├── open-sans-v18-latin-ext_latin-700.woff2 │ │ │ │ ├── open-sans-v18-latin-ext_latin-regular.eot │ │ │ │ ├── open-sans-v18-latin-ext_latin-regular.ttf │ │ │ │ ├── open-sans-v18-latin-ext_latin-regular.woff │ │ │ │ └── open-sans-v18-latin-ext_latin-regular.woff2 │ │ │ ├── images │ │ │ │ ├── pdf.png │ │ │ │ ├── xls.png │ │ │ │ └── demo.gif │ │ │ ├── fa │ │ │ │ ├── fontawesome-webfont.eot │ │ │ │ ├── fontawesome-webfont.ttf │ │ │ │ ├── fontawesome-webfont.woff │ │ │ │ ├── fontawesome-webfont.woff2 │ │ │ │ ├── fontawesome-webfont.eotbc29.html │ │ │ │ └── font-awesome.css │ │ │ ├── js │ │ │ │ ├── login.js │ │ │ │ ├── Calendar.js │ │ │ │ ├── prism.js │ │ │ │ └── layout.js │ │ │ └── css │ │ │ │ ├── style.css │ │ │ │ ├── toggleswitch.css │ │ │ │ ├── default.css │ │ │ │ ├── cssLayout.css │ │ │ │ ├── login.css │ │ │ │ ├── flags │ │ │ │ └── flags.css │ │ │ │ ├── primeicons.css │ │ │ │ └── demo-light.css │ │ ├── WEB-INF │ │ │ ├── beans.xml │ │ │ └── web.xml │ │ └── vistas │ │ │ ├── Plantilla.xhtml │ │ │ └── Demo.xhtml │ │ └── java │ │ ├── dao │ │ ├── ICRUD.java │ │ ├── Conexion.java │ │ └── DemoImpl.java │ │ ├── modelo │ │ └── Demo.java │ │ ├── converter │ │ ├── HoraCV.java │ │ ├── FechaCV.java │ │ └── FechaHoraCV.java │ │ └── controlador │ │ └── DemoC.java ├── nb-configuration.xml ├── nbactions.xml └── pom.xml ├── README.md └── 04_JuanCondori_Trabajo4.sql /.gitignore: -------------------------------------------------------------------------------- 1 | /04_JuanCondori_Trabajo4/target/ 2 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-300.eotb46f.xhtml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-600.eotb46f.xhtml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-700.eotb46f.xhtml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-regular.eotb46f.xhtml: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/images/pdf.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/images/pdf.png -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/images/xls.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/images/xls.png -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/images/demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/images/demo.gif -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fa/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fa/fontawesome-webfont.eot -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fa/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fa/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fa/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fa/fontawesome-webfont.woff -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fa/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fa/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-300.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-300.eot -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-300.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-300.ttf -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-300.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-300.woff -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-600.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-600.eot -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-600.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-600.ttf -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-600.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-600.woff -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-700.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-700.eot -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-700.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-700.ttf -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-700.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-700.woff -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-300.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-300.woff2 -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-600.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-600.woff2 -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-700.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-700.woff2 -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-regular.eot -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-regular.ttf -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-regular.woff -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/juancondorijara/Trabajo4/HEAD/04_JuanCondori_Trabajo4/src/main/webapp/resources/fonts/open-sans-v18-latin-ext_latin-regular.woff2 -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/WEB-INF/beans.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fa/fontawesome-webfont.eotbc29.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 400 Bad Request 4 | 5 |

Bad Request

6 |

Your browser sent a request that this server could not understand.
7 |

8 |
9 |
Apache/2.4.18 (Ubuntu) Server at www.primefaces.org Port 443
10 | 11 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Trabajo4 2 | Trabajo 4 de Aplicaciones Empresariales en Java, componentes **ToggleSwitch** y **Calendar** de Primefaces. 3 | 4 | ## Tecnologías y herramientas utilizadas 5 | - Java: JDK 11 6 | - IDE: Apache NetBeans IDE 12.0 7 | - Maven: Apache Maven 3.6.3 8 | - Server: Payara Server 5.202 9 | - Frameworks: Javaserver Faces (JSF) 10 | - Componente: Primefaces 10.0.0 11 | - Patrón: DAO 12 | - Motor de BD: Microsoft SQL Server 2019 13 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/js/login.js: -------------------------------------------------------------------------------- 1 | const sign_in_btn = document.querySelector("#sign-in-btn"); 2 | const sign_up_btn = document.querySelector("#sign-up-btn"); 3 | const container = document.querySelector(".container"); 4 | 5 | sign_up_btn.addEventListener("click", () => { 6 | container.classList.add("sign-up-mode"); 7 | }); 8 | 9 | sign_in_btn.addEventListener("click", () => { 10 | container.classList.remove("sign-up-mode"); 11 | }); 12 | 13 | 14 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/java/dao/ICRUD.java: -------------------------------------------------------------------------------- 1 | package dao; 2 | 3 | // Es la implementación de métodos abstractos de diversas familias 4 | import java.util.List; 5 | 6 | public interface ICRUD { 7 | 8 | void registrar(Generic obj) throws Exception; 9 | 10 | void modificar(Generic obj) throws Exception; 11 | 12 | void eliminar(Generic obj) throws Exception; 13 | 14 | void restaurar(Generic obj) throws Exception; 15 | 16 | List listarTodos() throws Exception; 17 | 18 | } 19 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/css/style.css: -------------------------------------------------------------------------------- 1 | .value { 2 | font-weight: bold; 3 | } 4 | .columna1,columna4{ 5 | width: 10%; 6 | font-weight: bold; 7 | color: orangered; 8 | } 9 | 10 | .columna2{ 11 | width: 50%; 12 | font-weight: bold; 13 | color: blue; 14 | } 15 | .columna4{ 16 | width: 6%; 17 | font-weight: bold; 18 | color: blue; 19 | } 20 | 21 | .contPac{ 22 | width: 67%; 23 | } 24 | .contMed{ 25 | width: 70%; 26 | } 27 | 28 | button.ui-button { 29 | margin-right: .5rem; 30 | } -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/css/toggleswitch.css: -------------------------------------------------------------------------------- 1 | .ui-toggleswitch .ui-toggleswitch-slider { 2 | 3 | -moz-transition: background-color 0.3s; 4 | -o-transition: background-color 0.3s; 5 | -webkit-transition: background-color 0.3s; 6 | transition: background-color 0.3s; 7 | border-radius: 30px; 8 | background-color: #72707080; 9 | 10 | } 11 | 12 | .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { 13 | 14 | background-color: green; 15 | } 16 | 17 | .ui-toggleswitch .ui-toggleswitch-slider::before { 18 | 19 | background-color: #ffffff; 20 | height: 1.250em; 21 | width: 1.250em; 22 | left: .25em; 23 | bottom: .25em; 24 | border-radius: 50%; 25 | -webkit-transition: 0.3s; 26 | transition: 0.3s; 27 | 28 | } 29 | 30 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/css/default.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #ffffff; 3 | font-size: 12px; 4 | font-family: Verdana, "Verdana CE", Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; 5 | color: #000000; 6 | margin: 10px; 7 | } 8 | 9 | h1 { 10 | font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; 11 | border-bottom: 1px solid #AFAFAF; 12 | font-size: 16px; 13 | font-weight: bold; 14 | margin: 0px; 15 | padding: 0px; 16 | color: #D20005; 17 | } 18 | 19 | a:link, a:visited { 20 | color: #045491; 21 | font-weight : bold; 22 | text-decoration: none; 23 | } 24 | 25 | a:link:hover, a:visited:hover { 26 | color: #045491; 27 | font-weight : bold; 28 | text-decoration : underline; 29 | } 30 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/java/modelo/Demo.java: -------------------------------------------------------------------------------- 1 | package modelo; 2 | 3 | import java.text.SimpleDateFormat; 4 | import java.util.Calendar; 5 | import java.util.Date; 6 | import lombok.Data; 7 | 8 | @Data 9 | 10 | public class Demo { 11 | 12 | //Campos para registrar en la tabla DEMO de la Base de Datos 13 | private int IDDEM; 14 | private Boolean CAMPO1 = false; 15 | private Boolean CAMPO2 = false; 16 | private Date CAMPO3; 17 | private Date CAMPO4; 18 | private Date CAMPO5; 19 | private Date CAMPO6; 20 | private Date CAMPO7; 21 | private Date CAMPO8; 22 | 23 | //Campos para registrar en la tabla FECHA_HORA de la Base de Datos la FECHA, FECHA_HORA y HORA Actual 24 | private int IDFEC; 25 | private Date FECHA = Calendar.getInstance().getTime(); 26 | private Date FECHA_HORA = Calendar.getInstance().getTime(); 27 | private Date HORA = Calendar.getInstance().getTime(); 28 | 29 | public Demo() { 30 | } 31 | 32 | } 33 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/css/cssLayout.css: -------------------------------------------------------------------------------- 1 | #top { 2 | position: relative; 3 | background-color: #036fab; 4 | color: white; 5 | padding: 5px; 6 | margin: 0px 0px 10px 0px; 7 | } 8 | 9 | #bottom { 10 | position: relative; 11 | background-color: #c2dfef; 12 | padding: 5px; 13 | margin: 10px 0px 0px 0px; 14 | } 15 | 16 | #left { 17 | float: left; 18 | background-color: #ece3a5; 19 | padding: 5px; 20 | width: 150px; 21 | } 22 | 23 | #right { 24 | float: right; 25 | background-color: #ece3a5; 26 | padding: 5px; 27 | width: 150px; 28 | } 29 | 30 | .center_content { 31 | position: relative; 32 | background-color: #dddddd; 33 | padding: 5px; 34 | } 35 | 36 | .left_content { 37 | background-color: #dddddd; 38 | padding: 5px; 39 | margin-left: 170px; 40 | } 41 | 42 | .right_content { 43 | background-color: #dddddd; 44 | padding: 5px; 45 | margin: 0px 170px 0px 170px; 46 | } 47 | 48 | #top a:link, #top a:visited { 49 | color: white; 50 | font-weight : bold; 51 | text-decoration: none; 52 | } 53 | 54 | #top a:link:hover, #top a:visited:hover { 55 | color: black; 56 | font-weight : bold; 57 | text-decoration : underline; 58 | } 59 | 60 | 61 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/js/Calendar.js: -------------------------------------------------------------------------------- 1 | PrimeFaces.locales['es'] = { 2 | closeText: 'Cerrar', 3 | prevText: 'Anterior', 4 | nextText: 'Siguiente', 5 | monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'], 6 | monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'], 7 | dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'], 8 | dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'], 9 | dayNamesMin: ['D', 'L', 'M', 'X', 'J', 'V', 'S'], 10 | weekHeader: 'Semana', 11 | firstDay: 1, 12 | isRTL: false, 13 | showMonthAfterYear: false, 14 | yearSuffix: '', 15 | timeOnlyTitle: 'Sólo hora', 16 | timeText: 'Tiempo', 17 | hourText: 'Hora', 18 | minuteText: 'Minuto', 19 | secondText: 'Segundo', 20 | currentText: 'Fecha actual', 21 | ampm: false, 22 | month: 'Mes', 23 | week: 'Semana', 24 | day: 'Día', 25 | allDayText: 'Todo el día', 26 | today: 'Hoy', 27 | clear: 'Claro' 28 | } 29 | // 10) ? '#81C784' : 'inherit') + ';border-radius:50%;width: 2.5rem;height: 2.5rem;line-height: 2.5rem;display: flex;align-items: center;justify-content: center;">' + date.day + ''; 32 | } 33 | 34 | //]]> 35 | 36 | 37 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/nb-configuration.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 9 | 10 | 11 | 17 | 1.8-web 18 | gfv3ee6 19 | Facelets 20 | js/libs 21 | 22 | 23 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4.sql: -------------------------------------------------------------------------------- 1 | -- CREAR LA BASE DE DATOS dbDEMO 2 | CREATE DATABASE dbDEMO 3 | GO 4 | 5 | -- PONER EN USO LA BASE DE DATOS dbDEMO 6 | USE dbDEMO 7 | GO 8 | 9 | -- CREAR TABLA DEMO 10 | CREATE TABLE DEMO ( 11 | IDDEM INT IDENTITY(1,1) NOT NULL, 12 | CAMPO1 VARCHAR(5) NULL, 13 | CAMPO2 VARCHAR(5) NULL, 14 | CAMPO3 DATE NULL, 15 | CAMPO4 DATE NULL, 16 | CAMPO5 DATE NULL, 17 | CAMPO6 DATE NULL, 18 | CAMPO7 DATETIME NULL, 19 | CAMPO8 TIME NULL, 20 | CONSTRAINT DEMO_pk PRIMARY KEY(IDDEM) 21 | ); 22 | GO 23 | 24 | -- INSERTAR REGISTROS EN LA TABLA DEMO 25 | INSERT INTO DEMO 26 | (CAMPO1, CAMPO2, CAMPO3, CAMPO4, CAMPO5, CAMPO6, CAMPO7, CAMPO8) 27 | VALUES 28 | ('1', '0', '2022-04-29', '2022-04-29', '2022-04-29', '2022-04-29', '2022-08-07 03:10:15','03:10:15'), 29 | ('0', '1', '2022-04-30', '2022-04-30', '2022-04-30', '2022-04-30', '2022-08-07 04:15:15','04:15:15'), 30 | ('1', '1', '2022-05-01', '2022-04-29', '2022-04-29', '2022-04-29', '2022-08-07 05:20:15','05:20:15'); 31 | GO 32 | 33 | -- CREAR TABLA FECHA_HORA 34 | CREATE TABLE FECHA_HORA ( 35 | IDFEC INT IDENTITY(1,1) NOT NULL, 36 | CAMPO1 DATE NULL, 37 | CAMPO2 DATETIME NULL, 38 | CAMPO3 TIME NULL, 39 | CONSTRAINT FECHA_HORA_pk PRIMARY KEY(IDFEC) 40 | ); 41 | GO 42 | 43 | -- INSERTAR REGISTROS EN LA TABLA FECHA_HORA 44 | INSERT INTO FECHA_HORA 45 | (CAMPO1, CAMPO2, CAMPO3) 46 | VALUES 47 | ('2022-04-29', '2022-08-07 03:10:15','03:10:15'), 48 | ('2022-04-30', '2022-08-07 03:10:15','04:15:15'), 49 | ('2022-05-01', '2022-08-07 03:10:15','05:20:15'); 50 | GO 51 | 52 | -- LISTAR LA TABLA DEMO 53 | SELECT * FROM DEMO; 54 | GO 55 | 56 | -- LISTAR LA TABLA FECHA_HORA 57 | SELECT * FROM FECHA_HORA; 58 | GO 59 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/WEB-INF/web.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | javax.faces.PROJECT_STAGE 5 | Development 6 | 7 | 8 | 9 | Faces Servlet 10 | javax.faces.webapp.FacesServlet 11 | 1 12 | 13 | 14 | 15 | Faces Servlet 16 | /faces/* 17 | 18 | 19 | 20 | 21 | 30 22 | 23 | 24 | 25 | 26 | faces/vistas/Demo.xhtml 27 | 28 | 29 | 30 | ttf 31 | application/x-font-ttf 32 | 33 | 34 | woff 35 | application/x-font-woff 36 | 37 | 38 | woff2 39 | application/x-font-woff2 40 | 41 | 42 | eot 43 | application/x-font-eot 44 | 45 | 46 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/java/dao/Conexion.java: -------------------------------------------------------------------------------- 1 | package dao; 2 | 3 | import java.sql.Connection; 4 | import java.sql.DriverManager; 5 | import javax.swing.JOptionPane; 6 | import java.util.logging.Level; 7 | import java.util.logging.Logger; 8 | 9 | public class Conexion { 10 | 11 | private static Connection cnx = null; 12 | 13 | public static Connection conectar() throws Exception { 14 | try { 15 | String user = "sa"; 16 | String pwd = "12345"; 17 | String driver = "com.microsoft.sqlserver.jdbc.SQLServerDriver"; 18 | String url = "jdbc:sqlserver://localhost:1433;databaseName=dbDEMO"; 19 | Class.forName(driver).newInstance(); 20 | cnx = DriverManager.getConnection(url, user, pwd); 21 | } catch (Exception e) { 22 | System.out.println("Error de Conexión/Conectar " + e.getMessage()); 23 | } 24 | return cnx; 25 | } 26 | 27 | public void cerrar() throws Exception { 28 | if (cnx != null) { 29 | cnx.close(); 30 | } 31 | } 32 | 33 | public static void main(String[] args) throws Exception { 34 | conectar(); 35 | try { 36 | if (cnx != null) { 37 | System.out.println("CONEXIÓN EXITOSA"); 38 | JOptionPane.showMessageDialog(null, "CONEXIÓN EXITOSA", "CORRECTO", JOptionPane.INFORMATION_MESSAGE); 39 | } else { 40 | System.out.println("SIN CONEXIÓN REVISA"); 41 | JOptionPane.showMessageDialog(null, "SIN CONEXIÓN REVISA", "ERROR", JOptionPane.ERROR_MESSAGE); 42 | } 43 | } catch (Exception e) { 44 | System.out.println("Error en " + e.getMessage()); 45 | Logger.getLogger(Conexion.class.getName()).log(Level.SEVERE, null, e); 46 | } 47 | } 48 | 49 | } 50 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/java/converter/HoraCV.java: -------------------------------------------------------------------------------- 1 | package converter; 2 | 3 | import java.text.ParseException; 4 | import java.text.SimpleDateFormat; 5 | import java.util.Calendar; 6 | import java.util.Date; 7 | import java.util.logging.Level; 8 | import java.util.logging.Logger; 9 | import javax.faces.component.UIComponent; 10 | import javax.faces.context.FacesContext; 11 | import javax.faces.convert.Converter; 12 | import javax.faces.convert.FacesConverter; 13 | 14 | @FacesConverter("horaCV") 15 | public class HoraCV implements Converter { 16 | 17 | @Override 18 | public Object getAsObject(FacesContext context, UIComponent component, String value) { 19 | if (value != null && value.trim().length() > 0) { 20 | try { 21 | SimpleDateFormat sdf = new SimpleDateFormat("HH:mm:ss"); 22 | Date date = new Date(sdf.parse(value).getTime()); 23 | return date; 24 | } catch (ParseException ex) { 25 | Logger.getLogger(HoraCV.class.getName()).log(Level.SEVERE, null, ex); 26 | } 27 | } else { 28 | return null; 29 | } 30 | return null; 31 | } 32 | 33 | @Override 34 | public String getAsString(FacesContext context, UIComponent component, Object value) { 35 | if (value != null && value instanceof Date) { 36 | Calendar fechaCompara = Calendar.getInstance(); 37 | fechaCompara.setTime((Date) value); 38 | if (fechaCompara.get(Calendar.DATE) == 31 && fechaCompara.get(Calendar.MONTH) == 11 && fechaCompara.get(Calendar.YEAR) == 3000) { 39 | return null; 40 | } 41 | Date fecha = (Date) value; 42 | return new SimpleDateFormat("HH:mm:ss").format(fecha); 43 | } else { 44 | return null; 45 | } 46 | } 47 | 48 | } 49 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/java/converter/FechaCV.java: -------------------------------------------------------------------------------- 1 | package converter; 2 | 3 | import java.text.ParseException; 4 | import java.text.SimpleDateFormat; 5 | import java.util.Calendar; 6 | import java.util.Date; 7 | import java.util.logging.Level; 8 | import java.util.logging.Logger; 9 | import javax.faces.component.UIComponent; 10 | import javax.faces.context.FacesContext; 11 | import javax.faces.convert.Converter; 12 | import javax.faces.convert.FacesConverter; 13 | 14 | @FacesConverter("fechaCV") 15 | public class FechaCV implements Converter { 16 | 17 | @Override 18 | public Object getAsObject(FacesContext context, UIComponent component, String value) { 19 | if (value != null && value.trim().length() > 0) { 20 | try { 21 | SimpleDateFormat sdf = new SimpleDateFormat("dd-MM-yyyy"); 22 | Date date = new Date(sdf.parse(value).getTime()); 23 | return date; 24 | } catch (ParseException ex) { 25 | Logger.getLogger(FechaCV.class.getName()).log(Level.SEVERE, null, ex); 26 | } 27 | } else { 28 | return null; 29 | } 30 | return null; 31 | } 32 | 33 | @Override 34 | public String getAsString(FacesContext context, UIComponent component, Object value) { 35 | if (value != null && value instanceof Date) { 36 | Calendar fechaCompara = Calendar.getInstance(); 37 | fechaCompara.setTime((Date) value); 38 | if (fechaCompara.get(Calendar.DATE) == 31 && fechaCompara.get(Calendar.MONTH) == 11 && fechaCompara.get(Calendar.YEAR) == 3000) { 39 | return null; 40 | } 41 | Date fecha = (Date) value; 42 | return new SimpleDateFormat("dd-MM-yyyy").format(fecha); 43 | } else { 44 | return null; 45 | } 46 | } 47 | 48 | } 49 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/java/converter/FechaHoraCV.java: -------------------------------------------------------------------------------- 1 | package converter; 2 | 3 | import java.text.ParseException; 4 | import java.text.SimpleDateFormat; 5 | import java.util.Calendar; 6 | import java.util.Date; 7 | import java.util.logging.Level; 8 | import java.util.logging.Logger; 9 | import javax.faces.component.UIComponent; 10 | import javax.faces.context.FacesContext; 11 | import javax.faces.convert.Converter; 12 | import javax.faces.convert.FacesConverter; 13 | 14 | @FacesConverter("fechaHoraCV") 15 | public class FechaHoraCV implements Converter { 16 | 17 | @Override 18 | public Object getAsObject(FacesContext context, UIComponent component, String value) { 19 | if (value != null && value.trim().length() > 0) { 20 | try { 21 | SimpleDateFormat sdf = new SimpleDateFormat("dd-MM-yyyy HH:mm:ss"); 22 | Date date = new Date(sdf.parse(value).getTime()); 23 | return date; 24 | } catch (ParseException ex) { 25 | Logger.getLogger(FechaHoraCV.class.getName()).log(Level.SEVERE, null, ex); 26 | } 27 | } else { 28 | return null; 29 | } 30 | return null; 31 | } 32 | 33 | @Override 34 | public String getAsString(FacesContext context, UIComponent component, Object value) { 35 | if (value != null && value instanceof Date) { 36 | Calendar fechaCompara = Calendar.getInstance(); 37 | fechaCompara.setTime((Date) value); 38 | if (fechaCompara.get(Calendar.DATE) == 31 && fechaCompara.get(Calendar.MONTH) == 11 && fechaCompara.get(Calendar.YEAR) == 3000) { 39 | return null; 40 | } 41 | Date fecha = (Date) value; 42 | return new SimpleDateFormat("dd-MM-yyyy HH:mm:ss").format(fecha); 43 | } else { 44 | return null; 45 | } 46 | } 47 | 48 | } 49 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/nbactions.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | run 5 | 6 | war 7 | ear 8 | ejb 9 | 10 | 11 | package 12 | 13 | 14 | true 15 | 16 | 17 | 18 | 19 | debug 20 | 21 | war 22 | ear 23 | ejb 24 | 25 | 26 | package 27 | 28 | 29 | true 30 | true 31 | 32 | 33 | 34 | 35 | profile 36 | 37 | ejb 38 | ear 39 | war 40 | 41 | 42 | package 43 | 44 | 45 | true 46 | true 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/java/controlador/DemoC.java: -------------------------------------------------------------------------------- 1 | package controlador; 2 | 3 | import dao.DemoImpl; 4 | import modelo.Demo; 5 | import java.io.Serializable; 6 | import java.util.ArrayList; 7 | import java.util.List; 8 | import javax.annotation.PostConstruct; 9 | import javax.inject.Named; 10 | import javax.faces.application.FacesMessage; 11 | import javax.faces.context.FacesContext; 12 | import javax.enterprise.context.SessionScoped; 13 | import lombok.Data; 14 | 15 | @Data 16 | 17 | //Notación CDI 18 | @Named(value = "demoC") 19 | //@Dependent 20 | @SessionScoped 21 | public class DemoC implements Serializable { 22 | 23 | private Demo demo; 24 | private DemoImpl dao; 25 | private List listadoDemo; 26 | private List listadoFechaHora; 27 | 28 | public DemoC() { 29 | demo = new Demo(); 30 | dao = new DemoImpl(); 31 | listadoDemo = new ArrayList<>(); 32 | listadoFechaHora = new ArrayList<>(); 33 | } 34 | 35 | public void registrar() throws Exception { 36 | try { 37 | dao.registrar(demo); 38 | limpiar(); 39 | listar(); 40 | FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, "CORRECTO", "Registrado con Éxito")); 41 | } catch (Exception e) { 42 | FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_FATAL, "ERROR", "Al Registrar")); 43 | System.out.println("Error en registrar_C " + e.getMessage()); 44 | } 45 | } 46 | 47 | public void registrarFechaHora() throws Exception { 48 | try { 49 | dao.registrarFechaHora(demo); 50 | listarFechaHora(); 51 | FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, "CORRECTO", "Registrado con Éxito")); 52 | } catch (Exception e) { 53 | FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_FATAL, "ERROR", "Al Registrar")); 54 | System.out.println("Error en registrar_C " + e.getMessage()); 55 | } 56 | } 57 | 58 | public void limpiar() { 59 | demo = new Demo(); 60 | } 61 | 62 | public void listar() { 63 | try { 64 | listadoDemo = dao.listarTodos(); 65 | } catch (Exception e) { 66 | System.out.println("Error en Listar_C " + e.getMessage()); 67 | } 68 | } 69 | 70 | public void listarFechaHora() { 71 | try { 72 | listadoFechaHora = dao.listarFechaHora(); 73 | } catch (Exception e) { 74 | System.out.println("Error en ListarFechaHora_C " + e.getMessage()); 75 | } 76 | } 77 | 78 | public void mensaje1() { 79 | String mensaje1 = demo.getCAMPO1() ? "Activado" : "Desactivado"; 80 | FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(mensaje1)); 81 | } 82 | 83 | public void mensaje2() { 84 | String mensaje2 = demo.getCAMPO2() ? "Activado" : "Desactivado"; 85 | FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(mensaje2)); 86 | } 87 | 88 | @PostConstruct 89 | public void construir() { 90 | listar(); 91 | listarFechaHora(); 92 | } 93 | 94 | } 95 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/pom.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4.0.0 4 | 5 | com.mycompany 6 | 04_JuanCondori_Trabajo4 7 | 1.0-SNAPSHOT 8 | war 9 | 10 | 04_JuanCondori_Trabajo4 11 | 12 | 13 | 1.8 14 | 1.8 15 | ${project.build.directory}/endorsed 16 | UTF-8 17 | false 18 | 8.0 19 | 20 | 21 | 22 | 23 | org.primefaces 24 | primefaces 25 | 10.0.0 26 | 27 | 28 | com.sun.faces 29 | jsf-api 30 | 2.2.13 31 | provided 32 | 33 | 34 | javax 35 | javaee-web-api 36 | 7.0 37 | provided 38 | 39 | 40 | javax 41 | javaee-api 42 | ${jakartaee} 43 | provided 44 | 45 | 46 | com.microsoft.sqlserver 47 | mssql-jdbc 48 | 9.2.1.jre8 49 | 50 | 51 | org.projectlombok 52 | lombok 53 | 1.18.20 54 | provided 55 | 56 | 57 | 58 | 59 | 60 | 61 | org.apache.maven.plugins 62 | maven-compiler-plugin 63 | 3.1 64 | 65 | 1.7 66 | 1.7 67 | 68 | ${endorsed.dir} 69 | 70 | 71 | 72 | 73 | org.apache.maven.plugins 74 | maven-war-plugin 75 | 2.3 76 | 77 | false 78 | 79 | 80 | 81 | org.apache.maven.plugins 82 | maven-dependency-plugin 83 | 2.6 84 | 85 | 86 | validate 87 | 88 | copy 89 | 90 | 91 | ${endorsed.dir} 92 | true 93 | 94 | 95 | javax 96 | javaee-endorsed-api 97 | 7.0 98 | jar 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/java/dao/DemoImpl.java: -------------------------------------------------------------------------------- 1 | package dao; 2 | 3 | import modelo.Demo; 4 | import java.util.List; 5 | import java.util.ArrayList; 6 | import java.sql.PreparedStatement; 7 | import java.sql.ResultSet; 8 | import java.sql.Statement; 9 | import java.text.DateFormat; 10 | import java.text.SimpleDateFormat; 11 | 12 | public class DemoImpl extends Conexion implements ICRUD { 13 | 14 | //Formateo de fecha para registrar 15 | DateFormat fecha = new SimpleDateFormat("dd-MM-yyyy"); 16 | //Formateo de fecha y hora para registrar 17 | DateFormat fecha_hora = new SimpleDateFormat("dd-MM-yyyy HH:mm:ss"); 18 | //Formateo de hora para registrar 19 | DateFormat hora = new SimpleDateFormat("HH:mm:ss"); 20 | 21 | //Método registrar para la tabla DEMO de la Base de Datos 22 | @Override 23 | public void registrar(Demo demo) throws Exception { 24 | String sql = "insert into DEMO (CAMPO1, CAMPO2, CAMPO3, CAMPO4, CAMPO5, CAMPO6, CAMPO7, CAMPO8) values (?,?,?,?,?,?,?,?)"; 25 | try { 26 | PreparedStatement ps = this.conectar().prepareStatement(sql); 27 | ps.setBoolean(1, demo.getCAMPO1()); 28 | ps.setBoolean(2, demo.getCAMPO2()); 29 | ps.setString(3, fecha.format(demo.getCAMPO3())); 30 | ps.setString(4, fecha.format(demo.getCAMPO4())); 31 | ps.setString(5, fecha.format(demo.getCAMPO5())); 32 | ps.setString(6, fecha.format(demo.getCAMPO6())); 33 | ps.setString(7, fecha_hora.format(demo.getCAMPO7())); 34 | ps.setString(8, hora.format(demo.getCAMPO8())); 35 | ps.executeUpdate(); 36 | ps.close(); 37 | } catch (Exception e) { 38 | System.out.println("Error en Registrar_D " + e.getMessage()); 39 | } finally { 40 | this.cerrar(); 41 | } 42 | } 43 | 44 | //Método registrar para la tabla FECHA_HORA de la Base de Datos 45 | public void registrarFechaHora(Demo demo) throws Exception { 46 | String sql = "insert into FECHA_HORA (CAMPO1, CAMPO2, CAMPO3) values (?,?,?)"; 47 | try { 48 | PreparedStatement ps = this.conectar().prepareStatement(sql); 49 | ps.setString(1, fecha.format(demo.getFECHA())); 50 | ps.setString(2, fecha_hora.format(demo.getFECHA_HORA())); 51 | ps.setString(3, hora.format(demo.getHORA())); 52 | ps.executeUpdate(); 53 | ps.close(); 54 | } catch (Exception e) { 55 | System.out.println("Error en Registrar_D " + e.getMessage()); 56 | } finally { 57 | this.cerrar(); 58 | } 59 | } 60 | 61 | @Override 62 | public void modificar(Demo demo) throws Exception { 63 | throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates. 64 | } 65 | 66 | @Override 67 | public void eliminar(Demo demo) throws Exception { 68 | throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates. 69 | } 70 | 71 | @Override 72 | public void restaurar(Demo demo) throws Exception { 73 | throw new UnsupportedOperationException("Not supported yet."); //To change body of generated methods, choose Tools | Templates. 74 | } 75 | 76 | //Método listar para la tabla DEMO de la Base de Datos 77 | @Override 78 | public List listarTodos() throws Exception { 79 | List listado = null; 80 | Demo demo; 81 | String sql = "select * from DEMO order by IDDEM desc"; 82 | try { 83 | listado = new ArrayList(); 84 | Statement st = this.conectar().createStatement(); 85 | ResultSet rs = st.executeQuery(sql); 86 | while (rs.next()) { 87 | demo = new Demo(); 88 | demo.setIDDEM(rs.getInt("IDDEM")); 89 | demo.setCAMPO1(rs.getBoolean("CAMPO1")); 90 | demo.setCAMPO2(rs.getBoolean("CAMPO2")); 91 | demo.setCAMPO3(rs.getDate("CAMPO3")); 92 | demo.setCAMPO4(rs.getDate("CAMPO4")); 93 | demo.setCAMPO5(rs.getDate("CAMPO5")); 94 | demo.setCAMPO6(rs.getDate("CAMPO6")); 95 | demo.setCAMPO7(rs.getTimestamp("CAMPO7")); 96 | demo.setCAMPO8(rs.getTime("CAMPO8")); 97 | listado.add(demo); 98 | } 99 | rs.close(); 100 | st.close(); 101 | } catch (Exception e) { 102 | System.out.println("Error en ListarTodos_D " + e.getMessage()); 103 | } finally { 104 | this.cerrar(); 105 | } 106 | return listado; 107 | } 108 | 109 | //Método listar para la tabla FECHA_HORA de la Base de Datos 110 | public List listarFechaHora() throws Exception { 111 | List listado = null; 112 | Demo demo; 113 | String sql = "select * from FECHA_HORA order by IDFEC desc"; 114 | try { 115 | listado = new ArrayList(); 116 | Statement st = this.conectar().createStatement(); 117 | ResultSet rs = st.executeQuery(sql); 118 | while (rs.next()) { 119 | demo = new Demo(); 120 | demo.setIDFEC(rs.getInt("IDFEC")); 121 | demo.setFECHA(rs.getDate("CAMPO1")); 122 | demo.setFECHA_HORA(rs.getTimestamp("CAMPO2")); 123 | demo.setHORA(rs.getTime("CAMPO3")); 124 | listado.add(demo); 125 | } 126 | rs.close(); 127 | st.close(); 128 | } catch (Exception e) { 129 | System.out.println("Error en ListarFechaHora_D " + e.getMessage()); 130 | } finally { 131 | this.cerrar(); 132 | } 133 | return listado; 134 | } 135 | 136 | } 137 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/vistas/Plantilla.xhtml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 9 | 10 | 11 | DEMO 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 |
43 | 44 |
45 |
46 |
47 | 50 |
51 |
52 | 53 | 54 | MENÚ 55 | 56 | 59 | 62 | 65 |
66 |
67 | FECHA: 68 | HORA: 69 |
70 |
71 |
72 | 73 |
74 |
75 | 100 |
101 |
102 | 103 |
104 |
105 |
106 |
107 | 108 |
109 |
110 |
111 |
112 |
113 | 114 | 115 | 116 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/css/login.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap"); 2 | 3 | * { 4 | margin: 0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | } 8 | 9 | body, 10 | input { 11 | font-family: "Poppins", sans-serif; 12 | } 13 | 14 | .container { 15 | position: relative; 16 | width: 100%; 17 | background-color: #fff; 18 | min-height: 100vh; 19 | overflow: hidden; 20 | } 21 | 22 | .forms-container { 23 | position: absolute; 24 | width: 100%; 25 | height: 100%; 26 | top: 0; 27 | left: 0; 28 | } 29 | 30 | .signin-signup { 31 | position: absolute; 32 | top: 50%; 33 | transform: translate(-50%, -50%); 34 | left: 75%; 35 | width: 50%; 36 | transition: 1s 0.7s ease-in-out; 37 | display: grid; 38 | grid-template-columns: 1fr; 39 | z-index: 5; 40 | } 41 | 42 | form { 43 | display: flex; 44 | align-items: center; 45 | justify-content: center; 46 | flex-direction: column; 47 | padding: 0rem 5rem; 48 | transition: all 0.2s 0.7s; 49 | overflow: hidden; 50 | grid-column: 1 / 2; 51 | grid-row: 1 / 2; 52 | } 53 | 54 | form.sign-up-form { 55 | opacity: 0; 56 | z-index: 1; 57 | } 58 | 59 | form.sign-in-form { 60 | z-index: 2; 61 | } 62 | 63 | .title { 64 | font-size: 2.2rem; 65 | color: #444; 66 | margin-bottom: 10px; 67 | } 68 | 69 | .input-field { 70 | max-width: 380px; 71 | width: 100%; 72 | background-color: #f0f0f0; 73 | margin: 10px 0; 74 | height: 55px; 75 | border-radius: 55px; 76 | display: grid; 77 | grid-template-columns: 15% 85%; 78 | padding: 0 0.4rem; 79 | position: relative; 80 | } 81 | 82 | .input-field i { 83 | text-align: center; 84 | line-height: 55px; 85 | color: #acacac; 86 | transition: 0.5s; 87 | font-size: 1.1rem; 88 | } 89 | 90 | .input-field input { 91 | background: none; 92 | outline: none; 93 | border: none; 94 | line-height: 1; 95 | font-weight: 600; 96 | font-size: 1.1rem; 97 | color: #333; 98 | } 99 | 100 | .input-field input::placeholder { 101 | color: #aaa; 102 | font-weight: 500; 103 | } 104 | 105 | .social-text { 106 | padding: 0.7rem 0; 107 | font-size: 1rem; 108 | } 109 | 110 | .social-media { 111 | display: flex; 112 | justify-content: center; 113 | } 114 | 115 | .social-icon { 116 | height: 46px; 117 | width: 46px; 118 | display: flex; 119 | justify-content: center; 120 | align-items: center; 121 | margin: 0 0.45rem; 122 | color: #333; 123 | border-radius: 50%; 124 | border: 1px solid #333; 125 | text-decoration: none; 126 | font-size: 1.1rem; 127 | transition: 0.3s; 128 | } 129 | 130 | .social-icon:hover { 131 | color: #eb5744; 132 | border-color: #eb5744; 133 | } 134 | .btnaux{ 135 | background-color: #e74b2f; 136 | color: #fff; 137 | border: 1px solid #e74b2f; 138 | font-size: 14px; 139 | margin: 0; 140 | margin-right: .1em; 141 | outline: 0 none; 142 | width: 200px; 143 | height: 40px; 144 | border-radius: 12px 145 | } 146 | .btn { 147 | width: 150px; 148 | background-color: #e74b2f; 149 | border: none; 150 | outline: none; 151 | height: 49px; 152 | border-radius: 49px; 153 | color: #fff; 154 | text-transform: uppercase; 155 | font-weight: 600; 156 | margin: 10px 0; 157 | cursor: pointer; 158 | transition: 0.5s; 159 | } 160 | 161 | .btn:hover { 162 | background-color: #eb5744; 163 | } 164 | .panels-container { 165 | position: absolute; 166 | height: 100%; 167 | width: 100%; 168 | top: 0; 169 | left: 0; 170 | display: grid; 171 | grid-template-columns: repeat(2, 1fr); 172 | } 173 | 174 | .container:before { 175 | content: ""; 176 | position: absolute; 177 | height: 2000px; 178 | width: 2000px; 179 | top: -10%; 180 | right: 48%; 181 | transform: translateY(-50%); 182 | background-image: linear-gradient(-45deg, #045491 0%, #045491 100%); 183 | transition: 1.8s ease-in-out; 184 | border-radius: 50%; 185 | z-index: 6; 186 | } 187 | 188 | .image { 189 | width: 100%; 190 | transition: transform 1.1s ease-in-out; 191 | transition-delay: 0.4s; 192 | } 193 | 194 | .panel { 195 | display: flex; 196 | flex-direction: column; 197 | align-items: flex-end; 198 | justify-content: space-around; 199 | text-align: center; 200 | z-index: 6; 201 | } 202 | 203 | .left-panel { 204 | pointer-events: all; 205 | padding: 3rem 17% 2rem 12%; 206 | } 207 | 208 | .right-panel { 209 | pointer-events: none; 210 | padding: 3rem 12% 2rem 17%; 211 | } 212 | 213 | .panel .content { 214 | color: #fff; 215 | transition: transform 0.9s ease-in-out; 216 | transition-delay: 0.6s; 217 | } 218 | 219 | .panel h3 { 220 | font-weight: 600; 221 | line-height: 1; 222 | font-size: 1.5rem; 223 | } 224 | 225 | .panel p { 226 | font-size: 0.95rem; 227 | padding: 0.7rem 0; 228 | } 229 | 230 | .btn.transparent { 231 | margin: 0; 232 | background: none; 233 | border: 2px solid #fff; 234 | width: 130px; 235 | height: 41px; 236 | font-weight: 600; 237 | font-size: 0.8rem; 238 | } 239 | 240 | .right-panel .image, 241 | .right-panel .content { 242 | transform: translateX(800px); 243 | } 244 | 245 | /* ANIMATION */ 246 | 247 | .container.sign-up-mode:before { 248 | transform: translate(100%, -50%); 249 | right: 52%; 250 | } 251 | 252 | .container.sign-up-mode .left-panel .image, 253 | .container.sign-up-mode .left-panel .content { 254 | transform: translateX(-800px); 255 | } 256 | 257 | .container.sign-up-mode .signin-signup { 258 | left: 25%; 259 | } 260 | 261 | .container.sign-up-mode form.sign-up-form { 262 | opacity: 1; 263 | z-index: 2; 264 | } 265 | 266 | .container.sign-up-mode form.sign-in-form { 267 | opacity: 0; 268 | z-index: 1; 269 | } 270 | 271 | .container.sign-up-mode .right-panel .image, 272 | .container.sign-up-mode .right-panel .content { 273 | transform: translateX(0%); 274 | } 275 | 276 | .container.sign-up-mode .left-panel { 277 | pointer-events: none; 278 | } 279 | 280 | .container.sign-up-mode .right-panel { 281 | pointer-events: all; 282 | } 283 | 284 | @media (max-width: 870px) { 285 | .container { 286 | min-height: 800px; 287 | height: 100vh; 288 | } 289 | .signin-signup { 290 | width: 100%; 291 | top: 95%; 292 | transform: translate(-50%, -100%); 293 | transition: 1s 0.8s ease-in-out; 294 | } 295 | 296 | .signin-signup, 297 | .container.sign-up-mode .signin-signup { 298 | left: 50%; 299 | } 300 | 301 | .panels-container { 302 | grid-template-columns: 1fr; 303 | grid-template-rows: 1fr 2fr 1fr; 304 | } 305 | 306 | .panel { 307 | flex-direction: row; 308 | justify-content: space-around; 309 | align-items: center; 310 | padding: 2.5rem 8%; 311 | grid-column: 1 / 2; 312 | } 313 | 314 | .right-panel { 315 | grid-row: 3 / 4; 316 | } 317 | 318 | .left-panel { 319 | grid-row: 1 / 2; 320 | } 321 | 322 | .image { 323 | width: 200px; 324 | transition: transform 0.9s ease-in-out; 325 | transition-delay: 0.6s; 326 | } 327 | 328 | .panel .content { 329 | padding-right: 15%; 330 | transition: transform 0.9s ease-in-out; 331 | transition-delay: 0.8s; 332 | } 333 | 334 | .panel h3 { 335 | font-size: 1.2rem; 336 | } 337 | 338 | .panel p { 339 | font-size: 0.7rem; 340 | padding: 0.5rem 0; 341 | } 342 | .container:before { 343 | width: 1500px; 344 | height: 1500px; 345 | transform: translateX(-50%); 346 | left: 30%; 347 | bottom: 68%; 348 | right: initial; 349 | top: initial; 350 | transition: 2s ease-in-out; 351 | } 352 | 353 | .container.sign-up-mode:before { 354 | transform: translate(-50%, 100%); 355 | bottom: 32%; 356 | right: initial; 357 | } 358 | 359 | .container.sign-up-mode .left-panel .image, 360 | .container.sign-up-mode .left-panel .content { 361 | transform: translateY(-300px); 362 | } 363 | 364 | .container.sign-up-mode .right-panel .image, 365 | .container.sign-up-mode .right-panel .content { 366 | transform: translateY(0px); 367 | } 368 | 369 | .right-panel .image, 370 | .right-panel .content { 371 | transform: translateY(300px); 372 | } 373 | 374 | .container.sign-up-mode .signin-signup { 375 | top: 5%; 376 | transform: translate(-50%, 0); 377 | } 378 | } 379 | 380 | @media (max-width: 768px) { 381 | form { 382 | padding: 0 1.5rem; 383 | } 384 | 385 | .image { 386 | display: none; 387 | } 388 | .panel .content { 389 | padding: 0.5rem 1rem; 390 | } 391 | .container { 392 | padding: 1.5rem; 393 | } 394 | 395 | .container:before { 396 | bottom: 72%; 397 | left: 50%; 398 | } 399 | 400 | .container.sign-up-mode:before { 401 | bottom: 28%; 402 | left: 50%; 403 | } 404 | } 405 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/css/flags/flags.css: -------------------------------------------------------------------------------- 1 | span.flag{width:44px;height:30px;display:inline-block;}img.flag{width:30px}.flag{background:url("\/poseidon/#{request.contextPath}/faces/resources/css/flags/flags_responsive.png.xhtml?ln=demo") no-repeat;background-size:100%;vertical-align: middle;}.flag-ad{background-position:0 .413223%}.flag-ae{background-position:0 .826446%}.flag-af{background-position:0 1.239669%}.flag-ag{background-position:0 1.652893%}.flag-ai{background-position:0 2.066116%}.flag-al{background-position:0 2.479339%}.flag-am{background-position:0 2.892562%}.flag-an{background-position:0 3.305785%}.flag-ao{background-position:0 3.719008%}.flag-aq{background-position:0 4.132231%}.flag-ar{background-position:0 4.545455%}.flag-as{background-position:0 4.958678%}.flag-at{background-position:0 5.371901%}.flag-au{background-position:0 5.785124%}.flag-aw{background-position:0 6.198347%}.flag-az{background-position:0 6.61157%}.flag-ba{background-position:0 7.024793%}.flag-bb{background-position:0 7.438017%}.flag-bd{background-position:0 7.85124%}.flag-be{background-position:0 8.264463%}.flag-bf{background-position:0 8.677686%}.flag-bg{background-position:0 9.090909%}.flag-bh{background-position:0 9.504132%}.flag-bi{background-position:0 9.917355%}.flag-bj{background-position:0 10.330579%}.flag-bm{background-position:0 10.743802%}.flag-bn{background-position:0 11.157025%}.flag-bo{background-position:0 11.570248%}.flag-br{background-position:0 11.983471%}.flag-bs{background-position:0 12.396694%}.flag-bt{background-position:0 12.809917%}.flag-bv{background-position:0 13.22314%}.flag-bw{background-position:0 13.636364%}.flag-by{background-position:0 14.049587%}.flag-bz{background-position:0 14.46281%}.flag-ca{background-position:0 14.876033%}.flag-cc{background-position:0 15.289256%}.flag-cd{background-position:0 15.702479%}.flag-cf{background-position:0 16.115702%}.flag-cg{background-position:0 16.528926%}.flag-ch{background-position:0 16.942149%}.flag-ci{background-position:0 17.355372%}.flag-ck{background-position:0 17.768595%}.flag-cl{background-position:0 18.181818%}.flag-cm{background-position:0 18.595041%}.flag-cn{background-position:0 19.008264%}.flag-co{background-position:0 19.421488%}.flag-cr{background-position:0 19.834711%}.flag-cu{background-position:0 20.247934%}.flag-cv{background-position:0 20.661157%}.flag-cx{background-position:0 21.07438%}.flag-cy{background-position:0 21.487603%}.flag-cz{background-position:0 21.900826%}.flag-de{background-position:0 22.31405%}.flag-dj{background-position:0 22.727273%}.flag-dk{background-position:0 23.140496%}.flag-dm{background-position:0 23.553719%}.flag-do{background-position:0 23.966942%}.flag-dz{background-position:0 24.380165%}.flag-ec{background-position:0 24.793388%}.flag-ee{background-position:0 25.206612%}.flag-eg{background-position:0 25.619835%}.flag-eh{background-position:0 26.033058%}.flag-er{background-position:0 26.446281%}.flag-es{background-position:0 26.859504%}.flag-et{background-position:0 27.272727%}.flag-fi{background-position:0 27.68595%}.flag-fj{background-position:0 28.099174%}.flag-fk{background-position:0 28.512397%}.flag-fm{background-position:0 28.92562%}.flag-fo{background-position:0 29.338843%}.flag-fr{background-position:0 29.752066%}.flag-ga{background-position:0 30.165289%}.flag-gd{background-position:0 30.578512%}.flag-ge{background-position:0 30.991736%}.flag-gf{background-position:0 31.404959%}.flag-gh{background-position:0 31.818182%}.flag-gi{background-position:0 32.231405%}.flag-gl{background-position:0 32.644628%}.flag-gm{background-position:0 33.057851%}.flag-gn{background-position:0 33.471074%}.flag-gp{background-position:0 33.884298%}.flag-gq{background-position:0 34.297521%}.flag-gr{background-position:0 34.710744%}.flag-gs{background-position:0 35.123967%}.flag-gt{background-position:0 35.53719%}.flag-gu{background-position:0 35.950413%}.flag-gw{background-position:0 36.363636%}.flag-gy{background-position:0 36.77686%}.flag-hk{background-position:0 37.190083%}.flag-hm{background-position:0 37.603306%}.flag-hn{background-position:0 38.016529%}.flag-hr{background-position:0 38.429752%}.flag-ht{background-position:0 38.842975%}.flag-hu{background-position:0 39.256198%}.flag-id{background-position:0 39.669421%}.flag-ie{background-position:0 40.082645%}.flag-il{background-position:0 40.495868%}.flag-in{background-position:0 40.909091%}.flag-io{background-position:0 41.322314%}.flag-iq{background-position:0 41.735537%}.flag-ir{background-position:0 42.14876%}.flag-is{background-position:0 42.561983%}.flag-it{background-position:0 42.975207%}.flag-jm{background-position:0 43.38843%}.flag-jo{background-position:0 43.801653%}.flag-jp{background-position:0 44.214876%}.flag-ke{background-position:0 44.628099%}.flag-kg{background-position:0 45.041322%}.flag-kh{background-position:0 45.454545%}.flag-ki{background-position:0 45.867769%}.flag-km{background-position:0 46.280992%}.flag-kn{background-position:0 46.694215%}.flag-kp{background-position:0 47.107438%}.flag-kr{background-position:0 47.520661%}.flag-kw{background-position:0 47.933884%}.flag-ky{background-position:0 48.347107%}.flag-kz{background-position:0 48.760331%}.flag-la{background-position:0 49.173554%}.flag-lb{background-position:0 49.586777%}.flag-lc{background-position:0 50%}.flag-li{background-position:0 50.413223%}.flag-lk{background-position:0 50.826446%}.flag-lr{background-position:0 51.239669%}.flag-ls{background-position:0 51.652893%}.flag-lt{background-position:0 52.066116%}.flag-lu{background-position:0 52.479339%}.flag-lv{background-position:0 52.892562%}.flag-ly{background-position:0 53.305785%}.flag-ma{background-position:0 53.719008%}.flag-mc{background-position:0 54.132231%}.flag-md{background-position:0 54.545455%}.flag-me{background-position:0 54.958678%}.flag-mg{background-position:0 55.371901%}.flag-mh{background-position:0 55.785124%}.flag-mk{background-position:0 56.198347%}.flag-ml{background-position:0 56.61157%}.flag-mm{background-position:0 57.024793%}.flag-mn{background-position:0 57.438017%}.flag-mo{background-position:0 57.85124%}.flag-mp{background-position:0 58.264463%}.flag-mq{background-position:0 58.677686%}.flag-mr{background-position:0 59.090909%}.flag-ms{background-position:0 59.504132%}.flag-mt{background-position:0 59.917355%}.flag-mu{background-position:0 60.330579%}.flag-mv{background-position:0 60.743802%}.flag-mw{background-position:0 61.157025%}.flag-mx{background-position:0 61.570248%}.flag-my{background-position:0 61.983471%}.flag-mz{background-position:0 62.396694%}.flag-na{background-position:0 62.809917%}.flag-nc{background-position:0 63.22314%}.flag-ne{background-position:0 63.636364%}.flag-nf{background-position:0 64.049587%}.flag-ng{background-position:0 64.46281%}.flag-ni{background-position:0 64.876033%}.flag-nl{background-position:0 65.289256%}.flag-no{background-position:0 65.702479%}.flag-np{background-position:0 66.115702%}.flag-nr{background-position:0 66.528926%}.flag-nu{background-position:0 66.942149%}.flag-nz{background-position:0 67.355372%}.flag-om{background-position:0 67.768595%}.flag-pa{background-position:0 68.181818%}.flag-pe{background-position:0 68.595041%}.flag-pf{background-position:0 69.008264%}.flag-pg{background-position:0 69.421488%}.flag-ph{background-position:0 69.834711%}.flag-pk{background-position:0 70.247934%}.flag-pl{background-position:0 70.661157%}.flag-pm{background-position:0 71.07438%}.flag-pn{background-position:0 71.487603%}.flag-pr{background-position:0 71.900826%}.flag-pt{background-position:0 72.31405%}.flag-pw{background-position:0 72.727273%}.flag-py{background-position:0 73.140496%}.flag-qa{background-position:0 73.553719%}.flag-re{background-position:0 73.966942%}.flag-ro{background-position:0 74.380165%}.flag-rs{background-position:0 74.793388%}.flag-ru{background-position:0 75.206612%}.flag-rw{background-position:0 75.619835%}.flag-sa{background-position:0 76.033058%}.flag-sb{background-position:0 76.446281%}.flag-sc{background-position:0 76.859504%}.flag-sd{background-position:0 77.272727%}.flag-se{background-position:0 77.68595%}.flag-sg{background-position:0 78.099174%}.flag-sh{background-position:0 78.512397%}.flag-si{background-position:0 78.92562%}.flag-sj{background-position:0 79.338843%}.flag-sk{background-position:0 79.752066%}.flag-sl{background-position:0 80.165289%}.flag-sm{background-position:0 80.578512%}.flag-sn{background-position:0 80.991736%}.flag-so{background-position:0 81.404959%}.flag-sr{background-position:0 81.818182%}.flag-ss{background-position:0 82.231405%}.flag-st{background-position:0 82.644628%}.flag-sv{background-position:0 83.057851%}.flag-sy{background-position:0 83.471074%}.flag-sz{background-position:0 83.884298%}.flag-tc{background-position:0 84.297521%}.flag-td{background-position:0 84.710744%}.flag-tf{background-position:0 85.123967%}.flag-tg{background-position:0 85.53719%}.flag-th{background-position:0 85.950413%}.flag-tj{background-position:0 86.363636%}.flag-tk{background-position:0 86.77686%}.flag-tl{background-position:0 87.190083%}.flag-tm{background-position:0 87.603306%}.flag-tn{background-position:0 88.016529%}.flag-to{background-position:0 88.429752%}.flag-tp{background-position:0 88.842975%}.flag-tr{background-position:0 89.256198%}.flag-tt{background-position:0 89.669421%}.flag-tv{background-position:0 90.082645%}.flag-tw{background-position:0 90.495868%}.flag-ty{background-position:0 90.909091%}.flag-tz{background-position:0 91.322314%}.flag-ua{background-position:0 91.735537%}.flag-ug{background-position:0 92.14876%}.flag-gb,.flag-uk{background-position:0 92.561983%}.flag-um{background-position:0 92.975207%}.flag-us{background-position:0 93.38843%}.flag-uy{background-position:0 93.801653%}.flag-uz{background-position:0 94.214876%}.flag-va{background-position:0 94.628099%}.flag-vc{background-position:0 95.041322%}.flag-ve{background-position:0 95.454545%}.flag-vg{background-position:0 95.867769%}.flag-vi{background-position:0 96.280992%}.flag-vn{background-position:0 96.694215%}.flag-vu{background-position:0 97.107438%}.flag-wf{background-position:0 97.520661%}.flag-ws{background-position:0 97.933884%}.flag-ye{background-position:0 98.347107%}.flag-za{background-position:0 98.760331%}.flag-zm{background-position:0 99.173554%}.flag-zr{background-position:0 99.586777%}.flag-zw{background-position:0 100%} 2 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/css/primeicons.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'primeicons'; 3 | font-display: auto; 4 | src: url("../icons/primeicons.eot"); 5 | src: url("../icons/primeicons.eot#iefix") format('embedded-opentype'), 6 | url("../icons/primeicons.ttf") format('truetype'), 7 | url("../icons/primeicons.woff") format('woff'), 8 | url("../icons/primeicons.svg") format('svg'); 9 | font-weight: normal; 10 | font-style: normal; 11 | } 12 | 13 | .pi { 14 | font-family: 'primeicons'; 15 | speak: none; 16 | font-style: normal; 17 | font-weight: normal; 18 | font-variant: normal; 19 | text-transform: none; 20 | line-height: 1; 21 | display: inline-block; 22 | -webkit-font-smoothing: antialiased; 23 | -moz-osx-font-smoothing: grayscale; 24 | } 25 | 26 | .pi:before { 27 | --webkit-backface-visibility:hidden; 28 | backface-visibility: hidden; 29 | } 30 | 31 | .pi-fw { 32 | width: 1.28571429em; 33 | text-align: center; 34 | } 35 | 36 | .pi-spin { 37 | -webkit-animation: fa-spin 2s infinite linear; 38 | animation: fa-spin 2s infinite linear; 39 | } 40 | 41 | @-webkit-keyframes fa-spin { 42 | 0% { 43 | -webkit-transform: rotate(0deg); 44 | transform: rotate(0deg); 45 | } 46 | 100% { 47 | -webkit-transform: rotate(359deg); 48 | transform: rotate(359deg); 49 | } 50 | } 51 | 52 | @keyframes fa-spin { 53 | 0% { 54 | -webkit-transform: rotate(0deg); 55 | transform: rotate(0deg); 56 | } 57 | 100% { 58 | -webkit-transform: rotate(359deg); 59 | transform: rotate(359deg); 60 | } 61 | } 62 | 63 | .pi-send:before { 64 | content: "\e9ca"; 65 | } 66 | 67 | .pi-slack:before { 68 | content: "\e9c9"; 69 | } 70 | 71 | .pi-sun:before { 72 | content: "\e9c8"; 73 | } 74 | 75 | .pi-moon:before { 76 | content: "\e9c7"; 77 | } 78 | 79 | .pi-vimeo:before { 80 | content: "\e9c6"; 81 | } 82 | 83 | .pi-youtube:before { 84 | content: "\e9c5"; 85 | } 86 | 87 | .pi-flag:before { 88 | content: "\e9c4"; 89 | } 90 | 91 | .pi-wallet:before { 92 | content: "\e9c3"; 93 | } 94 | 95 | .pi-map:before { 96 | content: "\e9c2"; 97 | } 98 | 99 | .pi-link:before { 100 | content: "\e9c1"; 101 | } 102 | 103 | .pi-credit-card:before { 104 | content: "\e9bf"; 105 | } 106 | 107 | .pi-discord:before { 108 | content: "\e9c0"; 109 | } 110 | 111 | .pi-percentage:before { 112 | content: "\e9be"; 113 | } 114 | 115 | .pi-euro:before { 116 | content: "\e9bd"; 117 | } 118 | 119 | .pi-book:before { 120 | content: "\e9ba"; 121 | } 122 | 123 | .pi-shield:before { 124 | content: "\e9b9"; 125 | } 126 | 127 | .pi-paypal:before { 128 | content: "\e9bb"; 129 | } 130 | 131 | .pi-amazon:before { 132 | content: "\e9bc"; 133 | } 134 | 135 | .pi-phone:before { 136 | content: "\e9b8"; 137 | } 138 | 139 | .pi-filter-slash:before { 140 | content: "\e9b7"; 141 | } 142 | 143 | .pi-facebook:before { 144 | content: "\e9b4"; 145 | } 146 | 147 | .pi-github:before { 148 | content: "\e9b5"; 149 | } 150 | 151 | .pi-twitter:before { 152 | content: "\e9b6"; 153 | } 154 | 155 | .pi-step-backward-alt:before { 156 | content: "\e9ac"; 157 | } 158 | 159 | .pi-step-forward-alt:before { 160 | content: "\e9ad"; 161 | } 162 | 163 | .pi-forward:before { 164 | content: "\e9ae"; 165 | } 166 | 167 | .pi-backward:before { 168 | content: "\e9af"; 169 | } 170 | 171 | .pi-fast-backward:before { 172 | content: "\e9b0"; 173 | } 174 | 175 | .pi-fast-forward:before { 176 | content: "\e9b1"; 177 | } 178 | 179 | .pi-pause:before { 180 | content: "\e9b2"; 181 | } 182 | 183 | .pi-play:before { 184 | content: "\e9b3"; 185 | } 186 | 187 | .pi-compass:before { 188 | content: "\e9ab"; 189 | } 190 | 191 | .pi-id-card:before { 192 | content: "\e9aa"; 193 | } 194 | 195 | .pi-ticket:before { 196 | content: "\e9a9"; 197 | } 198 | 199 | .pi-file-o:before { 200 | content: "\e9a8"; 201 | } 202 | 203 | .pi-reply:before { 204 | content: "\e9a7"; 205 | } 206 | 207 | .pi-directions-alt:before { 208 | content: "\e9a5"; 209 | } 210 | 211 | .pi-directions:before { 212 | content: "\e9a6"; 213 | } 214 | 215 | .pi-thumbs-up:before { 216 | content: "\e9a3"; 217 | } 218 | 219 | .pi-thumbs-down:before { 220 | content: "\e9a4"; 221 | } 222 | 223 | .pi-sort-numeric-down-alt:before { 224 | content: "\e996"; 225 | } 226 | 227 | .pi-sort-numeric-up-alt:before { 228 | content: "\e997"; 229 | } 230 | 231 | .pi-sort-alpha-down-alt:before { 232 | content: "\e998"; 233 | } 234 | 235 | .pi-sort-alpha-up-alt:before { 236 | content: "\e999"; 237 | } 238 | 239 | .pi-sort-numeric-down:before { 240 | content: "\e99a"; 241 | } 242 | 243 | .pi-sort-numeric-up:before { 244 | content: "\e99b"; 245 | } 246 | 247 | .pi-sort-alpha-down:before { 248 | content: "\e99c"; 249 | } 250 | 251 | .pi-sort-alpha-up:before { 252 | content: "\e99d"; 253 | } 254 | 255 | .pi-sort-alt:before { 256 | content: "\e99e"; 257 | } 258 | 259 | .pi-sort-amount-up:before { 260 | content: "\e99f"; 261 | } 262 | 263 | .pi-sort-amount-down:before { 264 | content: "\e9a0"; 265 | } 266 | 267 | .pi-sort-amount-down-alt:before { 268 | content: "\e9a1"; 269 | } 270 | 271 | .pi-sort-amount-up-alt:before { 272 | content: "\e9a2"; 273 | } 274 | 275 | .pi-palette:before { 276 | content: "\e995"; 277 | } 278 | 279 | .pi-undo:before { 280 | content: "\e994"; 281 | } 282 | 283 | .pi-desktop:before { 284 | content: "\e993"; 285 | } 286 | 287 | .pi-sliders-v:before { 288 | content: "\e991"; 289 | } 290 | 291 | .pi-sliders-h:before { 292 | content: "\e992"; 293 | } 294 | 295 | .pi-search-plus:before { 296 | content: "\e98f"; 297 | } 298 | 299 | .pi-search-minus:before { 300 | content: "\e990"; 301 | } 302 | 303 | .pi-file-excel:before { 304 | content: "\e98e"; 305 | } 306 | 307 | .pi-file-pdf:before { 308 | content: "\e98d"; 309 | } 310 | 311 | .pi-check-square:before { 312 | content: "\e98c"; 313 | } 314 | 315 | .pi-chart-line:before { 316 | content: "\e98b"; 317 | } 318 | 319 | .pi-user-edit:before { 320 | content: "\e98a"; 321 | } 322 | 323 | .pi-exclamation-circle:before { 324 | content: "\e989"; 325 | } 326 | 327 | .pi-android:before { 328 | content: "\e985"; 329 | } 330 | 331 | .pi-google:before { 332 | content: "\e986"; 333 | } 334 | 335 | .pi-apple:before { 336 | content: "\e987"; 337 | } 338 | 339 | .pi-microsoft:before { 340 | content: "\e988"; 341 | } 342 | 343 | .pi-heart:before { 344 | content: "\e984"; 345 | } 346 | 347 | .pi-mobile:before { 348 | content: "\e982"; 349 | } 350 | 351 | .pi-tablet:before { 352 | content: "\e983"; 353 | } 354 | 355 | .pi-key:before { 356 | content: "\e981"; 357 | } 358 | 359 | .pi-shopping-cart:before { 360 | content: "\e980"; 361 | } 362 | 363 | .pi-comments:before { 364 | content: "\e97e"; 365 | } 366 | 367 | .pi-comment:before { 368 | content: "\e97f"; 369 | } 370 | 371 | .pi-briefcase:before { 372 | content: "\e97d"; 373 | } 374 | 375 | .pi-bell:before { 376 | content: "\e97c"; 377 | } 378 | 379 | .pi-paperclip:before { 380 | content: "\e97b"; 381 | } 382 | 383 | .pi-share-alt:before { 384 | content: "\e97a"; 385 | } 386 | 387 | .pi-envelope:before { 388 | content: "\e979"; 389 | } 390 | 391 | .pi-volume-down:before { 392 | content: "\e976"; 393 | } 394 | 395 | .pi-volume-up:before { 396 | content: "\e977"; 397 | } 398 | 399 | .pi-volume-off:before { 400 | content: "\e978"; 401 | } 402 | 403 | .pi-eject:before { 404 | content: "\e975"; 405 | } 406 | 407 | .pi-money-bill:before { 408 | content: "\e974"; 409 | } 410 | 411 | .pi-images:before { 412 | content: "\e973"; 413 | } 414 | 415 | .pi-image:before { 416 | content: "\e972"; 417 | } 418 | 419 | .pi-sign-in:before { 420 | content: "\e970"; 421 | } 422 | 423 | .pi-sign-out:before { 424 | content: "\e971"; 425 | } 426 | 427 | .pi-wifi:before { 428 | content: "\e96f"; 429 | } 430 | 431 | .pi-sitemap:before { 432 | content: "\e96e"; 433 | } 434 | 435 | .pi-chart-bar:before { 436 | content: "\e96d"; 437 | } 438 | 439 | .pi-camera:before { 440 | content: "\e96c"; 441 | } 442 | 443 | .pi-dollar:before { 444 | content: "\e96b"; 445 | } 446 | 447 | .pi-lock-open:before { 448 | content: "\e96a"; 449 | } 450 | 451 | .pi-table:before { 452 | content: "\e969"; 453 | } 454 | 455 | .pi-map-marker:before { 456 | content: "\e968"; 457 | } 458 | 459 | .pi-list:before { 460 | content: "\e967"; 461 | } 462 | 463 | .pi-eye-slash:before { 464 | content: "\e965"; 465 | } 466 | 467 | .pi-eye:before { 468 | content: "\e966"; 469 | } 470 | 471 | .pi-folder-open:before { 472 | content: "\e964"; 473 | } 474 | 475 | .pi-folder:before { 476 | content: "\e963"; 477 | } 478 | 479 | .pi-video:before { 480 | content: "\e962"; 481 | } 482 | 483 | .pi-inbox:before { 484 | content: "\e961"; 485 | } 486 | 487 | .pi-lock:before { 488 | content: "\e95f"; 489 | } 490 | 491 | .pi-unlock:before { 492 | content: "\e960"; 493 | } 494 | 495 | .pi-tags:before { 496 | content: "\e95d"; 497 | } 498 | 499 | .pi-tag:before { 500 | content: "\e95e"; 501 | } 502 | 503 | .pi-power-off:before { 504 | content: "\e95c"; 505 | } 506 | 507 | .pi-save:before { 508 | content: "\e95b"; 509 | } 510 | 511 | .pi-question-circle:before { 512 | content: "\e959"; 513 | } 514 | 515 | .pi-question:before { 516 | content: "\e95a"; 517 | } 518 | 519 | .pi-copy:before { 520 | content: "\e957"; 521 | } 522 | 523 | .pi-file:before { 524 | content: "\e958"; 525 | } 526 | 527 | .pi-clone:before { 528 | content: "\e955"; 529 | } 530 | 531 | .pi-calendar-times:before { 532 | content: "\e952"; 533 | } 534 | 535 | .pi-calendar-minus:before { 536 | content: "\e953"; 537 | } 538 | 539 | .pi-calendar-plus:before { 540 | content: "\e954"; 541 | } 542 | 543 | .pi-ellipsis-v:before { 544 | content: "\e950"; 545 | } 546 | 547 | .pi-ellipsis-h:before { 548 | content: "\e951"; 549 | } 550 | 551 | .pi-bookmark:before { 552 | content: "\e94e"; 553 | } 554 | 555 | .pi-globe:before { 556 | content: "\e94f"; 557 | } 558 | 559 | .pi-replay:before { 560 | content: "\e94d"; 561 | } 562 | 563 | .pi-filter:before { 564 | content: "\e94c"; 565 | } 566 | 567 | .pi-print:before { 568 | content: "\e94b"; 569 | } 570 | 571 | .pi-align-right:before { 572 | content: "\e946"; 573 | } 574 | 575 | .pi-align-left:before { 576 | content: "\e947"; 577 | } 578 | 579 | .pi-align-center:before { 580 | content: "\e948"; 581 | } 582 | 583 | .pi-align-justify:before { 584 | content: "\e949"; 585 | } 586 | 587 | .pi-cog:before { 588 | content: "\e94a"; 589 | } 590 | 591 | .pi-cloud-download:before { 592 | content: "\e943"; 593 | } 594 | 595 | .pi-cloud-upload:before { 596 | content: "\e944"; 597 | } 598 | 599 | .pi-cloud:before { 600 | content: "\e945"; 601 | } 602 | 603 | .pi-pencil:before { 604 | content: "\e942"; 605 | } 606 | 607 | .pi-users:before { 608 | content: "\e941"; 609 | } 610 | 611 | .pi-clock:before { 612 | content: "\e940"; 613 | } 614 | 615 | .pi-user-minus:before { 616 | content: "\e93e"; 617 | } 618 | 619 | .pi-user-plus:before { 620 | content: "\e93f"; 621 | } 622 | 623 | .pi-trash:before { 624 | content: "\e93d"; 625 | } 626 | 627 | .pi-external-link:before { 628 | content: "\e93c"; 629 | } 630 | 631 | .pi-window-maximize:before { 632 | content: "\e93b"; 633 | } 634 | 635 | .pi-window-minimize:before { 636 | content: "\e93a"; 637 | } 638 | 639 | .pi-refresh:before { 640 | content: "\e938"; 641 | } 642 | 643 | .pi-user:before { 644 | content: "\e939"; 645 | } 646 | 647 | .pi-exclamation-triangle:before { 648 | content: "\e922"; 649 | } 650 | 651 | .pi-calendar:before { 652 | content: "\e927"; 653 | } 654 | 655 | .pi-chevron-circle-left:before { 656 | content: "\e928"; 657 | } 658 | 659 | .pi-chevron-circle-down:before { 660 | content: "\e929"; 661 | } 662 | 663 | .pi-chevron-circle-right:before { 664 | content: "\e92a"; 665 | } 666 | 667 | .pi-chevron-circle-up:before { 668 | content: "\e92b"; 669 | } 670 | 671 | .pi-angle-double-down:before { 672 | content: "\e92c"; 673 | } 674 | 675 | .pi-angle-double-left:before { 676 | content: "\e92d"; 677 | } 678 | 679 | .pi-angle-double-right:before { 680 | content: "\e92e"; 681 | } 682 | 683 | .pi-angle-double-up:before { 684 | content: "\e92f"; 685 | } 686 | 687 | .pi-angle-down:before { 688 | content: "\e930"; 689 | } 690 | 691 | .pi-angle-left:before { 692 | content: "\e931"; 693 | } 694 | 695 | .pi-angle-right:before { 696 | content: "\e932"; 697 | } 698 | 699 | .pi-angle-up:before { 700 | content: "\e933"; 701 | } 702 | 703 | .pi-upload:before { 704 | content: "\e934"; 705 | } 706 | 707 | .pi-download:before { 708 | content: "\e956"; 709 | } 710 | 711 | .pi-ban:before { 712 | content: "\e935"; 713 | } 714 | 715 | .pi-star-o:before { 716 | content: "\e936"; 717 | } 718 | 719 | .pi-star:before { 720 | content: "\e937"; 721 | } 722 | 723 | .pi-chevron-left:before { 724 | content: "\e900"; 725 | } 726 | 727 | .pi-chevron-right:before { 728 | content: "\e901"; 729 | } 730 | 731 | .pi-chevron-down:before { 732 | content: "\e902"; 733 | } 734 | 735 | .pi-chevron-up:before { 736 | content: "\e903"; 737 | } 738 | 739 | .pi-caret-left:before { 740 | content: "\e904"; 741 | } 742 | 743 | .pi-caret-right:before { 744 | content: "\e905"; 745 | } 746 | 747 | .pi-caret-down:before { 748 | content: "\e906"; 749 | } 750 | 751 | .pi-caret-up:before { 752 | content: "\e907"; 753 | } 754 | 755 | .pi-search:before { 756 | content: "\e908"; 757 | } 758 | 759 | .pi-check:before { 760 | content: "\e909"; 761 | } 762 | 763 | .pi-check-circle:before { 764 | content: "\e90a"; 765 | } 766 | 767 | .pi-times:before { 768 | content: "\e90b"; 769 | } 770 | 771 | .pi-times-circle:before { 772 | content: "\e90c"; 773 | } 774 | 775 | .pi-plus:before { 776 | content: "\e90d"; 777 | } 778 | 779 | .pi-plus-circle:before { 780 | content: "\e90e"; 781 | } 782 | 783 | .pi-minus:before { 784 | content: "\e90f"; 785 | } 786 | 787 | .pi-minus-circle:before { 788 | content: "\e910"; 789 | } 790 | 791 | .pi-circle-on:before { 792 | content: "\e911"; 793 | } 794 | 795 | .pi-circle-off:before { 796 | content: "\e912"; 797 | } 798 | 799 | .pi-sort-down:before { 800 | content: "\e913"; 801 | } 802 | 803 | .pi-sort-up:before { 804 | content: "\e914"; 805 | } 806 | 807 | .pi-sort:before { 808 | content: "\e915"; 809 | } 810 | 811 | .pi-step-backward:before { 812 | content: "\e916"; 813 | } 814 | 815 | .pi-step-forward:before { 816 | content: "\e917"; 817 | } 818 | 819 | .pi-th-large:before { 820 | content: "\e918"; 821 | } 822 | 823 | .pi-arrow-down:before { 824 | content: "\e919"; 825 | } 826 | 827 | .pi-arrow-left:before { 828 | content: "\e91a"; 829 | } 830 | 831 | .pi-arrow-right:before { 832 | content: "\e91b"; 833 | } 834 | 835 | .pi-arrow-up:before { 836 | content: "\e91c"; 837 | } 838 | 839 | .pi-bars:before { 840 | content: "\e91d"; 841 | } 842 | 843 | .pi-arrow-circle-down:before { 844 | content: "\e91e"; 845 | } 846 | 847 | .pi-arrow-circle-left:before { 848 | content: "\e91f"; 849 | } 850 | 851 | .pi-arrow-circle-right:before { 852 | content: "\e920"; 853 | } 854 | 855 | .pi-arrow-circle-up:before { 856 | content: "\e921"; 857 | } 858 | 859 | .pi-info:before { 860 | content: "\e923"; 861 | } 862 | 863 | .pi-info-circle:before { 864 | content: "\e924"; 865 | } 866 | 867 | .pi-home:before { 868 | content: "\e925"; 869 | } 870 | 871 | .pi-spinner:before { 872 | content: "\e926"; 873 | } 874 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/vistas/Demo.xhtml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 |
22 |
23 |

ToggleSwitch y Calendar

24 |
25 |
26 | 27 | 28 | 29 | 30 |
31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 77 | 78 | 79 | 80 |
81 | 82 | 83 |
84 | 85 |
86 | 87 |
88 | 93 |
LISTA DE DATOS
 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 |
135 | EN TOTAL HAY #{fn:length(demoC.listadoDemo)} REGISTROS 136 |
137 | 138 | 139 |
140 | 141 |
142 | 143 |
144 | 145 |
146 |
147 |

Fechas y Horas Actuales

148 |
149 |
150 | 151 | 152 | 153 | 154 |
155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 173 | 174 | 175 | 176 | 178 | 179 | 180 |
181 | 182 | 183 | 184 | 185 | Fecha Actual 186 | Fecha y Hora Actual 187 | Hora Actual: 188 | 189 | 190 | 191 |
192 | 193 |
194 | 195 |
196 | 201 |
LISTA DE FECHAS Y HORAS
 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 |
222 | EN TOTAL HAY #{fn:length(demoC.listadoFechaHora)} REGISTROS 223 |
224 | 225 | 226 |
227 | 228 |
229 | 230 |
231 | 232 |
233 |
234 |

Habilitar y Deshabilitar con ToggleSwitch

235 |
236 |
237 | 238 | 239 | 240 | 241 |
242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 |
272 | 273 | 274 |
275 |
276 |
277 |
278 |
279 |
280 |
281 |
282 |
283 |
284 | 285 | 286 | 287 | 288 | 289 | 290 | 291 | 292 | 293 | 294 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/js/prism.js: -------------------------------------------------------------------------------- 1 | /* PrismJS 1.22.0 2 | https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+bash+java&plugins=line-numbers */ 3 | var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,_={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof M?new M(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=l.reach);y+=m.value.length,m=m.next){var k=m.value;if(t.length>n.length)return;if(!(k instanceof M)){var b,x=1;if(h){if(!(b=W(p,y,n,f)))break;var w=b.index,A=b.index+b[0].length,P=y;for(P+=m.value.length;P<=w;)m=m.next,P+=m.value.length;if(P-=m.value.length,y=P,m.value instanceof M)continue;for(var S=m;S!==t.tail&&(Pl.reach&&(l.reach=N);var j=m.prev;O&&(j=z(t,j,O),y+=O.length),I(t,j,x);var C=new M(o,g?_.tokenize(E,g):E,d,E);m=z(t,j,C),L&&z(t,m,L),1"+a.content+""},!u.document)return u.addEventListener&&(_.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(_.highlight(r,_.languages[t],t)),a&&u.close()},!1)),_;var e=_.util.currentScript();function t(){_.manual||_.highlightAll()}if(e&&(_.filename=e.src,e.hasAttribute("data-manual")&&(_.manual=!0)),!_.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return _}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism); 4 | Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^>]*>)(?:))*\\]\\]>|(?!)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml; 5 | !function(s){var e=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;s.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),string:{pattern:e,greedy:!0},property:/(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},s.languages.css.atrule.inside.rest=s.languages.css;var t=s.languages.markup;t&&(t.tag.addInlined("style","css"),s.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/(^|["'\s])style\s*=\s*(?:"[^"]*"|'[^']*')/i,lookbehind:!0,inside:{"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{style:{pattern:/(["'])[\s\S]+(?=["']$)/,lookbehind:!0,alias:"language-css",inside:s.languages.css},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},"attr-name":/^style/i}}},t.tag))}(Prism); 6 | Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}; 7 | Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-flags":/[a-z]+$/,"regex-delimiter":/^\/|\/$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript; 8 | !function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},a={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--?|-=|\+\+?|\+=|!=?|~|\*\*?|\*=|\/=?|%=?|<<=?|>>=?|<=?|>=?|==?|&&?|&=|\^=?|\|\|?|\|=|\?|:/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|x[0-9a-fA-F]{1,2}|u[0-9a-fA-F]{4}|U[0-9a-fA-F]{8})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)\w+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b\w+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+?)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:a},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)(["'])(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|(?!\2)[^\\`$])*\2/,lookbehind:!0,greedy:!0,inside:a}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:a.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|aptitude|apt-cache|apt-get|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:if|then|else|elif|fi|for|while|in|case|esac|function|select|do|done|until)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|break|cd|continue|eval|exec|exit|export|getopts|hash|pwd|readonly|return|shift|test|times|trap|umask|unset|alias|bind|builtin|caller|command|declare|echo|enable|help|let|local|logout|mapfile|printf|read|readarray|source|type|typeset|ulimit|unalias|set|shopt)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:true|false)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|==?|!=?|=~|<<[<-]?|[&\d]?>>|\d?[<>]&?|&[>&]?|\|[&|]?|<=?|>=?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var s=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],i=a.variable[1].inside,o=0;o>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0}}),e.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"}}),e.languages.insertBefore("java","class-name",{annotation:{pattern:/(^|[^.])@\w+(?:\s*\.\s*\w+)*/,lookbehind:!0,alias:"punctuation"},generics:{pattern:/<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<[\w\s,.&?]*>)*>)*>)*>/,inside:{"class-name":a,keyword:t,punctuation:/[<>(),.:]/,operator:/[?&|]/}},namespace:{pattern:RegExp("(\\b(?:exports|import(?:\\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\\s+)(?!)[a-z]\\w*(?:\\.[a-z]\\w*)*\\.?".replace(//g,function(){return t.source})),lookbehind:!0,inside:{punctuation:/\./}}})}(Prism); 10 | !function(){if("undefined"!=typeof self&&self.Prism&&self.document){var o="line-numbers",a=/\n(?!$)/g,e=Prism.plugins.lineNumbers={getLine:function(e,n){if("PRE"===e.tagName&&e.classList.contains(o)){var t=e.querySelector(".line-numbers-rows");if(t){var i=parseInt(e.getAttribute("data-start"),10)||1,r=i+(t.children.length-1);n");(i=document.createElement("span")).setAttribute("aria-hidden","true"),i.className="line-numbers-rows",i.innerHTML=l,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(i),u([t]),Prism.hooks.run("line-numbers",e)}}}),Prism.hooks.add("line-numbers",function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0})}function u(e){if(0!=(e=e.filter(function(e){var n=t(e)["white-space"];return"pre-wrap"===n||"pre-line"===n})).length){var n=e.map(function(e){var n=e.querySelector("code"),t=e.querySelector(".line-numbers-rows");if(n&&t){var i=e.querySelector(".line-numbers-sizer"),r=n.textContent.split(a);i||((i=document.createElement("span")).className="line-numbers-sizer",n.appendChild(i)),i.innerHTML="0",i.style.display="block";var s=i.getBoundingClientRect().height;return i.innerHTML="",{element:e,lines:r,lineHeights:[],oneLinerHeight:s,sizer:i}}}).filter(Boolean);n.forEach(function(e){var i=e.sizer,n=e.lines,r=e.lineHeights,s=e.oneLinerHeight;r[n.length-1]=void 0,n.forEach(function(e,n){if(e&&1 .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) { 156 | width: 2rem; 157 | } 158 | .crud-demo .products-table .ui-rating { 159 | display: inline-block; 160 | } 161 | 162 | @media (max-width: 640px) { 163 | .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) .ui-column-title, 164 | .products-table > .ui-datatable-tablewrapper > table > tbody > tr > td:nth-child(2) .ui-column-title { 165 | display: none !important; 166 | } 167 | 168 | .products-buttonbar { 169 | -ms-flex-direction: column; 170 | flex-direction: column; 171 | } 172 | .products-buttonbar > div:last-child { 173 | margin-top: 0.5rem; 174 | } 175 | } 176 | .docs li { 177 | line-height: 1.5; 178 | } 179 | 180 | .grid-demo .grid-item { 181 | text-align: center; 182 | border-radius: 4px; 183 | font-size: 1.5rem; 184 | display: -ms-flexbox; 185 | display: flex; 186 | -ms-flex-align: center; 187 | align-items: center; 188 | -ms-flex-pack: center; 189 | justify-content: center; 190 | } 191 | .grid-demo .grid-item.grid-item-stretched { 192 | height: 100%; 193 | box-sizing: border-box; 194 | } 195 | .grid-demo .vertical-container { 196 | margin: 0; 197 | height: 200px; 198 | } 199 | .grid-demo .nested-grid .p-col-12 { 200 | padding-bottom: 0; 201 | } 202 | 203 | .icons-demo .icons-list { 204 | text-align: center; 205 | color: #657380; 206 | } 207 | .icons-demo .icons-list i { 208 | font-size: 1.5rem; 209 | margin-bottom: 0.5rem; 210 | } 211 | 212 | .spacing-demo li { 213 | line-height: 1.5; 214 | } 215 | 216 | .demo-container { 217 | border: 1px solid var(--surface-d); 218 | } 219 | 220 | .vertical-container { 221 | margin: 0; 222 | height: 200px; 223 | background: var(--surface-d); 224 | border-radius: 4px; 225 | } 226 | 227 | .elevation-demo .shadow-container { 228 | display: -ms-flexbox; 229 | display: flex; 230 | -ms-flex-align: center; 231 | align-items: center; 232 | -ms-flex-wrap: wrap; 233 | flex-wrap: wrap; 234 | } 235 | .elevation-demo .box { 236 | min-height: 100px; 237 | min-width: 150px; 238 | display: -ms-flexbox; 239 | display: flex; 240 | -ms-flex-align: center; 241 | align-items: center; 242 | -ms-flex-pack: center; 243 | justify-content: center; 244 | font-size: 1.25rem; 245 | font-weight: 600; 246 | margin: 2rem; 247 | border-radius: 5px; 248 | } 249 | 250 | .list-demo .product-name { 251 | font-size: 1.5rem; 252 | font-weight: 700; 253 | } 254 | .list-demo .product-description { 255 | margin: 0 0 1rem 0; 256 | } 257 | .list-demo .product-category-icon { 258 | vertical-align: middle; 259 | margin-right: 0.5rem; 260 | } 261 | .list-demo .product-category { 262 | font-weight: 600; 263 | vertical-align: middle; 264 | } 265 | .list-demo .product-list-item { 266 | display: -ms-flexbox; 267 | display: flex; 268 | -ms-flex-align: center; 269 | align-items: center; 270 | padding: 1rem; 271 | } 272 | .list-demo .product-list-item img { 273 | width: 150px; 274 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); 275 | margin-right: 2rem; 276 | } 277 | .list-demo .product-list-item .product-list-detail { 278 | flex: 1 1 0; 279 | -ms-flex: 1 1 0px; 280 | } 281 | .list-demo .product-list-item .ui-rating { 282 | margin: 0 0 0.5rem 0; 283 | } 284 | .list-demo .product-list-item .product-price { 285 | font-size: 1.5rem; 286 | font-weight: 600; 287 | margin-bottom: 0.5rem; 288 | align-self: flex-end; 289 | } 290 | .list-demo .product-list-item .product-list-action { 291 | display: -ms-flexbox; 292 | display: flex; 293 | -ms-flex-direction: column; 294 | flex-direction: column; 295 | } 296 | .list-demo .product-list-item .ui-button { 297 | margin-bottom: 0.5rem; 298 | } 299 | .list-demo .product-grid-item { 300 | border: 1px solid #E8F1F8; 301 | } 302 | .list-demo .product-grid-item .product-grid-item-top, 303 | .list-demo .product-grid-item .product-grid-item-bottom { 304 | display: -ms-flexbox; 305 | display: flex; 306 | -ms-flex-align: center; 307 | align-items: center; 308 | -ms-flex-pack: justify; 309 | justify-content: space-between; 310 | } 311 | .list-demo .product-grid-item img { 312 | width: 75%; 313 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); 314 | margin: 2rem 0; 315 | } 316 | .list-demo .product-grid-item .product-grid-item-content { 317 | text-align: center; 318 | } 319 | .list-demo .product-grid-item .product-price { 320 | font-size: 1.5rem; 321 | font-weight: 600; 322 | } 323 | 324 | @media screen and (max-width: 576px) { 325 | .list-demo .product-list-item { 326 | -ms-flex-direction: column; 327 | flex-direction: column; 328 | -ms-flex-align: center; 329 | align-items: center; 330 | } 331 | .list-demo .product-list-item img { 332 | width: 75%; 333 | margin: 2rem 0; 334 | } 335 | .list-demo .product-list-item .product-list-detail { 336 | text-align: center; 337 | } 338 | .list-demo .product-list-item .product-price { 339 | align-self: center; 340 | } 341 | .list-demo .product-list-item .product-list-action { 342 | display: -ms-flexbox; 343 | display: flex; 344 | -ms-flex-direction: column; 345 | flex-direction: column; 346 | } 347 | .list-demo .product-list-item .product-list-action { 348 | margin-top: 2rem; 349 | -ms-flex-direction: row; 350 | flex-direction: row; 351 | -ms-flex-pack: justify; 352 | justify-content: space-between; 353 | -ms-flex-align: center; 354 | align-items: center; 355 | width: 100%; 356 | } 357 | } 358 | .messages-demo .ui-button.ui-widget { 359 | min-width: 6rem; 360 | } 361 | .messages-demo .p-field > label { 362 | width: 125px; 363 | } 364 | 365 | .misc-demo .ui-button.ui-widget { 366 | min-width: 6rem; 367 | } 368 | .misc-demo .badges .ui-badge, 369 | .misc-demo .badges .ui-tag { 370 | margin-right: 0.5rem; 371 | } 372 | .misc-demo .ui-chip.custom-chip { 373 | background: var(--primary-color); 374 | color: var(--primary-color-text); 375 | } 376 | .misc-demo .custom-scrolltop { 377 | width: 2rem; 378 | height: 2rem; 379 | border-radius: 4px; 380 | background-color: var(--primary-color); 381 | } 382 | .misc-demo .custom-scrolltop:hover { 383 | background-color: var(--primary-color); 384 | } 385 | .misc-demo .custom-scrolltop .ui-scrolltop-icon { 386 | font-size: 1rem; 387 | color: var(--primary-color-text); 388 | } 389 | .misc-demo .custom-skeleton { 390 | border: 1px solid var(--surface-d); 391 | border-radius: 4px; 392 | } 393 | .misc-demo .custom-skeleton ul { 394 | list-style: none; 395 | } 396 | 397 | .table-demo .ui-datatable .ui-column-filter { 398 | display: none; 399 | } 400 | .table-demo .customers-table-header { 401 | display: -ms-flexbox; 402 | display: flex; 403 | -ms-flex-align: center; 404 | align-items: center; 405 | -ms-flex-pack: justify; 406 | justify-content: space-between; 407 | -ms-flex-wrap: wrap; 408 | flex-wrap: wrap; 409 | } 410 | .table-demo .ui-progressbar-value.ui-widget-header { 411 | background: #607d8b; 412 | } 413 | 414 | @media (max-width: 640px) { 415 | .table-demo .ui-progressbar { 416 | margin-top: 0.5rem; 417 | } 418 | } 419 | .layout-dashboard .traffic { 420 | overflow-x: hidden; 421 | } 422 | .layout-dashboard .traffic > span { 423 | display: block; 424 | margin-top: 2px; 425 | margin-bottom: 12px; 426 | font-size: 13px; 427 | font-weight: 600; 428 | color: #515C66; 429 | } 430 | .layout-dashboard .traffic .traffic-tabs { 431 | margin-top: 28px; 432 | display: -ms-flexbox; 433 | display: flex; 434 | -ms-flex-align: center; 435 | align-items: center; 436 | -ms-flex-pack: justify; 437 | justify-content: space-between; 438 | } 439 | .layout-dashboard .traffic .traffic-tabs .traffic-tab { 440 | border-radius: 4px; 441 | background-color: #E8F1F8; 442 | text-align: center; 443 | padding: 6px 1px 8px; 444 | width: 100%; 445 | margin-right: 5px; 446 | cursor: pointer; 447 | -moz-transition: background-color 0.2s; 448 | -o-transition: background-color 0.2s; 449 | -webkit-transition: background-color 0.2s; 450 | transition: background-color 0.2s; 451 | } 452 | .layout-dashboard .traffic .traffic-tabs .traffic-tab:last-child { 453 | margin: 0; 454 | } 455 | .layout-dashboard .traffic .traffic-tabs .traffic-tab > h6 { 456 | font-weight: bold; 457 | margin: 0; 458 | color: #515C66; 459 | margin-bottom: 10px; 460 | } 461 | .layout-dashboard .traffic .traffic-tabs .traffic-tab > i { 462 | font-size: 24px; 463 | } 464 | .layout-dashboard .traffic .traffic-tabs .traffic-tab > span { 465 | display: block; 466 | font-size: 12px; 467 | color: #515C66; 468 | margin-top: 6px; 469 | } 470 | .layout-dashboard .traffic .traffic-tabs .traffic-tab:hover { 471 | background-color: rgba(232, 241, 248, 0.4); 472 | } 473 | .layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active { 474 | background-color: #1c75c6; 475 | background-color: var(--primary-dark-color, #1c75c6); 476 | } 477 | .layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active > h6, 478 | .layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active > span, 479 | .layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active i { 480 | color: #ffffff; 481 | } 482 | .layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active:hover { 483 | background-color: #2c84d8; 484 | background-color: var(--primary-color, #2c84d8); 485 | } 486 | .layout-dashboard .traffic .traffic-chart { 487 | display: -ms-flexbox; 488 | display: flex; 489 | -ms-flex-pack: center; 490 | justify-content: center; 491 | } 492 | .layout-dashboard .goals { 493 | overflow-x: hidden; 494 | background-image: linear-gradient(134deg, #2873D3, #2873D3 99%); 495 | background-image: linear-gradient(134deg, var(--primary-color, #2873D3), var(--primary-dark-color, #2873D3) 99%); 496 | } 497 | .layout-dashboard .goals .card-header { 498 | padding: 0; 499 | } 500 | .layout-dashboard .goals .card-header > h6 { 501 | color: #ffffff; 502 | color: var(--primary-color-text, #ffffff); 503 | } 504 | .layout-dashboard .goals .card-header > span { 505 | color: #ffffff; 506 | color: var(--primary-color-text, #ffffff); 507 | font-size: 11px; 508 | display: block; 509 | } 510 | .layout-dashboard .goals .card-header > span > span { 511 | font-size: 14px; 512 | font-weight: 600; 513 | } 514 | .layout-dashboard .goals > span { 515 | color: #ffffff; 516 | color: var(--primary-color-text, #ffffff); 517 | opacity: 0.8; 518 | font-size: 12px; 519 | font-weight: 600; 520 | display: block; 521 | } 522 | .layout-dashboard .goals .goal-graph { 523 | display: -ms-flexbox; 524 | display: flex; 525 | -ms-flex-pack: center; 526 | justify-content: center; 527 | padding: 24px 0; 528 | } 529 | .layout-dashboard .goals .goal-graph > img { 530 | width: 100%; 531 | max-width: 240px; 532 | height: auto; 533 | } 534 | .layout-dashboard .leaderboard { 535 | height: 100%; 536 | } 537 | .layout-dashboard .leaderboard > ul { 538 | margin: 0; 539 | padding: 0; 540 | list-style-type: none; 541 | } 542 | .layout-dashboard .leaderboard > ul > li { 543 | display: -ms-flexbox; 544 | display: flex; 545 | -ms-flex-align: center; 546 | align-items: center; 547 | -ms-flex-pack: justify; 548 | justify-content: space-between; 549 | margin-top: 6px; 550 | padding: 5px 0; 551 | padding: 6px; 552 | -moz-border-radius: 4px; 553 | -webkit-border-radius: 4px; 554 | border-radius: 4px; 555 | cursor: pointer; 556 | } 557 | .layout-dashboard .leaderboard > ul > li:hover { 558 | background-color: rgba(232, 241, 248, 0.7); 559 | } 560 | .layout-dashboard .leaderboard > ul > li .person { 561 | display: -ms-flexbox; 562 | display: flex; 563 | -ms-flex-align: center; 564 | align-items: center; 565 | } 566 | .layout-dashboard .leaderboard > ul > li .person > img { 567 | width: 32px; 568 | height: 32px; 569 | margin-right: 12px; 570 | } 571 | .layout-dashboard .leaderboard > ul > li .person > p { 572 | margin: 0; 573 | color: #515C66; 574 | } 575 | .layout-dashboard .leaderboard > ul > li .person-numbers { 576 | display: -ms-flexbox; 577 | display: flex; 578 | -ms-flex-align: center; 579 | align-items: center; 580 | } 581 | .layout-dashboard .leaderboard > ul > li .person-numbers > h6 { 582 | margin: 0; 583 | color: #515C66; 584 | font-weight: 600; 585 | margin-right: 12px; 586 | } 587 | .layout-dashboard .leaderboard > ul > li .person-numbers > i { 588 | color: #00acac; 589 | } 590 | .layout-dashboard .sales .card-header { 591 | margin-bottom: 8px; 592 | } 593 | 594 | .layout-rtl .layout-dashboard .sale-graph .order-tabs .order-tab:first-child { 595 | margin-right: 0; 596 | margin-left: 26px; 597 | } 598 | .layout-rtl .layout-dashboard .traffic .traffic-tabs .traffic-tab { 599 | margin-right: 0px; 600 | margin-left: 5px; 601 | } 602 | .layout-rtl .layout-dashboard .leaderboard > ul li { 603 | background-color: #FDFEFF; 604 | cursor: pointer; 605 | } 606 | .layout-rtl .layout-dashboard .leaderboard > ul li .person > img { 607 | margin-right: 0px; 608 | margin-left: 12px; 609 | } 610 | .layout-rtl .layout-dashboard .leaderboard > ul li .person-numbers > h6 { 611 | margin-right: 0px; 612 | margin-left: 12px; 613 | } 614 | .layout-rtl .layout-dashboard .leaderboard > ul li:hover { 615 | background-color: #E8F1F8; 616 | } 617 | .layout-rtl .layout-dashboard .product-list > ul li .product > img { 618 | margin-right: 0px; 619 | margin-left: 12px; 620 | } 621 | .layout-rtl .layout-dashboard .product-list > ul li:hover { 622 | background-color: #E8F1F8; 623 | } 624 | 625 | .custom-marker { 626 | display: flex; 627 | width: 2rem; 628 | height: 2rem; 629 | align-items: center; 630 | justify-content: center; 631 | color: #ffffff; 632 | border-radius: 50%; 633 | z-index: 1; 634 | } 635 | 636 | .ui-chronoline-event-content, 637 | .ui-chronoline-event-opposite { 638 | line-height: 1; 639 | } 640 | 641 | @media screen and (max-width: 960px) { 642 | .customized-chronoline .ui-chronoline-event:nth-child(even) { 643 | flex-direction: row !important; 644 | } 645 | 646 | .customized-chronoline .ui-chronoline-event:nth-child(even) .ui-chronoline-event-content { 647 | text-align: left !important; 648 | } 649 | 650 | .customized-chronoline .ui-chronoline-event-opposite { 651 | flex: 0; 652 | } 653 | 654 | .customized-chronoline .ui-card { 655 | margin-top: 1rem; 656 | } 657 | } 658 | .flexbox-demo .p-d-flex > div, 659 | .flexbox-demo .box { 660 | background-color: var(--surface-e); 661 | text-align: center; 662 | padding: 1rem; 663 | border-radius: 4px; 664 | box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); 665 | } 666 | .flexbox-demo .p-d-flex > div { 667 | width: 8rem; 668 | } 669 | .flexbox-demo .doc-table { 670 | border-collapse: collapse; 671 | width: 100%; 672 | background-color: var(--surface-a); 673 | } 674 | .flexbox-demo .doc-table th { 675 | border-bottom: 1px solid var(--surface-d); 676 | padding: 1rem; 677 | text-align: left; 678 | } 679 | .flexbox-demo .doc-table tbody td { 680 | padding: 1rem; 681 | border-bottom: 1px solid var(--surface-d); 682 | } 683 | .flexbox-demo .doc-tablewrapper { 684 | margin: 1rem 0; 685 | overflow: auto; 686 | } 687 | 688 | .floatlabel-demo .p-field { 689 | margin-top: 2rem; 690 | } 691 | 692 | /* PrismJS 1.22.0 693 | https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+bash+java&plugins=line-numbers */ 694 | /** 695 | * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML 696 | * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics); 697 | * @author Tim Shedor 698 | */ 699 | /* 700 | Attention: This is not the original CSS downloaded from PrismJS! There are some PrimeFaces-specific modifications. 701 | Some var(iable)-usages have been introduced to adapt color-scheme to dark PrimeFaces-themes like Vela and Arya. 702 | */ 703 | code[class*=language-], 704 | pre[class*=language-] { 705 | color: black; 706 | background: none; 707 | font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; 708 | font-size: 1em; 709 | text-align: left; 710 | white-space: pre; 711 | word-spacing: normal; 712 | word-break: normal; 713 | word-wrap: normal; 714 | line-height: 1.5; 715 | -moz-tab-size: 4; 716 | -o-tab-size: 4; 717 | tab-size: 4; 718 | -webkit-hyphens: none; 719 | -moz-hyphens: none; 720 | -ms-hyphens: none; 721 | hyphens: none; 722 | } 723 | 724 | /* Code blocks */ 725 | pre[class*=language-] { 726 | position: relative; 727 | margin: 0.5em 0; 728 | overflow: visible; 729 | padding: 0; 730 | } 731 | 732 | pre[class*=language-] > code { 733 | position: relative; 734 | border-left: 10px solid var(--surface-d) !important; 735 | /*box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;*/ 736 | background-color: var(--surface-e) !important; 737 | background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); 738 | background-size: 3em 3em; 739 | background-origin: content-box; 740 | background-attachment: local; 741 | color: var(--text-color); 742 | } 743 | 744 | code[class*=language-] { 745 | max-height: inherit; 746 | height: inherit; 747 | padding: 0 1em; 748 | display: block; 749 | overflow: auto; 750 | } 751 | 752 | /* Margin bottom to accommodate shadow */ 753 | :not(pre) > code[class*=language-], 754 | pre[class*=language-] { 755 | background-color: #fdfdfd; 756 | -webkit-box-sizing: border-box; 757 | -moz-box-sizing: border-box; 758 | box-sizing: border-box; 759 | margin-bottom: 1em; 760 | } 761 | 762 | /* Inline code */ 763 | :not(pre) > code[class*=language-] { 764 | position: relative; 765 | padding: 0.2em; 766 | border-radius: 0.3em; 767 | color: #c92c2c; 768 | border: 1px solid rgba(0, 0, 0, 0.1); 769 | display: inline; 770 | white-space: normal; 771 | } 772 | 773 | .token.comment, 774 | .token.block-comment, 775 | .token.prolog, 776 | .token.doctype, 777 | .token.cdata { 778 | color: #7D8B99; 779 | } 780 | 781 | .token.punctuation { 782 | color: var(--text-color); 783 | } 784 | 785 | .token.property, 786 | .token.tag, 787 | .token.boolean, 788 | .token.number, 789 | .token.function-name, 790 | .token.constant, 791 | .token.symbol, 792 | .token.deleted { 793 | color: #c92c2c; 794 | } 795 | 796 | .token.selector, 797 | .token.attr-name, 798 | .token.string, 799 | .token.char, 800 | .token.function, 801 | .token.builtin, 802 | .token.inserted { 803 | color: #2f9c0a; 804 | } 805 | 806 | .token.operator, 807 | .token.entity, 808 | .token.url, 809 | .token.variable { 810 | color: #a67f59; 811 | background: rgba(255, 255, 255, 0.5); 812 | } 813 | 814 | .token.atrule, 815 | .token.attr-value, 816 | .token.keyword, 817 | .token.class-name { 818 | color: #1990b8; 819 | } 820 | 821 | .token.regex, 822 | .token.important { 823 | color: #e90; 824 | } 825 | 826 | .language-css .token.string, 827 | .style .token.string { 828 | color: #a67f59; 829 | background: rgba(255, 255, 255, 0.5); 830 | } 831 | 832 | .token.important { 833 | font-weight: normal; 834 | } 835 | 836 | .token.bold { 837 | font-weight: bold; 838 | } 839 | 840 | .token.italic { 841 | font-style: italic; 842 | } 843 | 844 | .token.entity { 845 | cursor: help; 846 | } 847 | 848 | .token.namespace { 849 | opacity: 0.7; 850 | } 851 | 852 | @media screen and (max-width: 767px) { 853 | pre[class*=language-]:before, 854 | pre[class*=language-]:after { 855 | bottom: 14px; 856 | box-shadow: none; 857 | } 858 | } 859 | /* Plugin styles: Line Numbers */ 860 | pre[class*=language-].line-numbers.line-numbers { 861 | padding-left: 0; 862 | } 863 | 864 | pre[class*=language-].line-numbers.line-numbers code { 865 | padding-left: 3.8em; 866 | } 867 | 868 | pre[class*=language-].line-numbers.line-numbers .line-numbers-rows { 869 | left: 0; 870 | } 871 | 872 | /* Plugin styles: Line Highlight */ 873 | pre[class*=language-][data-line] { 874 | padding-top: 0; 875 | padding-bottom: 0; 876 | padding-left: 0; 877 | } 878 | 879 | pre[data-line] code { 880 | position: relative; 881 | padding-left: 4em; 882 | } 883 | 884 | pre .line-highlight { 885 | margin-top: 0; 886 | } 887 | 888 | pre[class*=language-].line-numbers { 889 | position: relative; 890 | padding-left: 3.8em; 891 | counter-reset: linenumber; 892 | } 893 | 894 | pre[class*=language-].line-numbers > code { 895 | position: relative; 896 | white-space: inherit; 897 | } 898 | 899 | .line-numbers .line-numbers-rows { 900 | position: absolute; 901 | pointer-events: none; 902 | top: 0; 903 | font-size: 100%; 904 | left: -3.8em; 905 | width: 3em; 906 | /* works for line-numbers below 1000 lines */ 907 | letter-spacing: -1px; 908 | border-right: 1px solid var(--surface-d) !important; 909 | -webkit-user-select: none; 910 | -moz-user-select: none; 911 | -ms-user-select: none; 912 | user-select: none; 913 | } 914 | 915 | .line-numbers-rows > span { 916 | display: block; 917 | counter-increment: linenumber; 918 | } 919 | 920 | .line-numbers-rows > span:before { 921 | content: counter(linenumber); 922 | color: var(--text-color-secondary); 923 | display: block; 924 | padding-right: 0.8em; 925 | text-align: right; 926 | } 927 | 928 | .layout-rightpanel .rightpanel-wrapper .section-tasks h5 { 929 | margin: 30px 20px 10px; 930 | color: #515C66; 931 | opacity: 0.8; 932 | } 933 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul { 934 | padding: 30px 0; 935 | margin: 0; 936 | list-style-type: none; 937 | } 938 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li { 939 | display: -ms-flexbox; 940 | display: flex; 941 | padding: 8px 24px; 942 | margin: 0 0 4px; 943 | } 944 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox { 945 | width: 32px; 946 | height: 32px; 947 | } 948 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box { 949 | width: 32px; 950 | height: 32px; 951 | -moz-border-radius: 50%; 952 | -webkit-border-radius: 50%; 953 | border-radius: 50%; 954 | } 955 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box.ui-state-active { 956 | color: #515C66; 957 | background-color: transparent; 958 | border-color: transparent; 959 | } 960 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box.ui-state-active.ui-state-hover { 961 | border-color: #D9DEE6; 962 | } 963 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task { 964 | margin-left: 12px; 965 | } 966 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task h6 { 967 | margin: 0; 968 | color: #515C66; 969 | } 970 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task span { 971 | display: block; 972 | font-size: 12px; 973 | color: #515C66; 974 | opacity: 0.5; 975 | } 976 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task.done h6 { 977 | text-decoration: line-through; 978 | } 979 | .layout-rightpanel .rightpanel-wrapper hr { 980 | border: none; 981 | background-image: linear-gradient(to right, #E8F1F8, #FDFEFF 100%); 982 | height: 1px; 983 | margin: 0; 984 | margin-left: 20px; 985 | } 986 | 987 | .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(2) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(2) > a > i { 988 | background-color: rgba(47, 142, 229, 0.2); 989 | color: #2f8ee5; 990 | } 991 | .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(3) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(3) > a > i { 992 | background-color: rgba(2, 172, 172, 0.2); 993 | color: #02acac; 994 | } 995 | .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(4) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(4) > a > i { 996 | background-color: rgba(241, 99, 131, 0.2); 997 | color: #f16383; 998 | } 999 | .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(5) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(5) > a > i { 1000 | background-color: rgba(47, 142, 229, 0.2); 1001 | color: #2f8ee5; 1002 | } 1003 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/fa/font-awesome.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';font-display:auto;src:url("fontawesome-webfont.eot");src:url("fontawesome-webfont.eot") format('embedded-opentype'),url("fontawesome-webfont.woff2") format('woff2'),url("fontawesome-webfont.woff") format('woff'),url("fontawesome-webfont.ttf") format('truetype'),url("fontawesome-webfont.svg") format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} 5 | -------------------------------------------------------------------------------- /04_JuanCondori_Trabajo4/src/main/webapp/resources/js/layout.js: -------------------------------------------------------------------------------- 1 | /** 2 | * PrimeFaces Poseidon Layout 3 | */ 4 | PrimeFaces.widget.Poseidon = PrimeFaces.widget.BaseWidget.extend({ 5 | 6 | init: function(cfg) { 7 | this._super(cfg); 8 | this.wrapper = $(document.body).children('.layout-wrapper'); 9 | var $this = this; 10 | 11 | $(function() { 12 | $this._init(); 13 | 14 | if (!$this.wrapper.hasClass('layout-horizontal')) { 15 | $this.restoreMenuState(); 16 | } 17 | }); 18 | }, 19 | 20 | _init: function() { 21 | this.contentWrapper = this.wrapper.children('.layout-main'); 22 | this.topbar = this.wrapper.find('.layout-topbar'); 23 | this.topbarItems = this.topbar.find('.layout-topbar-actions > li.topbar-item'); 24 | this.topbarLinks = this.topbarItems.children('a'); 25 | this.topbarSearchItemMenu = this.topbar.find('.search-item'); 26 | 27 | this.menuWrapper = this.wrapper.find('.menu-wrapper'); 28 | this.menuContainer = this.menuWrapper.find('.layout-menu-container'); 29 | this.menu = this.menuWrapper.find('.layout-menu'); 30 | this.menuButton = this.topbar.find('.menu-button'); 31 | this.menulinks = this.menu.find('a'); 32 | 33 | this.profileContainer = $('.layout-profile'); 34 | this.profileButton = this.profileContainer.children('.layout-profile-button'); 35 | this.profileMenu = this.profileContainer.children('.layout-profile-menu'); 36 | 37 | this.rightpanel = this.wrapper.find('.layout-rightpanel'); 38 | this.rightpanelButton = this.topbar.find('.layout-rightpanel-button'); 39 | this.rightpanelExitButton = this.rightpanel.find('.rightpanel-exit-button'); 40 | 41 | this.configButton = $('#layout-config-button'); 42 | this.configMenu = $('#layout-config'); 43 | this.configMenuClose = this.configMenu.find('> .layout-config-content > .layout-config-close'); 44 | 45 | this.bindEvents(); 46 | }, 47 | 48 | toggleClass: function(el, className) { 49 | if (el.hasClass(className)) { 50 | el.removeClass(className); 51 | } 52 | else { 53 | el.addClass(className); 54 | } 55 | }, 56 | 57 | bindEvents: function() { 58 | var $this = this; 59 | 60 | this.bindTopbarEvents(); 61 | this.bindMenuEvents(); 62 | this.bindRightPanelEvents(); 63 | this.bindConfigEvents(); 64 | 65 | $(document.body).off('click.layoutBody').on('click.layoutBody', function() { 66 | if (!$this.menuClick) { 67 | $this.wrapper.removeClass('layout-overlay-active layout-mobile-active'); 68 | $(document.body).removeClass('blocked-scroll'); 69 | 70 | if ($this.isHorizontal() ) { 71 | $this.menu.find('.active-menuitem').removeClass('active-menuitem'); 72 | $this.menuActive = false; 73 | } 74 | } 75 | 76 | if (!$this.profileMenuClick && ($this.isHorizontal())) { 77 | $this.profileContainer.removeClass('layout-profile-active'); 78 | } 79 | 80 | if (!$this.topbarItemClicked) { 81 | $this.removeTopbarClassFromAllItems(null, 'active-topmenuitem', $this.topbarItems.filter('.active-topmenuitem')); 82 | } 83 | 84 | if (!$this.rightpanelClicked) { 85 | $this.wrapper.removeClass('layout-rightpanel-active'); 86 | } 87 | 88 | if (!$this.configMenuClicked && $this.configMenu.hasClass('layout-config-active')) { 89 | if (!$this.wrapper.hasClass('layout-mobile-active') && !$this.wrapper.hasClass('layout-overlay-active')) { 90 | $(document.body).removeClass('blocked-scroll'); 91 | } 92 | $this.configMenu.removeClass('layout-config-active'); 93 | } 94 | 95 | $this.topbarItemClicked = false; 96 | $this.rightpanelClicked = false; 97 | $this.menuClick = false; 98 | $this.profileMenuClick = false; 99 | $this.configMenuClicked = false; 100 | }); 101 | }, 102 | 103 | bindConfigEvents: function() { 104 | var $this = this; 105 | 106 | this.configButton.off('click.config').on('click.config', function(e) { 107 | $this.configMenuClicked = true; 108 | 109 | if ($this.configMenu.hasClass('layout-config-active')) { 110 | $this.configMenu.removeClass('layout-config-active'); 111 | $(document.body).removeClass('blocked-scroll'); 112 | } 113 | else { 114 | $this.configMenu.addClass('layout-config-active'); 115 | $(document.body).addClass('blocked-scroll'); 116 | } 117 | 118 | e.preventDefault(); 119 | }); 120 | 121 | this.configMenuClose.off('click.config').on('click.config', function(e) { 122 | $this.configMenu.removeClass('layout-config-active'); 123 | $this.configMenuClicked = true; 124 | $(document.body).removeClass('blocked-scroll'); 125 | e.preventDefault(); 126 | }); 127 | 128 | this.configMenu.off('click.configMenu').on('click.configMenu', function() { 129 | $this.configMenuClicked = true; 130 | }); 131 | }, 132 | 133 | bindMenuEvents: function() { 134 | var $this = this; 135 | 136 | this.menuWrapper.off('click.menu').on('click.menu', function() { 137 | if (!$this.profileMenuClick) { 138 | $this.menuClick = true; 139 | } 140 | }); 141 | 142 | this.menuButton.off('click.menu').on('click.menu', function(e) { 143 | $this.menuClick = true; 144 | 145 | if ($this.isMobile()) { 146 | if ($this.wrapper.hasClass('layout-mobile-active')) { 147 | $this.wrapper.removeClass('layout-mobile-active'); 148 | $(document.body).removeClass('blocked-scroll'); 149 | } 150 | else { 151 | $this.wrapper.addClass('layout-mobile-active'); 152 | $(document.body).addClass('blocked-scroll'); 153 | } 154 | } 155 | else { 156 | if ($this.isStatic()) { 157 | $this.wrapper.toggleClass('layout-static-active'); 158 | $this.saveStaticMenuState(); 159 | } 160 | else { 161 | $this.wrapper.toggleClass('layout-overlay-active'); 162 | } 163 | } 164 | 165 | e.preventDefault(); 166 | }); 167 | 168 | this.menulinks.off('click.menu').on('click.menu', function(e) { 169 | var link = $(this), 170 | item = link.parent(), 171 | submenu = item.children('ul'); 172 | horizontal = $this.isHorizontal(); 173 | $this.menuClick = true; 174 | 175 | if ($this.isHorizontal() ) { 176 | submenu.css('display',''); 177 | 178 | if (item.hasClass('active-menuitem')) { 179 | if (submenu.length) { 180 | item.removeClass('active-menuitem'); 181 | e.preventDefault(); 182 | } 183 | 184 | if (item.parent().is($this.jq)) { 185 | $this.menuActive = false; 186 | } 187 | } 188 | else { 189 | if (submenu.length > 0) { 190 | e.preventDefault(); 191 | } 192 | 193 | item.siblings('.active-menuitem').removeClass('active-menuitem'); 194 | item.addClass('active-menuitem'); 195 | 196 | if (item.parent().is($this.jq)) { 197 | $this.menuActive = true; 198 | } 199 | } 200 | } 201 | else { 202 | if(item.hasClass('active-menuitem')) { 203 | if(submenu.length) { 204 | item.removeClass('active-menuitem'); 205 | 206 | if(horizontal) { 207 | if(item.parent().is($this.jq)) { 208 | $this.menuActive = false; 209 | } 210 | item.removeClass('active-menuitem'); 211 | } 212 | else { 213 | submenu.slideUp(function() { 214 | item.removeClass('active-menuitem'); 215 | }); 216 | } 217 | } 218 | } 219 | else { 220 | if (horizontal) { 221 | $this.deactivateItems(item.siblings()); 222 | item.addClass('active-menuitem'); 223 | $this.menuActive = true; 224 | } 225 | else { 226 | $this.deactivateItems(item.siblings(), true); 227 | var groupedItems = item.parent().closest('li'); 228 | if (groupedItems && groupedItems.length > 0) { 229 | $this.deactivateItems(groupedItems.siblings(), true); 230 | } 231 | $this.activate(item); 232 | $.cookie('poseidon_menu_scroll_state', link.attr('href') + ',' + $this.menuContainer.scrollTop(), { path: '/' }); 233 | } 234 | } 235 | } 236 | 237 | if(submenu.length) { 238 | e.preventDefault(); 239 | } 240 | }); 241 | 242 | this.menu.find('ul').off('click.menu').on('click.menu', function() { 243 | if ($this.isHorizontal()) { 244 | $this.horizontalMenuClick = true; 245 | } 246 | }); 247 | 248 | this.profileButton.off('click.profile').on('click.profile', function (e) { 249 | if (!$this.isHorizontal() ) { 250 | $this.profileContainer.toggleClass('layout-profile-active'); 251 | $this.profileMenu.slideToggle(); 252 | } 253 | else { 254 | $this.profileMenuClick = true; 255 | 256 | if ($this.profileContainer.hasClass('layout-profile-active')) { 257 | $this.profileMenu.addClass('fadeOutUp'); 258 | 259 | setTimeout(function () { 260 | $this.profileContainer.removeClass('layout-profile-active'); 261 | $this.profileMenu.removeClass('fadeOutUp'); 262 | }, 150); 263 | } 264 | else { 265 | $this.profileContainer.addClass('layout-profile-active'); 266 | $this.profileMenu.addClass('fadeInDown'); 267 | } 268 | } 269 | 270 | e.preventDefault(); 271 | }); 272 | 273 | this.menu.find('> li').on('mouseenter', function(e) { 274 | if($this.isHorizontal() && $this.menuActive) { 275 | var item = $(this); 276 | 277 | if(!item.hasClass('active-menuitem')) { 278 | $this.menu.find('.active-menuitem').removeClass('active-menuitem'); 279 | 280 | if($this.menuActive) { 281 | item.addClass('active-menuitem'); 282 | } 283 | } 284 | } 285 | }); 286 | }, 287 | 288 | bindTopbarEvents: function() { 289 | var $this = this; 290 | 291 | this.topbarLinks.off('click.topbar').on('click.topbar', function(e) { 292 | var link = $(this), 293 | item = link.parent(), 294 | submenu = item.children('ul'); 295 | 296 | if ($this.isMobile()) { 297 | $this.removeTopbarClassFromAllItems(null, 'active-topmenuitem', $this.topbarItems.filter('.active-topmenuitem').not(item)); 298 | } 299 | else { 300 | $this.removeTopbarClassFromAllItems(item, 'active-topmenuitem'); 301 | } 302 | $this.addTopbarClass(item, 'active-topmenuitem'); 303 | 304 | $this.topbarItemClicked = true; 305 | 306 | if (submenu.length) { 307 | e.preventDefault(); 308 | } 309 | }); 310 | 311 | this.topbarSearchItemMenu.off('click.topbar').on('click.topbar', function(e) { 312 | $this.topbarItemClicked = true; 313 | }); 314 | }, 315 | 316 | bindRightPanelEvents: function() { 317 | var $this = this; 318 | var changeRightpanelState = function(e) { 319 | this.toggleClass(this.wrapper, 'layout-rightpanel-active'); 320 | 321 | this.rightpanelClicked = true; 322 | e.preventDefault(); 323 | }; 324 | 325 | this.rightpanelButton.off('click.rightpanel').on('click.rightpanel', changeRightpanelState.bind(this)); 326 | this.rightpanelExitButton.off('click.rightpanel').on('click.rightpanel', changeRightpanelState.bind(this)); 327 | 328 | this.rightpanel.off('click.rightpanel').on('click.rightpanel', function() { 329 | $this.rightpanelClicked = true; 330 | }); 331 | }, 332 | 333 | activate: function(item) { 334 | var submenu = item.children('ul'); 335 | item.addClass('active-menuitem'); 336 | 337 | if(submenu.length) { 338 | submenu.slideDown(); 339 | } 340 | }, 341 | 342 | deactivate: function(item) { 343 | var submenu = item.children('ul'); 344 | item.removeClass('active-menuitem'); 345 | 346 | if(submenu.length) { 347 | submenu.hide(); 348 | } 349 | }, 350 | 351 | deactivateItems: function(items, animate) { 352 | var $this = this; 353 | 354 | for(var i = 0; i < items.length; i++) { 355 | var item = items.eq(i), 356 | submenu = item.children('ul'); 357 | 358 | if(submenu.length) { 359 | if(item.hasClass('active-menuitem')) { 360 | var activeSubItems = item.find('.active-menuitem'); 361 | item.removeClass('active-menuitem'); 362 | 363 | if(animate) { 364 | submenu.slideUp('normal', function() { 365 | $(this).parent().find('.active-menuitem').each(function() { 366 | $this.deactivate($(this)); 367 | }); 368 | }); 369 | } 370 | else { 371 | item.find('.active-menuitem').each(function() { 372 | $this.deactivate($(this)); 373 | }); 374 | } 375 | } 376 | else { 377 | item.find('.active-menuitem').each(function() { 378 | var subItem = $(this); 379 | $this.deactivate(subItem); 380 | }); 381 | } 382 | } 383 | else if(item.hasClass('active-menuitem')) { 384 | $this.deactivate(item); 385 | } 386 | } 387 | }, 388 | 389 | saveStaticMenuState: function() { 390 | if(this.isHorizontal()) { 391 | return; 392 | } 393 | 394 | if (!this.wrapper.hasClass('layout-static-active')) 395 | $.cookie('poseidon_menu_static', 'poseidon_menu_static', {path: '/'}); 396 | else 397 | $.removeCookie('poseidon_menu_static', {path: '/'}); 398 | }, 399 | 400 | clearMenuState: function() { 401 | $.removeCookie('poseidon_menu_static', {path: '/'}); 402 | }, 403 | 404 | clearActiveItems: function() { 405 | var activeItems = this.jq.find('li.active-menuitem'), 406 | subContainers = activeItems.children('ul'); 407 | 408 | activeItems.removeClass('active-menuitem'); 409 | if(subContainers && subContainers.length) { 410 | subContainers.hide(); 411 | } 412 | }, 413 | 414 | clearLayoutState: function() { 415 | this.clearMenuState(); 416 | this.clearActiveItems(); 417 | }, 418 | 419 | restoreMenuState: function () { 420 | var link = $('a[href^="' + this.cfg.pathname + '"]'); 421 | var $this = this; 422 | if (link.length) { 423 | var menuitem = link.closest('li'); 424 | var parentMenu = menuitem.closest('ul'); 425 | 426 | menuitem.addClass('active-menuitem'); 427 | if (parentMenu.length) { 428 | var parentMenuItem = parentMenu.closest('li'); 429 | while (!parentMenuItem.hasClass('layout-root-menuitem')) { 430 | parentMenuItem.addClass('active-menuitem'); 431 | parentMenu.show(); 432 | 433 | parentMenu = parentMenuItem.closest('ul'); 434 | if (!parentMenu.length) { 435 | break; 436 | } 437 | 438 | parentMenuItem = parentMenu.closest('li'); 439 | } 440 | 441 | if (parentMenuItem.hasClass('layout-root-menuitem') && !parentMenuItem.closest('ul').hasClass('layout-menu')) { 442 | parentMenuItem.addClass('active-menuitem'); 443 | parentMenu.show(); 444 | } 445 | } 446 | 447 | setTimeout(function() { 448 | $this.restoreScrollState(menuitem); 449 | }, 100) 450 | } 451 | 452 | var sidebarCookie = $.cookie('poseidon_menu_static'); 453 | if (sidebarCookie) { 454 | this.wrapper.removeClass('layout-static-active'); 455 | } 456 | }, 457 | 458 | restoreScrollState: function(menuitem) { 459 | var scrollState = $.cookie('poseidon_menu_scroll_state'); 460 | if (scrollState) { 461 | var state = scrollState.split(','); 462 | if (state[0].startsWith(this.cfg.pathname) || this.isScrolledIntoView(menuitem, state[1])) { 463 | this.menuContainer.scrollTop(parseInt(state[1], 10)); 464 | } 465 | else { 466 | this.scrollIntoView(menuitem.get(0)); 467 | $.removeCookie('poseidon_menu_scroll_state', { path: '/' }); 468 | } 469 | } 470 | else if (!this.isScrolledIntoView(menuitem, menuitem.scrollTop())){ 471 | this.scrollIntoView(menuitem.get(0)); 472 | } 473 | }, 474 | 475 | scrollIntoView: function(elem) { 476 | if (document.documentElement.scrollIntoView) { 477 | elem.scrollIntoView(); 478 | } 479 | }, 480 | 481 | isScrolledIntoView: function(elem, scrollTop) { 482 | var viewBottom = parseInt(scrollTop, 10) + this.menuContainer.height(); 483 | 484 | var elemTop = elem.position().top; 485 | var elemBottom = elemTop + elem.height(); 486 | 487 | return ((elemBottom <= viewBottom) && (elemTop >= scrollTop)); 488 | }, 489 | 490 | removeTopbarClassFromAllItems: function(item, className, items) { 491 | var activeItems = item != null ? item.siblings('.' + className) : items; 492 | 493 | activeItems.removeClass(className); 494 | activeItems.children('ul').removeClass('fadeInDown'); 495 | }, 496 | 497 | addTopbarClass: function(item, className) { 498 | var submenu = item.children('ul'); 499 | 500 | if (submenu.length) { 501 | if (item.hasClass(className)) { 502 | submenu.removeClass('fadeInDown').addClass('fadeOutUp'); 503 | 504 | setTimeout(function() { 505 | item.removeClass(className); 506 | submenu.removeClass('fadeOutUp'); 507 | }, 100); 508 | } 509 | else { 510 | item.addClass(className); 511 | submenu.addClass('fadeInDown'); 512 | } 513 | } 514 | }, 515 | 516 | hideTopBar: function() { 517 | var $this = this; 518 | this.topbarMenu.addClass('fadeOutUp'); 519 | 520 | setTimeout(function() { 521 | $this.topbarMenu.removeClass('fadeOutUp topbar-menu-visible'); 522 | },500); 523 | }, 524 | 525 | isMobile: function() { 526 | return window.innerWidth <= 992; 527 | }, 528 | 529 | isHorizontal: function() { 530 | return this.wrapper.hasClass('layout-horizontal') && !this.isMobile(); 531 | }, 532 | isStatic: function() { 533 | return this.wrapper.hasClass('layout-static') && !this.isMobile(); 534 | } 535 | }); 536 | 537 | PrimeFaces.PoseidonConfigurator = { 538 | 539 | changeLayout: function( componentTheme, darkMode ) { 540 | this.changeLayoutsTheme(darkMode); 541 | this.changeDemo(darkMode); 542 | this.changeComponentsTheme(componentTheme, darkMode); 543 | this.changeSectionTheme( darkMode, 'layout-menu'); 544 | this.changeSectionTheme( darkMode , 'layout-topbar'); 545 | }, 546 | 547 | changeLayoutsTheme: function(darkMode) { 548 | newLayout = '-' + darkMode; 549 | var linkElement = $('link[href*="layout-"]'); 550 | var href = linkElement.attr('href'); 551 | var startIndexOf = href.indexOf('layout-') + 6; 552 | var endIndexOf = href.indexOf('.css'); 553 | var currentColor = href.substring(startIndexOf, endIndexOf); 554 | this.replaceLink(linkElement, href.replace(currentColor, newLayout)); 555 | }, 556 | 557 | changeComponentsTheme: function(theme, darkMode) { 558 | theme = this.getColor(theme, darkMode); 559 | var library = 'primefaces-poseidon'; 560 | var linkElement = $('link[href*="theme.css"]'); 561 | var href = linkElement.attr('href'); 562 | var index = href.indexOf(library) + 1; 563 | var currentTheme = href.substring(index + library.length); 564 | 565 | this.replaceLink(linkElement, href.replace(currentTheme, theme)); 566 | }, 567 | 568 | changeDemo: function(darkMode) { 569 | newLayout = '-' + darkMode; 570 | var linkElement = $('link[href*="demo-"]'); 571 | var href = linkElement.attr('href'); 572 | var startIndexOf = href.indexOf('demo-') + 4; 573 | var endIndexOf = href.indexOf('.css'); 574 | var currentColor = href.substring(startIndexOf, endIndexOf); 575 | 576 | this.replaceLink(linkElement, href.replace(currentColor, newLayout)); 577 | }, 578 | 579 | changeMenuMode: function(menuMode) { 580 | var wrapper = $(document.body).children('.layout-wrapper'); 581 | switch (menuMode) { 582 | case 'layout-static layout-static-active': 583 | wrapper.addClass('layout-static layout-static-active').removeClass('layout-overlay layout-slim layout-horizontal layout-slim-plus'); 584 | this.clearLayoutState(); 585 | break; 586 | 587 | case 'layout-overlay': 588 | wrapper.addClass('layout-overlay').removeClass('layout-static layout-slim layout-horizontal layout-slim-plus layout-static-active'); 589 | this.clearLayoutState(); 590 | break; 591 | 592 | case 'layout-horizontal': 593 | wrapper.addClass('layout-horizontal').removeClass('layout-static layout-overlay layout-slim layout-slim-plus layout-static-active'); 594 | this.clearLayoutState(); 595 | break; 596 | 597 | default: 598 | wrapper.addClass('layout-static').removeClass('layout-overlay layout-slim layout-horizontal layout-slim-plus '); 599 | this.clearLayoutState(); 600 | break; 601 | } 602 | }, 603 | 604 | changeSectionTheme: function(theme, section) { 605 | var wrapperElement = $('.layout-wrapper'); 606 | var styleClass = wrapperElement.attr('class'); 607 | var tokens = styleClass.split(' '); 608 | var sectionClass; 609 | for (var i = 0; i < tokens.length; i++) { 610 | if (tokens[i].indexOf(section + '-') > -1) { 611 | sectionClass = tokens[i]; 612 | break; 613 | } 614 | } 615 | 616 | wrapperElement.attr('class', styleClass.replace(sectionClass, section + '-' + theme)); 617 | }, 618 | 619 | beforeResourceChange: function() { 620 | PrimeFaces.ajax.RESOURCE = null; //prevent resource append 621 | }, 622 | 623 | replaceLink: function(linkElement, href) { 624 | PrimeFaces.ajax.RESOURCE = 'javax.faces.Resource'; 625 | 626 | var isIE = this.isIE(); 627 | 628 | if (isIE) { 629 | linkElement.attr('href', href); 630 | } 631 | else { 632 | var cloneLinkElement = linkElement.clone(false); 633 | 634 | cloneLinkElement.attr('href', href); 635 | linkElement.after(cloneLinkElement); 636 | 637 | cloneLinkElement.off('load').on('load', function() { 638 | linkElement.remove(); 639 | 640 | // for dashboard 641 | setTimeout(function() { 642 | if (window['redrawDoughnut']) { 643 | window.redrawDoughnut(); 644 | } 645 | }, 1); 646 | }); 647 | } 648 | }, 649 | 650 | getColor: function(name, darkMode) { 651 | return name + '-' + darkMode; 652 | }, 653 | 654 | isIE: function() { 655 | return /(MSIE|Trident\/|Edge\/)/i.test(navigator.userAgent); 656 | }, 657 | 658 | changeMenuToRTL: function() { 659 | $('.layout-wrapper').toggleClass('layout-rtl'); 660 | }, 661 | 662 | clearLayoutState: function() { 663 | var menu = PF('PoseidonMenuWidget'); 664 | 665 | if (menu) { 666 | menu.clearLayoutState(); 667 | } 668 | }, 669 | 670 | updateInputStyle: function(value) { 671 | if (value === 'filled') 672 | $(document.body).addClass('ui-input-filled'); 673 | else 674 | $(document.body).removeClass('ui-input-filled'); 675 | } 676 | }; 677 | 678 | /*! 679 | * jQuery Cookie Plugin v1.4.1 680 | * https://github.com/carhartl/jquery-cookie 681 | * 682 | * Copyright 2006, 2014 Klaus Hartl 683 | * Released under the MIT license 684 | */ 685 | (function (factory) { 686 | if (typeof define === 'function' && define.amd) { 687 | // AMD (Register as an anonymous module) 688 | define(['jquery'], factory); 689 | } else if (typeof exports === 'object') { 690 | // Node/CommonJS 691 | module.exports = factory(require('jquery')); 692 | } else { 693 | // Browser globals 694 | factory(jQuery); 695 | } 696 | }(function ($) { 697 | 698 | var pluses = /\+/g; 699 | 700 | function encode(s) { 701 | return config.raw ? s : encodeURIComponent(s); 702 | } 703 | 704 | function decode(s) { 705 | return config.raw ? s : decodeURIComponent(s); 706 | } 707 | 708 | function stringifyCookieValue(value) { 709 | return encode(config.json ? JSON.stringify(value) : String(value)); 710 | } 711 | 712 | function parseCookieValue(s) { 713 | if (s.indexOf('"') === 0) { 714 | // This is a quoted cookie as according to RFC2068, unescape... 715 | s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\'); 716 | } 717 | 718 | try { 719 | // Replace server-side written pluses with spaces. 720 | // If we can't decode the cookie, ignore it, it's unusable. 721 | // If we can't parse the cookie, ignore it, it's unusable. 722 | s = decodeURIComponent(s.replace(pluses, ' ')); 723 | return config.json ? JSON.parse(s) : s; 724 | } catch (e) { } 725 | } 726 | 727 | function read(s, converter) { 728 | var value = config.raw ? s : parseCookieValue(s); 729 | return $.isFunction(converter) ? converter(value) : value; 730 | } 731 | 732 | var config = $.cookie = function (key, value, options) { 733 | 734 | // Write 735 | 736 | if (arguments.length > 1 && !$.isFunction(value)) { 737 | options = $.extend({}, config.defaults, options); 738 | 739 | if (typeof options.expires === 'number') { 740 | var days = options.expires, t = options.expires = new Date(); 741 | t.setMilliseconds(t.getMilliseconds() + days * 864e+5); 742 | } 743 | 744 | return (document.cookie = [ 745 | encode(key), '=', stringifyCookieValue(value), 746 | options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE 747 | options.path ? '; path=' + options.path : '', 748 | options.domain ? '; domain=' + options.domain : '', 749 | options.secure ? '; secure' : '' 750 | ].join('')); 751 | } 752 | 753 | // Read 754 | 755 | var result = key ? undefined : {}, 756 | // To prevent the for loop in the first place assign an empty array 757 | // in case there are no cookies at all. Also prevents odd result when 758 | // calling $.cookie(). 759 | cookies = document.cookie ? document.cookie.split('; ') : [], 760 | i = 0, 761 | l = cookies.length; 762 | 763 | for (; i < l; i++) { 764 | var parts = cookies[i].split('='), 765 | name = decode(parts.shift()), 766 | cookie = parts.join('='); 767 | 768 | if (key === name) { 769 | // If second argument (value) is a function it's a converter... 770 | result = read(cookie, value); 771 | break; 772 | } 773 | 774 | // Prevent storing a cookie that we couldn't decode. 775 | if (!key && (cookie = read(cookie)) !== undefined) { 776 | result[name] = cookie; 777 | } 778 | } 779 | 780 | return result; 781 | }; 782 | 783 | config.defaults = {}; 784 | 785 | $.removeCookie = function (key, options) { 786 | // Must not alter options, thus extending a fresh object... 787 | $.cookie(key, '', $.extend({}, options, { expires: -1 })); 788 | return !$.cookie(key); 789 | }; 790 | 791 | })); 792 | 793 | if (PrimeFaces.widget.InputSwitch) { 794 | PrimeFaces.widget.InputSwitch = PrimeFaces.widget.InputSwitch.extend({ 795 | 796 | init: function (cfg) { 797 | this._super(cfg); 798 | 799 | if (this.input.prop('checked')) { 800 | this.jq.addClass('ui-inputswitch-checked'); 801 | } 802 | }, 803 | 804 | check: function () { 805 | var $this = this; 806 | 807 | this.input.prop('checked', true).trigger('change'); 808 | setTimeout(function () { 809 | $this.jq.addClass('ui-inputswitch-checked'); 810 | }, 100); 811 | }, 812 | 813 | uncheck: function () { 814 | var $this = this; 815 | 816 | this.input.prop('checked', false).trigger('change'); 817 | setTimeout(function () { 818 | $this.jq.removeClass('ui-inputswitch-checked'); 819 | }, 100); 820 | } 821 | }); 822 | } 823 | 824 | if (PrimeFaces.widget.AccordionPanel) { 825 | PrimeFaces.widget.AccordionPanel = PrimeFaces.widget.AccordionPanel.extend({ 826 | 827 | init: function (cfg) { 828 | this._super(cfg); 829 | 830 | this.headers.last().addClass('ui-accordion-header-last'); 831 | } 832 | }); 833 | } --------------------------------------------------------------------------------