Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
bc2e6f36b4 |
@@ -8,4 +8,5 @@ REACT_APP_APIGATE='http://float-gat.dev.chiefsoft.net'
|
|||||||
REACT_APP_APPLE_LINK='https://apps.apple.com/us/app/float-mobility/id1465369130'
|
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/'
|
||||||
|
|
||||||
|
|||||||
+4
-3
@@ -39,11 +39,12 @@ 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);
|
console.log(res.data.payload, res.data);
|
||||||
setBlogData(res.data)
|
setBlogData(res.data)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
}catch(error) {
|
}catch(error) {
|
||||||
|
setBlogData({payload: {blogdata: []}})
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -69,10 +70,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/>} />
|
<Route path="/users" element={<Users blogData={blogData} />} />
|
||||||
<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 />} />
|
<Route path="/getstarted" element={<GetStarted blogData={blogData} />} />
|
||||||
<Route path="/findev" element={<FindEv />} />
|
<Route path="/findev" element={<FindEv />} />
|
||||||
<Route path="/findmobility" element={<FindMobility />} />
|
<Route path="/findmobility" element={<FindMobility />} />
|
||||||
</Routes>
|
</Routes>
|
||||||
|
|||||||
@@ -0,0 +1,109 @@
|
|||||||
|
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
|
||||||
+3
-166
@@ -1,4 +1,5 @@
|
|||||||
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 {
|
||||||
@@ -89,172 +90,8 @@ 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>
|
||||||
<div className="row">
|
<BlogItems blogData={this.props.blogData} />
|
||||||
{/* BLOG POST #1 */}
|
{/* End row */}
|
||||||
<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 */}
|
||||||
|
|||||||
+5
-115
@@ -13,6 +13,8 @@ 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 {
|
||||||
|
|
||||||
@@ -21,7 +23,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() {
|
||||||
@@ -1049,120 +1051,8 @@ class FloatHome extends React.Component {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/* BLOG POSTS */}
|
{/* BLOG POSTS */}
|
||||||
<div className="row">
|
<BlogItems blogData={this.props.blogData}/>
|
||||||
{
|
{/* 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
|
||||||
|
|||||||
+13
-85
@@ -4,8 +4,17 @@ 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>
|
||||||
@@ -41,7 +50,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="https://float-usr.dev.chiefsoft.net/" target="_blank"><div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.4s">
|
<a href={process.env.REACT_APP_USERS} 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 */}
|
||||||
@@ -52,7 +61,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="https://float-flt.dev.chiefsoft.net/" target="_blank"><div className="fbox-3 bg_white wow fadeInUp" data-wow-delay="0.6s">
|
<a href={process.env.REACT_APP_FLEET} 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 */}
|
||||||
@@ -359,89 +368,8 @@ class GetStarted extends React.Component {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/* BLOG POSTS */}
|
{/* BLOG POSTS */}
|
||||||
<div className="row">
|
<BlogItems blogData={this.props.blogData} />
|
||||||
{/* BLOG POST #1 */}
|
{/* END BLOG POSTS */}
|
||||||
<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
|
||||||
|
|||||||
+11
-83
@@ -10,7 +10,16 @@ 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>
|
||||||
@@ -656,89 +665,8 @@ class Users extends React.Component {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/* BLOG POSTS */}
|
{/* BLOG POSTS */}
|
||||||
<div className="row">
|
<BlogItems blogData={this.props.blogData} />
|
||||||
{/* BLOG POST #1 */}
|
{/* END BLOG POSTS */}
|
||||||
<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
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ class SiteService {
|
|||||||
}
|
}
|
||||||
// Blog Data {Get}
|
// Blog Data {Get}
|
||||||
blogData() {
|
blogData() {
|
||||||
return this.getAuxEnd("/blogdata", null);
|
return this.getAuxEnd("/blogdata/10", null);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Country Data {GET}
|
// Country Data {GET}
|
||||||
|
|||||||
Reference in New Issue
Block a user