feature-04-add-handle-exception-listado-componentes

README.md

@@ -1,4 +1,4 @@
-<img src="./doc/listado/listado01.png" style="width: 100%; height: 80%"/>
+<img src="./doc/listado/listado01.png" style="width: 100%; height: 80%"/> 
 
 # AppElectroThings_Angular_SpringBoot_MongoDB.
 Aplicación ElectroThings para la Gestión de Productos Electrónicos implementada con HTML5, CSS3, SCSS, Angular, Bootstrap, Highchart, Spring-Boot, Spring Security, Spring MVC, Microservicios, SpringFox, Swagger UI, Git, DBeaver, PgAdmin, PostgreSQL y Otras Tecnologías.

src/app/components/carousel/carousel.component.css

@@ -0,0 +1,3 @@
+section .carousel-inner {
+  height: 250px;
+}/*# sourceMappingURL=carousel.component.css.map */

src/app/components/footer/footer.component.css

@@ -0,0 +1,6 @@
+footer {
+  position: relative;
+  bottom: 0;
+  width: 100%;
+  opacity: 0.9;
+}/*# sourceMappingURL=footer.component.css.map */

src/app/components/navbar/navbar.component.css

@@ -0,0 +1,45 @@
+header {
+  color: white;
+  background-color: transparent;
+}
+header nav {
+  opacity: 0.8;
+}
+
+#navbar {
+  background-color: #333; /* Black background color */
+  position: fixed; /* Make it stick/fixed */
+  top: 0; /* Stay on top */
+  width: 100%; /* Full width */
+  transition: top 0.3s;
+}
+#navbar #navbar li {
+  float: left;
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 15px;
+  text-decoration: none;
+}
+#navbar #navbar li:hover {
+  background-color: #ddd;
+  color: black;
+}
+
+img {
+  padding-right: 2px;
+}
+
+div.collapse {
+  margin-left: 15px;
+  padding: 5px;
+}
+
+a {
+  color: white;
+}
+
+li:hover {
+  background-color: rgb(46, 2, 2);
+  border-radius: 1em;
+}/*# sourceMappingURL=navbar.component.css.map */

src/app/pages/electronica/acerca-productos/acerca-productos/acerca-productos.component.css

@@ -0,0 +1,20 @@
+div .alert {
+  opacity: 0.8;
+}
+
+.scrollspy-example {
+  position: relative;
+  height: 80%;
+  width: 100%;
+  overflow: auto;
+  background-color: none;
+  color: white;
+  z-index: 3;
+}
+.scrollspy-example .card {
+  color: black;
+}
+
+#scrollspy-example-child a {
+  color: white;
+}/*# sourceMappingURL=acerca-productos.component.css.map */

src/app/pages/electronica/agregar-componentes/agregar-componentes.component.css

@@ -0,0 +1,35 @@
+div .alert {
+  opacity: 0.8;
+}
+
+div .container {
+  opacity: 0.9;
+}
+
+#formulario form, #formulario div, #formulario div.div {
+  border-radius: 1em;
+  opacity: 0.9;
+  color: white;
+}
+#formulario form mdb-form-control input, #formulario form mdb-form-control select, #formulario form mdb-form-control option, #formulario div mdb-form-control input, #formulario div mdb-form-control select, #formulario div mdb-form-control option, #formulario div.div mdb-form-control input, #formulario div.div mdb-form-control select, #formulario div.div mdb-form-control option {
+  background-color: rgb(28, 21, 21);
+  color: white;
+  max-width: 12em;
+}
+#formulario form mdb-form-control #imagen, #formulario div mdb-form-control #imagen, #formulario div.div mdb-form-control #imagen {
+  max-width: 25em;
+}
+#formulario form mdb-form-control input:hover, #formulario form mdb-form-control select:hover, #formulario form mdb-form-control option:hover, #formulario div mdb-form-control input:hover, #formulario div mdb-form-control select:hover, #formulario div mdb-form-control option:hover, #formulario div.div mdb-form-control input:hover, #formulario div.div mdb-form-control select:hover, #formulario div.div mdb-form-control option:hover {
+  background-color: rgb(61, 33, 33);
+}
+
+#btnForm button {
+  border: none;
+  border-radius: none;
+}
+#btnForm button:hover {
+  background-color: #393e43;
+}
+#btnForm button:focus {
+  background-color: #58616b;
+}/*# sourceMappingURL=agregar-componentes.component.css.map */

src/app/pages/electronica/auth/login/login/login.component.css

@@ -0,0 +1,122 @@
+div .alert {
+  opacity: 0.8;
+}
+
+table {
+  background-color: rgb(86, 34, 34);
+  opacity: 0.8;
+}
+
+#aviso .alert {
+  border-radius: 0.6em;
+  color: white;
+  background-color: rgb(84, 83, 83);
+  text-align: center;
+  opacity: 0.8;
+}
+#aviso .alert button {
+  border-radius: 1.2em;
+  color: rgb(187, 134, 134);
+  background-color: rgb(101, 40, 40);
+  padding: 0.5em;
+  text-align: center;
+  border-radius: 1em;
+  border-width: 1em;
+  border-color: rgb(93, 31, 31);
+}
+
+#loginFail {
+  opacity: 1;
+}
+
+#particles-js {
+  height: 100%;
+}
+
+.formulario {
+  position: relative;
+  width: 350px;
+  min-height: 200px;
+  background: rgb(84, 83, 83);
+  border-radius: 10px;
+  padding: 40px;
+  box-sizing: border-box;
+  opacity: 0.9;
+}
+
+.user {
+  margin: 0 auto;
+  display: block;
+  margin-bottom: 20px;
+}
+
+h3 {
+  margin: 0;
+  padding: 0 0 20px;
+  color: white;
+  text-align: center;
+}
+
+.formulario input {
+  width: 100%;
+  margin-bottom: 20px;
+}
+
+.formulario input[type=text],
+.formulario input[type=password] {
+  border: none;
+  border-bottom: 2px solid white;
+  outline: none;
+  height: 40px;
+  color: white;
+  background: transparent;
+  font-size: 16px;
+  padding-left: 20px;
+  box-sizing: border-box;
+}
+
+.formulario input[type=text]:hover,
+.formulario input[type=password]:hover {
+  color: white;
+  border: 1px solid rgb(74, 12, 12);
+  box-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white, 0 2px 0 white;
+}
+
+.formulario input[type=text]:focus,
+.formulario input[type=password]:focus {
+  border-bottom: 2px solid white;
+}
+
+.inputBox {
+  position: relative;
+}
+
+.inputBox span {
+  position: absolute;
+  top: 10px;
+  color: white;
+}
+
+.formulario input[type=submit] {
+  border: none;
+  outline: none;
+  height: 40px;
+  font-size: 16px;
+  background: white;
+  color: rgb(10, 7, 7);
+  border-radius: 20px;
+  cursor: pointer;
+}
+
+.formulario a {
+  color: white;
+  font-size: 14px;
+  font-weight: bold;
+  text-decoration: none;
+  text-align: center;
+  display: block;
+}
+
+a:hover {
+  color: white;
+}/*# sourceMappingURL=login.component.css.map */

src/app/pages/electronica/auth/signin/signin/signin.component.css

@@ -0,0 +1,122 @@
+div .alert {
+  opacity: 0.8;
+}
+
+table {
+  background-color: rgb(86, 34, 34);
+  opacity: 0.8;
+}
+
+#aviso .alert {
+  border-radius: 0.6em;
+  color: white;
+  background-color: rgb(84, 83, 83);
+  text-align: center;
+  opacity: 0.8;
+}
+#aviso .alert button {
+  border-radius: 1.2em;
+  color: rgb(187, 134, 134);
+  background-color: rgb(101, 40, 40);
+  padding: 0.5em;
+  text-align: center;
+  border-radius: 1em;
+  border-width: 1em;
+  border-color: rgb(93, 31, 31);
+}
+
+#loginFail {
+  opacity: 1;
+}
+
+#particles-js {
+  height: 100%;
+}
+
+.formulario {
+  position: relative;
+  width: 350px;
+  min-height: 200px;
+  background: rgb(84, 83, 83);
+  border-radius: 10px;
+  padding: 40px;
+  box-sizing: border-box;
+  opacity: 0.9;
+}
+
+.user {
+  margin: 0 auto;
+  display: block;
+  margin-bottom: 20px;
+}
+
+h3 {
+  margin: 0;
+  padding: 0 0 20px;
+  color: white;
+  text-align: center;
+}
+
+.formulario input {
+  width: 100%;
+  margin-bottom: 20px;
+}
+
+.formulario input[type=text],
+.formulario input[type=password] {
+  border: none;
+  border-bottom: 2px solid white;
+  outline: none;
+  height: 40px;
+  color: white;
+  background: transparent;
+  font-size: 16px;
+  padding-left: 20px;
+  box-sizing: border-box;
+}
+
+.formulario input[type=text]:hover,
+.formulario input[type=password]:hover {
+  color: white;
+  border: 1px solid rgb(74, 12, 12);
+  box-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white, 0 2px 0 white;
+}
+
+.formulario input[type=text]:focus,
+.formulario input[type=password]:focus {
+  border-bottom: 2px solid white;
+}
+
+.inputBox {
+  position: relative;
+}
+
+.inputBox span {
+  position: absolute;
+  top: 10px;
+  color: white;
+}
+
+.formulario input[type=submit] {
+  border: none;
+  outline: none;
+  height: 40px;
+  font-size: 16px;
+  background: white;
+  color: rgb(10, 7, 7);
+  border-radius: 20px;
+  cursor: pointer;
+}
+
+.formulario a {
+  color: white;
+  font-size: 14px;
+  font-weight: bold;
+  text-decoration: none;
+  text-align: center;
+  display: block;
+}
+
+a:hover {
+  color: white;
+}/*# sourceMappingURL=signin.component.css.map */