Fix home strings

This commit is contained in:
dev-chiefworks
2022-06-25 17:41:35 -04:00
parent 9699b38d3a
commit 4d63d33585
5 changed files with 41 additions and 15 deletions
+2 -1
View File
@@ -2,9 +2,10 @@ import Axios from 'axios';
import getConfig from './../Config/config' import getConfig from './../Config/config'
async function ContactData(callData) { async function ContactData(callData) {
// debugger;
var site = getConfig()[0]; var site = getConfig()[0];
let response = await Axios.post(site.user_service_endpoint + "/sitecontact", callData); let response = await Axios.post(site.user_service_endpoint + "/sitecontact", callData);
return response.data.result_list; return response.data.result;
} }
export default ContactData; export default ContactData;
+2 -2
View File
@@ -2199,7 +2199,7 @@ p {
} }
.appie-page-title-area { .appie-page-title-area {
height: 450px; height: 400px;
background-image: url(../images/service-back.jpg); background-image: url(../images/service-back.jpg);
background-size: cover; background-size: cover;
background-position: center; background-position: center;
@@ -2208,7 +2208,7 @@ p {
align-items: center; align-items: center;
} }
.appie-page-title-area.appie-page-service-title-area { .appie-page-title-area.appie-page-service-title-area {
height: 450px; height: 400px;
background-image: url(../images/service-back.jpg); background-image: url(../images/service-back.jpg);
} }
@media only screen and (min-width: 768px) and (max-width: 991px) { @media only screen and (min-width: 768px) and (max-width: 991px) {
+26 -10
View File
@@ -1,5 +1,7 @@
import React from 'react'; import React from 'react';
import getConfig from './../../Config/config' import getConfig from './../../Config/config'
import ContactData from '../../Services/ContactData';
function Forms() { function Forms() {
@@ -7,18 +9,30 @@ function Forms() {
function handleSubmit(e) { function handleSubmit(e) {
e.preventDefault(); e.preventDefault();
console.log('You clicked submit.'); // console.log('You clicked submit.');
console.log(e); // console.log(e);
debugger; // debugger;
const firstname = e.target['f-name'].value; const firstname = e.target['f-name'].value;
const lastname = e.target['l-name'].value; const lastname = e.target['l-name'].value;
const email = e.target['email'].value; const email = e.target['email'].value;
const phone = e.target['phone'].value; const phone = e.target['phone'].value;
const subject = e.target['subject'].value; const subject = e.target['subject'].value;
const message = e.target['message'].value; const message = e.target['message'].value;
const terms = e.target['terms-conditions'].checked; const terms = e.target['terms-conditions'].checked;
alert(terms); //alert(terms);
var callData = [{
"firstname": firstname,
"lastname": lastname,
"email": email,
"phone": phone,
"subject": subject,
"message": message,
"channel": 'WEB'
}];
const callRet = ContactData(callData);
console.log('You clicked submit========> '+ callRet);
} }
@@ -84,27 +98,29 @@ alert(terms);
<h4>Lets Connect</h4> <h4>Lets Connect</h4>
<form onSubmit={handleSubmit} className="row"> <form onSubmit={handleSubmit} className="row">
<div className="col-md-6"> <div className="col-md-6">
<input type="text" name="f-name" placeholder="First Name" /> <input type="text" name="f-name" placeholder="First Name" maxLength={15} />
</div> </div>
<div className="col-md-6"> <div className="col-md-6">
<input type="text" name="l-name" placeholder="Last Name" /> <input type="text" name="l-name" placeholder="Last Name" maxLength={15} />
</div> </div>
<div className="col-md-6"> <div className="col-md-6">
<input <input
type="email" type="email"
name="email" name="email"
placeholder="Email Address" placeholder="Email Address"
maxLength={35}
/> />
</div> </div>
<div className="col-md-6"> <div className="col-md-6">
<input <input
type="number" type="number"
name="phone" name="phone"
placeholder="Phone Number" placeholder="Phone Number"
maxLength={15}
/> />
</div> </div>
<div className="col-md-12"> <div className="col-md-12">
<input type="text" name="subject" placeholder="Subject" /> <input type="text" name="subject" placeholder="Subject" maxLength={35} />
</div> </div>
<div className="col-md-12"> <div className="col-md-12">
<textarea <textarea
+1 -1
View File
@@ -15,7 +15,7 @@ function FooterHomeOne({ className }) {
<div className="footer-about-widget"> <div className="footer-about-widget">
<div className="logo"> <div className="logo">
<a href="#"> <a href="#">
<img src={logo} alt="" /> <img src={logo} alt="WrenchBoard" />
</a> </a>
</div> </div>
<p> <p>
+10 -1
View File
@@ -18,6 +18,15 @@ async componentDidMount(){
this.setState({jobsDataResults:response}); this.setState({jobsDataResults:response});
} }
titleLen(title){
let maxl = 58;
title.replace('/', ' ');
title.replace('www.', '');
title.replace('.com', '');
title.replace('http//', '');
return (title.length > maxl)? title.substring(0,maxl-2)+'...': title;
}
// if (jobsDataResults ()== null){ // if (jobsDataResults ()== null){
// return null; // return null;
// } // }
@@ -57,7 +66,7 @@ async componentDidMount(){
<div className="titleBox"> <div className="titleBox">
<h3 className="title"> <h3 className="title">
<a href={dashUrl}> <a href={dashUrl}>
<span className='font_black'>{i.title} </span> <span className='font_black'>{this.titleLen(i.title)} </span>
</a> </a>
</h3> </h3>
</div> </div>