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 () { $(document).ready(function () {
$('select[name="cat1"], select[name="cat2"], select[name="cat3"], ' + $('select[name="cat1"], select[name="cat2"], select[name="cat3"], ' +
'select[name="cat4"], select[name="cat5"], select[name="cat6"], select[name="cat7"]').on('change', function () { 'select[name="cat4"], select[name="cat5"], select[name="cat6"], select[name="cat7"]').on('change', function () {
@ -7,7 +15,6 @@ $(document).ready(function () {
const filter = {}; const filter = {};
filter.getCats = (catId, divId) => { filter.getCats = (catId, divId) => {
console.log(catId,divId)
$.ajax({ $.ajax({
type: 'get', type: 'get',
url: '/class/getcats/'+ divId, 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>"; btn = "<a class='btn btn-primary' href='"+response['link']+"' role='button'>"+response['nextBtn']+"</a>";
} }
$('.cat-item-3').html( $('.cat-item-3').html(
'<div class="section next-stap post-option">' + '<div class="section next-stap post-option p-2">' +
'<h2>'+response['title']+'</h2>' + '<h5>'+response['title']+'</h5>' +
'<p>'+response['msg']+'</p>' + '<p class="p-2">'+response['msg']+'</p>' +
'<div class="btn-section btn-next">' + '<div class="btn-section btn-next">' +
btn + btn +
'<a href="/" class="btn-info">'+response['cancelBtn']+'</a></div></div>' '<a href="/">'+response['cancelBtn']+'</a></div></div>'
); );
$('.cat-item-3').show(); $('.cat-item-3').show();
stop(); 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 = {}; const filter = {};
// TODO will be unified // TODO will be unified

View File

@ -5,8 +5,18 @@
<div class="container"> <div class="container">
{% include "theme::partials/messages" %} {% 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="adpost-details">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
@ -32,22 +42,8 @@
{{ trans('visiosoft.module.advs::field.sell_item') }} {{ trans('visiosoft.module.advs::field.sell_item') }}
<span class="pull-right">* {{ trans('visiosoft.module.advs::field.mandatory_fields') }}</span> <span class="pull-right">* {{ trans('visiosoft.module.advs::field.mandatory_fields') }}</span>
</h4> </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="row form-group add-title">
<div class="col-md-9"> <div class="col-md-12">
{{ nameField|raw }} {{ nameField|raw }}
</div> </div>
{% if entries('advs').isEnabled('store') %} {% if entries('advs').isEnabled('store') %}
@ -98,10 +94,14 @@
</div> </div>
</div> </div>
<div class="row form-group brand-name"> <div class="row form-group brand-name">
{{ descField|raw }} <div class="col-md-12">
{{ descField|raw }}
</div>
</div> </div>
<div class="row form-group images"> <div class="row form-group images">
{{ form.fields.files.input |raw }} <div class="col-md-12">
{{ form.fields.files.input |raw }}
</div>
</div> </div>
{% if entries('advs').isEnabled('customfields') %} {% if entries('advs').isEnabled('customfields') %}
{% include "visiosoft.module.customfields::new-ad/fields" %} {% include "visiosoft.module.customfields::new-ad/fields" %}

View File

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

View File

@ -1,5 +1,5 @@
<?php <?php
return [ 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') }} {{ asset_add('scripts.js', 'visiosoft.field_type.media::js/jquery-sortable.js') }}
{% if not (field_type.readonly) %} {% if not (field_type.readonly) %}

View File

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