|
Server : Apache/2.4.41 (Ubuntu) System : Linux vmi1525618.contaboserver.net 5.4.0-105-generic #119-Ubuntu SMP Mon Mar 7 18:49:24 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 8.2.12 Disable Function : NONE Directory : /var/www/sbaedu/test.sbaedu.com/static/js/ |
Upload File : |
{"version":3,"file":"static/js/418.01f7188e.chunk.js","mappings":"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","sources":["../node_modules/react-responsive-masonry/es/Masonry/index.js","../node_modules/react-responsive-masonry/es/ResponsiveMasonry/index.js","../node_modules/react-responsive-masonry/es/index.js","axios/api/gallery.js","pages/index/Gallery/Gallery.jsx"],"sourcesContent":["function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nimport PropTypes from \"prop-types\";\nimport React from \"react\";\n\nvar Masonry = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Masonry, _React$Component);\n\n function Masonry() {\n return _React$Component.apply(this, arguments) || this;\n }\n\n var _proto = Masonry.prototype;\n\n _proto.getColumns = function getColumns() {\n var _this$props = this.props,\n children = _this$props.children,\n columnsCount = _this$props.columnsCount;\n var columns = Array.from({\n length: columnsCount\n }, function () {\n return [];\n });\n React.Children.forEach(children, function (child, index) {\n if (child && React.isValidElement(child)) {\n columns[index % columnsCount].push(child);\n }\n });\n return columns;\n };\n\n _proto.renderColumns = function renderColumns() {\n var gutter = this.props.gutter;\n return this.getColumns().map(function (column, i) {\n return /*#__PURE__*/React.createElement(\"div\", {\n key: i,\n style: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n alignContent: \"stretch\",\n flex: 1,\n width: 0,\n gap: gutter\n }\n }, column.map(function (item) {\n return item;\n }));\n });\n };\n\n _proto.render = function render() {\n var _this$props2 = this.props,\n gutter = _this$props2.gutter,\n className = _this$props2.className,\n style = _this$props2.style;\n return /*#__PURE__*/React.createElement(\"div\", {\n style: _extends({\n display: \"flex\",\n flexDirection: \"row\",\n justifyContent: \"center\",\n alignContent: \"stretch\",\n boxSizing: \"border-box\",\n width: \"100%\",\n gap: gutter\n }, style),\n className: className\n }, this.renderColumns());\n };\n\n return Masonry;\n}(React.Component);\n\nMasonry.propTypes = process.env.NODE_ENV !== \"production\" ? {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n columnsCount: PropTypes.number,\n gutter: PropTypes.string,\n className: PropTypes.string,\n style: PropTypes.object\n} : {};\nMasonry.defaultProps = {\n columnsCount: 3,\n gutter: \"0\",\n className: null,\n style: {}\n};\nexport default Masonry;","import PropTypes from \"prop-types\";\nimport React, { useCallback, useLayoutEffect, useEffect, useMemo, useState } from \"react\";\nvar DEFAULT_COLUMNS_COUNT = 1;\nvar useIsomorphicLayoutEffect = typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\nvar useHasMounted = function useHasMounted() {\n var _useState = useState(false),\n hasMounted = _useState[0],\n setHasMounted = _useState[1];\n\n useIsomorphicLayoutEffect(function () {\n setHasMounted(true);\n }, []);\n return hasMounted;\n};\n\nvar useWindowWidth = function useWindowWidth() {\n var hasMounted = useHasMounted();\n\n var _useState2 = useState(0),\n width = _useState2[0],\n setWidth = _useState2[1];\n\n var handleResize = useCallback(function () {\n if (!hasMounted) return;\n setWidth(window.innerWidth);\n }, [hasMounted]);\n useIsomorphicLayoutEffect(function () {\n if (hasMounted) {\n window.addEventListener(\"resize\", handleResize);\n handleResize();\n return function () {\n return window.removeEventListener(\"resize\", handleResize);\n };\n }\n }, [hasMounted, handleResize]);\n return width;\n};\n\nvar MasonryResponsive = function MasonryResponsive(_ref) {\n var _ref$columnsCountBrea = _ref.columnsCountBreakPoints,\n columnsCountBreakPoints = _ref$columnsCountBrea === void 0 ? {\n 350: 1,\n 750: 2,\n 900: 3\n } : _ref$columnsCountBrea,\n children = _ref.children,\n _ref$className = _ref.className,\n className = _ref$className === void 0 ? null : _ref$className,\n _ref$style = _ref.style,\n style = _ref$style === void 0 ? null : _ref$style;\n var windowWidth = useWindowWidth();\n var columnsCount = useMemo(function () {\n var breakPoints = Object.keys(columnsCountBreakPoints).sort(function (a, b) {\n return a - b;\n });\n var count = breakPoints.length > 0 ? columnsCountBreakPoints[breakPoints[0]] : DEFAULT_COLUMNS_COUNT;\n breakPoints.forEach(function (breakPoint) {\n if (breakPoint < windowWidth) {\n count = columnsCountBreakPoints[breakPoint];\n }\n });\n return count;\n }, [windowWidth, columnsCountBreakPoints]);\n return /*#__PURE__*/React.createElement(\"div\", {\n className: className,\n style: style\n }, React.Children.map(children, function (child, index) {\n return React.cloneElement(child, {\n key: index,\n columnsCount: columnsCount\n });\n }));\n};\n\nMasonryResponsive.propTypes = process.env.NODE_ENV !== \"production\" ? {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n columnsCountBreakPoints: PropTypes.object,\n className: PropTypes.string,\n style: PropTypes.object\n} : {};\nexport default MasonryResponsive;","import Masonry from \"./Masonry\";\nimport ResponsiveMasonry from \"./ResponsiveMasonry\";\nexport default Masonry;\nexport { ResponsiveMasonry };","import axios from \"axios\";\r\nimport {baseurl, apikey, domain } from '../../baseurl'; // Assuming baseurl is not needed if using axios.defaults.baseURL\r\n\r\n// Set the base URL for all axios requests (if applicable)\r\naxios.defaults.baseURL = baseurl;\r\n\r\nconst youtube_video = async (page) => {\r\n let url = '';\r\n if(page)\r\n {\r\n url = \"/youtube?page=\"+page;\r\n }\r\n else\r\n {\r\n url = \"/youtube\";\r\n }\r\n \r\n \r\n try {\r\n const response = await axios.get(\r\n '/youtube',\r\n {\r\n headers: {\r\n 'apikey': apikey,\r\n 'domain': domain,\r\n }\r\n }\r\n );\r\n return response;\r\n } catch (error) {\r\n // Consider logging the error or handling it differently\r\n \r\n return error || { status: 500, data: { message: 'An unexpected error occurred.' } };\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\nexport {\r\n youtube_video\r\n};","import React,{useState,useEffect} from 'react'\r\nimport Footer from '../../../component/Footer/footer';\r\n\r\nimport hero from '../../../assets/images/course/hero.png';\r\nimport Navbar from '../../../component/Navbar/navbar'\r\n\r\nimport {MdKeyboardArrowRight,MdOutlineKeyboardArrowLeft} from \"../../../assets/icons/icons\"\r\n\r\nimport Masonry, {ResponsiveMasonry} from \"react-responsive-masonry\";\r\nimport {youtube_video} from '../../../axios/api/gallery';\r\n\r\nimport \"react-18-image-lightbox/style.css\";\r\n\r\n\r\n\r\nexport default function IndexFoodBlog() {\r\n const [ytVideo, setytVideo] = useState(null);\r\n const [pageNo,setPageNo] = useState(1);\r\n\r\n useEffect(()=>{\r\n fetch_youtube_video();\r\n },[pageNo]);\r\n\r\n const fetch_youtube_video = async ()=>{\r\n const youtube_data = await youtube_video(pageNo);\r\n \r\n if(youtube_data.status===200)\r\n {\r\n if(youtube_data.data.status===1)\r\n {\r\n setytVideo(youtube_data.data.data);\r\n console.log(youtube_data.data.data);\r\n }\r\n }\r\n else\r\n {\r\n setytVideo({\"error\":\"Not found !\"});\r\n }\r\n }\r\n\r\n const handlePage = (e,url,page)=>{\r\n if(url)\r\n {\r\n //console.log(url);\r\n setPageNo(page);\r\n }\r\n };\r\n\r\n const handleNext = (e,url,page)=>{\r\n if(url)\r\n {\r\n const newPage = url.split(\"=\")[1];\r\n setPageNo(newPage);\r\n }\r\n };\r\n\r\n const handlePrev = (e,url,page)=>{\r\n if(url)\r\n {\r\n const newPage = url.split(\"=\")[1];\r\n setPageNo(newPage);\r\n }\r\n };\r\n \r\n \r\n return (\r\n <>\r\n <Navbar />\r\n <section className=\"relative table w-full py-16 lg:py-20 bg-indigo-600/5 overflow-hidden\">\r\n <div className=\"container relative\">\r\n <div className=\"grid md:grid-cols-12 grid-cols-1 items-center mt-10 gap-[30px] relative\">\r\n <div className=\"md:col-span-7\">\r\n <h4 className=\"font-bold lg:leading-normal leading-normal text-4xl lg:text-5xl mb-5 text-black dark:text-white\">Welcome to <span className=\"text-indigo-600\"> Gallery</span> <br /> Anytime & Anywhere</h4>\r\n <p className=\"text-slate-400 text-lg max-w-xl\"></p>\r\n\r\n </div>\r\n\r\n <div className=\"md:col-span-5\">\r\n <div className=\"relative\">\r\n <img src={hero} alt=\"\" />\r\n\r\n </div>\r\n </div>\r\n\r\n <div className=\"overflow-hidden after:content-[''] after:absolute after:size-32 after:bg-red-600/5 after:top-10 after:start-0 after:-z-1 after:rounded-3xl after:animate-[spin_10s_linear_infinite]\"></div>\r\n <div className=\"overflow-hidden after:content-[''] after:absolute after:size-[512px] after:bg-indigo-600/5 after:top-0 after:-end-5 after:-z-1 after:rounded-full\"></div>\r\n </div>\r\n </div>\r\n </section>\r\n \r\n\r\n <section className=\"relative md:py-16 py-16\">\r\n \r\n <div className=\"container relative md:mt-8 mt-8\">\r\n <div className=\"grid grid-cols-1 pb-8 text-center\">\r\n <h3 className=\"mb-4 md:text-3xl md:leading-normal text-2xl leading-normal font-semibold\">Latest Youtube Videos</h3>\r\n\r\n \r\n </div>\r\n <ResponsiveMasonry columnsCountBreakPoints={{350: 1, 750: 2, 900: 3, 1200:4}} >\r\n <Masonry columnsCount={4}>\r\n \r\n { ytVideo ?\r\n ytVideo.data.map((item, index) => {\r\n return(\r\n <div className=\"picture-item p-2 pb-5\" key={index}>\r\n <div className=\"group relative\">\r\n <div className=\"relative overflow-hidden rounded-md shadow dark:shadow-gray-800\">\r\n <a href={item.videos} target=\"_blank\" rel=\"noreferrer\">\r\n <img src={item.thumbnail} alt=\"thumbnail\" width=\"100%\" />\r\n </a>\r\n \r\n \r\n </div>\r\n\r\n <div className=\"p-3\">\r\n \r\n\r\n \r\n </div>\r\n </div>\r\n </div>\r\n )\r\n }) : (ytVideo ? ytVideo.error : \"Not found !\")\r\n }\r\n \r\n </Masonry>\r\n </ResponsiveMasonry>\r\n <div className=\"grid md:grid-cols-12 grid-cols-1 mt-6\">\r\n <div className=\"md:col-span-12 text-center\">\r\n <nav aria-label=\"Page navigation example\">\r\n <ul className=\"inline-flex items-center -space-x-px\">\r\n {\r\n ytVideo ? ytVideo.links.map((item,index)=>{\r\n\r\n return (\r\n <div key={index}> {/* Assigning key to the div */}\r\n {item.label === \"« Previous\" ? (\r\n <li>\r\n <button \r\n onClick={(e) => handlePrev(e, item.url, item.label)} \r\n className=\"size-[40px] inline-flex justify-center items-center text-slate-400 bg-white dark:bg-slate-900 rounded-s-lg hover:text-white border border-gray-100 dark:border-gray-700 hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600\"\r\n >\r\n <MdOutlineKeyboardArrowLeft className=\"text-[20px] rtl:rotate-180 rtl:-mt-1\" />\r\n </button>\r\n </li>\r\n ) : null}\r\n {item.label !== \"« Previous\" && item.label !== \"Next »\" ? (\r\n <li>\r\n <button \r\n onClick={(e) => handlePage(e, item.url, item.label)} \r\n className=\"size-[40px] inline-flex justify-center items-center text-slate-400 hover:text-white dark:bg-slate-900 border border-gray-100 dark:border-gray-700 hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600\" \r\n style={{ backgroundColor: item.active ? \"#4F5DEB\" : \"white\" }}\r\n >\r\n {item.label}\r\n </button>\r\n </li>\r\n ) : null}\r\n {item.label === \"Next »\" ? (\r\n <li>\r\n <button \r\n onClick={(e) => handleNext(e, item.url, item.label)} \r\n className=\"size-[40px] inline-flex justify-center items-center text-slate-400 bg-white dark:bg-slate-900 rounded-e-lg hover:text-white border border-gray-100 dark:border-gray-700 hover:border-indigo-600 dark:hover:border-indigo-600 hover:bg-indigo-600 dark:hover:bg-indigo-600\"\r\n >\r\n <MdKeyboardArrowRight className=\"text-xl rtl:rotate-180 rtl:-mt-1\" />\r\n </button>\r\n </li>\r\n ) : null}\r\n </div>\r\n \r\n )\r\n })\r\n :''\r\n }\r\n \r\n \r\n </ul>\r\n </nav>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n <Footer />\r\n </>\r\n )\r\n}\r\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_setPrototypeOf","o","p","setPrototypeOf","__proto__","Masonry","_React$Component","subClass","superClass","create","constructor","_proto","getColumns","_this$props","props","children","columnsCount","columns","Array","from","React","forEach","child","index","push","renderColumns","gutter","map","column","style","display","flexDirection","justifyContent","alignContent","flex","width","gap","item","render","_this$props2","className","boxSizing","propTypes","defaultProps","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","useWindowWidth","hasMounted","_useState","useState","setHasMounted","useHasMounted","_useState2","setWidth","handleResize","useCallback","innerWidth","addEventListener","removeEventListener","MasonryResponsive","_ref","_ref$columnsCountBrea","columnsCountBreakPoints","_ref$className","_ref$style","windowWidth","useMemo","breakPoints","keys","sort","a","b","count","breakPoint","axios","defaults","baseURL","baseurl","youtube_video","async","url","page","get","headers","apikey","domain","error","status","data","message","IndexFoodBlog","ytVideo","setytVideo","pageNo","setPageNo","fetch_youtube_video","youtube_data","console","log","_jsxs","_Fragment","_jsx","Navbar","src","hero","alt","ResponsiveMasonry","href","videos","rel","thumbnail","links","label","onClick","e","handlePrev","newPage","split","MdOutlineKeyboardArrowLeft","handlePage","backgroundColor","active","handleNext","MdKeyboardArrowRight","Footer"],"sourceRoot":""}