new pisilinux web sites
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
<script>
|
||||
function {{$serializerFunction}}(element)
|
||||
{
|
||||
var form = $(element).closest('form');
|
||||
|
||||
if ( form.is(":valid") )
|
||||
{
|
||||
$.ajax
|
||||
({
|
||||
url : '{{ URL::site($serializerUrl) }}',
|
||||
type : 'post',
|
||||
data : form.serialize(),
|
||||
{{ $serializerProperties}}
|
||||
success:function(data)
|
||||
{
|
||||
@if( is_string($serializerSelector) )
|
||||
$('{{$serializerSelector}}').html(data);
|
||||
@elseif( is_callable($serializerSelector) )
|
||||
{{ $serializerSelector() }}
|
||||
@endif
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,28 @@
|
||||
<script>
|
||||
function {{$serializerFunction}}(element)
|
||||
{
|
||||
var form = $(element).closest('form');
|
||||
|
||||
if ( form.is(":valid") )
|
||||
{
|
||||
var value = $(element).val();
|
||||
var name = $(element).attr('name');
|
||||
|
||||
$.ajax
|
||||
({
|
||||
url : '{{ URL::site($serializerUrl) }}',
|
||||
type : 'post',
|
||||
data : {name : value},
|
||||
{{ $serializerProperties}}
|
||||
success:function(data)
|
||||
{
|
||||
@if( is_string($serializerSelector) )
|
||||
$('{{$serializerSelector}}').html(data);
|
||||
@elseif( is_callable($serializerSelector) )
|
||||
{{ $serializerSelector() }}
|
||||
@endif
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,53 @@
|
||||
|
||||
<div id="{{ $carouselId }}" class="carousel slide" data-ride="carousel">
|
||||
|
||||
|
||||
|
||||
@if( isset($carouseIndicators) )
|
||||
{[ $index = 0 ]}
|
||||
<ol class="carousel-indicators">
|
||||
@foreach( $carouselImages as $key => $image )
|
||||
{[ $active = $index === 0 ? ' class="active"' : NULL ]}
|
||||
<li data-target="#{{ $carouselId }}" data-slide-to="{{ $index }}"{{ $active }}></li>
|
||||
{[ $index++ ]}
|
||||
@endforeach
|
||||
</ol>
|
||||
@endif
|
||||
|
||||
{[ $index = 0 ]}
|
||||
<div class="carousel-inner">
|
||||
@foreach( $carouselImages as $key => $image )
|
||||
{[
|
||||
$active = $index === 0 ? ' active' : NULL;
|
||||
|
||||
if( ! is_numeric($key) )
|
||||
{
|
||||
$attr = $image;
|
||||
$image = $key;
|
||||
}
|
||||
else
|
||||
{
|
||||
$attr = NULL;
|
||||
}
|
||||
]}
|
||||
<div class="item{{ $active }}">
|
||||
<img class="{{ $attr['class'] ?? NULL }}" src="{{ URL::base($image) }}" alt="{{ $attr['alt'] ?? ZN\Filesystem::removeExtension(ZN\Datatype::divide($image, '/', -1)) }}">
|
||||
@if( $caption = ($attr['caption'] ?? NULL) )
|
||||
<div class="carousel-caption">
|
||||
<h3>{{$caption[0] ?? NULL}}</h3>
|
||||
<p>{{$caption[1] ?? NULL}}</p>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
{[$index++]}
|
||||
@endforeach
|
||||
</div>
|
||||
<a class="left carousel-control" href="#{{ $carouselId }}" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left"></span>
|
||||
<span class="sr-only">{{ $carouselPrevName ?: 'Previous' }}</span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#{{ $carouselId }}" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
||||
<span class="sr-only">{{ $carouselNextName ?: 'Next' }}</span>
|
||||
</a>
|
||||
</div>
|
||||
@@ -0,0 +1,51 @@
|
||||
<div id="{{ $carouselId }}" class="carousel slide" data-ride="carousel">
|
||||
|
||||
@if( isset($carouseIndicators) )
|
||||
{[$index = 0]}
|
||||
<ol class="carousel-indicators">
|
||||
@foreach( $carouselImages as $key => $image )
|
||||
{[
|
||||
$active = $index === 0 ? ' class="active"' : NULL
|
||||
]}
|
||||
<li data-target="#{{ $carouselId }}" data-slide-to="{{$index}}"{{$active}}></li>
|
||||
{[$index++]}
|
||||
@endforeach
|
||||
</ol>
|
||||
@endif
|
||||
|
||||
{[$index = 0]}
|
||||
<div class="carousel-inner">
|
||||
@foreach( $carouselImages as $key => $image )
|
||||
{[
|
||||
$active = $index === 0 ? ' active' : NULL;
|
||||
|
||||
if( ! is_numeric($key) )
|
||||
{
|
||||
$attr = $image;
|
||||
$image = $key;
|
||||
}
|
||||
else
|
||||
{
|
||||
$attr = NULL;
|
||||
}
|
||||
]}
|
||||
<div class="carousel-item{{$active}}">
|
||||
<img class="{{ $attr['class'] ?? NULL }}" src="{{ URL::base($image) }}" alt="{{ $attr['alt'] ?? ZN\Filesystem::removeExtension(ZN\Datatype::divide($image, '/', -1)) }}">
|
||||
@if( $caption = ($attr['caption'] ?? NULL) )
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h5>{{$caption[0] ?? NULL}}</h5>
|
||||
<p>{{$caption[1] ?? NULL}}</p>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
{[$index++]}
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<a class="carousel-control-prev" href="#{{ $carouselId }}" data-slide="prev">
|
||||
<span class="carousel-control-prev-icon"></span>
|
||||
</a>
|
||||
<a class="carousel-control-next" href="#{{ $carouselId }}" data-slide="next">
|
||||
<span class="carousel-control-next-icon"></span>
|
||||
</a>
|
||||
</div>
|
||||
@@ -0,0 +1,10 @@
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$("{{ $filterSource }}").on("{{ $filterEvent ?? 'keyup' }}", function() {
|
||||
var value = $(this).val().toLowerCase();
|
||||
$("{{ $filterTarget }}").filter(function() {
|
||||
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,11 @@
|
||||
<div class="media border {{ $mediaObjectPadding ?? 'p-3' }}">
|
||||
<img src="{{ URL::base($mediaObjectAvatar) }}" alt="{{ $mediaObjectName }}" class="{{ $mediaObjectAvatarMargin ?? 'mr-3 mt-2' }} rounded-{{ $mediObjectAvatarType ?? 'circle' }} " style="width:{{ $mediaObjectAvatarSize ?? 60 }}px;">
|
||||
<div class="media-body">
|
||||
<h4>{{ $mediaObjectName }} <small><i>{{ $mediaObjectDate }}</i></small></h4>
|
||||
<p>{{ $mediaObjectContent }}</p>
|
||||
|
||||
@if( $mediaObjectReply )
|
||||
{{ $mediaObjectReply }}
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,26 @@
|
||||
<div id="{{ $modalId }}" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog {{ZN\Base::prefix($modalSize, 'modal-')}}">
|
||||
<div class="modal-content">
|
||||
@if( ! empty($modalHeader) )
|
||||
<div class="modal-header">
|
||||
@if( ! empty($modalDismissButton) )
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
@endif
|
||||
<h4 class="modal-title">{{ $modalHeader }}</h4>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if( ! empty($modalBody) )
|
||||
<div class="modal-body">
|
||||
<p>{{ $modalBody }}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if( ! empty($modalFooter) )
|
||||
<div class="modal-footer">
|
||||
{{ $modalFooter }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,26 @@
|
||||
<div id="{{ $modalId }}" class="modal">
|
||||
<div class="modal-dialog {{ZN\Base::prefix($modalSize, 'modal-')}}">
|
||||
<div class="modal-content">
|
||||
@if( ! empty($modalHeader) )
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title">{{ $modalHeader }}</h4>
|
||||
@if( ! empty($modalDismissButton) )
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if( ! empty($modalBody) )
|
||||
<div class="modal-body">
|
||||
{{ $modalBody }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if( ! empty($modalFooter) )
|
||||
<div class="modal-footer">
|
||||
{{ $modalFooter }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,12 @@
|
||||
<div id="{{ $toastId }}" class="toast" data-autohide="{{ $toastAutoHide }}">
|
||||
<div class="toast-header">
|
||||
{{ $toastHeader }}
|
||||
|
||||
@if( ! empty($toastDismissButton) )
|
||||
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast">×</button>
|
||||
@endif
|
||||
</div>
|
||||
<div class="toast-body">
|
||||
{{ $toastBody }}
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user