Skip to content

Commit

Permalink
fix configuration
Browse files Browse the repository at this point in the history
  • Loading branch information
Anis KCHAOU committed Apr 13, 2021
1 parent bee0f50 commit 97e6647
Show file tree
Hide file tree
Showing 4 changed files with 260 additions and 56 deletions.
2 changes: 1 addition & 1 deletion .eslintcache
View file

Large diffs are not rendered by default.

65 changes: 10 additions & 55 deletions src/modules/shared/Configuration/Configuration.js
View file
Original file line number Diff line number Diff line change
@@ -1,69 +1,24 @@
import React from 'react';
import PropTypes from 'prop-types';
import './Configuration.css';
import ConfigurationContent from '../ConfigurationContent/ConfigurationContent';

const Configuration = () => (
<div className="content">
<div className="row">
<div className="col-md-12">
<div className="card">
<div className="card-header">
<h4 className="card-title"> Paramètres</h4>
</div>
<div className="card-body">
<div className="table-responsive">
<div class="form-group">
<label for="cc-payment" class="control-label mb-1">Nom entreprise</label>
<input id="cc-payment" name="cc-payment" type="text" class="form-control" aria-required="true" aria-invalid="false" value="" />
</div>

<div class="form-group">
<label for="cc-payment" class="control-label mb-1">Email entreprise</label>
<input id="cc-payment" name="cc-payment" type="text" class="form-control" aria-required="true" aria-invalid="false" value="" />
</div>


<div class="form-group">
<label for="cc-payment" class="control-label mb-1">Adresse entreprise</label>
<input id="cc-payment" name="cc-payment" type="text" class="form-control" aria-required="true" aria-invalid="false" value="" />
</div>

<div class="row form-group">
<div class="col col-md-3"><label for="select" class=" form-control-label">Langue</label></div>
<div class="col-12 col-md-9">
<select name="select" id="select" class="form-control">
<option value="0">Please select</option>
<option value="1">Francais</option>
<option value="2">English</option>

</select>
</div>
</div>

<div class="row form-group">
<div class="col col-md-3"><label for="select" class=" form-control-label">Devise</label></div>
<div class="col-12 col-md-9">
<select name="select" id="select" class="form-control">
<option value="0">Please select</option>
<option value="1">Euro</option>
<option value="2">Dollar</option>

</select>
</div>
</div>

<button id="payment-button" type="submit" class="btn btn-info">
<i class="fa fa-save fa-lg"></i>&nbsp;
<span id="payment-button-amount">Enregister</span>

</button>
<div className="row">
<div className="col-md-12">
<div className="card">
<div className="card-header">
<h4 className="card-title"> Paramètres</h4>
</div>
<div className="card-body">
<ConfigurationContent />
</div>
</div>
</div>

</div>

</div>
</div>
);

Configuration.propTypes = {};
Expand Down
125 changes: 125 additions & 0 deletions src/modules/shared/ConfigurationContent/ConfigurationContent.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
.ConfigurationContent {}

.padding {
padding: 3rem !important
}

.user-card-full {
overflow: hidden
}

.card {

border: none;
margin-bottom: 30px
}

.m-r-0 {
margin-right: 0px
}

.m-l-0 {
margin-left: 0px
}



.bg-c-lite-green {

background: linear-gradient(to right, #ee5a6f, #f29263)
}

.user-profile {
padding: 20px 0
}

.card-block {
padding: 1.25rem
}

.m-b-25 {
margin-bottom: 25px
}

.img-radius {
border-radius: 5px
}

h6 {
font-size: 14px
}

.card .card-block p {
line-height: 25px
}

@media only screen and (min-width: 1400px) {
p {
font-size: 14px
}
}

.card-block {
padding: 1.25rem
}

.b-b-default {
border-bottom: 1px solid #e0e0e0
}

.m-b-20 {
margin-bottom: 20px
}

.p-b-5 {
padding-bottom: 5px !important
}

.card .card-block p {
line-height: 25px
}



.text-muted {
color: #919aa3 !important
}

.b-b-default {
border-bottom: 1px solid #e0e0e0
}

.f-w-600 {
font-weight: 600
}

.m-b-20 {
margin-bottom: 20px
}

.m-t-40 {
margin-top: 20px
}

.p-b-5 {
padding-bottom: 5px !important
}

.m-b-10 {
margin-bottom: 10px;
margin-top: 25px;;
}

.m-t-40 {
margin-top: 20px
}

.user-card-full .social-link li {
display: inline-block
}

.user-card-full .social-link li a {
font-size: 20px;
margin: 0 10px 0 0;
transition: all 0.3s ease-in-out
}
124 changes: 124 additions & 0 deletions src/modules/shared/ConfigurationContent/ConfigurationContent.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,124 @@
import React from 'react';
import PropTypes from 'prop-types';
import './ConfigurationContent.css';

const ConfigurationContent = () => (
<div className="Configuration-content">
<button type="button" class="btn btn-warning btn-sm"><i class="fas fa-edit"></i>Editer</button>
<div class="page-content page-container" id="page-content">
<div class="padding">
<div class="row container d-flex justify-content-center">
<div class="col-md-12">
<div class="">
<div class="row m-l-0 m-r-0">
<div class="col-md-12">
<div class="card-block">
<h6 class="m-b-20 p-b-5 b-b-default f-w-800">Système</h6>
<div class="row">
<div class="col-sm-4">
<p class="m-b-10 f-w-600">Devise</p>
<h6 class="text-muted f-w-400">USD</h6>
</div>

<div class="col-sm-4">
<p class="m-b-10 f-w-600">Langue</p>
<h6 class="text-muted f-w-400">Francais</h6>
</div>

<div class="col-sm-4">
<p class="m-b-10 f-w-600">Footer</p>
<h6 class="text-muted f-w-400">98979989898</h6>
</div>

<div class="col-sm-4">
<p class="m-b-10 f-w-600">Backend URL</p>
<h6 class="text-muted f-w-400">http//localhost</h6>
</div>

<div class="col-sm-4">
<p class="m-b-10 f-w-600">Backend port</p>
<h6 class="text-muted f-w-400">80</h6>
</div>
<div class="col-sm-4">
<p class="m-b-10 f-w-600">Backend technologie</p>
<h6 class="text-muted f-w-400">Nodejs</h6>
</div>
<div class="col-sm-4">
<p class="m-b-10 f-w-600">Footer</p>
<h6 class="text-muted f-w-400">Developed by Anis KCHAOU</h6>
</div>
</div>
<h6 class="m-b-20 m-t-40 p-b-5 b-b-default f-w-800">Entreprise</h6>
<div class="row">


<div class="col-sm-4">
<p class="m-b-10 f-w-600">Nom Entreprise</p>
<h6 class="text-muted f-w-400">FastBus</h6>
</div>
<div class="col-sm-4">
<p class="m-b-10 f-w-600">Time zone</p>
<h6 class="text-muted f-w-400">UTC +1</h6>
</div>
<div class="col-sm-4">
<p class="m-b-10 f-w-600">Date format</p>
<h6 class="text-muted f-w-400">dd-MM-yyyy</h6>
</div>
</div>


<h6 class="m-b-20 m-t-40 p-b-5 b-b-default f-w-800">Email</h6>
<div class="row">
<div class="col-sm-4">
<p class="m-b-10 f-w-600">Mail Driver </p>
<h6 class="text-muted f-w-400">gmail.google.com</h6>
</div>
<div class="col-sm-4">
<p class="m-b-10 f-w-600">mail Host</p>
<h6 class="text-muted f-w-400">gmail</h6>
</div>
<div class="col-sm-4">
<p class="m-b-10 f-w-600">Mail username</p>
<h6 class="text-muted f-w-400">dd-MM-yyyy</h6>
</div>

<div class="col-sm-4">
<p class="m-b-10 f-w-600">Mail password</p>
<h6 class="text-muted f-w-400">**************</h6>
</div>

<div class="col-sm-4">
<p class="m-b-10 f-w-600">Mail encryption</p>
<h6 class="text-muted f-w-400">SSL</h6>
</div>

<div class="col-sm-4">
<p class="m-b-10 f-w-600">Mail From</p>
<h6 class="text-muted f-w-400">[email protected]</h6>
</div>

<div class="col-sm-4">
<p class="m-b-10 f-w-600">Mail From Name</p>
<h6 class="text-muted f-w-400">Admin</h6>
</div>


</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
);

ConfigurationContent.propTypes = {};

ConfigurationContent.defaultProps = {};

export default ConfigurationContent;

0 comments on commit 97e6647

Please sign in to comment.