├── cache
└── .gitignore
├── test
├── Tpl
│ └── Tests
│ │ ├── _files
│ │ └── template.html
│ │ ├── Tpl
│ │ ├── PluginTest.php
│ │ └── PluginContainerTest.php
│ │ └── TplTest.php
└── bootstrap.php
├── .gitignore
├── templates
├── multiple-template-directories
│ ├── base
│ │ └── subfolder
│ │ │ ├── head.html
│ │ │ └── index.html
│ └── newimplement
│ │ └── subfolder
│ │ ├── gnb.html
│ │ └── index.html
├── raintpl3
│ ├── img
│ │ ├── bg
│ │ ├── bg.gif
│ │ ├── list
│ │ ├── easy.jpg
│ │ ├── fast.jpg
│ │ ├── list.jpg
│ │ ├── logo.gif
│ │ ├── logo.jpg
│ │ ├── top.gif
│ │ ├── bottom.gif
│ │ ├── pencil.png
│ │ ├── search.gif
│ │ ├── useful.jpg
│ │ ├── wysiwyg.jpg
│ │ ├── easy_text.jpg
│ │ ├── fast_text.jpg
│ │ ├── googlegroup.jpg
│ │ ├── home_title.jpg
│ │ ├── useful_text.jpg
│ │ ├── wysiwyg_text.jpg
│ │ ├── groups_logo_sm.gif
│ │ ├── groups_logo_sm.jpg
│ │ └── groups_logo_sm.png
│ ├── subfolder
│ │ └── footer.html
│ ├── css
│ │ └── style.css
│ └── page.html
├── raintpl2
│ ├── img
│ │ ├── logo.gif
│ │ ├── top.gif
│ │ └── bottom.gif
│ ├── style.css
│ └── page.html
├── image_resize
│ ├── img
│ │ ├── logo.jpeg
│ │ └── wysiwyg.jpg
│ ├── page.html
│ └── style.css
├── compress
│ ├── test.js
│ ├── style.css
│ └── test_compress.html
├── simple
│ ├── simple_template.html
│ └── style.css
├── bootstrap
│ ├── lib
│ │ ├── bootstrap.less
│ │ ├── variables.less
│ │ ├── scaffolding.less
│ │ ├── type.less
│ │ ├── reset.less
│ │ ├── tables.less
│ │ ├── mixins.less
│ │ └── forms.less
│ ├── js
│ │ ├── bootstrap-dropdown.js
│ │ ├── bootstrap-buttons.js
│ │ ├── bootstrap-tabs.js
│ │ ├── bootstrap-popover.js
│ │ ├── bootstrap-scrollspy.js
│ │ ├── bootstrap-alerts.js
│ │ ├── bootstrap-modal.js
│ │ └── bootstrap-twipsy.js
│ └── hero.html
├── nested_loop
│ ├── test.html
│ └── style.css
└── test
│ ├── style.css
│ └── test.html
├── .travis.yml
├── composer.json
├── example-multiple-template-directories.php
├── phpunit.xml.dist
├── example-simple.php
├── library
└── Rain
│ ├── Tpl
│ ├── NotFoundException.php
│ ├── Exception.php
│ ├── IPlugin.php
│ ├── SyntaxException.php
│ ├── Plugin.php
│ ├── PluginContainer.php
│ └── Plugin
│ │ ├── PathReplace.php
│ │ ├── ImageResize.php
│ │ └── Compress.php
│ ├── autoload.php
│ └── Tpl.php
├── example-extend-class.php
├── example-webpage.php
├── example-webpage-new.php
├── example-plugin-compress.php
├── example-bootstrap.php
├── example-nested-loop.php
├── example-plugin-img-resize.php
├── README.md
├── example-all.php
└── example-draw-string.php
/cache/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 |
--------------------------------------------------------------------------------
/test/Tpl/Tests/_files/template.html:
--------------------------------------------------------------------------------
1 | template
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | nbproject
3 | vendor/*
4 | test/cache/*
5 |
--------------------------------------------------------------------------------
/templates/multiple-template-directories/base/subfolder/head.html:
--------------------------------------------------------------------------------
1 | Old Header
--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | language: php
2 |
3 | php:
4 | - 5.3
5 | - 5.4
6 | - 5.5
7 | - 5.6
8 |
--------------------------------------------------------------------------------
/templates/multiple-template-directories/base/subfolder/index.html:
--------------------------------------------------------------------------------
1 | {include="head"}
2 | Old Index
--------------------------------------------------------------------------------
/templates/multiple-template-directories/newimplement/subfolder/gnb.html:
--------------------------------------------------------------------------------
1 | {include="head"}
2 | New GNB
--------------------------------------------------------------------------------
/templates/raintpl3/img/bg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/bg
--------------------------------------------------------------------------------
/templates/raintpl3/img/bg.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/bg.gif
--------------------------------------------------------------------------------
/templates/raintpl3/img/list:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/list
--------------------------------------------------------------------------------
/templates/raintpl2/img/logo.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl2/img/logo.gif
--------------------------------------------------------------------------------
/templates/raintpl2/img/top.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl2/img/top.gif
--------------------------------------------------------------------------------
/templates/raintpl3/img/easy.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/easy.jpg
--------------------------------------------------------------------------------
/templates/raintpl3/img/fast.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/fast.jpg
--------------------------------------------------------------------------------
/templates/raintpl3/img/list.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/list.jpg
--------------------------------------------------------------------------------
/templates/raintpl3/img/logo.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/logo.gif
--------------------------------------------------------------------------------
/templates/raintpl3/img/logo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/logo.jpg
--------------------------------------------------------------------------------
/templates/raintpl3/img/top.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/top.gif
--------------------------------------------------------------------------------
/templates/raintpl2/img/bottom.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl2/img/bottom.gif
--------------------------------------------------------------------------------
/templates/raintpl3/img/bottom.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/bottom.gif
--------------------------------------------------------------------------------
/templates/raintpl3/img/pencil.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/pencil.png
--------------------------------------------------------------------------------
/templates/raintpl3/img/search.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/search.gif
--------------------------------------------------------------------------------
/templates/raintpl3/img/useful.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/useful.jpg
--------------------------------------------------------------------------------
/templates/raintpl3/img/wysiwyg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/wysiwyg.jpg
--------------------------------------------------------------------------------
/templates/image_resize/img/logo.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/image_resize/img/logo.jpeg
--------------------------------------------------------------------------------
/templates/raintpl3/img/easy_text.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/easy_text.jpg
--------------------------------------------------------------------------------
/templates/raintpl3/img/fast_text.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/fast_text.jpg
--------------------------------------------------------------------------------
/templates/image_resize/img/wysiwyg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/image_resize/img/wysiwyg.jpg
--------------------------------------------------------------------------------
/templates/multiple-template-directories/newimplement/subfolder/index.html:
--------------------------------------------------------------------------------
1 | {include="gnb"}
2 | This is new implement Index Source
--------------------------------------------------------------------------------
/templates/raintpl3/img/googlegroup.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/googlegroup.jpg
--------------------------------------------------------------------------------
/templates/raintpl3/img/home_title.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/home_title.jpg
--------------------------------------------------------------------------------
/templates/raintpl3/img/useful_text.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/useful_text.jpg
--------------------------------------------------------------------------------
/templates/raintpl3/img/wysiwyg_text.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/wysiwyg_text.jpg
--------------------------------------------------------------------------------
/templates/raintpl3/img/groups_logo_sm.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/groups_logo_sm.gif
--------------------------------------------------------------------------------
/templates/raintpl3/img/groups_logo_sm.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/groups_logo_sm.jpg
--------------------------------------------------------------------------------
/templates/raintpl3/img/groups_logo_sm.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feulf/raintpl3/HEAD/templates/raintpl3/img/groups_logo_sm.png
--------------------------------------------------------------------------------
/templates/compress/test.js:
--------------------------------------------------------------------------------
1 | var testClass = {
2 | testFunction: function(){
3 | alert('this is a test, Javascript can break easily so test your JS before use the CompressPlugin in production');
4 | }
5 | };
6 | testClass.testFunction();
--------------------------------------------------------------------------------
/templates/raintpl3/subfolder/footer.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/templates/simple/simple_template.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Simple template
5 | Variable
11 | Hi {$name} , this is a beautiful day for a Jedi!
12 |
13 | Week
17 |
18 | {loop="$week"}
19 |
20 | {$value}
21 |
22 | {/loop}
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "rain/raintpl",
3 | "type": "library",
4 | "description": "easy and fast template engine",
5 | "homepage":"http://raintpl.com",
6 | "license": "MIT",
7 | "authors": [
8 | {
9 | "name": "Federico Ulfo",
10 | "email": "rainelemental@gmail.com"
11 | },
12 | {
13 | "name": "Rain Community"
14 | }
15 | ],
16 | "require": {
17 | "php": ">=5.3"
18 | },
19 | "require-dev": {
20 | "phpunit/phpunit": "4.4.*"
21 | },
22 | "minimum-stability": "dev",
23 | "autoload": {
24 | "psr-0": {
25 | "Rain": "library/"
26 | }
27 | }
28 | }
29 |
30 |
--------------------------------------------------------------------------------
/templates/bootstrap/lib/bootstrap.less:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap @VERSION
3 | *
4 | * Copyright 2011 Twitter, Inc
5 | * Licensed under the Apache License v2.0
6 | * http://www.apache.org/licenses/LICENSE-2.0
7 | *
8 | * Designed and built with all the love in the world @twitter by @mdo and @fat.
9 | * Date: @DATE
10 | */
11 |
12 | // CSS Reset
13 | @import "reset.less";
14 |
15 | // Core variables and mixins
16 | @import "variables.less"; // Modify this for custom colors, font-sizes, etc
17 | @import "mixins.less";
18 |
19 | // Grid system and page structure
20 | @import "scaffolding.less";
21 |
22 | // Styled patterns and elements
23 | @import "type.less";
24 | @import "forms.less";
25 | @import "tables.less";
26 | @import "patterns.less";
--------------------------------------------------------------------------------
/example-multiple-template-directories.php:
--------------------------------------------------------------------------------
1 | array(
12 | "templates/multiple-template-directories/newimplement/",
13 | "templates/multiple-template-directories/base/"
14 | ),
15 | "cache_dir" => "cache/",
16 | "debug" => true, // set to false to improve the speed
17 | );
18 |
19 | Tpl::configure($config);
20 |
21 |
22 | // Add PathReplace plugin (necessary to load the CSS with path replace)
23 | Tpl::registerPlugin(new Tpl\Plugin\PathReplace());
24 |
25 |
26 | // create the Tpl object
27 | $tpl = new Tpl;
28 | $tpl->draw("subfolder/index");
29 |
30 | ?>
--------------------------------------------------------------------------------
/phpunit.xml.dist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
14 |
15 |
16 | ./test/Tpl/
17 |
18 |
19 |
20 |
21 |
22 | ./library/Rain/
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/templates/raintpl2/style.css:
--------------------------------------------------------------------------------
1 | /* CSS Document */
2 |
3 | body{ margin:0px; color:#333; font: 13px Helvetica; background:#eee;}
4 | a{ color: #333; }
5 | a:hover{ color: #999; }
6 | img{border:0px;}
7 |
8 | #logo{width:100%;height:80px;background:url('img/top.gif') repeat-x #666;}
9 | #content{ height: 100%;padding:20px; }
10 | #footer{background: url('img/bottom.gif') repeat-x;color:#ccff00; padding:15px; text-align:center;}
11 | #footer a{color:#ccff00;}
12 |
13 | .layout{background:#fff;border: 1px solid #ccc; padding:20px;margin-bottom:30px;}
14 | code{ display:block;font:12px monospace; background: #e9ffe9;padding: 15px; border: solid 1px #ccddcc; margin-bottom:10px;}
15 | tt{ display:block; font:12px monospace; background: #f6fdfd; padding: 15px; border: solid 1px #ccdddd; margin-bottom:0 0 10px 0; }
16 |
17 | .color1{background:#eeeeff;}
18 | .color2{background:#ddddee;}
--------------------------------------------------------------------------------
/example-simple.php:
--------------------------------------------------------------------------------
1 | "templates/simple/",
12 | "cache_dir" => "cache/",
13 | "debug" => true, // set to false to improve the speed
14 | );
15 |
16 | Tpl::configure( $config );
17 |
18 |
19 | // Add PathReplace plugin (necessary to load the CSS with path replace)
20 | Tpl::registerPlugin( new Tpl\Plugin\PathReplace() );
21 |
22 |
23 | // create the Tpl object
24 | $tpl = new Tpl;
25 |
26 | // assign a variable
27 | $tpl->assign( "name", "Obi Wan Kenoby" );
28 |
29 | // assign an array
30 | $tpl->assign( "week", array( "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday" ) );
31 |
32 | // draw the template
33 | $tpl->draw( "simple_template" );
34 |
35 |
36 | ?>
--------------------------------------------------------------------------------
/templates/nested_loop/test.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Test
5 | Loop NEST example with associative array
10 |
11 |
12 | ID _ Name _ Color
13 | {loop="$user"}
14 | {$key}) - {$value.name|strtoupper} - {$value.color}
15 | {if="!empty($value.orders)"}
16 |
17 | {loop="$value.orders"}
18 | {$value1.name} - {$key1} - {$counter1} - {$counter} - {$key} - {function str_replace(array('sn','rf','fsd'), '',$value.order_id)} - {$value.order_id} - {$value.order_name}
19 | {/loop}
20 |
21 | {/if}
22 |
23 | {/loop}
24 |
25 |
26 |
27 |
28 |
--------------------------------------------------------------------------------
/templates/image_resize/page.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {$title}
6 |
7 |
8 | Image resize plugin
13 |
14 | Original image Test
5 |
6 | Test Rain Tpl {$version}
13 | Variables
16 | Variable: {$variable} Loop
26 | Simple Loop
27 |
28 | {loop="$week"}
29 |
30 | {$key} {$value}
31 |
32 | {/loop}
33 |
37 | {loop="$week|array_reverse" as $i}
38 | {$i}
39 | {/loop}
40 |
44 | {loop="$table"}
45 |
46 | {loop="$value"}
47 | {$value},
48 | {/loop}
49 |
50 | {/loop}
51 |
55 | {loop="range(5,10)" as $i}
56 | {$i}
57 | {/loop}
58 | If
61 | True condition: {if="true"}This is true{/if} $value ";
49 | };
50 | // add a function
51 | Tpl::registerTag( "({@.*?@})", "{@(.*?)@}", "test" );
52 |
53 |
54 |
55 | // draw
56 | $tpl = new Tpl;
57 | $tpl->assign( $var );
58 | echo $tpl->draw( "page" );
--------------------------------------------------------------------------------
/example-webpage-new.php:
--------------------------------------------------------------------------------
1 | null,
12 | "tpl_dir" => "templates/raintpl3/",
13 | "cache_dir" => "cache/",
14 | "debug" => true // set to false to improve the speed
15 | );
16 |
17 | //use Rain;
18 | Tpl::configure( $config );
19 |
20 |
21 | // Add PathReplace plugin
22 | Tpl::registerPlugin( new Rain\Tpl\Plugin\PathReplace() );
23 |
24 |
25 | global $global_variable;
26 | $global_variable = "I'm Global";
27 |
28 | // set variables
29 | $var = array(
30 | "variable" => "Hello",
31 | "version" => "3.0 Alpha",
32 | "menu" => array(
33 | array("name" => "Home", "link" => "index.php", "selected" => true ),
34 | array("name" => "FAQ", "link" => "index.php/FAQ/", "selected" => null ),
35 | array("name" => "Documentation", "link" => "index.php/doc/", "selected" => null )
36 | ),
37 | "week" => array( "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday" ),
38 | "title" => "Rain TPL 3 - Easy and Fast template engine",
39 | "user" => array(
40 | array("name" => "Fede", "color" => "blue" ),
41 | array("name" => "Sheska", "color" => "red" ),
42 | array("name" => "Who", "color" => "yellow" ),
43 | ),
44 | "empty_array" => array(),
45 | "copyright" => "Copyright 2006 - 2012 Rain TPL$value ";
52 | };
53 | // add a function
54 | Tpl::registerTag( "({@.*?@})", "{@(.*?)@}", $test );
55 |
56 |
57 |
58 | // draw
59 | $tpl = new Tpl;
60 | $tpl->assign( $var );
61 | echo $tpl->draw( "page" );
62 |
63 |
64 | // end
--------------------------------------------------------------------------------
/example-plugin-compress.php:
--------------------------------------------------------------------------------
1 | null,
14 | "tpl_dir" => "templates/compress/",
15 | "cache_dir" => "cache/",
16 | "debug" => true // set to false to improve the speed
17 | );
18 |
19 | Tpl::configure( $config );
20 | Tpl::registerPlugin( new Tpl\Plugin\PathReplace );
21 |
22 | $compress = new Tpl\Plugin\Compress;
23 | $compress->configure('css', array('status'=>true));
24 | $compress->configure('html', array('status'=>true));
25 | $compress->configure('javascript', array('status'=>true, 'position' => 'bottom'));
26 | Tpl::registerPlugin($compress);
27 |
28 |
29 | global $global_variable;
30 | $global_variable = "I'm Global";
31 |
32 | // set variables
33 | $var = array(
34 | "variable" => "Hello",
35 | "version" => "3.0 Alpha",
36 | "menu" => array(
37 | array("name" => "Home", "link" => "index.php", "selected" => true ),
38 | array("name" => "FAQ", "link" => "index.php/FAQ/", "selected" => null ),
39 | array("name" => "Documentation", "link" => "index.php/doc/", "selected" => null )
40 | ),
41 | "week" => array( "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday" ),
42 | "title" => "Rain TPL 3 - Easy and Fast template engine",
43 | "user" => array(
44 | array("name" => "Fede", "color" => "blue" ),
45 | array("name" => "Laura", "color" => "red" ),
46 | array("name" => "Who", "color" => "yellow" ),
47 | ),
48 | "empty_array" => array(),
49 | "copyright" => "Copyright 2006 - 2012 Rain TPL$value ";
50 | }
51 | );
52 |
53 | // draw
54 | $tpl = new Tpl;
55 | $tpl->assign( $var );
56 | echo $tpl->draw( "bootstrap/hero" );
57 |
58 |
59 | // end
--------------------------------------------------------------------------------
/templates/bootstrap/js/bootstrap-dropdown.js:
--------------------------------------------------------------------------------
1 | /* ============================================================
2 | * bootstrap-dropdown.js v1.4.0
3 | * http://twitter.github.com/bootstrap/javascript.html#dropdown
4 | * ============================================================
5 | * Copyright 2011 Twitter, Inc.
6 | *
7 | * Licensed under the Apache License, Version 2.0 (the "License");
8 | * you may not use this file except in compliance with the License.
9 | * You may obtain a copy of the License at
10 | *
11 | * http://www.apache.org/licenses/LICENSE-2.0
12 | *
13 | * Unless required by applicable law or agreed to in writing, software
14 | * distributed under the License is distributed on an "AS IS" BASIS,
15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 | * See the License for the specific language governing permissions and
17 | * limitations under the License.
18 | * ============================================================ */
19 |
20 |
21 | !function( $ ){
22 |
23 | "use strict"
24 |
25 | /* DROPDOWN PLUGIN DEFINITION
26 | * ========================== */
27 |
28 | $.fn.dropdown = function ( selector ) {
29 | return this.each(function () {
30 | $(this).delegate(selector || d, 'click', function (e) {
31 | var li = $(this).parent('li')
32 | , isActive = li.hasClass('open')
33 |
34 | clearMenus()
35 | !isActive && li.toggleClass('open')
36 | return false
37 | })
38 | })
39 | }
40 |
41 | /* APPLY TO STANDARD DROPDOWN ELEMENTS
42 | * =================================== */
43 |
44 | var d = 'a.menu, .dropdown-toggle'
45 |
46 | function clearMenus() {
47 | $(d).parent('li').removeClass('open')
48 | }
49 |
50 | $(function () {
51 | $('html').bind("click", clearMenus)
52 | $('body').dropdown( '[data-dropdown] a.menu, [data-dropdown] .dropdown-toggle' )
53 | })
54 |
55 | }( window.jQuery || window.ender );
56 |
--------------------------------------------------------------------------------
/library/Rain/Tpl/Exception.php:
--------------------------------------------------------------------------------
1 | templateFile;
47 |
48 | $this->templateFile = (string) $templateFile;
49 | return $this;
50 | }
51 | }
52 |
53 | // -- end
54 |
--------------------------------------------------------------------------------
/example-nested-loop.php:
--------------------------------------------------------------------------------
1 | null,
12 | "tpl_dir" => "templates/nested_loop/",
13 | "cache_dir" => "cache/",
14 | "debug" => true // set to false to improve the speed
15 | );
16 |
17 | Tpl::configure( $config );
18 |
19 |
20 | // Add PathReplace plugin
21 | Tpl::registerPlugin( new Tpl\Plugin\PathReplace() );
22 |
23 |
24 |
25 | $user = array(
26 | array(
27 | 'name' => 'Jupiter',
28 | 'color' => 'yellow',
29 | 'orders' => array(
30 | array('order_id' => '123', 'order_name' => 'o1d'),
31 | array('order_id' => '1sn24', 'order_name' => 'o2d')
32 | )
33 | ),
34 | array(
35 | 'name' => 'Mars',
36 | 'color' => 'red',
37 | 'orders' => array(
38 | array('order_id' => '3rf22', 'order_name' => '¶©µ¥Aj')
39 | )
40 | ),
41 | array(
42 | 'name' => 'Empty',
43 | 'color' => 'blue',
44 | 'orders' => array(
45 | )
46 | ),
47 | array(
48 | 'name' => 'Earth',
49 | 'color' => 'blue',
50 | 'orders' => array(
51 | array('order_id' => '2315', 'order_name' => '¶©µ¥15'),
52 | array('order_id' => 'rf2123', 'order_name' => '¶©µ¥215'),
53 | array('order_id' => '0231', 'order_name' => '¶©µ¥315'),
54 | array('order_id' => 'sn09-0fsd', 'order_name' => '¶©µ¥45415')
55 | )
56 | )
57 | );
58 |
59 |
60 | // draw
61 | $tpl = new Tpl;
62 | $tpl->assign( "user", $user );
63 | echo $tpl->draw( "test" );
64 |
65 |
66 |
67 | class Test{
68 | static public function method( $variable ){
69 | echo "Hi I am a static method, and this is the parameter passed to me: $variable!";
70 | }
71 | }
72 |
73 | // end
--------------------------------------------------------------------------------
/example-plugin-img-resize.php:
--------------------------------------------------------------------------------
1 | null,
12 | "tpl_dir" => "templates/image_resize/",
13 | "cache_dir" => "cache/",
14 | "debug" => true // set to false to improve the speed
15 | );
16 | Tpl::configure( $config );
17 |
18 |
19 | // Add PathReplace plugin (necessary to load the CSS with path replace)
20 | Tpl::registerPlugin( new Tpl\Plugin\PathReplace() );
21 |
22 | $plugin_options = array( 'quality' => 100, 'crop' => true );
23 | Tpl::registerPlugin( new Tpl\Plugin\ImageResize( $plugin_options ) );
24 |
25 | global $global_variable;
26 | $global_variable = "I'm Global";
27 |
28 | // set variables
29 | $var = array(
30 | "variable" => "Hello",
31 | "version" => "3.0 Alpha",
32 | "menu" => array(
33 | array("name" => "Home", "link" => "index.php", "selected" => true ),
34 | array("name" => "FAQ", "link" => "index.php/FAQ/", "selected" => null ),
35 | array("name" => "Documentation", "link" => "index.php/doc/", "selected" => null )
36 | ),
37 | "week" => array( "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday" ),
38 | "title" => "Rain TPL 3 - Easy and Fast template engine",
39 | "user" => array(
40 | array("name" => "Fede", "color" => "blue" ),
41 | array("name" => "Sheska", "color" => "red" ),
42 | array("name" => "Who", "color" => "yellow" ),
43 | ),
44 | "empty_array" => array(),
45 | "copyright" => "Copyright 2006 - 2012 Rain TPL$value ";
52 | };
53 | // add a function
54 | Tpl::registerTag( "({@.*?@})", "{@(.*?)@}", $test );
55 |
56 |
57 |
58 | // draw
59 | $tpl = new Tpl;
60 | $tpl->assign( $var );
61 | $tpl->draw( "page" );
62 |
63 | // end
--------------------------------------------------------------------------------
/templates/bootstrap/js/bootstrap-buttons.js:
--------------------------------------------------------------------------------
1 | /* ============================================================
2 | * bootstrap-buttons.js v1.4.0
3 | * http://twitter.github.com/bootstrap/javascript.html#buttons
4 | * ============================================================
5 | * Copyright 2011 Twitter, Inc.
6 | *
7 | * Licensed under the Apache License, Version 2.0 (the "License");
8 | * you may not use this file except in compliance with the License.
9 | * You may obtain a copy of the License at
10 | *
11 | * http://www.apache.org/licenses/LICENSE-2.0
12 | *
13 | * Unless required by applicable law or agreed to in writing, software
14 | * distributed under the License is distributed on an "AS IS" BASIS,
15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 | * See the License for the specific language governing permissions and
17 | * limitations under the License.
18 | * ============================================================ */
19 |
20 | !function( $ ){
21 |
22 | "use strict"
23 |
24 | function setState(el, state) {
25 | var d = 'disabled'
26 | , $el = $(el)
27 | , data = $el.data()
28 |
29 | state = state + 'Text'
30 | data.resetText || $el.data('resetText', $el.html())
31 |
32 | $el.html( data[state] || $.fn.button.defaults[state] )
33 |
34 | setTimeout(function () {
35 | state == 'loadingText' ?
36 | $el.addClass(d).attr(d, d) :
37 | $el.removeClass(d).removeAttr(d)
38 | }, 0)
39 | }
40 |
41 | function toggle(el) {
42 | $(el).toggleClass('active')
43 | }
44 |
45 | $.fn.button = function(options) {
46 | return this.each(function () {
47 | if (options == 'toggle') {
48 | return toggle(this)
49 | }
50 | options && setState(this, options)
51 | })
52 | }
53 |
54 | $.fn.button.defaults = {
55 | loadingText: 'loading...'
56 | }
57 |
58 | $(function () {
59 | $('body').delegate('.btn[data-toggle]', 'click', function () {
60 | $(this).button('toggle')
61 | })
62 | })
63 |
64 | }( window.jQuery || window.ender );
--------------------------------------------------------------------------------
/library/Rain/autoload.php:
--------------------------------------------------------------------------------
1 | ";
47 | echo $path;
48 | echo "{$title}
5 | Test Rain Tpl {$version}
14 | Variables
17 | Variable: {$variable} Ternary Operator
28 | The title is: {isset($title)?"$title":'default title'}
29 |
30 |
31 | Loop
32 | Simple Loop
33 |
34 | {loop="$week"}
35 |
36 | {$key} {$value}
37 |
38 | {/loop}
39 |
43 | {loop="$week|array_reverse" as $i}
44 | {$i}
45 | {/loop}
46 |
50 | {loop="$table"}
51 |
52 | {loop="$value"}
53 | {$value},
54 | {/loop}
55 |
56 | {/loop}
57 |
61 | {loop="range(5,10)" as $i}
62 | {$i}
63 | {/loop}
64 | If
67 | True condition: {if="true"}This is true{/if} Function test
72 | Simple function: {function="time"} Escape Text
77 | Malicious content: {$bad_text} Custom tag
80 | {@message to translate@} Custom tag 2
83 | {%message to translate|english%} Escape variable
86 | {$bad_variable}
87 | {autoescape="off"}{$safe_variable}{/autoescape}
88 |
89 |
90 |
91 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | RainTPL 3
2 | =========
3 |
4 | By Federico Ulfo and a lot [awesome contributors](https://github.com/rainphp/raintpl3/network)!
5 |
6 | [RainTPL](http://raintpl.com) is an easy template engine for PHP that enables designers and developers to work better together, it loads HTML template to separate the presentation from the logic.
7 |
8 | Features
9 | --------
10 | * Easy for designers, only 10 tags, *{$variable}*, *{#constant#}*, *{include}*, *{loop}*, *{if}*, *{* comment *}*, *{noparse}*, *{function}*
11 | * Easy for developers, 5 methods to load and draw templates.
12 | * Powerful, modifier and operation with variables
13 | * Extensible, load plugins and register new tags
14 | * Secure, sandbox with blacklist.
15 |
16 |
17 | Installation / Usage
18 | --------------------
19 |
20 | 1. Install composer https://github.com/composer/composer
21 | 2. Create a composer.json inside your application folder:
22 |
23 | ``` json
24 | {
25 | "require": {
26 | "rain/raintpl": ">=3.0.0"
27 | }
28 | }
29 | ```
30 | 3. Run the following code
31 |
32 | ``` sh
33 | $ php composer.phar install
34 | ```
35 |
36 | 4. Run one example of RainTPL with your browser: ```http://localhost/raintpl3/example.php```
37 |
38 | Documentation
39 | -------------
40 | The [documentation](https://github.com/rainphp/raintpl3/wiki/Documentation) of RainTPL is divided in [documentation for web designers](https://github.com/rainphp/raintpl3/wiki/Documentation-for-web-designers) and [documentation for PHP developers](https://github.com/rainphp/raintpl3/wiki/Documentation-for-PHP-developers).
41 |
42 |
43 | Licence
44 | -------
45 |
46 | RainTPL 3, like its antecessor Rain.TPL version 2, is, as of 2018-06-07, published under the MIT Licence.
47 |
48 | The above applies to RainTPL 3 itself, not the entire content of this repository. Some of the `example-*.php` files and the content below `templates/` in this repository are copies of external code under various licences, such as:
49 |
50 | * Twitter Bootstrap, under the Apache v2 licence
51 | * LESS - Leaner CSS, under the Apache v2 licence
52 |
53 | Note that not all external content comes with full source code, it’s usually just a copy of (possibly minified or otherwise modified) parts of their distribution. The example files may be used as starting points without limitation except the licences on the external content.
54 |
--------------------------------------------------------------------------------
/library/Rain/Tpl/IPlugin.php:
--------------------------------------------------------------------------------
1 |
34 | * public function declare_hooks() {
35 | * return array('before_parse', 'after_parse' => 'custom_method');
36 | * }
37 | *
38 | *
39 | * Template will then call the registered method with a context object as parameter.
40 | * Context object implements \ArrayAccess.
41 | * It's properties depends on hook api.
42 | *
43 | * Method can modify some properties. No return value is expected.
44 | */
45 | interface IPlugin
46 | {
47 | /**
48 | * Returns a list of hooks that are implemented by the plugin.
49 | * This should be an array containing:
50 | * - a key/value pair where key is hook name and value is implementing method,
51 | * - a value only when hook has same name as method.
52 | */
53 | public function declareHooks();
54 |
55 | /**
56 | * Sets plugin options.
57 | *
58 | * @var array
59 | */
60 | public function setOptions($options);
61 | }
62 |
--------------------------------------------------------------------------------
/test/Tpl/Tests/Tpl/PluginTest.php:
--------------------------------------------------------------------------------
1 | set_hooks(array('before_parse'));
34 | $this->assertEquals(array('before_parse'), $plugin->declareHooks());
35 | }
36 |
37 | public function testSetOption()
38 | {
39 | $plugin = $this->getMock('Rain\Tpl\Plugin', array('setParam'));
40 | $plugin->expects($this->once())
41 | ->method('setParam')
42 | ->with($this->equalTo('value'));
43 | $plugin->setOption('param', 'value');
44 | $this->setExpectedException('InvalidArgumentException');
45 | $plugin->setOption('unknown_param', 'value');
46 | }
47 |
48 | public function testSetOptions()
49 | {
50 | $plugin = $this->getMock('Rain\Tpl\Plugin', array('setParam'));
51 | $plugin->expects($this->once())
52 | ->method('setParam')
53 | ->with($this->equalTo('value'));
54 | $plugin->setOptions(array('param' => 'value'));
55 | }
56 | }
57 |
58 | class PluginTestPlugin extends Rain\Tpl\Plugin
59 | {
60 | public $param = null;
61 | public function set_hooks($hooks) {$this->hooks = $hooks;}
62 | public function set_param($param) {$this->param = $param;}
63 | }
64 |
--------------------------------------------------------------------------------
/templates/bootstrap/js/bootstrap-tabs.js:
--------------------------------------------------------------------------------
1 | /* ========================================================
2 | * bootstrap-tabs.js v1.4.0
3 | * http://twitter.github.com/bootstrap/javascript.html#tabs
4 | * ========================================================
5 | * Copyright 2011 Twitter, Inc.
6 | *
7 | * Licensed under the Apache License, Version 2.0 (the "License");
8 | * you may not use this file except in compliance with the License.
9 | * You may obtain a copy of the License at
10 | *
11 | * http://www.apache.org/licenses/LICENSE-2.0
12 | *
13 | * Unless required by applicable law or agreed to in writing, software
14 | * distributed under the License is distributed on an "AS IS" BASIS,
15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 | * See the License for the specific language governing permissions and
17 | * limitations under the License.
18 | * ======================================================== */
19 |
20 |
21 | !function( $ ){
22 |
23 | "use strict"
24 |
25 | function activate ( element, container ) {
26 | container
27 | .find('> .active')
28 | .removeClass('active')
29 | .find('> .dropdown-menu > .active')
30 | .removeClass('active')
31 |
32 | element.addClass('active')
33 |
34 | if ( element.parent('.dropdown-menu') ) {
35 | element.closest('li.dropdown').addClass('active')
36 | }
37 | }
38 |
39 | function tab( e ) {
40 | var $this = $(this)
41 | , $ul = $this.closest('ul:not(.dropdown-menu)')
42 | , href = $this.attr('href')
43 | , previous
44 | , $href
45 |
46 | if ( /^#\w+/.test(href) ) {
47 | e.preventDefault()
48 |
49 | if ( $this.parent('li').hasClass('active') ) {
50 | return
51 | }
52 |
53 | previous = $ul.find('.active a').last()[0]
54 | $href = $(href)
55 |
56 | activate($this.parent('li'), $ul)
57 | activate($href, $href.parent())
58 |
59 | $this.trigger({
60 | type: 'change'
61 | , relatedTarget: previous
62 | })
63 | }
64 | }
65 |
66 |
67 | /* TABS/PILLS PLUGIN DEFINITION
68 | * ============================ */
69 |
70 | $.fn.tabs = $.fn.pills = function ( selector ) {
71 | return this.each(function () {
72 | $(this).delegate(selector || '.tabs li > a, .pills > li > a', 'click', tab)
73 | })
74 | }
75 |
76 | $(document).ready(function () {
77 | $('body').tabs('ul[data-tabs] li > a, ul[data-pills] > li > a')
78 | })
79 |
80 | }( window.jQuery || window.ender );
81 |
--------------------------------------------------------------------------------
/library/Rain/Tpl/SyntaxException.php:
--------------------------------------------------------------------------------
1 | templateLine;
58 |
59 | $this->templateLine = (int) $line;
60 | return $this;
61 | }
62 |
63 | /**
64 | * Handles the tag which caused an error.
65 | *
66 | * @param string | null $tag
67 | *
68 | * @return \Rain\Tpl_SyntaxException | string | null
69 | */
70 | public function tag($tag=null){
71 | if(is_null($tag))
72 | return $this->tag;
73 |
74 | $this->tag = (string) $tag;
75 | return $this;
76 | }
77 | }
78 |
79 | // -- end
80 |
--------------------------------------------------------------------------------
/example-all.php:
--------------------------------------------------------------------------------
1 | null,
13 | "tpl_dir" => "templates/test/",
14 | "cache_dir" => "cache/",
15 | "remove_comments" => true,
16 | "debug" => true, // set to false to improve the speed
17 | );
18 |
19 | Tpl::configure( $config );
20 |
21 |
22 | // Add PathReplace plugin (necessary to load the CSS with path replace)
23 | Tpl::registerPlugin( new Tpl\Plugin\PathReplace() );
24 |
25 |
26 | // set variables
27 | $var = array(
28 | "variable" => "Hello World!",
29 | "bad_variable" => "",
30 | "safe_variable" => "",
31 | "version" => "3.0 Alpha",
32 | "menu" => array(
33 | array("name" => "Home", "link" => "index.php", "selected" => true ),
34 | array("name" => "FAQ", "link" => "index.php/FAQ/", "selected" => null ),
35 | array("name" => "Documentation", "link" => "index.php/doc/", "selected" => null )
36 | ),
37 | "week" => array( "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday" ),
38 | "user" => (object) array("name"=>"Rain", "citizen" => "Earth", "race" => "Human" ),
39 | "numbers" => array( 3, 2, 1 ),
40 | "bad_text" => 'Hey this is a malicious XSS ',
41 | "table" => array( array( "Apple", "1996" ), array( "PC", "1997" ) ),
42 | "title" => "Rain TPL 3 - Easy and Fast template engine",
43 | "copyright" => "Copyright 2006 - 2012 Rain TPL$value ";
53 | }
54 | );
55 |
56 |
57 | // add a tag
58 | Tpl::registerTag( "({%.*?%})", // preg split
59 | "{%(.*?)(?:\|(.*?))%}", // preg match
60 | function( $params ){ // function called by the tag
61 | $value = $params[1][0];
62 | $value2 = $params[2][0];
63 |
64 | return "Translate: $value in $value2 ";
65 | }
66 | );
67 |
68 | // draw
69 | $tpl = new Tpl;
70 | $tpl->assign( $var );
71 | echo $tpl->draw( "test" );
72 |
73 |
74 |
75 | class Test{
76 | static public function method( $variable ){
77 | echo "Hi I am a static method, and this is the parameter passed to me: $variable!";
78 | }
79 | }
80 |
81 | // end
--------------------------------------------------------------------------------
/templates/raintpl3/page.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {$title}
5 | The
easy and
fast template engine for
PHP .
Rain \Tpl makes application easier to create & enables designers/developers to work better together.
12 | 3 easy PHP template engine
14 |
15 |
16 | {loop="$menu"}
17 | {$value.name}
18 | {/loop}
19 |
20 |
21 |
22 |
23 |
24 |
25 | Rain \ TPL version {$version}
26 | Features
27 |
28 |
38 |
39 |
48 |
49 |
50 |
51 |
54 |
55 | Compatible with Smarty and Twig
56 |
57 |
59 |
68 |
69 |
70 | {include="subfolder/footer"}
71 |
72 |
73 |
--------------------------------------------------------------------------------
/test/Tpl/Tests/TplTest.php:
--------------------------------------------------------------------------------
1 | configure();
36 | $this->engine = new \Rain\Tpl();
37 | }
38 |
39 | private function configure()
40 | {
41 | Rain\Tpl::configure(array(
42 | 'debug' => true,
43 | 'tpl_dir' => __DIR__ . '/_files/',
44 | 'cache_dir' => __DIR__ . '/../../cache/',
45 | ));
46 | }
47 |
48 | public function testCallHooks()
49 | {
50 | // Make a mock that registers to all hooks and check required context keys.
51 | $hooks = array(
52 | 'beforeParse' => array('code', 'template_basedir', 'template_filepath', 'conf'),
53 | 'afterParse' => array('code', 'template_basedir', 'template_filepath', 'conf'),
54 | );
55 |
56 | // init mock plugin
57 | $methods = array_keys($hooks);
58 | $plugin = $this->getMock(
59 | 'Rain\Tpl\IPlugin',
60 | array_merge(array('declareHooks', 'setOptions'), $methods)
61 | );
62 | $plugin->expects($this->once())
63 | ->method('declareHooks')
64 | ->will($this->returnValue($methods));
65 | foreach ($hooks as $method => $required) {
66 | $contstrains = array();
67 | foreach ($required as $key) {
68 | $contstrains[] = $this->arrayHasKey($key);
69 | }
70 | $plugin->expects($this->once())
71 | ->method($method)
72 | ->with(call_user_func_array(array($this, 'logicalAnd'), $contstrains));
73 | }
74 |
75 | // register plugin and draw template
76 | Rain\Tpl::registerPlugin($plugin);
77 | $this->engine->draw('template', true);
78 | }
79 | }
--------------------------------------------------------------------------------
/templates/bootstrap/js/bootstrap-popover.js:
--------------------------------------------------------------------------------
1 | /* ===========================================================
2 | * bootstrap-popover.js v1.4.0
3 | * http://twitter.github.com/bootstrap/javascript.html#popover
4 | * ===========================================================
5 | * Copyright 2011 Twitter, Inc.
6 | *
7 | * Licensed under the Apache License, Version 2.0 (the "License");
8 | * you may not use this file except in compliance with the License.
9 | * You may obtain a copy of the License at
10 | *
11 | * http://www.apache.org/licenses/LICENSE-2.0
12 | *
13 | * Unless required by applicable law or agreed to in writing, software
14 | * distributed under the License is distributed on an "AS IS" BASIS,
15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 | * See the License for the specific language governing permissions and
17 | * limitations under the License.
18 | * =========================================================== */
19 |
20 |
21 | !function( $ ) {
22 |
23 | "use strict"
24 |
25 | var Popover = function ( element, options ) {
26 | this.$element = $(element)
27 | this.options = options
28 | this.enabled = true
29 | this.fixTitle()
30 | }
31 |
32 | /* NOTE: POPOVER EXTENDS BOOTSTRAP-TWIPSY.js
33 | ========================================= */
34 |
35 | Popover.prototype = $.extend({}, $.fn.twipsy.Twipsy.prototype, {
36 |
37 | setContent: function () {
38 | var $tip = this.tip()
39 | $tip.find('.title')[this.options.html ? 'html' : 'text'](this.getTitle())
40 | $tip.find('.content > *')[this.options.html ? 'html' : 'text'](this.getContent())
41 | $tip[0].className = 'popover'
42 | }
43 |
44 | , hasContent: function () {
45 | return this.getTitle() || this.getContent()
46 | }
47 |
48 | , getContent: function () {
49 | var content
50 | , $e = this.$element
51 | , o = this.options
52 |
53 | if (typeof this.options.content == 'string') {
54 | content = $e.attr(this.options.content)
55 | } else if (typeof this.options.content == 'function') {
56 | content = this.options.content.call(this.$element[0])
57 | }
58 |
59 | return content
60 | }
61 |
62 | , tip: function() {
63 | if (!this.$tip) {
64 | this.$tip = $('
')
65 | .html(this.options.template)
66 | }
67 | return this.$tip
68 | }
69 |
70 | })
71 |
72 |
73 | /* POPOVER PLUGIN DEFINITION
74 | * ======================= */
75 |
76 | $.fn.popover = function (options) {
77 | if (typeof options == 'object') options = $.extend({}, $.fn.popover.defaults, options)
78 | $.fn.twipsy.initWith.call(this, options, Popover, 'popover')
79 | return this
80 | }
81 |
82 | $.fn.popover.defaults = $.extend({} , $.fn.twipsy.defaults, {
83 | placement: 'right'
84 | , content: 'data-content'
85 | , template: '
'
86 | })
87 |
88 | $.fn.twipsy.rejectAttrOptions.push( 'content' )
89 |
90 | }( window.jQuery || window.ender );
91 |
--------------------------------------------------------------------------------
/library/Rain/Tpl/Plugin.php:
--------------------------------------------------------------------------------
1 | setOptions($options);
51 | }
52 | /**
53 | * Returns a list of hooks that are implemented by the plugin.
54 | * This should be an array containing:
55 | * - a key/value pair where key is hook name and value is implementing method,
56 | * - a value only when hook has same name as method.
57 | */
58 | public function declareHooks() {
59 | return $this->hooks;
60 | }
61 |
62 | /**
63 | * Sets plugin options.
64 | *
65 | * @var array
66 | */
67 | public function setOptions($options) {
68 | foreach ((array) $options as $key => $val) {
69 | $this->setOption($key, $val);
70 | }
71 | return $this;
72 | }
73 |
74 | /**
75 | * Sets plugin option.
76 | *
77 | * @param string $name
78 | * @param mixed $value
79 | * @throws \InvalidArgumentException Wrong option name or value
80 | * @return Plugin
81 | */
82 | public function setOption($name, $value) {
83 | $method = 'set' . ucfirst($name);
84 |
85 | if (!\method_exists($this, $method)) {
86 | throw new \InvalidArgumentException('Key "' . $name . '" is not a valid settings option' );
87 | }
88 | $this->{$method}($value);
89 | return $this;
90 | }
91 | }
92 |
--------------------------------------------------------------------------------
/templates/bootstrap/js/bootstrap-scrollspy.js:
--------------------------------------------------------------------------------
1 | /* =============================================================
2 | * bootstrap-scrollspy.js v1.4.0
3 | * http://twitter.github.com/bootstrap/javascript.html#scrollspy
4 | * =============================================================
5 | * Copyright 2011 Twitter, Inc.
6 | *
7 | * Licensed under the Apache License, Version 2.0 (the "License");
8 | * you may not use this file except in compliance with the License.
9 | * You may obtain a copy of the License at
10 | *
11 | * http://www.apache.org/licenses/LICENSE-2.0
12 | *
13 | * Unless required by applicable law or agreed to in writing, software
14 | * distributed under the License is distributed on an "AS IS" BASIS,
15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 | * See the License for the specific language governing permissions and
17 | * limitations under the License.
18 | * ============================================================== */
19 |
20 |
21 | !function ( $ ) {
22 |
23 | "use strict"
24 |
25 | var $window = $(window)
26 |
27 | function ScrollSpy( topbar, selector ) {
28 | var processScroll = $.proxy(this.processScroll, this)
29 | this.$topbar = $(topbar)
30 | this.selector = selector || 'li > a'
31 | this.refresh()
32 | this.$topbar.delegate(this.selector, 'click', processScroll)
33 | $window.scroll(processScroll)
34 | this.processScroll()
35 | }
36 |
37 | ScrollSpy.prototype = {
38 |
39 | refresh: function () {
40 | this.targets = this.$topbar.find(this.selector).map(function () {
41 | var href = $(this).attr('href')
42 | return /^#\w/.test(href) && $(href).length ? href : null
43 | })
44 |
45 | this.offsets = $.map(this.targets, function (id) {
46 | return $(id).offset().top
47 | })
48 | }
49 |
50 | , processScroll: function () {
51 | var scrollTop = $window.scrollTop() + 10
52 | , offsets = this.offsets
53 | , targets = this.targets
54 | , activeTarget = this.activeTarget
55 | , i
56 |
57 | for (i = offsets.length; i--;) {
58 | activeTarget != targets[i]
59 | && scrollTop >= offsets[i]
60 | && (!offsets[i + 1] || scrollTop <= offsets[i + 1])
61 | && this.activateButton( targets[i] )
62 | }
63 | }
64 |
65 | , activateButton: function (target) {
66 | this.activeTarget = target
67 |
68 | this.$topbar
69 | .find(this.selector).parent('.active')
70 | .removeClass('active')
71 |
72 | this.$topbar
73 | .find(this.selector + '[href="' + target + '"]')
74 | .parent('li')
75 | .addClass('active')
76 | }
77 |
78 | }
79 |
80 | /* SCROLLSPY PLUGIN DEFINITION
81 | * =========================== */
82 |
83 | $.fn.scrollSpy = function( options ) {
84 | var scrollspy = this.data('scrollspy')
85 |
86 | if (!scrollspy) {
87 | return this.each(function () {
88 | $(this).data('scrollspy', new ScrollSpy( this, options ))
89 | })
90 | }
91 |
92 | if ( options === true ) {
93 | return scrollspy
94 | }
95 |
96 | if ( typeof options == 'string' ) {
97 | scrollspy[options]()
98 | }
99 |
100 | return this
101 | }
102 |
103 | $(document).ready(function () {
104 | $('body').scrollSpy('[data-scrollspy] li > a')
105 | })
106 |
107 | }( window.jQuery || window.ender );
--------------------------------------------------------------------------------
/templates/bootstrap/hero.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {$title}
6 |
46 |
47 |
48 |
49 |
Hello, world!
50 |
Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
51 |
Learn more »
52 |
53 |
54 |
55 |
56 |
57 |
Heading
58 |
Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
59 |
View details »
60 |
61 |
62 |
Heading
63 |
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
64 |
View details »
65 |
66 |
67 |
Heading
68 |
Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
69 |
View details »
70 |
71 |
72 |
73 |
76 |
77 |
{$title}
6 |
7 |
8 |
17 |
18 |
Variable example
19 |
20 |
21 |
Variable example
22 |
23 | variable {$variable}
24 |
25 | Variable assignment
27 | assignment {$number=10} and print {$number}
28 |
29 | Variable Modifiers
31 |
32 | {$variable|strlen}
35 |
36 | Global variables
38 | The variable is declared as global into the PHP {$GLOBALS.global_variable}
39 | Show all declared variables
42 | To show all declared variable use.
44 | {$this->var|print_r}
45 |
46 |
49 |
50 |
Constants
51 |
52 |
Constant
53 | Constant: {#true#}
54 |
55 | Modier on constant as follow
57 | {#PHP_VERSION|strlen|round|count}
58 |
59 |
60 |
Loop example
61 |
62 |
Simple loop example
63 |
64 |
65 | {loop="$week"}
66 | {$key} = {$value}
67 | {/loop}
68 |
69 |
70 |
71 |
72 |
73 |
Loop example with associative array
74 |
75 |
76 | ID _ Name _ Color
77 | {loop="$user"}
78 | {$key}) - {$value.name|strtoupper} - {$value.color}
79 | {/loop}
80 |
81 |
82 |
83 |
84 |
85 |
Loop an empty array
86 |
87 |
88 | {loop="$empty_array"}
89 | {$key}) - {$value.name} - {$value.color}
90 | {else}
91 | The array is empty
92 | {/loop}
93 |
94 |
95 |
96 |
97 |
98 |
If Example
99 |
100 |
101 |
simple if example
102 |
103 | {if="$number==10"}OK!
104 | {else}NO!{/if}
105 |
106 |
107 | example of if, elseif, else example
110 |
111 | {if="substr($variable,0,1)=='A'"}First character is A
112 | {elseif="substr($variable,0,1)=='B'"}First character is B
113 | {else}First character of variable is not A neither B
114 | {/if}
115 |
116 |
117 |
118 |
119 |
Custom function
120 |
121 | {@message@}
122 |
123 |
124 |
125 |
Path Replace (WYSIWYG)
126 |
127 |
128 |
WYSIWYG
129 |
130 | RainTPL replaces relative paths of images, css and links automatically with the correct server paths.
131 |
132 |
133 |
Path replace on relative path of image
134 | into the template the image is wrote as:
135 |
<img src="img/logo.gif" alt="logo"/>
136 | in the compiled template the path is replaced with the correct path
tpl/img/logo.gif :
137 |
138 |
139 |
Absolute paths and path ending with # are not replaced
140 |
For more info read the documentation:
141 |
http://www.raintpl.com/Documentation/Documentation-for-web-designers/WYSIWYG/
142 |
143 |
144 |
145 |
146 |
$value ";
55 | }
56 | );
57 |
58 |
59 | // add a tag
60 | Tpl::registerTag( "({%.*?%})", // preg split
61 | "{%(.*?)(?:\|(.*?))%}", // preg match
62 | function( $params ){ // function called by the tag
63 | $value = $params[1][0];
64 | $value2 = $params[2][0];
65 |
66 | return "Translate: $value in $value2 ";
67 | }
68 | );
69 |
70 |
71 |
72 | $string = file_get_contents( "templates/test/test.html");
73 |
74 |
75 | class Test{
76 | static public function method( $variable ){
77 | echo "Hi I am a static method, and this is the parameter passed to me: $variable!";
78 | }
79 | }
80 |
81 |
82 | // draw
83 | $tpl = new Tpl;
84 | $tpl->assign( $var );
85 | echo $tpl->drawString( $string );
86 |
87 | // -- end
88 |
89 |
90 |
91 |
92 |
93 | //-------------------------------------------------------------
94 | //
95 | // BENCHMARK/DEBUG FUNCTIONS
96 | //
97 | //-------------------------------------------------------------
98 |
99 | echo "dump \n---------------------- \n\n" . print_r( $mixed, true ) . "\n----------------------";
109 | if( $exit ) exit;
110 | }
111 |
112 |
113 |
114 | /**
115 | * Save the memory used at this point
116 | */
117 | function memoryUsageStart( $memName = "execution_time" ){
118 | return $GLOBALS['memoryCounter'][$memName] = memory_get_usage();
119 | }
120 |
121 |
122 |
123 | /**
124 | * Get the memory used
125 | */
126 | function memoryUsage( $memName = "execution_time", $byteFormat = true ){
127 | $totMem = memory_get_usage() - $GLOBALS['memoryCounter'][ $memName ];
128 | return $byteFormat ? byteFormat($totMem) : $totMem;
129 | }
130 |
131 |
132 | //-------------------------------------------------------------
133 | //
134 | // TIME FUNCTIONS
135 | //
136 | //-------------------------------------------------------------
137 |
138 | /**
139 | * Start the timer
140 | */
141 | function timerStart( $timeName = "execution_time" ){
142 | $stimer = explode( ' ', microtime( ) );
143 | $GLOBALS['timeCounter'][$timeName] = $stimer[ 1 ] + $stimer[ 0 ];
144 | }
145 |
146 | /**
147 | * Get the time passed
148 | */
149 | function timer( $timeName = "execution_time", $precision = 10 ){
150 | $etimer = explode( ' ', microtime( ) );
151 | $timeElapsed = $etimer[ 1 ] + $etimer[ 0 ] - $GLOBALS['timeCounter'][ $timeName ];
152 | return substr( $timeElapsed, 0, $precision );
153 | }
154 |
155 |
156 | /**
157 | * Convert byte to more readable format, like "1 KB" instead of "1024".
158 | * cut_zero, remove the 0 after comma ex: 10,00 => 10 14,30 => 14,3
159 | */
160 | function byteFormat( $size ){
161 | if( $size > 0 ){
162 | $unim = array("B","KB","MB","GB","TB","PB");
163 | for( $i=0; $size >= 1024; $i++ )
164 | $size = $size / 1024;
165 | return number_format($size,$i?2:0, ',', '.' )." ".$unim[$i];
166 | }
167 | }
168 |
169 | // end
--------------------------------------------------------------------------------
/templates/bootstrap/lib/tables.less:
--------------------------------------------------------------------------------
1 | /*
2 | * Tables.less
3 | * Tables for, you guessed it, tabular data
4 | * ---------------------------------------- */
5 |
6 |
7 | // BASELINE STYLES
8 | // ---------------
9 |
10 | table {
11 | width: 100%;
12 | margin-bottom: @baseline;
13 | padding: 0;
14 | font-size: @basefont;
15 | border-collapse: collapse;
16 | th,
17 | td {
18 | padding: 10px 10px 9px;
19 | line-height: @baseline;
20 | text-align: left;
21 | }
22 | th {
23 | padding-top: 9px;
24 | font-weight: bold;
25 | vertical-align: middle;
26 | }
27 | td {
28 | vertical-align: top;
29 | border-top: 1px solid #ddd;
30 | }
31 | // When scoped to row, fix th in tbody
32 | tbody th {
33 | border-top: 1px solid #ddd;
34 | vertical-align: top;
35 | }
36 | }
37 |
38 |
39 | // CONDENSED VERSION
40 | // -----------------
41 | .condensed-table {
42 | th,
43 | td {
44 | padding: 5px 5px 4px;
45 | }
46 | }
47 |
48 |
49 | // BORDERED VERSION
50 | // ----------------
51 |
52 | .bordered-table {
53 | border: 1px solid #ddd;
54 | border-collapse: separate; // Done so we can round those corners!
55 | *border-collapse: collapse; /* IE7, collapse table to remove spacing */
56 | .border-radius(4px);
57 | th + th,
58 | td + td,
59 | th + td {
60 | border-left: 1px solid #ddd;
61 | }
62 | thead tr:first-child th:first-child,
63 | tbody tr:first-child td:first-child {
64 | .border-radius(4px 0 0 0);
65 | }
66 | thead tr:first-child th:last-child,
67 | tbody tr:first-child td:last-child {
68 | .border-radius(0 4px 0 0);
69 | }
70 | tbody tr:last-child td:first-child {
71 | .border-radius(0 0 0 4px);
72 | }
73 | tbody tr:last-child td:last-child {
74 | .border-radius(0 0 4px 0);
75 | }
76 | }
77 |
78 |
79 | // TABLE CELL SIZES
80 | // ----------------
81 |
82 | // This is a duplication of the main grid .columns() mixin, but subtracts 20px to account for input padding and border
83 | .tableColumns(@columnSpan: 1) {
84 | width: ((@gridColumnWidth - 20) * @columnSpan) + ((@gridColumnWidth - 20) * (@columnSpan - 1));
85 | }
86 | table {
87 | // Default columns
88 | .span1 { .tableColumns(1); }
89 | .span2 { .tableColumns(2); }
90 | .span3 { .tableColumns(3); }
91 | .span4 { .tableColumns(4); }
92 | .span5 { .tableColumns(5); }
93 | .span6 { .tableColumns(6); }
94 | .span7 { .tableColumns(7); }
95 | .span8 { .tableColumns(8); }
96 | .span9 { .tableColumns(9); }
97 | .span10 { .tableColumns(10); }
98 | .span11 { .tableColumns(11); }
99 | .span12 { .tableColumns(12); }
100 | .span13 { .tableColumns(13); }
101 | .span14 { .tableColumns(14); }
102 | .span15 { .tableColumns(15); }
103 | .span16 { .tableColumns(16); }
104 | }
105 |
106 |
107 | // ZEBRA-STRIPING
108 | // --------------
109 |
110 | // Default zebra-stripe styles (alternating gray and transparent backgrounds)
111 | .zebra-striped {
112 | tbody {
113 | tr:nth-child(odd) td,
114 | tr:nth-child(odd) th {
115 | background-color: #f9f9f9;
116 | }
117 | tr:hover td,
118 | tr:hover th {
119 | background-color: #f5f5f5;
120 | }
121 | }
122 | }
123 |
124 | table {
125 | // Tablesorting styles w/ jQuery plugin
126 | .header {
127 | cursor: pointer;
128 | &:after {
129 | content: "";
130 | float: right;
131 | margin-top: 7px;
132 | border-width: 0 4px 4px;
133 | border-style: solid;
134 | border-color: #000 transparent;
135 | visibility: hidden;
136 | }
137 | }
138 | // Style the sorted column headers (THs)
139 | .headerSortUp,
140 | .headerSortDown {
141 | background-color: rgba(141,192,219,.25);
142 | text-shadow: 0 1px 1px rgba(255,255,255,.75);
143 | }
144 | // Style the ascending (reverse alphabetical) column header
145 | .header:hover {
146 | &:after {
147 | visibility:visible;
148 | }
149 | }
150 | // Style the descending (alphabetical) column header
151 | .headerSortDown,
152 | .headerSortDown:hover {
153 | &:after {
154 | visibility:visible;
155 | .opacity(60);
156 | }
157 | }
158 | // Style the ascending (reverse alphabetical) column header
159 | .headerSortUp {
160 | &:after {
161 | border-bottom: none;
162 | border-left: 4px solid transparent;
163 | border-right: 4px solid transparent;
164 | border-top: 4px solid #000;
165 | visibility:visible;
166 | .box-shadow(none); //can't add boxshadow to downward facing arrow :(
167 | .opacity(60);
168 | }
169 | }
170 | // Blue Table Headings
171 | .blue {
172 | color: @blue;
173 | border-bottom-color: @blue;
174 | }
175 | .headerSortUp.blue,
176 | .headerSortDown.blue {
177 | background-color: lighten(@blue, 40%);
178 | }
179 | // Green Table Headings
180 | .green {
181 | color: @green;
182 | border-bottom-color: @green;
183 | }
184 | .headerSortUp.green,
185 | .headerSortDown.green {
186 | background-color: lighten(@green, 40%);
187 | }
188 | // Red Table Headings
189 | .red {
190 | color: @red;
191 | border-bottom-color: @red;
192 | }
193 | .headerSortUp.red,
194 | .headerSortDown.red {
195 | background-color: lighten(@red, 50%);
196 | }
197 | // Yellow Table Headings
198 | .yellow {
199 | color: @yellow;
200 | border-bottom-color: @yellow;
201 | }
202 | .headerSortUp.yellow,
203 | .headerSortDown.yellow {
204 | background-color: lighten(@yellow, 40%);
205 | }
206 | // Orange Table Headings
207 | .orange {
208 | color: @orange;
209 | border-bottom-color: @orange;
210 | }
211 | .headerSortUp.orange,
212 | .headerSortDown.orange {
213 | background-color: lighten(@orange, 40%);
214 | }
215 | // Purple Table Headings
216 | .purple {
217 | color: @purple;
218 | border-bottom-color: @purple;
219 | }
220 | .headerSortUp.purple,
221 | .headerSortDown.purple {
222 | background-color: lighten(@purple, 40%);
223 | }
224 | }
--------------------------------------------------------------------------------
/library/Rain/Tpl/Plugin/PathReplace.php:
--------------------------------------------------------------------------------
1 | template_dir/url
37 | * url# => url
38 | * http://url => http://url
39 | *
40 | * @param \ArrayAccess $context
41 | */
42 | public function afterParse(\ArrayAccess $context){
43 |
44 | // set variables
45 | $html = $context->code;
46 | $template_basedir = $context->template_basedir;
47 | $tags = $this->tags;
48 | $basecode = "";
49 |
50 |
51 | // get the template base directory
52 | $template_directory = $basecode . $context->conf['tpl_dir'] . $context->template_basedir;
53 |
54 | // reduce the path
55 | $path = str_replace( "://", "@not_replace@", $template_directory );
56 | $path = preg_replace( "#(/+)#", "/", $path );
57 | $path = preg_replace( "#(/\./+)#", "/", $path );
58 | $path = str_replace( "@not_replace@", "://", $path );
59 |
60 | while( preg_match( '#\.\./#', $path ) ){
61 | $path = preg_replace('#\w+/\.\./#', '', $path );
62 | }
63 |
64 |
65 |
66 | $exp = $sub = array();
67 |
68 | if( in_array( "img", $tags ) ){
69 | $exp = array( '/code = preg_replace( $exp, $sub, $html );
109 | }
110 |
111 |
112 |
113 | public function setTags($tags) {
114 | $this->tags = (array) $tags;
115 | return $this;
116 | }
117 |
118 | }
119 |
--------------------------------------------------------------------------------
/library/Rain/Tpl/Plugin/ImageResize.php:
--------------------------------------------------------------------------------
1 | code;
38 | $template_basedir = $context->template_basedir;
39 | $quality = $this->quality;
40 | $auto_crop = $this->crop;
41 | $conf = $context->conf;
42 |
43 | $img_cache_dir = $template_basedir = $conf['cache_dir'];
44 |
45 |
46 | // get the template base directory
47 | $template_directory = $conf['base_url'] . $conf['tpl_dir'] . $template_basedir;
48 |
49 | // reduce the path
50 | $path = preg_replace('/\w+\/\.\.\//', '', $template_directory );
51 |
52 | $exp = $sub = array();
53 |
54 | $image_resized = false;
55 |
56 | // match the images
57 | if( preg_match_all( '/.*?)"))|(\s*(width="(?.*?)"))|(\s*height="(?.*?)")|(\s*resize="(?.*?)")|(\s*crop="(?.*?)"))*.*?>/', $html, $matches ) ){
58 |
59 | for( $i=0,$n=count($matches[0]); $i<$n; $i++ ){
60 | $tag = $matches[0][$i];
61 | $src = $matches['src'][$i];
62 | $w = $matches['width'][$i];
63 | $h = $matches['height'][$i];
64 | $resize = $matches['resize'][$i];
65 | if( $auto_crop )
66 | $crop = $matches['crop'][$i] == 'false' ? false : true;
67 | else
68 | $crop = $matches['crop'][$i] == 'true' ? true : false;
69 |
70 | if( $w > 0 && $h > 0 && $resize != 'false' ){
71 | echo $src;exit;
72 | $new_tag = preg_replace( '/(.*?)src="(.*?)"(.*?)/', '$1src=""$3', $tag );
73 | $html = str_replace( $tag, $new_tag, $html );
74 | $image_resized = true;
75 | }
76 |
77 | }
78 |
79 | if( $image_resized )
80 | $html = '' . $html;
81 |
82 | }
83 |
84 | $context->code = $html;
85 | }
86 |
87 | public function setQuality($quality) {
88 | $this->quality = (int) $quality;
89 | return $this;
90 | }
91 |
92 | public function setCrop($crop) {
93 | $this->crop = (string) $crop;
94 | return $this;
95 | }
96 |
97 | public static function imgResize( $src, $dest, $w, $h, $quality, $crop ){
98 |
99 | $ext = substr(strrchr($src, '.'),1);
100 | $dest = $dest . 'img.'. md5( $src . $crop . $quality ) . $w . 'x' . $h . '.' . $ext;
101 |
102 |
103 | if( !file_exists( $dest ) )
104 | static::rainImgResize( $src, $dest, $w, $h, $quality, $crop );
105 | return $dest;
106 |
107 | }
108 |
109 | public static function rainImgResize($src, $dst, $width, $height, $quality, $crop=0){
110 |
111 | if(!list($w, $h) = getimagesize($src)) return "Unsupported picture type!";
112 |
113 | $type = strtolower(substr(strrchr($src,"."),1));
114 | if($type == 'jpeg') $type = 'jpg';
115 | switch($type){
116 | case 'bmp': $img = imagecreatefromwbmp($src); break;
117 | case 'gif': $img = imagecreatefromgif($src); break;
118 | case 'jpg': $img = imagecreatefromjpeg($src); break;
119 | case 'png': $img = imagecreatefrompng($src); break;
120 | default : return "Unsupported picture type!";
121 | }
122 |
123 | // resize
124 | if($crop){
125 | if($w < $width or $h < $height) return "Picture is too small!";
126 | $ratio = max($width/$w, $height/$h);
127 | $h = $height / $ratio;
128 | $x = ($w - $width / $ratio) / 2;
129 | $w = $width / $ratio;
130 | }
131 | else{
132 | if($w < $width and $h < $height) return "Picture is too small!";
133 | $ratio = min($width/$w, $height/$h);
134 | $width = $w * $ratio;
135 | $height = $h * $ratio;
136 | $x = 0;
137 | }
138 |
139 | $new = imagecreatetruecolor($width, $height);
140 |
141 | // preserve transparency
142 | if($type == "gif" or $type == "png"){
143 | imagecolortransparent($new, imagecolorallocatealpha($new, 0, 0, 0, 127));
144 | imagealphablending($new, false);
145 | imagesavealpha($new, true);
146 | }
147 |
148 | imagecopyresampled($new, $img, 0, 0, $x, 0, $width, $height, $w, $h);
149 |
150 | switch($type){
151 | case 'bmp': imagewbmp($new, $dst, $quality); break;
152 | case 'gif': imagegif($new, $dst, $quality); break;
153 | case 'jpg': imagejpeg($new, $dst, $quality); break;
154 | case 'png': imagepng($new, $dst, $quality); break;
155 | }
156 | return true;
157 | }
158 |
159 | }
--------------------------------------------------------------------------------
/templates/bootstrap/js/bootstrap-modal.js:
--------------------------------------------------------------------------------
1 | /* =========================================================
2 | * bootstrap-modal.js v1.4.0
3 | * http://twitter.github.com/bootstrap/javascript.html#modal
4 | * =========================================================
5 | * Copyright 2011 Twitter, Inc.
6 | *
7 | * Licensed under the Apache License, Version 2.0 (the "License");
8 | * you may not use this file except in compliance with the License.
9 | * You may obtain a copy of the License at
10 | *
11 | * http://www.apache.org/licenses/LICENSE-2.0
12 | *
13 | * Unless required by applicable law or agreed to in writing, software
14 | * distributed under the License is distributed on an "AS IS" BASIS,
15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 | * See the License for the specific language governing permissions and
17 | * limitations under the License.
18 | * ========================================================= */
19 |
20 |
21 | !function( $ ){
22 |
23 | "use strict"
24 |
25 | /* CSS TRANSITION SUPPORT (https://gist.github.com/373874)
26 | * ======================================================= */
27 |
28 | var transitionEnd
29 |
30 | $(document).ready(function () {
31 |
32 | $.support.transition = (function () {
33 | var thisBody = document.body || document.documentElement
34 | , thisStyle = thisBody.style
35 | , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined
36 | return support
37 | })()
38 |
39 | // set CSS transition event type
40 | if ( $.support.transition ) {
41 | transitionEnd = "TransitionEnd"
42 | if ( $.browser.webkit ) {
43 | transitionEnd = "webkitTransitionEnd"
44 | } else if ( $.browser.mozilla ) {
45 | transitionEnd = "transitionend"
46 | } else if ( $.browser.opera ) {
47 | transitionEnd = "oTransitionEnd"
48 | }
49 | }
50 |
51 | })
52 |
53 |
54 | /* MODAL PUBLIC CLASS DEFINITION
55 | * ============================= */
56 |
57 | var Modal = function ( content, options ) {
58 | this.settings = $.extend({}, $.fn.modal.defaults, options)
59 | this.$element = $(content)
60 | .delegate('.close', 'click.modal', $.proxy(this.hide, this))
61 |
62 | if ( this.settings.show ) {
63 | this.show()
64 | }
65 |
66 | return this
67 | }
68 |
69 | Modal.prototype = {
70 |
71 | toggle: function () {
72 | return this[!this.isShown ? 'show' : 'hide']()
73 | }
74 |
75 | , show: function () {
76 | var that = this
77 | this.isShown = true
78 | this.$element.trigger('show')
79 |
80 | escape.call(this)
81 | backdrop.call(this, function () {
82 | var transition = $.support.transition && that.$element.hasClass('fade')
83 |
84 | that.$element
85 | .appendTo(document.body)
86 | .show()
87 |
88 | if (transition) {
89 | that.$element[0].offsetWidth // force reflow
90 | }
91 |
92 | that.$element.addClass('in')
93 |
94 | transition ?
95 | that.$element.one(transitionEnd, function () { that.$element.trigger('shown') }) :
96 | that.$element.trigger('shown')
97 |
98 | })
99 |
100 | return this
101 | }
102 |
103 | , hide: function (e) {
104 | e && e.preventDefault()
105 |
106 | if ( !this.isShown ) {
107 | return this
108 | }
109 |
110 | var that = this
111 | this.isShown = false
112 |
113 | escape.call(this)
114 |
115 | this.$element
116 | .trigger('hide')
117 | .removeClass('in')
118 |
119 | $.support.transition && this.$element.hasClass('fade') ?
120 | hideWithTransition.call(this) :
121 | hideModal.call(this)
122 |
123 | return this
124 | }
125 |
126 | }
127 |
128 |
129 | /* MODAL PRIVATE METHODS
130 | * ===================== */
131 |
132 | function hideWithTransition() {
133 | // firefox drops transitionEnd events :{o
134 | var that = this
135 | , timeout = setTimeout(function () {
136 | that.$element.unbind(transitionEnd)
137 | hideModal.call(that)
138 | }, 500)
139 |
140 | this.$element.one(transitionEnd, function () {
141 | clearTimeout(timeout)
142 | hideModal.call(that)
143 | })
144 | }
145 |
146 | function hideModal (that) {
147 | this.$element
148 | .hide()
149 | .trigger('hidden')
150 |
151 | backdrop.call(this)
152 | }
153 |
154 | function backdrop ( callback ) {
155 | var that = this
156 | , animate = this.$element.hasClass('fade') ? 'fade' : ''
157 | if ( this.isShown && this.settings.backdrop ) {
158 | var doAnimate = $.support.transition && animate
159 |
160 | this.$backdrop = $('
')
161 | .appendTo(document.body)
162 |
163 | if ( this.settings.backdrop != 'static' ) {
164 | this.$backdrop.click($.proxy(this.hide, this))
165 | }
166 |
167 | if ( doAnimate ) {
168 | this.$backdrop[0].offsetWidth // force reflow
169 | }
170 |
171 | this.$backdrop.addClass('in')
172 |
173 | doAnimate ?
174 | this.$backdrop.one(transitionEnd, callback) :
175 | callback()
176 |
177 | } else if ( !this.isShown && this.$backdrop ) {
178 | this.$backdrop.removeClass('in')
179 |
180 | $.support.transition && this.$element.hasClass('fade')?
181 | this.$backdrop.one(transitionEnd, $.proxy(removeBackdrop, this)) :
182 | removeBackdrop.call(this)
183 |
184 | } else if ( callback ) {
185 | callback()
186 | }
187 | }
188 |
189 | function removeBackdrop() {
190 | this.$backdrop.remove()
191 | this.$backdrop = null
192 | }
193 |
194 | function escape() {
195 | var that = this
196 | if ( this.isShown && this.settings.keyboard ) {
197 | $(document).bind('keyup.modal', function ( e ) {
198 | if ( e.which == 27 ) {
199 | that.hide()
200 | }
201 | })
202 | } else if ( !this.isShown ) {
203 | $(document).unbind('keyup.modal')
204 | }
205 | }
206 |
207 |
208 | /* MODAL PLUGIN DEFINITION
209 | * ======================= */
210 |
211 | $.fn.modal = function ( options ) {
212 | var modal = this.data('modal')
213 |
214 | if (!modal) {
215 |
216 | if (typeof options == 'string') {
217 | options = {
218 | show: /show|toggle/.test(options)
219 | }
220 | }
221 |
222 | return this.each(function () {
223 | $(this).data('modal', new Modal(this, options))
224 | })
225 | }
226 |
227 | if ( options === true ) {
228 | return modal
229 | }
230 |
231 | if ( typeof options == 'string' ) {
232 | modal[options]()
233 | } else if ( modal ) {
234 | modal.toggle()
235 | }
236 |
237 | return this
238 | }
239 |
240 | $.fn.modal.Modal = Modal
241 |
242 | $.fn.modal.defaults = {
243 | backdrop: false
244 | , keyboard: false
245 | , show: false
246 | }
247 |
248 |
249 | /* MODAL DATA- IMPLEMENTATION
250 | * ========================== */
251 |
252 | $(document).ready(function () {
253 | $('body').delegate('[data-controls-modal]', 'click', function (e) {
254 | e.preventDefault()
255 | var $this = $(this).data('show', true)
256 | $('#' + $this.attr('data-controls-modal')).modal( $this.data() )
257 | })
258 | })
259 |
260 | }( window.jQuery || window.ender );
261 |
--------------------------------------------------------------------------------
/templates/bootstrap/lib/mixins.less:
--------------------------------------------------------------------------------
1 | /* Mixins.less
2 | * Snippets of reusable CSS to develop faster and keep code readable
3 | * ----------------------------------------------------------------- */
4 |
5 |
6 | // Clearfix for clearing floats like a boss h5bp.com/q
7 | .clearfix() {
8 | zoom: 1;
9 | &:before,
10 | &:after {
11 | display: table;
12 | content: "";
13 | zoom: 1;
14 | }
15 | &:after {
16 | clear: both;
17 | }
18 | }
19 |
20 | // Center-align a block level element
21 | .center-block() {
22 | display: block;
23 | margin-left: auto;
24 | margin-right: auto;
25 | }
26 |
27 | // Sizing shortcuts
28 | .size(@height: 5px, @width: 5px) {
29 | height: @height;
30 | width: @width;
31 | }
32 | .square(@size: 5px) {
33 | .size(@size, @size);
34 | }
35 |
36 | // Input placeholder text
37 | .placeholder(@color: @grayLight) {
38 | :-moz-placeholder {
39 | color: @color;
40 | }
41 | ::-webkit-input-placeholder {
42 | color: @color;
43 | }
44 | }
45 |
46 | // Font Stacks
47 | #font {
48 | .shorthand(@weight: normal, @size: 14px, @lineHeight: 20px) {
49 | font-size: @size;
50 | font-weight: @weight;
51 | line-height: @lineHeight;
52 | }
53 | .sans-serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
54 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
55 | font-size: @size;
56 | font-weight: @weight;
57 | line-height: @lineHeight;
58 | }
59 | .serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
60 | font-family: "Georgia", Times New Roman, Times, serif;
61 | font-size: @size;
62 | font-weight: @weight;
63 | line-height: @lineHeight;
64 | }
65 | .monospace(@weight: normal, @size: 12px, @lineHeight: 20px) {
66 | font-family: "Monaco", Courier New, monospace;
67 | font-size: @size;
68 | font-weight: @weight;
69 | line-height: @lineHeight;
70 | }
71 | }
72 |
73 | // Grid System
74 | .fixed-container() {
75 | width: @siteWidth;
76 | margin-left: auto;
77 | margin-right: auto;
78 | .clearfix();
79 | }
80 | .columns(@columnSpan: 1) {
81 | width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1));
82 | }
83 | .offset(@columnOffset: 1) {
84 | margin-left: (@gridColumnWidth * @columnOffset) + (@gridGutterWidth * (@columnOffset - 1)) + @extraSpace;
85 | }
86 | // Necessary grid styles for every column to make them appear next to each other horizontally
87 | .gridColumn() {
88 | display: inline;
89 | float: left;
90 | margin-left: @gridGutterWidth;
91 | }
92 | // makeColumn can be used to mark any element (e.g., .content-primary) as a column without changing markup to .span something
93 | .makeColumn(@columnSpan: 1) {
94 | .gridColumn();
95 | .columns(@columnSpan);
96 | }
97 |
98 | // Border Radius
99 | .border-radius(@radius: 5px) {
100 | -webkit-border-radius: @radius;
101 | -moz-border-radius: @radius;
102 | border-radius: @radius;
103 | }
104 |
105 | // Drop shadows
106 | .box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
107 | -webkit-box-shadow: @shadow;
108 | -moz-box-shadow: @shadow;
109 | box-shadow: @shadow;
110 | }
111 |
112 | // Transitions
113 | .transition(@transition) {
114 | -webkit-transition: @transition;
115 | -moz-transition: @transition;
116 | -ms-transition: @transition;
117 | -o-transition: @transition;
118 | transition: @transition;
119 | }
120 |
121 | // Background clipping
122 | .background-clip(@clip) {
123 | -webkit-background-clip: @clip;
124 | -moz-background-clip: @clip;
125 | background-clip: @clip;
126 | }
127 |
128 | // CSS3 Content Columns
129 | .content-columns(@columnCount, @columnGap: 20px) {
130 | -webkit-column-count: @columnCount;
131 | -moz-column-count: @columnCount;
132 | column-count: @columnCount;
133 | -webkit-column-gap: @columnGap;
134 | -moz-column-gap: @columnGap;
135 | column-gap: @columnGap;
136 | }
137 |
138 | // Make any element resizable for prototyping
139 | .resizable(@direction: both) {
140 | resize: @direction; // Options are horizontal, vertical, both
141 | overflow: auto; // Safari fix
142 | }
143 |
144 | // Add an alphatransparency value to any background or border color (via Elyse Holladay)
145 | #translucent {
146 | .background(@color: @white, @alpha: 1) {
147 | background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
148 | }
149 | .border(@color: @white, @alpha: 1) {
150 | border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
151 | background-clip: padding-box;
152 | }
153 | }
154 |
155 | // Gradient Bar Colors for buttons and allerts
156 | .gradientBar(@primaryColor, @secondaryColor) {
157 | #gradient > .vertical(@primaryColor, @secondaryColor);
158 | text-shadow: 0 -1px 0 rgba(0,0,0,.25);
159 | border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
160 | border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
161 | }
162 |
163 | // Gradients
164 | #gradient {
165 | .horizontal (@startColor: #555, @endColor: #333) {
166 | background-color: @endColor;
167 | background-repeat: repeat-x;
168 | background-image: -khtml-gradient(linear, left top, right top, from(@startColor), to(@endColor)); // Konqueror
169 | background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
170 | background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10
171 | background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
172 | background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
173 | background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
174 | background-image: linear-gradient(left, @startColor, @endColor); // Le standard
175 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down
176 | }
177 | .vertical (@startColor: #555, @endColor: #333) {
178 | background-color: @endColor;
179 | background-repeat: repeat-x;
180 | background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
181 | background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
182 | background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
183 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
184 | background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
185 | background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
186 | background-image: linear-gradient(top, @startColor, @endColor); // The standard
187 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
188 | }
189 | .directional (@startColor: #555, @endColor: #333, @deg: 45deg) {
190 | background-color: @endColor;
191 | background-repeat: repeat-x;
192 | background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
193 | background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
194 | background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
195 | background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
196 | background-image: linear-gradient(@deg, @startColor, @endColor); // The standard
197 | }
198 | .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
199 | background-color: @endColor;
200 | background-repeat: no-repeat;
201 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
202 | background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
203 | background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
204 | background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor);
205 | background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
206 | background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
207 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback
208 | }
209 | }
210 |
211 | // Reset filters for IE
212 | .reset-filter() {
213 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
214 | }
215 |
216 | // Opacity
217 | .opacity(@opacity: 100) {
218 | filter: e(%("alpha(opacity=%d)", @opacity));
219 | -khtml-opacity: @opacity / 100;
220 | -moz-opacity: @opacity / 100;
221 | opacity: @opacity / 100;
222 | }
--------------------------------------------------------------------------------
/templates/bootstrap/js/bootstrap-twipsy.js:
--------------------------------------------------------------------------------
1 | /* ==========================================================
2 | * bootstrap-twipsy.js v1.4.0
3 | * http://twitter.github.com/bootstrap/javascript.html#twipsy
4 | * Adapted from the original jQuery.tipsy by Jason Frame
5 | * ==========================================================
6 | * Copyright 2011 Twitter, Inc.
7 | *
8 | * Licensed under the Apache License, Version 2.0 (the "License");
9 | * you may not use this file except in compliance with the License.
10 | * You may obtain a copy of the License at
11 | *
12 | * http://www.apache.org/licenses/LICENSE-2.0
13 | *
14 | * Unless required by applicable law or agreed to in writing, software
15 | * distributed under the License is distributed on an "AS IS" BASIS,
16 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
17 | * See the License for the specific language governing permissions and
18 | * limitations under the License.
19 | * ========================================================== */
20 |
21 |
22 | !function( $ ) {
23 |
24 | "use strict"
25 |
26 | /* CSS TRANSITION SUPPORT (https://gist.github.com/373874)
27 | * ======================================================= */
28 |
29 | var transitionEnd
30 |
31 | $(document).ready(function () {
32 |
33 | $.support.transition = (function () {
34 | var thisBody = document.body || document.documentElement
35 | , thisStyle = thisBody.style
36 | , support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined
37 | return support
38 | })()
39 |
40 | // set CSS transition event type
41 | if ( $.support.transition ) {
42 | transitionEnd = "TransitionEnd"
43 | if ( $.browser.webkit ) {
44 | transitionEnd = "webkitTransitionEnd"
45 | } else if ( $.browser.mozilla ) {
46 | transitionEnd = "transitionend"
47 | } else if ( $.browser.opera ) {
48 | transitionEnd = "oTransitionEnd"
49 | }
50 | }
51 |
52 | })
53 |
54 |
55 | /* TWIPSY PUBLIC CLASS DEFINITION
56 | * ============================== */
57 |
58 | var Twipsy = function ( element, options ) {
59 | this.$element = $(element)
60 | this.options = options
61 | this.enabled = true
62 | this.fixTitle()
63 | }
64 |
65 | Twipsy.prototype = {
66 |
67 | show: function() {
68 | var pos
69 | , actualWidth
70 | , actualHeight
71 | , placement
72 | , $tip
73 | , tp
74 |
75 | if (this.hasContent() && this.enabled) {
76 | $tip = this.tip()
77 | this.setContent()
78 |
79 | if (this.options.animate) {
80 | $tip.addClass('fade')
81 | }
82 |
83 | $tip
84 | .remove()
85 | .css({ top: 0, left: 0, display: 'block' })
86 | .prependTo(document.body)
87 |
88 | pos = $.extend({}, this.$element.offset(), {
89 | width: this.$element[0].offsetWidth
90 | , height: this.$element[0].offsetHeight
91 | })
92 |
93 | actualWidth = $tip[0].offsetWidth
94 | actualHeight = $tip[0].offsetHeight
95 |
96 | placement = maybeCall(this.options.placement, this, [ $tip[0], this.$element[0] ])
97 |
98 | switch (placement) {
99 | case 'below':
100 | tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2}
101 | break
102 | case 'above':
103 | tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2}
104 | break
105 | case 'left':
106 | tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset}
107 | break
108 | case 'right':
109 | tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset}
110 | break
111 | }
112 |
113 | $tip
114 | .css(tp)
115 | .addClass(placement)
116 | .addClass('in')
117 | }
118 | }
119 |
120 | , setContent: function () {
121 | var $tip = this.tip()
122 | $tip.find('.twipsy-inner')[this.options.html ? 'html' : 'text'](this.getTitle())
123 | $tip[0].className = 'twipsy'
124 | }
125 |
126 | , hide: function() {
127 | var that = this
128 | , $tip = this.tip()
129 |
130 | $tip.removeClass('in')
131 |
132 | function removeElement () {
133 | $tip.remove()
134 | }
135 |
136 | $.support.transition && this.$tip.hasClass('fade') ?
137 | $tip.bind(transitionEnd, removeElement) :
138 | removeElement()
139 | }
140 |
141 | , fixTitle: function() {
142 | var $e = this.$element
143 | if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {
144 | $e.attr('data-original-title', $e.attr('title') || '').removeAttr('title')
145 | }
146 | }
147 |
148 | , hasContent: function () {
149 | return this.getTitle()
150 | }
151 |
152 | , getTitle: function() {
153 | var title
154 | , $e = this.$element
155 | , o = this.options
156 |
157 | this.fixTitle()
158 |
159 | if (typeof o.title == 'string') {
160 | title = $e.attr(o.title == 'title' ? 'data-original-title' : o.title)
161 | } else if (typeof o.title == 'function') {
162 | title = o.title.call($e[0])
163 | }
164 |
165 | title = ('' + title).replace(/(^\s*|\s*$)/, "")
166 |
167 | return title || o.fallback
168 | }
169 |
170 | , tip: function() {
171 | return this.$tip = this.$tip || $('
').html(this.options.template)
172 | }
173 |
174 | , validate: function() {
175 | if (!this.$element[0].parentNode) {
176 | this.hide()
177 | this.$element = null
178 | this.options = null
179 | }
180 | }
181 |
182 | , enable: function() {
183 | this.enabled = true
184 | }
185 |
186 | , disable: function() {
187 | this.enabled = false
188 | }
189 |
190 | , toggleEnabled: function() {
191 | this.enabled = !this.enabled
192 | }
193 |
194 | , toggle: function () {
195 | this[this.tip().hasClass('in') ? 'hide' : 'show']()
196 | }
197 |
198 | }
199 |
200 |
201 | /* TWIPSY PRIVATE METHODS
202 | * ====================== */
203 |
204 | function maybeCall ( thing, ctx, args ) {
205 | return typeof thing == 'function' ? thing.apply(ctx, args) : thing
206 | }
207 |
208 | /* TWIPSY PLUGIN DEFINITION
209 | * ======================== */
210 |
211 | $.fn.twipsy = function (options) {
212 | $.fn.twipsy.initWith.call(this, options, Twipsy, 'twipsy')
213 | return this
214 | }
215 |
216 | $.fn.twipsy.initWith = function (options, Constructor, name) {
217 | var twipsy
218 | , binder
219 | , eventIn
220 | , eventOut
221 |
222 | if (options === true) {
223 | return this.data(name)
224 | } else if (typeof options == 'string') {
225 | twipsy = this.data(name)
226 | if (twipsy) {
227 | twipsy[options]()
228 | }
229 | return this
230 | }
231 |
232 | options = $.extend({}, $.fn[name].defaults, options)
233 |
234 | function get(ele) {
235 | var twipsy = $.data(ele, name)
236 |
237 | if (!twipsy) {
238 | twipsy = new Constructor(ele, $.fn.twipsy.elementOptions(ele, options))
239 | $.data(ele, name, twipsy)
240 | }
241 |
242 | return twipsy
243 | }
244 |
245 | function enter() {
246 | var twipsy = get(this)
247 | twipsy.hoverState = 'in'
248 |
249 | if (options.delayIn == 0) {
250 | twipsy.show()
251 | } else {
252 | twipsy.fixTitle()
253 | setTimeout(function() {
254 | if (twipsy.hoverState == 'in') {
255 | twipsy.show()
256 | }
257 | }, options.delayIn)
258 | }
259 | }
260 |
261 | function leave() {
262 | var twipsy = get(this)
263 | twipsy.hoverState = 'out'
264 | if (options.delayOut == 0) {
265 | twipsy.hide()
266 | } else {
267 | setTimeout(function() {
268 | if (twipsy.hoverState == 'out') {
269 | twipsy.hide()
270 | }
271 | }, options.delayOut)
272 | }
273 | }
274 |
275 | if (!options.live) {
276 | this.each(function() {
277 | get(this)
278 | })
279 | }
280 |
281 | if (options.trigger != 'manual') {
282 | binder = options.live ? 'live' : 'bind'
283 | eventIn = options.trigger == 'hover' ? 'mouseenter' : 'focus'
284 | eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur'
285 | this[binder](eventIn, enter)[binder](eventOut, leave)
286 | }
287 |
288 | return this
289 | }
290 |
291 | $.fn.twipsy.Twipsy = Twipsy
292 |
293 | $.fn.twipsy.defaults = {
294 | animate: true
295 | , delayIn: 0
296 | , delayOut: 0
297 | , fallback: ''
298 | , placement: 'above'
299 | , html: false
300 | , live: false
301 | , offset: 0
302 | , title: 'title'
303 | , trigger: 'hover'
304 | , template: '
'
305 | }
306 |
307 | $.fn.twipsy.rejectAttrOptions = [ 'title' ]
308 |
309 | $.fn.twipsy.elementOptions = function(ele, options) {
310 | var data = $(ele).data()
311 | , rejects = $.fn.twipsy.rejectAttrOptions
312 | , i = rejects.length
313 |
314 | while (i--) {
315 | delete data[rejects[i]]
316 | }
317 |
318 | return $.extend({}, options, data)
319 | }
320 |
321 | }( window.jQuery || window.ender );
--------------------------------------------------------------------------------
/library/Rain/Tpl/Plugin/Compress.php:
--------------------------------------------------------------------------------
1 | array('status'=>true),
37 | 'css' =>array('status'=>true),
38 | 'javascript'=>array('status'=>true, 'position'=>'bottom'),
39 | );
40 | /**
41 | * Initialize the local configuration
42 | */
43 | public function __construct(){
44 | $this->conf = self::$configure;
45 | }
46 |
47 | /**
48 | * Function called in the hook afterDraw
49 | * @param \ArrayAccess $context
50 | */
51 | public function afterDraw(\ArrayAccess $context) {
52 |
53 | // get the cache directory
54 | $this->cache_dir = $context->conf['cache_dir'];
55 |
56 | $html = $context->code;
57 | if( $this->conf['css']['status'] )
58 | $html = $this->compressCSS( $html );
59 |
60 | if( $this->conf['javascript']['status'] )
61 | $html = self::compressJavascript( $html );
62 |
63 | if( $this->conf['html']['status'] )
64 | $html = $this->compressHTML($html);
65 |
66 | // save the compressed code
67 | $context->code = $html;
68 | }
69 |
70 | /**
71 | * Compress the HTML
72 | * @param type $html
73 | * @return type
74 | */
75 | protected function compressHTML($html) {
76 |
77 | // Set PCRE recursion limit to sane value = STACKSIZE / 500
78 | // ini_set("pcre.recursion_limit", "524"); // 256KB stack. Win32 Apache
79 | ini_set("pcre.recursion_limit", "16777"); // 8MB stack. *nix
80 | $re = '%# Collapse whitespace everywhere but in blacklisted elements.
81 | (?> # Match all whitespans other than single space.
82 | [^\S ]\s* # Either one [\t\r\n\f\v] and zero or more ws,
83 | | \s{2,} # or two or more consecutive-any-whitespace.
84 | ) # Note: The remaining regex consumes no text at all...
85 | (?= # Ensure we are not in a blacklist tag.
86 | [^<]*+ # Either zero or more non-"<" {normal*}
87 | (?: # Begin {(special normal*)*} construct
88 | < # or a < starting a non-blacklist tag.
89 | (?!/?(?:textarea|pre|script)\b)
90 | [^<]*+ # more non-"<" {normal*}
91 | )*+ # Finish "unrolling-the-loop"
92 | (?: # Begin alternation group.
93 | < # Either a blacklist start tag.
94 | (?>textarea|pre|script)\b
95 | | \z # or end of file.
96 | ) # End alternation group.
97 | ) # If we made it here, we are not in a blacklist tag.
98 | %Six';
99 | $html = preg_replace($re, " ", $html);
100 | if ($html === null)
101 | exit("PCRE Error! File too big.\n");
102 | return $html;
103 | }
104 |
105 |
106 |
107 | /**
108 | * Compress the CSS
109 | * @param type $html
110 | * @return type
111 | */
112 | protected function compressCSS($html) {
113 |
114 | // search for all stylesheet
115 | if (!preg_match_all("//", $html, $matches))
116 | return $html; // return the HTML if doesn't find any
117 |
118 | // prepare the variables
119 | $externalUrl = array();
120 | $css = $cssName = "";
121 | $urlArray = array();
122 |
123 | $cssFiles = $matches[1];
124 | $md5Name = "";
125 | foreach( $cssFiles as $file ){
126 | $md5Name .= basename($file);
127 | }
128 |
129 | $cachedFilename = md5($md5Name);
130 | $cacheFolder = $this->cache_dir . "compress/css/"; // css cache folder
131 | $cachedFilepath = $cacheFolder . $cachedFilename . ".css";
132 |
133 | if( !file_exists($cachedFilepath) ){
134 |
135 | // read all the CSS found
136 | foreach ($cssFiles as $url) {
137 |
138 | // if a CSS is repeat it takes only the first
139 | if (empty($urlArray[$url])) {
140 |
141 | $urlArray[$url] = 1;
142 |
143 | // parse the URL
144 | $parse = parse_url($url);
145 |
146 | // read file
147 | $stylesheetFile = file_get_contents($url);
148 |
149 | // optimize image URL
150 | if (preg_match_all("/url\({0,1}(.*?)\)/", $stylesheetFile, $matches)) {
151 | foreach ($matches[1] as $imageUrl) {
152 | $imageUrl = preg_replace("/'|\"/", "", $imageUrl);
153 | dirname($url) . "/" . $imageUrl;
154 | $real_path = reduce_path("../../../" . dirname($url) . "/" . $imageUrl);
155 | $stylesheetFile = str_replace($imageUrl, $real_path, $stylesheetFile);
156 | }
157 | }
158 |
159 | // remove the comments
160 | $stylesheetFile = preg_replace("!/\*[^*]*\*+([^/][^*]*\*+)*/!", "", $stylesheetFile);
161 |
162 | // minify the CSS
163 | $stylesheetFile = preg_replace("/\n|\r|\t|\s{4}/", "", $stylesheetFile);
164 |
165 | $css .= "/*---\n CSS compressed in Rain \n {$url} \n---*/\n\n" . $stylesheetFile . "\n";
166 | }
167 | }
168 |
169 | if (!is_dir($cacheFolder))
170 | mkdir($cacheFolder, 0755, $recursive = true);
171 |
172 | // save the stylesheet
173 | file_put_contents($cachedFilepath, $css);
174 |
175 | }
176 |
177 | // remove all the old stylesheet from the page
178 | $html = preg_replace("//", "", $html);
179 |
180 | // create the tag for the stylesheet
181 | $tag = '/", $htmlToCheck, $matches);
203 | $externalUrl = array();
204 | $javascript = "";
205 |
206 | $javascriptFiles = $matches[1];
207 | $md5Name = "";
208 | foreach( $javascriptFiles as $file ){
209 | $md5Name .= basename($file);
210 | }
211 |
212 | $cachedFilename = md5($md5Name);
213 | $cacheFolder = $this->cache_dir . "compress/js/"; // css cache folder
214 | $cachedFilepath = $cacheFolder . $cachedFilename . ".js";
215 |
216 |
217 | if( !file_exists($cachedFilepath) ){
218 | foreach ($matches[1] as $url) {
219 |
220 | // if a JS is repeat it takes only the first
221 | if (empty($urlArray[$url])) {
222 | $urlArray[$url] = $url;
223 |
224 | // reduce the path
225 | $url = \Rain\Tpl\Parser::reducePath( $url );
226 |
227 | $javascriptFile = file_get_contents($url);
228 |
229 | // minify the js
230 | $javascriptFile = preg_replace("#/\*.*?\*/#", "", $javascriptFile);
231 | $javascriptFile = preg_replace("#\n+|\t+| +#", " ", $javascriptFile);
232 |
233 | $javascript .= "/*---\n Javascript compressed in Rain \n {$url} \n---*/\n\n" . $javascriptFile . "\n\n";
234 |
235 | }
236 | }
237 |
238 | if (!is_dir($cacheFolder))
239 | mkdir($cacheFolder, 0755, $recursive = true);
240 |
241 | // save the stylesheet
242 | file_put_contents($cachedFilepath, $javascript);
243 |
244 | }
245 |
246 | $html = preg_replace("//", "", $html);
247 | $tag = '';
248 |
249 | if( $this->conf['javascript']['position'] == 'bottom' ){
250 | $html = preg_replace("/<\/body>/", $tag . " ", $html);
251 | }
252 | else{
253 | $html = preg_replace("/
3
31 | 
32 |
33 | 
42 | 
43 |
44 | 
52 | 
53 |
54 | 
63 |
64 | 