Compare commits

..

2 Commits

Author SHA1 Message Date
Ebube 43fa698c43 Merge branch 'master' of https://gitlab.chiefsoft.net/FloatSystems/float-www into api-configurations 2023-04-10 12:07:00 +01:00
Ebube cfa177eaa9 added the endpoint 2023-04-10 12:01:59 +01:00
10 changed files with 552 additions and 174 deletions
-1
View File
@@ -9,4 +9,3 @@ REACT_APP_APPLE_LINK='https://apps.apple.com/us/app/float-mobility/id1465369130'
REACT_APP_GOOGLE_PLAY_LINK='https://apps.apple.com/us/app/float-mobility/id1465369130' REACT_APP_GOOGLE_PLAY_LINK='https://apps.apple.com/us/app/float-mobility/id1465369130'
REACT_APP_AUX_ENDPOINT='https://float-gat.dev.chiefsoft.net/en/floatweb/api/v1/' REACT_APP_AUX_ENDPOINT='https://float-gat.dev.chiefsoft.net/en/floatweb/api/v1/'
+3 -12
View File
@@ -20,14 +20,6 @@ import GetStarted from './pages/GetStarted';
import FindEv from "./pages/FindEv"; import FindEv from "./pages/FindEv";
import FindMobility from "./pages/FindMobility"; import FindMobility from "./pages/FindMobility";
// import {
// BrowserRouter as Router,
// Routes,
// Route
// } from "react-router-dom";
import { Routes, Route } from "react-router-dom"; import { Routes, Route } from "react-router-dom";
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import SiteService from "./svs/SiteService"; import SiteService from "./svs/SiteService";
@@ -39,12 +31,11 @@ function App() {
try { try {
const res = await siteApi.blogData(); const res = await siteApi.blogData();
if(res.status == 200 /* && res.data.status > 0*/){ if(res.status == 200 /* && res.data.status > 0*/){
console.log(res.data.payload, res.data); console.log(res.data.payload);
setBlogData(res.data) setBlogData(res.data)
return return
} }
}catch(error) { }catch(error) {
setBlogData({payload: {blogdata: []}})
} }
}; };
@@ -70,10 +61,10 @@ function App() {
<Route path="/blog_listing" element={<Blog_listing/>} /> <Route path="/blog_listing" element={<Blog_listing/>} />
<Route path="/blogs" element={<Blog_listing blogData={blogData} />} /> <Route path="/blogs" element={<Blog_listing blogData={blogData} />} />
<Route path="/contacts" element={<Contacts/>} /> <Route path="/contacts" element={<Contacts/>} />
<Route path="/users" element={<Users blogData={blogData} />} /> <Route path="/users" element={<Users/>} />
<Route path="/business" element={<Fleet/>} /> <Route path="/business" element={<Fleet/>} />
<Route path="/privacy" element={<Privacy/>} /> <Route path="/privacy" element={<Privacy/>} />
<Route path="/getstarted" element={<GetStarted blogData={blogData} />} /> <Route path="/getstarted" element={<GetStarted />} />
<Route path="/findev" element={<FindEv />} /> <Route path="/findev" element={<FindEv />} />
<Route path="/findmobility" element={<FindMobility />} /> <Route path="/findmobility" element={<FindMobility />} />
</Routes> </Routes>
-109
View File
@@ -1,109 +0,0 @@
import React from 'react'
import { useLocation } from 'react-router-dom'
// import SiteService from '../svs/SiteService';
const BlogItems = ({blogData}) => {
let location = useLocation().pathname
// const [blogData, setBlogData] = useState({}) // for holding blogs
// console.log(blogData.payload)
// const blogApi = new SiteService(); // instantiating the API SERVICE
// const getBlogData = async () => {
// try {
// const res = await blogApi.blogData();
// if(res.status == 200 /* && res.data.status > 0*/){
// console.log('blogitem',res.data.payload, res.data);
// setBlogData(res.data)
// return
// }
// }catch(error) {
// }
// };
// useEffect(() => {
// getBlogData();
// }, []);
return (
<div className="row">
{
blogData?.payload == undefined ? // API CALL IN PROGRESS
<div className='col-12 text-center display-4'>Loading...</div>
:
// API CALL FINISHED
(
blogData?.payload?.blogdata.length < 1 ?
<div className='col-12 text-center display-4'>No Blog Currently Found!</div>
:
blogData?.payload?.blogdata.map((blog, index) => {
if(location == '/blogs'){
return(
<div key={index} id="b-post-1" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img rounded">
<img className="img-fluid rounded" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
{/* <img className="img-fluid" src={blog.meta_value} alt="blog-post-image" /> */}
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Float News</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">{blog.post_title.substring(0,40)+' . . .'}</a>
</h5>
{/* Text */}
<div dangerouslySetInnerHTML={{__html: blog.post_content.substring(0,50)+' . . .'}}></div>
{/* <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p> */}
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>12 min read</p>
</div>
</div>
</div>
</div>
)
}else if (location != 'blogs' && index <= 5) {
return (
<div key={index} id="b-post-1" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img rounded">
<img className="img-fluid rounded" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Float News</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">{blog.post_title.substring(0,40)+' . . .'}</a>
</h5>
{/* Text */}
<div dangerouslySetInnerHTML={{__html: blog.post_content.substring(0,50)+' . . .'}}></div>
{/* <p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p> */}
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>12 min read</p>
</div>
</div>
</div>
</div>
)
}
})
)
}
</div>
)
}
export default BlogItems
+166 -3
View File
@@ -1,5 +1,4 @@
import React, {Component,useState, useEffect} from 'react'; import React, {Component,useState, useEffect} from 'react';
import BlogItems from '../components/BlogItems';
import SiteService from "../svs/SiteService"; import SiteService from "../svs/SiteService";
class Blog_listing extends React.Component { class Blog_listing extends React.Component {
@@ -90,8 +89,172 @@ class Blog_listing extends React.Component {
<h5 className="h5-lg posts-category">Latest Articles</h5> <h5 className="h5-lg posts-category">Latest Articles</h5>
</div> </div>
</div> </div>
<BlogItems blogData={this.props.blogData} /> <div className="row">
{/* End row */} {/* BLOG POST #1 */}
<div className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">NordEx News</p>
{/* Post Link */}
<h5 className="h5-xs">
<a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
</h5>
{/* Text */}
<p className="p-md">Aliqum mullam blandit vitae and tempor sapien and donec lipsum gravida
porta undo velna dolor
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>12 min read</p>
</div>
</div>
</div>
</div> {/* END BLOG POST #1 */}
{/* BLOG POST #2 */}
<div className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Inspiration</p>
{/* Post Link */}
<h5 className="h5-xs">
<a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and dolor libero risus</a>
</h5>
{/* Text */}
<p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
dolor vitae auctor
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>8 min read</p>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #2 */}
{/* BLOG POST #3 */}
<div className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-4-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Tutorials</p>
{/* Post Link */}
<h5 className="h5-xs">
<a href="single-post.html">Tempor sapien donec gravida ipsum and porta justo</a>
</h5>
{/* Text */}
<p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
dolor vitae auctor
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>22 min read</p>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #3 */}
{/* BLOG POST #4 */}
<div className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-5-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Extensions</p>
{/* Post Link */}
<h5 className="h5-xs">
<a href="single-post.html">Neque purus an ipsum neque and dolor libero risus mullam blandit at tempor sapien</a>
</h5>
{/* Text */}
<p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
dolor vitae auctor
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>1 day read</p>
</div>
</div>
</div>
</div> {/* END BLOG POST #4 */}
{/* BLOG POST #5 */}
<div className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-6-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Community</p>
{/* Post Link */}
<h5 className="h5-xs">
<a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
</h5>
{/* Text */}
<p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
dolor vitae auctor
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>54 min read</p>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #5 */}
{/* BLOG POST #6 */}
<div className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-7-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Extensions</p>
{/* Post Link */}
<h5 className="h5-xs">
<a href="single-post.html">Lipsum gravida porta velna NordEx, donec gravida ipsum a
porta justo tempor
</a>
</h5>
{/* Text */}
<p className="p-md">The aliqum mullam vitae tempor sapien and donec lipsum gravida porta velna
dolor vitae auctor
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>4 hours read</p>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #6 */}
</div> {/* End row */}
</div> {/* END POSTS WRAPPER */} </div> {/* END POSTS WRAPPER */}
</div> {/* End container */} </div> {/* End container */}
{/* GEOMETRIC OVERLAY */} {/* GEOMETRIC OVERLAY */}
+35 -18
View File
@@ -1,26 +1,48 @@
import React, {Component} from 'react'; import React, {Component} from 'react';
import SiteService from './assests/utils/SiteService';
class Faqs extends React.Component { class Faqs extends Component {
constructor({data, loading, error}){
super({data, loading, error})
this.state = {
data: null,
loading: true,
error: null
}
}
async componentDidMount() {
const apiCall = new SiteService
try {
const data = await apiCall.faqData();
this.setState = {
data: data,
loading: false
}
} catch (error) {
this.setState = {
error: error,
loading: false
}
}
}
render() { render() {
const {data, loading, error} = this.state
console.log(data)
console.log(error)
return( return(
<div> <div>
{/* PRELOADER SPINNER */}
{/* PRELOADER SPINNER
============================================= */}
<div id="loader-wrapper"> <div id="loader-wrapper">
<div id="loading"> <div id="loading">
<span className="cssload-loader"><span className="cssload-loader-inner" /></span> <span className="cssload-loader"><span className="cssload-loader-inner" /></span>
</div> </div>
</div> </div>
{/* PAGE CONTENT {/* PAGE CONTENT */}
============================================= */}
<div id="page" className="page"> <div id="page" className="page">
{/* HEADER {/* HEADER */}
============================================= */} {/* FAQs-2 */}
{/* FAQs-2
============================================= */}
<section id="faqs-2" className="bg_whitesmoke hero-offset-nav pb-100 faqs-section division"> <section id="faqs-2" className="bg_whitesmoke hero-offset-nav pb-100 faqs-section division">
<div className="container"> <div className="container">
{/* SECTION TITLE */} {/* SECTION TITLE */}
@@ -182,8 +204,7 @@ class Faqs extends React.Component {
{/* GEOMETRIC OVERLAY */} {/* GEOMETRIC OVERLAY */}
<div className="bg_fixed geometric_overlay" /> <div className="bg_fixed geometric_overlay" />
</section> {/* END FAQs-2 */} </section> {/* END FAQs-2 */}
{/* DOWNLOAD-2 {/* DOWNLOAD-2 */}
============================================= */}
<section id="download-2" className="bg_whitesmoke pb-20 download-section division"> <section id="download-2" className="bg_whitesmoke pb-20 download-section division">
<div className="container white-color"> <div className="container white-color">
<div className="rel purple_gradient bg_shape_01 downloads-2-wrapper"> <div className="rel purple_gradient bg_shape_01 downloads-2-wrapper">
@@ -219,11 +240,7 @@ class Faqs extends React.Component {
</div> {/* End row */} </div> {/* End row */}
</div> {/* End container */} </div> {/* End container */}
</section> {/* END DOWNLOAD-2 */} </section> {/* END DOWNLOAD-2 */}
</div> {/* END PAGE CONTENT */} </div> {/* END PAGE CONTENT */}
</div> </div>
) )
} }
+115 -5
View File
@@ -13,8 +13,6 @@ import Analysis from '../pages/assests/images/analytics.ico'
import Monitoring from '../pages/assests/images/monitoring.ico' import Monitoring from '../pages/assests/images/monitoring.ico'
import Assistant from '../pages/assests/images/assistant (2).ico' import Assistant from '../pages/assests/images/assistant (2).ico'
import BlogItems from '../components/BlogItems';
class FloatHome extends React.Component { class FloatHome extends React.Component {
@@ -23,7 +21,7 @@ class FloatHome extends React.Component {
// Don't call this.setState() here! // Don't call this.setState() here!
// this.state = { counter: 0 }; // this.state = { counter: 0 };
// this.handleClick = this.handleClick.bind(this); // this.handleClick = this.handleClick.bind(this);
// console.log("OLU-AMEY 22",props.blogData); console.log("OLU-AMEY 22",props.blogData);
} }
render() { render() {
@@ -1051,8 +1049,120 @@ class FloatHome extends React.Component {
</div> </div>
</div> </div>
{/* BLOG POSTS */} {/* BLOG POSTS */}
<BlogItems blogData={this.props.blogData}/> <div className="row">
{/* END BLOG POSTS */} {
this.props.blogData?.blogdata?.map((x) => {
<div id="b-post-1" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Float News</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">{x.title}</a>
</h5>
{/* Text */}
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>12 min read</p>
</div>
</div>
</div>
</div>
})
}
{/* BLOG POST #1 */}
<div id="b-post-1" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Float News</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
</h5>
{/* Text */}
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>12 min read</p>
</div>
</div>
</div>
</div> {/* END BLOG POST #1 */}
{/* BLOG POST #2 */}
<div id="b-post-2" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Inspiration</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and dolor libero risus</a>
</h5>
{/* Text */}
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>8 min read</p>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #2 */}
{/* BLOG POST #3 */}
<div id="b-post-3" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Tutorials</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">Tempor sapien Float, donec gravida ipsum a porta justo</a>
</h5>
{/* Text */}
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>22 min read</p>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #3 */}
</div> {/* END BLOG POSTS */}
</div> {/* End container */} </div> {/* End container */}
</section> {/* END BLOG-1 */} </section> {/* END BLOG-1 */}
{/* DOWNLOAD-5 {/* DOWNLOAD-5
+85 -13
View File
@@ -4,17 +4,8 @@ import FleetMgr from '../pages/assests/images/multiple-accounts.ico'
import ChargeFinder from '../pages/assests/images/charger-location.ico' import ChargeFinder from '../pages/assests/images/charger-location.ico'
import Options from '../pages/assests/images/options1.ico' import Options from '../pages/assests/images/options1.ico'
import BlogItems from '../components/BlogItems';
class GetStarted extends React.Component { class GetStarted extends React.Component {
constructor(props) {
super(props);
// Don't call this.setState() here!
// this.state = { counter: 0 };
// this.handleClick = this.handleClick.bind(this);
// console.log("OLU-AMEY 22",props.blogData);
}
render() { render() {
return( return(
<div> <div>
@@ -50,7 +41,7 @@ class GetStarted extends React.Component {
<div className="row"> <div className="row">
{/* FEATURE BOX #1 */} {/* FEATURE BOX #1 */}
<div id="fb-3-1" className="col-md-6 col-lg-3"> <div id="fb-3-1" className="col-md-6 col-lg-3">
<a href={process.env.REACT_APP_USERS} target="_blank"><div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.4s"> <a href="https://float-usr.dev.chiefsoft.net/" target="_blank"><div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.4s">
{/* Icon */} {/* Icon */}
<div className="fbox-3-ico grey-color ico-65"><img src={UserFriendly} /></div> <div className="fbox-3-ico grey-color ico-65"><img src={UserFriendly} /></div>
{/* Title */} {/* Title */}
@@ -61,7 +52,7 @@ class GetStarted extends React.Component {
</div> </div>
{/* FEATURE BOX #2 */} {/* FEATURE BOX #2 */}
<div id="fb-3-2" className="col-md-6 col-lg-3"> <div id="fb-3-2" className="col-md-6 col-lg-3">
<a href={process.env.REACT_APP_FLEET} target="_blank"><div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.6s"> <a href="https://float-flt.dev.chiefsoft.net/" target="_blank"><div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.6s">
{/* Icon */} {/* Icon */}
<div className="fbox-3-ico grey-color ico-65"><img src={FleetMgr} /></div> <div className="fbox-3-ico grey-color ico-65"><img src={FleetMgr} /></div>
{/* Title */} {/* Title */}
@@ -368,8 +359,89 @@ class GetStarted extends React.Component {
</div> </div>
</div> </div>
{/* BLOG POSTS */} {/* BLOG POSTS */}
<BlogItems blogData={this.props.blogData} /> <div className="row">
{/* END BLOG POSTS */} {/* BLOG POST #1 */}
<div id="b-post-1" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Float News</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
</h5>
{/* Text */}
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>12 min read</p>
</div>
</div>
</div>
</div> {/* END BLOG POST #1 */}
{/* BLOG POST #2 */}
<div id="b-post-2" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Inspiration</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and dolor libero risus</a>
</h5>
{/* Text */}
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>8 min read</p>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #2 */}
{/* BLOG POST #3 */}
<div id="b-post-3" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Tutorials</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">Tempor sapien Float, donec gravida ipsum a porta justo</a>
</h5>
{/* Text */}
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>22 min read</p>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #3 */}
</div> {/* END BLOG POSTS */}
</div> {/* End container */} </div> {/* End container */}
</section> {/* END BLOG-1 */} </section> {/* END BLOG-1 */}
{/* NEWSLETTER-1 {/* NEWSLETTER-1
+83 -11
View File
@@ -10,16 +10,7 @@ import Perks from '../pages/assests/images/perks.ico'
import Charging from '../pages/assests/images/charging-station.ico' import Charging from '../pages/assests/images/charging-station.ico'
import Fleet from '../pages/assests/images/fleet-signal.ico' import Fleet from '../pages/assests/images/fleet-signal.ico'
import BlogItems from '../components/BlogItems';
class Users extends React.Component { class Users extends React.Component {
constructor(props) {
super(props);
// Don't call this.setState() here!
// this.state = { counter: 0 };
// this.handleClick = this.handleClick.bind(this);
// console.log("OLU-AMEY 22",props.blogData);
}
render() { render() {
return( return(
<div> <div>
@@ -665,8 +656,89 @@ class Users extends React.Component {
</div> </div>
</div> </div>
{/* BLOG POSTS */} {/* BLOG POSTS */}
<BlogItems blogData={this.props.blogData} /> <div className="row">
{/* END BLOG POSTS */} {/* BLOG POST #1 */}
<div id="b-post-1" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-1-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Float News</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">Tempor sapien donec gravida ipsum a porta justo vitae</a>
</h5>
{/* Text */}
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>12 min read</p>
</div>
</div>
</div>
</div> {/* END BLOG POST #1 */}
{/* BLOG POST #2 */}
<div id="b-post-2" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.6s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-2-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Inspiration</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">Aliquam augue impedit luctus neque purus an ipsum neque and dolor libero risus</a>
</h5>
{/* Text */}
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>8 min read</p>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #2 */}
{/* BLOG POST #3 */}
<div id="b-post-3" className="col-md-6 col-lg-4">
<div className="blog-post mb-40 wow fadeInUp" data-wow-delay="0.8s">
{/* BLOG POST IMAGE */}
<div className="blog-post-img">
<img className="img-fluid" src="assets/images/blog/post-3-img.jpg" alt="blog-post-image" />
</div>
{/* BLOG POST TEXT */}
<div className="blog-post-txt">
{/* Post Tag */}
<p className="p-md post-tag">Tutorials</p>
{/* Post Link */}
<h5 className="h5-sm">
<a href="single-post.html">Tempor sapien Float, donec gravida ipsum a porta justo</a>
</h5>
{/* Text */}
<p className="p-md">Aliqum mullam blandit vitae tempor sapien a donec lipsum gravida porta velna dolor vitae auctor
congue
</p>
{/* Post Meta */}
<div className="post-meta">
<div className="post-author-avatar"><img src="assets/images/post-author-1.jpg" alt="author-avatar" /></div>
<p>22 min read</p>
</div>
</div> {/* END BLOG POST TEXT */}
</div>
</div> {/* END BLOG POST #3 */}
</div> {/* END BLOG POSTS */}
</div> {/* End container */} </div> {/* End container */}
</section> {/* END BLOG-1 */} </section> {/* END BLOG-1 */}
{/* NEWSLETTER-1 {/* NEWSLETTER-1
+63
View File
@@ -0,0 +1,63 @@
import axios from 'axios';
class SiteService {
constructor(){
console.log("Launched!!")
}
// GET REQUEST
// Faq Data
faqData(){
return this.getEndPoint("/faq", null)
}
// POST REQUEST
// Contact Data
contactData(){
return this.postEndPoint("/contact")
}
getEndPoint(uri, req){
const endPoint = process.env.REACT_APP_AUX_ENDPOINT + uri;
return axios.get(endPoint)
.then((res) => {
console.log('==> GET REQUEST <==')
console.log(res)
return res
}).catch((err) => {
if (err.response) {
//response status is an error code
console.log(err.response.status);
} else if (err.request) {
//response not received though the request was sent
console.log(err.request);
} else {
//an error occurred when setting up the request
console.log(err.message);
}
})
}
postEndPoint(uri, req){
const endPoint = process.env.REACT_APP_AUX_ENDPOINT + uri;
return axios.get(endPoint, req)
.then((res) => {
console.log(res)
console.log('==> POST REQUEST <==')
return res
}).catch((err) => {
if (err.response) {
//response status is an error code
console.log(err.response.status);
} else if (err.request) {
//response not received though the request was sent
console.log(err.request);
} else {
//an error occurred when setting up the request
console.log(err.message);
}
})
}
}
export default SiteService
+1 -1
View File
@@ -8,7 +8,7 @@ class SiteService {
} }
// Blog Data {Get} // Blog Data {Get}
blogData() { blogData() {
return this.getAuxEnd("/blogdata/10", null); return this.getAuxEnd("/blogdata", null);
} }
// Country Data {GET} // Country Data {GET}