/**
* 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
);
}
/**
* 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();');
}
}
{{-- 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>
/**
* 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);
}
}
