mirror of
https://github.com/openclassify/openclassify.git
synced 2026-01-11 18:01:10 -06:00
#3553 Ad post contact - Options Design
This commit is contained in:
Diatrex
parent
df7a1c07b4
commit
fdcb15ef22
@ -0,0 +1,185 @@
|
||||
#pageTitle {
|
||||
margin: 4rem 0;
|
||||
|
||||
h1 {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #707070;
|
||||
font-size: 24px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
#contactInfo {
|
||||
background-color: #FBFBFD;
|
||||
padding: 2.4rem 4rem 4.3rem;
|
||||
|
||||
h3 {
|
||||
color: #6E5DDB;
|
||||
font-size: 26px;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
#reachInfo {
|
||||
font-family: Poppins;
|
||||
margin-bottom: 2rem;
|
||||
|
||||
p {
|
||||
color: #4A4A4A;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
div {
|
||||
label {
|
||||
color: #505050;
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#contactSummary {
|
||||
font-family: Poppins;
|
||||
margin-bottom: 2rem;
|
||||
|
||||
label {
|
||||
font-size: 14px;
|
||||
color: #4A4A4A;
|
||||
width: 32.4%;
|
||||
font-weight: 500;
|
||||
|
||||
input {
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
|
||||
font-size: 17px;
|
||||
padding: 1.1rem 1.5rem;
|
||||
color: #707070;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#editContact {
|
||||
button {
|
||||
color: #0075FF;
|
||||
background: none;
|
||||
font-size: 18px;
|
||||
|
||||
svg {
|
||||
height: 1.08rem;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
span {
|
||||
margin-left: .75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#mainInfo {
|
||||
background-color: #FBFBFD;
|
||||
padding: 2.4rem 4rem 4.3rem;
|
||||
|
||||
h3 {
|
||||
color: #6E5DDB;
|
||||
font-size: 26px;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
label {
|
||||
font-family: Poppins;
|
||||
font-size: 14px;
|
||||
color: #4A4A4A;
|
||||
font-weight: 500;
|
||||
|
||||
input {
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
|
||||
font-size: 17px;
|
||||
padding: 1.1rem 1.5rem;
|
||||
color: #707070;
|
||||
}
|
||||
}
|
||||
|
||||
#stockInput {
|
||||
& > label {
|
||||
width: 47.5%;
|
||||
|
||||
&:not(.d-none) + div {
|
||||
top: .6rem;
|
||||
}
|
||||
|
||||
&.d-none + div {
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
div {
|
||||
width: 47.5%;
|
||||
position: relative;
|
||||
|
||||
svg {
|
||||
width: 2.2rem;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
label {
|
||||
position: relative;
|
||||
top: .25rem;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#priceInput {
|
||||
& > div {
|
||||
::placeholder {
|
||||
color: #B9C0CF;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
color: #B9C0CF;
|
||||
}
|
||||
|
||||
::-ms-input-placeholder {
|
||||
color: #B9C0CF;
|
||||
}
|
||||
|
||||
input, select {
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
|
||||
font-size: 17px;
|
||||
padding: 1.1rem 1.5rem;
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
width: 47.5%;
|
||||
|
||||
input {
|
||||
&:first-child {
|
||||
width: 83%;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
width: 17%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
width: 50.75%;
|
||||
|
||||
input {
|
||||
width: 83%;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 17%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="14.212" height="14.148" viewBox="0 0 14.212 14.148">
|
||||
<path id="Path_11030" data-name="Path 11030" d="M-1636.669-813.08l-.773.772-7.73,7.731-.006.006a.582.582,0,0,0-.1.159c-.007.015-.011.029-.017.045s-.016.041-.022.063l-.828,3.92a.681.681,0,0,0-.008.094c0,.007,0,.012,0,.019v.009a.508.508,0,0,0,.039.182c.005.013.01.026.017.039a.535.535,0,0,0,.1.153.542.542,0,0,0,.387.164h13.119a.546.546,0,0,0,.547-.546.546.546,0,0,0-.547-.546h-8.707l7.626-7.626.773-.772a2.732,2.732,0,0,0-.01-3.857,2.721,2.721,0,0,0-1.931-.8A2.724,2.724,0,0,0-1636.669-813.08Zm-7.791,9.989.833.834.833.832-2.112.447Zm1.607.061-1.16-1.16,6.958-6.957,1.159,1.16,1.159,1.159-6.957,6.957Zm6.57-8.89.387-.387a1.682,1.682,0,0,1,2.319,0,1.643,1.643,0,0,1,0,2.32l-.387.386Z" transform="translate(1646.16 813.872)" fill="#0075ff"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 850 B |
@ -0,0 +1,19 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="28.064" height="24.555" viewBox="0 0 28.064 24.555">
|
||||
<g id="credit-card" transform="translate(0 -32.008)">
|
||||
<g id="Group_16590" data-name="Group 16590" transform="translate(0 37.269)">
|
||||
<g id="Group_16589" data-name="Group 16589" transform="translate(0 0)">
|
||||
<path id="Path_11024" data-name="Path 11024" d="M12.278,129.746v-1.754H1.754A1.757,1.757,0,0,0,0,129.746v3.508H12.648A15.7,15.7,0,0,1,12.278,129.746Z" transform="translate(0 -127.992)" fill="#7a50f0"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_16592" data-name="Group 16592" transform="translate(0 46.039)">
|
||||
<g id="Group_16591" data-name="Group 16591">
|
||||
<path id="Path_11025" data-name="Path 11025" d="M27.992,287.992a15.776,15.776,0,0,1-5.634,4.913,2.635,2.635,0,0,1-2.615,0,15.855,15.855,0,0,1-5.636-4.916H0v8.77a1.756,1.756,0,0,0,1.754,1.754H26.31a1.755,1.755,0,0,0,1.754-1.754v-8.77Zm-20.1,5.262H4.385a.877.877,0,0,1,0-1.754H7.893a.877.877,0,0,1,0,1.754Z" transform="translate(0 -287.992)" fill="#7a50f0"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group_16594" data-name="Group 16594" transform="translate(14.032 32.008)">
|
||||
<g id="Group_16593" data-name="Group 16593" transform="translate(0 0)">
|
||||
<path id="Path_11026" data-name="Path 11026" d="M269.5,34.71l-6.139-2.631a.88.88,0,0,0-.693,0L256.53,34.71a.875.875,0,0,0-.53.805v3.508c0,4.825,1.784,7.646,6.579,10.408a.882.882,0,0,0,.873,0c4.8-2.756,6.579-5.576,6.579-10.408V35.515A.874.874,0,0,0,269.5,34.71ZM266.333,38.7l-3.508,4.385a.887.887,0,0,1-.686.328H262.1a.88.88,0,0,1-.693-.389l-1.754-2.631a.877.877,0,1,1,1.459-.972l1.089,1.633,2.757-3.448a.877.877,0,0,1,1.372,1.094Z" transform="translate(-256 -32.008)" fill="#7a50f0"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
@ -11,14 +11,21 @@ $('.formEditInfo').on('submit', function (e) {
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
data: form.serialize() + "&action=update",
|
||||
data: {
|
||||
action: 'update',
|
||||
first_name: $('input[name=first_name]', form).val(),
|
||||
last_name: $('input[name=last_name]', form).val(),
|
||||
gsm_phone: $('#gsm_phone', form).val(),
|
||||
office_phone: $('#office_phone', form).val(),
|
||||
land_phone: $('#land_phone', form).val(),
|
||||
},
|
||||
url: '/ajax/update-user-info',
|
||||
success: function (response) {
|
||||
if (response.status == "success") {
|
||||
var profile = response.data;
|
||||
$('.infoName').html(profile.first_name + " " + profile.last_name);
|
||||
$('.infoGsmPhone').html(profile.gsm_phone);
|
||||
$('.infoOfficePhone').html(profile.office_phone);
|
||||
$('.infoName').val(profile.first_name + " " + profile.last_name);
|
||||
$('.infoGsmPhone').val(profile.gsm_phone);
|
||||
$('.infoOfficePhone').val(profile.office_phone);
|
||||
$('.infoLandPhone').html(profile.land_phone);
|
||||
$('#editMyInfo').modal('hide');
|
||||
|
||||
|
||||
@ -1,7 +1,15 @@
|
||||
{% extends layout('new-create') %}
|
||||
|
||||
{% block styles %}
|
||||
<style>
|
||||
{{ asset_inline("visiosoft.module.advs::css/new-create.css") }}
|
||||
{{ asset_inline("visiosoft.module.advs::css/new-create-new.scss") }}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<section class="clearfix home-default">
|
||||
|
||||
{% include 'visiosoft.module.advs::new-ad/partials/steps' with {'step': 'new-create'} %}
|
||||
|
||||
<div>
|
||||
@ -17,6 +25,12 @@
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<div id="pageTitle" class="text-center">
|
||||
<h1 class="mb-3">Listing Details</h1>
|
||||
<h2>Create the ad flawlessly by entering detailed information about your ad.</h2>
|
||||
</div>
|
||||
|
||||
<div class="adpost-details">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
@ -48,38 +62,74 @@
|
||||
|
||||
{% include 'visiosoft.module.advs::new-ad/partials/contact-info' %}
|
||||
|
||||
<h5 class="mt-5 pb-1 border-bottom">{{ trans('visiosoft.module.advs::field.ad_info') }}</h5>
|
||||
<div class="section postdetails bg-light p-4">
|
||||
<div class="row form-group add-title">
|
||||
{% set fields = form.fields.base().pluck('field_name').all() %}
|
||||
<div class="col-md-12">
|
||||
<div class="field-group name">
|
||||
{% for field in form.fields.translations('name') %}
|
||||
{{ field.render({'form': form})|raw }}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div id="mainInfo" class="border">
|
||||
<h3>{{ trans('visiosoft.module.advs::field.ad_info') }}</h3>
|
||||
|
||||
<div style="display: none">
|
||||
{{ form.fields.slug|raw }}
|
||||
</div>
|
||||
</div>
|
||||
<label class="w-100 mb-2">
|
||||
{% set fields = form.fields.base().pluck('field_name').all() %}
|
||||
{% for field in form.fields.translations('name') %}
|
||||
{{ field.setAttributes({
|
||||
'class': 'd-block mt-3 w-100 border-0'
|
||||
}).render({'form': form})|raw }}
|
||||
{% endfor %}
|
||||
</label>
|
||||
|
||||
{% if setting_value('visiosoft.module.advs::market_place') %}
|
||||
{{ addBlock('new-ad/fields', {'adv': adv})|raw }}
|
||||
{% endif %}
|
||||
<div class="row form-group select-price
|
||||
{{ setting_value('visiosoft.module.advs::hide_standard_price_field') ? ' d-none' }}
|
||||
{{ setting_value('visiosoft.module.advs::market_place') != true ? 'd-none' }}">
|
||||
<label class="col-sm-2 col-xs-12">
|
||||
{{ form.fields.standard_price.label|raw }}
|
||||
<span class="required">*</span>
|
||||
</label>
|
||||
<div class="col-12 standard-price-hidden d-none">
|
||||
{{ form.fields.standard_price.setAttributes({
|
||||
'required' :true
|
||||
}).input|raw }}
|
||||
|
||||
<div id="priceInput" class="d-flex justify-content-between mb-4">
|
||||
<div>
|
||||
<label>Fiyat</label>
|
||||
<div class="d-flex">
|
||||
<input type="text" class="mt-3 border-0 text-right" placeholder="0">
|
||||
<input type="text" class="mt-3 border-0 ml-2 text-center"
|
||||
placeholder="00">
|
||||
</div>
|
||||
</div>
|
||||
<div class="{{ setting_value('visiosoft.module.advs::hide_standard_price_field') or setting_value('visiosoft.module.advs::market_place') != true ? 'd-none' }}">
|
||||
<label>
|
||||
{{ form.fields.standard_price.label }}
|
||||
<span class="required">*</span>
|
||||
</label>
|
||||
<div class="d-flex">
|
||||
{{ form.fields.standard_price.setAttributes({
|
||||
'class': 'mt-3 border-0',
|
||||
'required': true,
|
||||
}).input|raw }}
|
||||
<select name="currency" class="mt-3 border-0 ml-2" id="currency" required>
|
||||
<option value="tl">TL</option>
|
||||
</select>
|
||||
|
||||
|
||||
|
||||
|
||||
{% for currency in config_get('streams::currencies.enabled') %}
|
||||
<option value="{{ currency }}">
|
||||
{% if currency == "TRY" %}
|
||||
{{ currency_symbol(currency) }}
|
||||
{% else %}
|
||||
{{ currency }}
|
||||
{% endif %}
|
||||
</option>
|
||||
{% endfor %}
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<label class="w-100">
|
||||
Opsiyonlar
|
||||
<input type="text" class="d-block mt-3 w-100 border-0">
|
||||
</label>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{% set standardPriceValue = form.fields.standard_price.value|split('.') %}
|
||||
<div class="col-8 pr-0 col-md-3">
|
||||
<input class="form-control standard-price-field whole-price"
|
||||
@ -115,22 +165,6 @@
|
||||
value="{{ PriceValue[1] }}">
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="col-sm-3 col-6">
|
||||
<select name="currency" class="custom-select form-control" data-field="currency"
|
||||
data-field_name="currency" data-provides="anomaly.field_type.select"
|
||||
id="currency" required="">
|
||||
{% for currency in config_get('streams::currencies.enabled') %}
|
||||
<option value="{{ currency }}">
|
||||
{% if currency == "TRY" %}
|
||||
{{ currency_symbol(currency) }}
|
||||
{% else %}
|
||||
{{ currency }}
|
||||
{% endif %}
|
||||
</option>
|
||||
{% endfor %}
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if not setting_value('visiosoft.module.advs::hide_options_field') %}
|
||||
@ -275,6 +309,5 @@
|
||||
{{ asset_add("scripts.js", "visiosoft.module.advs::js/new-create.js") }}
|
||||
{{ asset_add("scripts.js", "streams::js/form/form.js") }}
|
||||
{{ asset_add("scripts.js", "streams::js/form/translations.js") }}
|
||||
{{ asset_add("styles.css", "visiosoft.module.advs::css/new-create.css") }}
|
||||
|
||||
{% endblock %}
|
||||
@ -1,47 +1,39 @@
|
||||
<h5 class="pb-1 border-bottom">{{ trans('visiosoft.module.advs::field.contact_info') }}</h5>
|
||||
<div class="px-3 bg-light row justify-content-center m-0">
|
||||
<div class="col-md-9 col-lg-7 border my-4 bg-white py-3 row m-0 px-0 editContact rounded">
|
||||
<div class="col-12 row m-0 border-bottom py-2">
|
||||
<div class="col-12 col-md-4 pl-0">
|
||||
<label class="mb-0 font-weight-bold">
|
||||
{{ trans('visiosoft.module.profile::field.first_name.name') }}
|
||||
{{ trans('visiosoft.module.profile::field.last_name.name') }}:
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-12 col-md-8 infoName">
|
||||
{{ getProfileDetail(auth_user().id).first_name }}
|
||||
{{ getProfileDetail(auth_user().id).last_name }}
|
||||
</div>
|
||||
<div id="contactInfo" class="mb-3">
|
||||
<h3>{{ trans('visiosoft.module.advs::field.contact_info') }}</h3>
|
||||
<div id="reachInfo">
|
||||
<p>Size nasıl ulaşılsın?</p>
|
||||
<div>
|
||||
<label class="mr-3">
|
||||
<input type="radio" class="mr-1" checked>
|
||||
Telefon numaralarım ile
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" class="mr-1">
|
||||
Telefonla ulaşılmak istemiyorum
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-12 row m-0 border-bottom py-1">
|
||||
<div class="col-12 col-md-4 pl-0">
|
||||
<label class="mb-0 font-weight-bold">{{ trans('visiosoft.module.profile::field.gsm_phone.name') }}</label>
|
||||
</div>
|
||||
<div class="col-12 col-md-8 infoGsmPhone">
|
||||
{{ getProfileDetail(auth_user().id).gsm_phone }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 row m-0 border-bottom py-1">
|
||||
<div class="col-12 col-md-4 pl-0">
|
||||
<label class="mb-0 font-weight-bold">{{ trans('visiosoft.module.profile::field.office_phone.name') }}</label>
|
||||
</div>
|
||||
<div class="col-12 col-md-8 infoOfficePhone">
|
||||
{{ getProfileDetail(auth_user().id).office_phone }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 row m-0 py-1">
|
||||
<div class="col-12 col-md-4 pl-0">
|
||||
<label class="mb-0 font-weight-bold">{{ trans('visiosoft.module.profile::field.land_phone.name') }}</label>
|
||||
</div>
|
||||
<div class="col-12 col-md-8 infoLandPhone">
|
||||
{{ getProfileDetail(auth_user().id).land_phone }}
|
||||
</div>
|
||||
</div>
|
||||
<p class="px-3 py-2">
|
||||
<a href="#" class="editInformationUser">
|
||||
<i class="fas fa-pen"></i>
|
||||
{{ trans('visiosoft.module.advs::field.update_my_contact_info') }}
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="contactSummary" class="d-flex justify-content-between">
|
||||
<label>
|
||||
{{ trans('visiosoft.module.profile::field.name.name') }}
|
||||
<input type="text" class="d-block mt-3 w-100 border-0 bg-white infoName" value="{{ auth_user().name }}"
|
||||
disabled>
|
||||
</label>
|
||||
<label>
|
||||
{{ trans('visiosoft.module.profile::field.gsm_phone.name') }}
|
||||
<input type="text" class="d-block mt-3 w-100 border-0 bg-white infoGsmPhone" disabled
|
||||
value="{{ auth_user().gsm_phone }}">
|
||||
</label>
|
||||
<label>
|
||||
{{ trans('visiosoft.module.profile::field.office_phone.name') }}
|
||||
<input type="text" class="d-block mt-3 w-100 border-0 bg-white infoOfficePhone" disabled
|
||||
value="{{ auth_user().office_phone }}">
|
||||
</label>
|
||||
</div>
|
||||
<div id="editContact">
|
||||
<button type="button" class="d-flex ml-auto align-items-center border-0 editInformationUser">
|
||||
{{ img('visiosoft.module.advs::images/create/contact-edit.svg').data|raw }}
|
||||
<span>{{ trans('visiosoft.module.advs::field.update_my_contact_info') }}</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user