Skip to content

Added new modal component. #32

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Feb 19, 2016
Merged

Added new modal component. #32

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 15 additions & 0 deletions script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -128,6 +128,11 @@ jQuery(document).ready(function() {
$btn_link.attr('data-target', '#' + value);
$btn_link.on('click', function(e){ e.preventDefault(); });
break;
case 'btnModal':
$btn_link.attr('data-toggle', 'modal');
$btn_link.attr('data-target', '#' + value);
$btn_link.on('click', function(e){ e.preventDefault(); });
break;
case 'btnIcon':
var icon = ['<i class="', value, '"/> '].join('');
$btn_link.prepend(icon);
Expand Down Expand Up @@ -281,6 +286,16 @@ jQuery(document).ready(function() {
});


//Modal
jQuery('.bs-wrap-modal').each(function(){
if (jQuery(this).attr('data-show') === "true") {
jQuery(this).modal('show');
} else {
jQuery(this).modal('hide');
}
});


}, 0);

});
5 changes: 5 additions & 0 deletions syntax/button.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,11 @@ class syntax_plugin_bootswrapper_button extends syntax_plugin_bootswrapper_boots
'required' => false,
'default' => null),

'modal' => array('type' => 'string',
'values' => null,
'required' => false,
'default' => null),

'block' => array('type' => 'boolean',
'values' => array(0, 1),
'required' => false,
Expand Down
126 changes: 126 additions & 0 deletions syntax/modal.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,126 @@
<?php
/**
* Bootstrap Wrapper Plugin: Alert
*
* @license GPL 2 (http://www.gnu.org/licenses/gpl.html)
* @author Jos Roossien <mail@jroossien.com>
* @copyright (C) 2015-2016, Giuseppe Di Terlizzi
*/

// must be run within Dokuwiki
if(!defined('DOKU_INC')) die();

require_once(dirname(__FILE__).'/bootstrap.php');

class syntax_plugin_bootswrapper_modal extends syntax_plugin_bootswrapper_bootstrap {

protected $pattern_start = '<modal.*?>(?=.*?</modal>)';
protected $pattern_end = '</modal>';
protected $tag_attributes = array(

'id' => array('type' => 'string',
'values' => null,
'required' => true,
'default' => null),

'size' => array('type' => 'string',
'values' => array('lg', 'sm'),
'required' => false,
'default' => 'lg'),

'title' => array('type' => 'string',
'values' => null,
'required' => false,
'default' => null),

'keyboard' => array('type' => 'boolean',
'values' => array(0, 1),
'required' => false,
'default' => true),

'dismiss' => array('type' => 'boolean',
'values' => array(0, 1),
'required' => false,
'default' => true),

'show' => array('type' => 'boolean',
'values' => array(0, 1),
'required' => false,
'default' => false),

'fade' => array('type' => 'boolean',
'values' => array(0, 1),
'required' => false,
'default' => true),

'backdrop' => array('type' => 'string',
'values' => array('true', 'false', 'static'),
'required' => false,
'default' => 'true'),

);

function getPType() { return 'normal';}

function render($mode, Doku_Renderer $renderer, $data) {

if (empty($data)) return false;

if ($mode == 'xhtml') {

/** @var Doku_Renderer_xhtml $renderer */
list($state, $match, $attributes) = $data;

switch($state) {

case DOKU_LEXER_ENTER:

$id = $attributes['id'];
$size = $attributes['size'];
$title = $attributes['title'];
$keyboard = $attributes['keyboard'];
$dismiss = $attributes['dismiss'];
$show = $attributes['show'];
$fade = $attributes['fade'] === true ? 'fade' : '';
$backdrop = $attributes['backdrop'];

//Modal
$markup = sprintf('<div class="bs-wrap bs-wrap-modal modal %s" id="%s" role="dialog" tabindex="-1" aria-labelledby="%s" data-show="%s" data-backdrop="%s" data-keyboard="%s">',
$fade, $id, $title, $show, $backdrop, $keyboard);
$markup .= sprintf('<div class="bs-wrap modal-dialog modal-%s" role="document"><div class="bs-wrap modal-content">', $size);

//Header/Title
if ($title) {
$markup .= '<div class="bs-wrap modal-header">';
if ($dismiss === true) {
$markup .= '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>';
}
$markup .= sprintf('<h4 class="bs-wrap modal-title">%s</h4>', $title);
$markup .= '</div>';
}

//Body
$markup .= '<div class="bs-wrap modal-body">';
if ($dismiss === true && !$title) {
//Show dismiss button in body when there is no header.
$markup .= '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>';
}

$renderer->doc .= $markup;
return true;

case DOKU_LEXER_EXIT:
$renderer->doc .= '</div></div></div></div>';
return true;

}

return true;

}

return false;

}

}