/**
* cropit
*
* @return void
*/
public static function cropit()
{
if (!static::inited(__METHOD__)) {
JQueryScript::core();
static::addJS(static::packageName() . '/js/jquery.cropit.min.js');
}
}
/**
* instance
*
* @param string $selector
* @param array $data
* @param array $properties
*
* @return void
*/
public static function instance($selector, array $data = [], array $properties = [])
{
static::core();
JQueryScript::core();
$var = lcfirst(StringNormalise::toCamelCase(trim($selector, '.#[]')));
$instance = ['el' => $selector, 'data' => $data];
$instance = static::getJSObject($instance, $properties);
static::internalJS(<<<JS
jQuery(function(\$) {
window.vueInstances = window.vueInstances || {};
window.vueInstances.{$var} = new Vue({$instance});
});
JS
);
}
/**
* prepareScript
*
* @return void
*/
protected function prepareScript()
{
static $inited = false;
if ($inited) {
return;
}
JQueryScript::ui(array('effect'));
$js = <<<JS
// Phoenix.Field.Modal
var Natika;
(function(Natika, \$)
{
(function()
{
Natika.Field.Modal = {
select: function(selector, id, title)
{
var ele = \$(selector);
ele.find('.input-group input').attr('value', title).delay(250).effect('highlight');
ele.find('input[data-value-store]').attr('value', id);
ele.find('.icon-preview > span').attr('class', id);
\$('#phoenix-iframe-modal').modal('hide');
}
};
})(Natika.Field || (Natika.Field = {}));
})(Natika || (Natika = {}), jQuery);
jQuery(document).ready(function(\$) {
var inputs = \$('.icon-input-field');
inputs.each(function(i) {
var \$this = \$(this);
var value = \$this.val();
var icon = '<span class="' + value + '"></span>';
\t\t\$this.parent('.input-group').prepend('<span class="input-group-addon icon-preview">' + icon + '</span>');
});
});
JS;
Asset::internalScript($js);
$inited = true;
}
/**
* backbone
*
* @param bool $noConflict
* @param array $options
*
* @return void
*/
public static function backbone($noConflict = false, $options = array())
{
$asset = static::getAsset();
if (!static::inited(__METHOD__)) {
JQueryScript::core(ArrayHelper::getValue($options, 'jquery_no_conflict', false));
static::underscore(ArrayHelper::getValue($options, 'jquery_no_conflict', true));
$asset->addScript(static::phoenixName() . '/js/core/backbone.min.js');
}
if (!static::inited(__METHOD__, (bool) $noConflict) && $noConflict) {
$asset->internalScript(';var backbone = Backbone.noConflict();');
}
}
/**
* prepareScripts
*
* @return void
*/
protected function prepareScripts()
{
parent::prepareScripts();
JQueryScript::colorPicker('#input-item-params-bg_color');
}
{{-- Part of natika project. --}}
<?php
\Natika\Script\EditorScript::codeMirror('editor', '#input-body');
\Phoenix\Script\JQueryScript::core();
\Phoenix\Asset\Asset::addScript('js/inline-uploader/inline-uploader.js');
\Phoenix\Asset\Asset::addScript('js/inline-uploader/adapter/codemirror-adapter.js');
\Phoenix\Asset\Asset::addScript('js/markdown/js-markdown-extra.min.js');
?>
<div id="editor" class="panel panel-default">
<div class="panel-heading clearfix">
<div class="pull-left">
Editor
</div>
<div class="pull-right">
</div>
</div>
<div class="panel-body">
@if (!empty($title_field))
<div class="form-group">
<label for="input-title" class="sr-only">Title</label>
<input type="text" class="form-control input-lg" id="input-title" name="item[title]" placeholder="Title" value="{{ $post->title }}">
</div>
@endif
<div class="toolbar">
<div class="btn-group">
<button id="button-h1" class="btn btn-default btn-sm">H1</button>
<button id="button-h2" class="btn btn-default btn-sm">H2</button>
/**
* prepareScript
*
* @return void
*/
protected function prepareScript()
{
static $inited = false;
if ($inited) {
return;
}
JQueryScript::ui(array('effect'));
$js = <<<JS
// Phoenix.Field.Modal
var Phoenix;
(function(Phoenix, \$)
{
(function()
{
Phoenix.Field.Modal = {
select: function(selector, id, title)
{
var ele = \$(selector);
ele.find('.input-group input').attr('value', title).trigger('change').delay(250).effect('highlight');
ele.find('input[data-value-store]').attr('value', id).trigger('change');
\$('#phoenix-iframe-modal').modal('hide');
}
};
})(Phoenix.Field || (Phoenix.Field = {}));
})(Phoenix || (Phoenix = {}), jQuery);
JS;
Asset::internalScript($js);
$inited = true;
}
{{-- Part of natika project. --}}
<?php
\Phoenix\Script\JQueryScript::colorPicker('#input-color');
//$image = new \Lyrasoft\Luna\Field\Image\SingleImageDragField;
//$image->setName('image')
// ->set('height', 200)
// ->set('width', 300);
?>
<!-- Modal -->
<div class="modal fade" id="categoryModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<form action="{{ $uri['full'] }}" method="post">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="categoryModalLabel">Category</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="category-title" class="sr-only">Title</label>
<input type="text" name="item[title]" class="form-control input-lg" id="category-title" placeholder="Category Title">
</div>
<div class="form-group">
<label for="category-desc" class="sr-only">Description</label>
<textarea rows="6" name="item[description]" class="form-control input-lg" id="category-desc" placeholder="Description"></textarea>
</div>
<div class="row">
{{-- Part of phoenix project. --}}
<?php
\Phoenix\Script\JQueryScript::highlight('.searchable', $state['input.search.content']);
?>
@extends($warderExtends)
@section('toolbar')
@include('toolbar')
@stop
@section('admin-body')
<style>
.user-avatar {
height: 48px;
width: 48px;
border-radius: 50%;
min-width: 48px;
margin-right: 10px;
}
.user-avatar-default {
background-image: url('{{ \Windwalker\Warder\Helper\AvatarUploadHelper::getDefaultImage() }}');
background-size: cover;
display: inline-block;
vertical-align: middle;
}
.grid-table table.table > tbody > tr > td {
vertical-align: middle;
}
/**
* multiSelect
*
* @param string $selector
* @param array $options
*/
public static function multiSelect($selector = '#admin-form table', $options = array())
{
if (!static::inited(__METHOD__)) {
JQueryScript::core();
static::addJS(static::phoenixName() . '/js/phoenix/multiselect.min.js');
}
if (!static::inited(__METHOD__, get_defined_vars())) {
$options = static::getJSObject($options);
$js = <<<JS
// Chosen select
jQuery(document).ready(function(\$)
{
\t\$('{$selector}').multiselect('{$selector}', {$options});
});
JS;
static::internalJS($js);
}
}
/**
* highlight
*
* @param string $selector
* @param string $text
* @param array $options
*
* @see http://bartaz.github.io/sandbox.js/jquery.highlight.html
*
* @return void
*/
public static function highlight($selector = null, $text = null, $options = array())
{
$args = get_defined_vars();
$asset = static::getAsset();
if (!static::inited(__METHOD__)) {
JQueryScript::core();
$asset->addScript(static::phoenixName() . '/js/jquery/jquery.highlight.js');
}
if (!static::inited(__METHOD__, $args) && $selector && $text) {
if (is_array($text)) {
$text = implode(' ', $text);
}
$defaultOptions = array('element' => 'mark', 'className' => 'phoenix-highlight');
$options = $asset::getJSObject(ArrayHelper::merge($defaultOptions, $options));
$js = <<<JS
// Highlight Text
jQuery(document).ready(function(\$)
{
\t\$('{$selector}').highlight('{$text}', {$options});
});
JS;
$asset->internalScript($js);
}
}
