https://balajitourpackage.in/Scripts/JS/Gallery.jsx

1// @hash v3-CCEE48E9BE0F1B91ED8D9AC054773DB3AEF1BC55
2// Automatically generated by ReactJS.NET. Do not edit, your changes will be overridden.
3// Version: 5.2.12 (build 29c76c8) with Babel 7.8.7
4// Generated at: 10/2/2026 6:32:23 AM
5///////////////////////////////////////////////////////////////////////////////
6function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
7
8function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
9
10function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
11
12const {
13  useEffect,
14  useState
15} = React;
16export default function Gallery(props) {
17  const {
18    companyData
19  } = props.compDetails;
20  let [galleryImages, setGalleryImages] = useState([]);
21  useEffect(() => {
22    (async function () {
23      await loadData();
24    })();
25  }, []);
26
27  const loadData = () => {
28    try {
29      $(".isLoader").show();
30      axios.post('/Web_Methods/OtherWebMethod.aspx/GalleryImages', {}).then(async response => {
31        let data = await JSON.parse(response.data.d.data);
32        await setGalleryImages(data);
33      }).catch(function (error) {
34        console.log(error);
35      });
36    } catch (error) {
37      const id = CreateNewDiv();
38      const root1 = ReactDOM.createRoot(document.getElementById(id));
39      root1.render(React.createElement(Suspense, null, React.createElement(ErrorLog, {
40        CustomErrorObj: {
41          errorObj: error,
42          developerName: "Ruturajsinh Jadeja"
43        }
44      })));
45      RemoveDiv(id);
46    } finally {
47      $(".isLoader").hide();
48      setGalleryImages(galleryImages => _objectSpread({}, galleryImages));
49    }
50  };
51
52  const openModal = () => {
53    document.getElementById('myModal').style.display = "block";
54  };
55
56  const closeModal = () => {
57    document.getElementById('myModal').style.display = "none";
58  };
59
60  const showSlides = n => {
61    var i;
62    var slides = document.getElementsByClassName("mySlides");
63    /*var dots = document.getElementsByClassName("demo");*/
64
65    /*var captionText = document.getElementById("caption");*/
66
67    if (n >= slides.length) {
68      slideIndex = 0;
69    } //if (n < 1) { slideIndex = slides.length }
70
71
72    for (i = 0; i < slides.length; i++) {
73      slides[i].style.display = "none";
74    } //for (i = 0; i < dots.length; i++) {
75    //    dots[i].className = dots[i].className.replace(" active", "");
76    //}
77
78
79    if (n == -1 && slideIndex == -1) {
80      slideIndex = slides.length - 1;
81    }
82
83    if (slides.length > 0) {
84      slides[slideIndex].style.display = "block";
85      /*dots[slideIndex - 1].className += " active";*/
86
87      /*captionText.innerHTML = dots[slideIndex - 1].alt;*/
88    }
89  };
90
91  var slideIndex = 0;
92  showSlides(slideIndex);
93
94  const plusSlides = n => {
95    showSlides(slideIndex += n);
96  };
97
98  const currentSlide = n => {
99    showSlides(slideIndex = n);
100  }; //const DynamicData = {
101  //    img1: companyData?.CDNDataFolder + "/images/site/gallery_img_01.jpg",
102  //    img2: companyData?.CDNDataFolder + "/images/site/gallery_img_02.jpg",
103  //    img3: companyData?.CDNDataFolder + "/images/site/gallery_img_03.jpg",
104  //    img4: companyData?.CDNDataFolder + "/images/site/gallery_img_04.jpg",
105  //    img5: companyData?.CDNDataFolder + "/images/site/gallery_img_05.jpg",
106  //    img6: companyData?.CDNDataFolder + "/images/site/gallery_img_06.jpg",
107  //    img7: companyData?.CDNDataFolder + "/images/site/gallery_img_07.jpg",
108  //    img8: companyData?.CDNDataFolder + "/images/site/gallery_img_08.jpg",
109  //    img9: companyData?.CDNDataFolder + "/images/site/gallery_img_09.jpg",
110  //    img10: companyData?.CDNDataFolder + "/images/site/gallery_img_10.jpg",
111  //    img11: companyData?.CDNDataFolder + "/images/site/gallery_img_11.jpg",
112  //    img12: companyData?.CDNDataFolder + "/images/site/gallery_img_12.jpg",
113  //    img13: companyData?.CDNDataFolder + "/images/site/gallery_img_13.jpg",
114  //    img14: companyData?.CDNDataFolder + "/images/site/gallery_img_14.jpg",
115  //    img15: companyData?.CDNDataFolder + "/images/site/gallery_img_15.jpg",
116  //    img16: companyData?.CDNDataFolder + "/images/site/gallery_img_16.jpg",
117  //}
118
119
120  return React.createElement(React.Fragment, null, React.createElement("div", {
121    id: "wrapper"
122  }, React.createElement("div", {
123    className: "fix_contentwidth"
124  }, React.createElement("div", {
125    className: "panel panel-primary"
126  }, React.createElement("div", {
127    className: "panel-heading"
128  }, "Gallery"), React.createElement("div", {
129    className: "panel-body"
130  }, React.createElement("div", {
131    className: "gallerywrap"
132  }, React.createElement("div", {
133    className: "setMargin"
134  }, React.createElement("div", {
135    className: "container"
136  }, React.createElement("div", {
137    className: "row"
138  }, galleryImages.length > 0 && galleryImages.map((gallery, index) => React.createElement(React.Fragment, {
139    key: index
140  }, React.createElement("div", {
141    className: "column"
142  }, React.createElement("img", {
143    src: gallery.Details,
144    onClick: () => {
145      openModal();
146      currentSlide(index);
147    },
148    className: "hover-shadow"
149  }))))), React.createElement("div", {
150    id: "myModal",
151    className: "modal",
152    style: {
153      display: 'none'
154    }
155  }, React.createElement("span", {
156    className: "closebutton cursor",
157    onClick: () => {
158      closeModal();
159    }
160  }, "\xD7"), React.createElement("div", {

161    className: "modal-content"
162  }, galleryImages.length > 0 && galleryImages.map((gallery, index) => React.createElement(React.Fragment, {
163    key: index
164  }, React.createElement("div", {
165    className: "mySlides",
166    style: {
167      display: 'none'
168    }
169  }, React.createElement("img", {
170    src: gallery.Details,
171    style: {
172      width: '100%'
173    }
174  })))), React.createElement("a", {
175    className: "prev",
176    onClick: () => {
177      plusSlides(-1);
178    }
179  }, "\u276E"), React.createElement("a", {
180    className: "next",
181    onClick: () => {
182      plusSlides(1);
183    }
184  }, "\u276F")))))))))));
185}