slm-components/collection/components/gallery/gallery.js
/**
     * This function render the gallery and create new instances of the figure web component
     * Each instance of the figure web componnent will be creaded with their needed attributes
     */
This function render the gallery and create new instances of the figure web component
Each instance of the figure web componnent will be creaded with their needed attributes
This function render the gallery and create new instances of the figure web component Each instance of the figure web componnent will be creaded with their needed attributes
render() {
        let content = (h(Host, null,
            h("section", { class: "gallery" },
                h("header", null,
                    h("h2", { class: "gallery-title" }, this.galleryTitle || "Title"),
                    h("p", { class: "gallery-description" }, this.galleryDescription || "Description")),
                h("div", { class: "container" },
                    h("div", { class: "row" }, this.JSON_results.map(result => (h("div", { class: "column" },
                        h("slm-figure", { "fig-title": result.title, "fig-path": result.path, "fig-place-holder": this.galleryItemPlaceHolder || "Lorem!" })))))),
                h("footer", null,
                    h("a", { href: "https://www.linkedin.com/in/olmanslm/", target: "_blank", rel: "noopener noreferrer" },
                        h("small", null, "\u00A9 Copyright 2020 @olmanslm.com"))))));
        return content;
    }
render ( ) { let content = ( h ( Host , null , h ( "section" , { class : "gallery" } , h ( "header" , null , h ( "h2" , { class : "gallery-title" } , this . galleryTitle || "Title" ) , h ( "p" , { class : "gallery-description" } , this . galleryDescription || "Description" ) ) , h ( "div" , { class : "container" } , h ( "div" , { class : "row" } , this . JSON_results . map ( result => ( h ( "div" , { class : "column" } , h ( "slm-figure" , { "fig-title" : result . title , "fig-path" : result . path , "fig-place-holder" : this . galleryItemPlaceHolder || "Lorem!" } ) ) ) ) ) ) , h ( "footer" , null , h ( "a" , { href : "https://www.linkedin.com/in/olmanslm/" , target : "_blank" , rel : "noopener noreferrer" } , h ( "small" , null , "\u00A9 Copyright 2020 @olmanslm.com" ) ) ) ) ) ) ; return content ; }
This function render the gallery and create new instances of the figure web component
 Each instance of the figure web componnent will be creaded with their needed attributes
This function render the gallery and create new instances of the figure web component Each instance of the figure web componnent will be creaded with their needed attributes