-{"version":3,"sources":["bunchmultiple.less"],"names":[],"mappings":"AAAA;EACI,cAAA;;AAEA,cAAC;EACG,WAAA;;AAJR,cAOI;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,mBAAA;;AAEA,cANJ,wBAMK;EACG,aAAA;;AAGJ,cAVJ,wBAUK;EACG,UAAA;EACA,SAAA;EACA,gBAAA;EACA,gBAAA;;AArBZ,cAOI,wBAkBI;EACI,UAAA;;AA1BZ,cAOI,wBAkBI,cAGI;EACI,gBAAA;EACA,mBAAA;;AA9BhB,cAOI,wBA2BI;EACI,mBAAA;;AAEA,cA9BR,wBA2BI,MAGK;EACG,uBAAA;EACA,sBAAA;;AAFJ,cA9BR,wBA2BI,MAGK,MAIG;EACI,UAAA;;AALR,cA9BR,wBA2BI,MAGK,MAQG;EACI,UAAA;;AA9CpB,cAOI,wBA2BI,MAgBI;EACI,yBAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;EACA,eAAA;;AAvDhB,cAOI,wBA2BI,MAgBI,QAOI;EACI,qBAAA;EACA,gBAAA;EACA,yBAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EACA,UAAA;EACA,SAAA;;AAjEpB,cAOI,wBA2BI,MAgBI,QAkBI,EAAC;EACG,WAAA;EACA,gBAAA;EACA,qBAAA;;AAEA,cAlEhB,wBA2BI,MAgBI,QAkBI,EAAC,OAKI;EACG,mBAAA;EACA,YAAA;;AAGJ,cAvEhB,wBA2BI,MAgBI,QAkBI,EAAC,OAUI;EACG,kBAAA;EACA,WAAA;EACA,eAAA;;AAGJ,cA7EhB,wBA2BI,MAgBI,QAkBI,EAAC,OAgBI;EACG,kBAAA;EACA,WAAA;EACA,eAAA;;AAvFxB,cAOI,wBA2BI,MA0DI;EACI,gBAAA;EACA,iEAAA;EACA,yBAAA;EACA,eAAA;;AAGJ,cA5FR,wBA2BI,MAiEK;EACG,aAAA;;AAGJ,cAhGR,wBA2BI,MAqEK,UACG;EACI,oBAAA;EACA,UAAA","file":"bunchmultiple.css"}
\ No newline at end of file
+{"version":3,"sources":["bunchmultiple.less"],"names":[],"mappings":"AAAA;EACI,cAAA;;AAEA,cAAC,uBACG,wBACI,MACI,QACI,EAAC;EACG,kBAAA;EACA,SAAA;;AAEA,cARnB,uBACG,wBACI,MACI,QACI,EAAC,OAII;EACG,QAAA;EACA,mBAAA;;AAVxB,cAAC,uBACG,wBAeI;EAKI,qBAAA;EACA,mBAAA;;AAtBZ,cAAC,uBACG,wBAeI,YACI;EACI,aAAA;;AAlBhB,cAAC,uBACG,wBAeI,YAQI;EACI,UAAA;EACA,qBAAA;EACA,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,kBAAA;EACA,SAAA;;AA/BhB,cAAC,uBACG,wBAeI,YAkBI,MAAK;EACD,YAAA;;AAQhB,cAAC;EACG,WAAA;;AA/CR,cAkDI;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,mBAAA;;AAEA,cANJ,wBAMK;EACG,aAAA;;AAGJ,cAVJ,wBAUK;EACG,UAAA;EACA,SAAA;EACA,gBAAA;EACA,gBAAA;;AAhEZ,cAkDI,wBAkBI;EACI,UAAA;;AArEZ,cAkDI,wBAkBI,cAGI;EACI,gBAAA;EACA,mBAAA;;AAzEhB,cAkDI,wBA2BI;EACI,mBAAA;;AAEA,cA9BR,wBA2BI,MAGK;EACG,uBAAA;EACA,sBAAA;;AAFJ,cA9BR,wBA2BI,MAGK,MAIG;EACI,UAAA;;AALR,cA9BR,wBA2BI,MAGK,MAQG;EACI,UAAA;;AAzFpB,cAkDI,wBA2BI,MAgBI;EACI,yBAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;EACA,eAAA;;AAlGhB,cAkDI,wBA2BI,MAgBI,QAOI;EACI,qBAAA;EACA,gBAAA;EACA,yBAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EACA,UAAA;EACA,SAAA;;AA5GpB,cAkDI,wBA2BI,MAgBI,QAkBI,EAAC;EACG,WAAA;EACA,gBAAA;EACA,qBAAA;;AAEA,cAlEhB,wBA2BI,MAgBI,QAkBI,EAAC,OAKI;EACG,mBAAA;EACA,YAAA;;AAGJ,cAvEhB,wBA2BI,MAgBI,QAkBI,EAAC,OAUI;EACG,kBAAA;EACA,WAAA;EACA,eAAA;;AAGJ,cA7EhB,wBA2BI,MAgBI,QAkBI,EAAC,OAgBI;EACG,kBAAA;EACA,WAAA;EACA,eAAA;;AAlIxB,cAkDI,wBA2BI,MA0DI;EACI,gBAAA;EACA,iEAAA;EACA,yBAAA;EACA,eAAA;;AAGJ,cA5FR,wBA2BI,MAiEK;EACG,aAAA;;AAGJ,cAhGR,wBA2BI,MAqEK,UACG;EACI,oBAAA;EACA,UAAA","file":"bunchmultiple.css"}
\ No newline at end of file
});
}
+ $(window).on('resize', function () {
+ $this.resize();
+ });
+
+
this.element.on('click', '.additem' + this.bmidselector, function () {
$this.initItem();
return false;
setTimeout(function () {
$this.inited = true;
$this.updateAndChange();
+
}, 1000);
+ this.resize();
},
cleanTemplate: function () {
}
this.serialize();
this.updateLegends();
+ this.resize();
+ },
+
+ resize: function () {
+ this.element.find('.legendsize').each(function () {
+ var parent = $(this).closest('.legend');
+ var aw = $(parent).innerWidth() - 130;
+ $(this).css({width: aw, maxWidth: aw, minWidth: aw});
+ });
},
serialize: function () {
- console.log('serialize');
+
+
var val = [];
var $this = this;
var id = this.element.attr('id');
- $.each(this.element.find('.item' + this.bmidselector + ':not(.sample) .subform' + this.bmidselector), function () {
-
+ $.each(this.element.find('.item' + this.bmidselector + ':not(.sample) .bunchfields' + this.bmidselector), function () {
$(this).find('.bunchmultiple').each(function () {
try {
$(this).data('bunchmultiple').serialize();
val.push(filteredData);
});
+ if (this.element.is('.bunchmultiple_keyvalue')) {
+ var kvval = {};
+
+ $.each(val, function (k, v) {
+ kvval[v.key] = v.value;
+ });
+ val = kvval;
+ }
this.element.find('.hiddenfield' + this.bmidselector).val(JSON.stringify(val));
},
updateLegends: function () {
- console.log('update legends');
$('[data-legend]' + this.bmidselector).each(function () {
var item = $(this).closest('.item');
var form = item.find('.subform');
--- /dev/null
+<!-- Bunch -->
+
+<?php
+$empty = [];
+$value = old(square_brackets_to_dots($field['name'])) ?? $field['value'] ?? $field['default'] ?? $empty;
+if ($value == '') {
+ $value = $empty;
+}
+
+if (is_array($value)) {
+ $normalizedValue = [];
+ foreach ($value as $k => $v) {
+ if (!is_array($v) && !is_object($v)) {
+ $normalizedValue[] = ['key' => $k, 'value' => $v];
+ } else {
+ $normalizedValue[$k] = $v;
+ }
+ }
+ $value = $normalizedValue;
+}
+
+if (!is_string($value)) {
+ $value = json_encode($value);
+}
+
+?>
+<div class="bunchmultiple bunchmultiple_keyvalue" id="{!! $field['rand'] !!}" data-values="{{ $value }}">
+ <input type="hidden" class="hiddenfield" name="{{$field['name']}}" value="{{ $value }}"
+ data-bmid="{!! $field['rand'] !!}"/>
+ <div class="bunchmultiple__wrapper" data-bmid="{!! $field['rand'] !!}">
+ @include('crud::fields.inc.wrapper_start')
+ <label>{!! $field['label'] !!}</label>
+ @include('crud::fields.inc.translatable_icon')
+ <div class="clearfix"></div>
+
+ <div class="bunchmultiple__items" data-bmid="{!! $field['rand'] !!}">
+ <div class="item sample" data-bmid="{!! $field['rand'] !!}">
+ <div class="legend" data-bmid="{!! $field['rand'] !!}">
+ <a href="#" class="action sort-handle" data-bmid="{!! $field['rand'] !!}"><i class="la la-sort"
+ role="presentation"
+ aria-hidden="true"></i></a>
+ <div class="legendsize">
+ @include('cubist_back::inc.show_bunch_fields', array('bunchfields'=>$field['bunchfields'],'bmid'=>$field['rand'],'keyvalue'=>true))
+ </div>
+ <a href="#" class="action edit" data-bmid="{!! $field['rand'] !!}"><i class="la la-pencil"
+ role="presentation"
+ aria-hidden="true"></i></a>
+ <a href="#" class="action remove" data-bmid="{!! $field['rand'] !!}"><i class="la la-trash"
+ role="presentation"
+ aria-hidden="true"></i></a>
+
+ </div>
+
+ </div>
+ </div>
+
+ <div class="btn-group m-t-10">
+ <button class="btn btn-sm btn-default additem" data-bmid="{!! $field['rand'] !!}" type="button"><i
+ class="la la-plus"></i> {{$field['add_label']}}</button>
+ </div>
+
+ <div class="clearfix"></div>
+
+ {{-- HINT --}}
+ @if (isset($field['hint']))
+ <p class="help-block">{!! $field['hint'] !!}</p>
+ @endif
+ @include('crud::fields.inc.wrapper_end')
+ </div>
+</div>
+
+
+{{-- ########################################## --}}
+{{-- Extra CSS and JS for this particular field --}}
+{{-- If a field type is shown multiple times on a form, the CSS and JS will only be loaded once --}}
+@if ($crud->checkIfFieldIsFirstOfItsType($field))
+
+ {{-- FIELD CSS - will be loaded in the after_styles section --}}
+ @push('crud_fields_styles')
+ <link rel="stylesheet" type="text/css"
+ href="{{ vendor_asset('vendor/cubist/cms-back/bunchmultiple/bunchmultiple.css') }}">
+ @endpush
+
+ {{-- FIELD JS - will be loaded in the after_scripts section --}}
+ @push('crud_fields_scripts')
+ <script src="{{ vendor_asset('vendor/cubist/cms-back/sortable/sortable.js') }}"></script>
+ <script src="{{ vendor_asset('vendor/cubist/cms-back/bunchmultiple/bunchmultiple.js') }}"></script>
+ @endpush
+
+@endif
+{{-- End of Extra CSS and JS --}}
+{{-- ########################################## --}}
projects / cubist_cms-back.git / commitdiff