bootsrap 4 basic template for advs-module

This commit is contained in:
vedatakd 2019-11-09 18:34:40 +03:00
parent 1b97a636ea
commit 24f361e570
9 changed files with 81 additions and 75 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 775 KiB

View File

@ -1,3 +1,11 @@
function showLoader() {
$('body').append('<div class="loading-cart"><div class="lds-ripple"><div></div><div></div></div></div>');
}
function hideLoader() {
$('.loading-cart').remove();
}
$(document).ready(function () {
$('select[name="cat1"], select[name="cat2"], select[name="cat3"], ' +
'select[name="cat4"], select[name="cat5"], select[name="cat6"], select[name="cat7"]').on('change', function () {
@ -7,7 +15,6 @@ $(document).ready(function () {
const filter = {};
filter.getCats = (catId, divId) => {
console.log(catId,divId)
$.ajax({
type: 'get',
url: '/class/getcats/'+ divId,
@ -20,12 +27,12 @@ $(document).ready(function () {
btn = "<a class='btn btn-primary' href='"+response['link']+"' role='button'>"+response['nextBtn']+"</a>";
}
$('.cat-item-3').html(
'<div class="section next-stap post-option">' +
'<h2>'+response['title']+'</h2>' +
'<p>'+response['msg']+'</p>' +
'<div class="section next-stap post-option p-2">' +
'<h5>'+response['title']+'</h5>' +
'<p class="p-2">'+response['msg']+'</p>' +
'<div class="btn-section btn-next">' +
btn +
'<a href="/" class="btn-info">'+response['cancelBtn']+'</a></div></div>'
'<a href="/">'+response['cancelBtn']+'</a></div></div>'
);
$('.cat-item-3').show();
stop();

View File

@ -1,3 +1,12 @@
function showLoader() {
$('body').append('<div class="loading-cart"><div class="lds-ripple"><div></div><div></div></div></div>');
}
function hideLoader() {
$('.loading-cart').remove();
}
const filter = {};
// TODO will be unified

View File

@ -5,8 +5,18 @@
<div class="container">
{% include "theme::partials/messages" %}
{% include "visiosoft.module.advs::new-ad/partials/breadcrumb" %}
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
{% for cat in cats_d %}
<li class="breadcrumb-item"><a href="#">{{ cat }}</a></li>
{% endfor %}
<li class="breadcrumb-item">
<a href="{{ url_route('adv::edit_category',[id]) }}">
<i class="fas fa-pencil-alt"></i> {{ trans('visiosoft.module.advs::field.edit_category') }}
</a>
</li>
</ol>
</nav>
<div class="adpost-details">
<div class="row">
<div class="col-md-12">
@ -32,22 +42,8 @@
{{ trans('visiosoft.module.advs::field.sell_item') }}
<span class="pull-right">* {{ trans('visiosoft.module.advs::field.mandatory_fields') }}</span>
</h4>
<div class="form-group selected-product">
<ul class="select-category list-inline">
{% for cat in cats_d %}
<li>
<a>
{{ cat }}
</a>
</li>
{% endfor %}
<a href="{{ url_route('adv::edit_category',[id]) }}"><i
class="fas fa-pencil-alt"></i> {{ trans('visiosoft.module.advs::field.edit_category') }}
</a>
</ul>
</div>
<div class="row form-group add-title">
<div class="col-md-9">
<div class="col-md-12">
{{ nameField|raw }}
</div>
{% if entries('advs').isEnabled('store') %}
@ -98,10 +94,14 @@
</div>
</div>
<div class="row form-group brand-name">
{{ descField|raw }}
<div class="col-md-12">
{{ descField|raw }}
</div>
</div>
<div class="row form-group images">
{{ form.fields.files.input |raw }}
<div class="col-md-12">
{{ form.fields.files.input |raw }}
</div>
</div>
{% if entries('advs').isEnabled('customfields') %}
{% include "visiosoft.module.customfields::new-ad/fields" %}

View File

@ -1,7 +1,7 @@
<div class="breadcrumb-section">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li><a href="/">{{ trans('visiosoft.module.advs::field.home') }}</a></li>
<li>{{ trans('visiosoft.module.advs::field.ad_post') }}</li>
<li class="breadcrumb-item"><a href="{{ url("/") }}">{{ trans('visiosoft.module.advs::field.home') }}</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ trans('visiosoft.module.advs::field.ad_post') }}</li>
</ol>
<h2 class="title">{{ trans('visiosoft.module.advs::field.post_free_ad') }}</h2>
</div>
</nav>

View File

@ -7,83 +7,74 @@
<div id="ad-cat-section">
<form action="{{ url_route('visiosoft.module.advs::post_cat') }}" method="post">
<div class="row category-tab">
<div class="col-md-3 col-sm-6 cat-item">
<div class="section cat-option select-category post-option">
<h4>{{ trans('visiosoft.module.advs::field.select_a_category') }}</h4>
<ul role="tablist">
<div class="col-lg-3 col-md-4 col-sm-6 cat-item mb-2">
<div class="section cat-option select-category post-option card p-2">
<h5>{{ trans('visiosoft.module.advs::field.select_a_category') }}</h5>
<select class="cat-select" name="cat1" id="cat1" multiple id="">
{% for cat in main_cats %}
<option value="{{ cat.id }}"><span
style="font-size: 20px">{{ cat.name }}</span></option>
<option value="{{ cat.id }}">
{{ cat.name }}
</option>
{% endfor %}
</select>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 cat-item cat-item-2">
<div class="section cat-option select-category post-option">
<h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
<ul role="tablist">
<div class="col-lg-3 col-md-4 col-sm-6 cat-item mb-2 cat-item-2">
<div class="section cat-option select-category post-option card p-2">
<h5>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h5>
<select class="cat-select" name="cat2" id="cat2" multiple id="">
</select>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 cat-item cat-item-2">
<div class="section cat-option select-category post-option">
<h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
<ul role="tablist">
<div class="col-lg-3 col-md-4 col-sm-6 cat-item mb-2 cat-item-2">
<div class="section cat-option select-category post-option card p-2">
<h5>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h5>
<select class="cat-select" name="cat3" id="cat3" multiple id="">
</select>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 cat-item cat-item-2">
<div class="section cat-option select-category post-option">
<h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
<ul role="tablist">
<div class="col-lg-3 col-md-4 col-sm-6 cat-item mb-2 cat-item-2">
<div class="section cat-option select-category post-option card p-2">
<h5>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h5>
<select class="cat-select" name="cat4" id="cat4" multiple id="">
</select>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 cat-item cat-item-2">
<div class="section cat-option select-category post-option">
<h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
<ul role="tablist">
<div class="col-lg-3 col-md-4 col-sm-6 cat-item mb-2 cat-item-2">
<div class="section cat-option select-category post-option card p-2">
<h5>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h5>
<select class="cat-select" name="cat5" id="cat5" multiple id="">
</select>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 cat-item cat-item-2">
<div class="section cat-option select-category post-option">
<h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
<ul role="tablist">
<div class="col-lg-3 col-md-4 col-sm-6 cat-item mb-2 cat-item-2">
<div class="section cat-option select-category post-option card p-2">
<h5>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h5>
<select class="cat-select" name="cat6" id="cat6" multiple id="">
</select>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-6 cat-item cat-item-2">
<div class="section cat-option select-category post-option">
<h4>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h4>
<ul role="tablist">
<div class="col-lg-3 col-md-4 col-sm-6 cat-item mb-2 cat-item-2">
<div class="section cat-option select-category post-option card p-2">
<h5>{{ trans('visiosoft.module.advs::field.select_a_sub_category') }}</h5>
<select class="cat-select" name="cat7" id="cat7" multiple id="">
</select>
</ul>
</div>
</div>
<div class="col-md-4 col-sm-6 cat-item cat-item-3">
<div class="col-lg-4 col-md-12 cat-item mb-2">
<div class="card cat-item-3 p-2">
</div><!-- next-stap -->
</div>
</div>
</div>
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-center">
@ -101,6 +92,10 @@
overflow-y: auto
}
.cat-select:focus {
outline: none;
}
.cat-select option {
border-top: 1px solid #f2f2f2;
padding: 15px 0 20px;
@ -119,7 +114,7 @@
}
#main {
background-image: {{ img('theme::images/bg/main.png').url }} !important;
background-image: {{ img('visiosoft.module.advs::images/main.png').url }} !important;
}
.btn-1 {

View File

@ -1,5 +1,5 @@
<?php
return [
'showOn' => 'Ana',
'showOn' => 'Vitrin',
];

View File

@ -1,8 +1,3 @@
<script
src="https://code.jquery.com/jquery-1.11.3.js"
integrity="sha256-IGWuzKD7mwVnNY01LtXxq3L84Tm/RJtNCYBfXZw3Je0="
crossorigin="anonymous"></script>
{{ asset_add('scripts.js', 'visiosoft.field_type.media::js/jquery-sortable.js') }}
{% if not (field_type.readonly) %}

View File

@ -64,7 +64,7 @@ class ValueTableBuilder extends TableBuilder
],
'rotate' => [
'target' => '_blank',
'icon' => 'fa fa-repeat',
'icon' => 'fas fa-redo',
'type' => 'info',
'text' => '',
'attributes' => [