Added Bulma.io template

tamtamchik · Dec 21, 2016 · ba28643 · ba28643
1 parent bed1ba1
commit ba28643
Show file tree

Hide file tree

Showing 13 changed files with 89 additions and 27 deletions.
diff --git a/.gitignore b/.gitignore
@@ -3,3 +3,4 @@ docs/
 vendor/
 
 composer.lock
+.idea
diff --git a/examples/_menu.php b/examples/_menu.php
@@ -6,7 +6,6 @@
     <li><a href="./semantic2.php">Semantic UI 2</a></li>
     <li><a href="./uikit2.php">UIKit 2</a></li>
     <li><a href="./siimple.php">Siimple</a></li>
+    <li><a href="./bulma.php">Bulma</a></li>
     <li><a href="./custom.php">Custom Template</a></li>
 </ul>
-
-<a href="https://github.com/tamtamchik/simple-flash"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
diff --git a/examples/bootstrap4.php b/examples/bootstrap4.php
@@ -22,11 +22,11 @@
     <meta charset="UTF-8">
     <title>Test Bootstrap 4 default template example.</title>
     <!-- Latest compiled and minified CSS -->
-    <link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css"
-          integrity="sha384-XXXXXXXX" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/css/bootstrap.min.css">
 </head>
 <body>
 
+<a href="https://github.com/tamtamchik/simple-flash"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
 <br/>
 
 <div class="container" style="width: 600px;">
@@ -39,9 +39,8 @@
 </div>
 
 <!-- Latest compiled and minified JavaScript -->
-<script src="https://cdn.jsdelivr.net/jquery/2.1.4/jquery.min.js"></script>
-<script src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js" integrity="sha384-XXXXXXXX"
-        crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/js/bootstrap.min.js"></script>
 
 
 </body>

diff --git a/examples/bulma.php b/examples/bulma.php
@@ -0,0 +1,42 @@
+<?php
+
+use Tamtamchik\SimpleFlash\TemplateFactory;
+use Tamtamchik\SimpleFlash\Templates;
+
+session_start();
+
+require_once __DIR__ . '/../vendor/autoload.php';
+
+flash()->error(['Invalid email!', 'Invalid username!'])
+    ->warning('Warning message.')
+    ->info('Info message.')
+    ->success('Success message!');
+
+flash()->setTemplate(TemplateFactory::create(Templates::BULMA));
+
+?>
+
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Test Bootstrap 4 default template example.</title>
+    <!-- Latest compiled and minified CSS -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.2.3/css/bulma.min.css" crossorigin="anonymous" />
+</head>
+<body>
+
+<a href="https://github.com/tamtamchik/simple-flash"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
+<br/>
+
+<div class="container" style="width: 600px;">
+
+    <?php include_once '_menu.php'; ?>
+
+    <hr/>
+
+    <?= flash() ?>
+</div>
+
+</body>
+</html>
diff --git a/examples/custom.php b/examples/custom.php
@@ -74,6 +74,7 @@ public function wrapMessages($messages, $type)
 </head>
 <body>
 
+<a href="https://github.com/tamtamchik/simple-flash"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
 <br/>
 
 <div class="container">

diff --git a/examples/foundation5.php b/examples/foundation5.php
@@ -22,10 +22,11 @@
     <meta charset="UTF-8">
     <title>Test Foundation 5 template example.</title>
     <!-- Latest compiled and minified CSS -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/foundation/5.5.3/css/foundation.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/css/foundation.min.css">
 </head>
 <body>
 
+<a href="https://github.com/tamtamchik/simple-flash"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
 <br/>
 
 <div class="row" style="width: 600px;">
@@ -38,8 +39,8 @@
 </div>
 
 <!-- Latest compiled and minified JavaScript -->
-<script src="https://cdn.jsdelivr.net/jquery/2.1.4/jquery.min.js"></script>
-<script src="https://cdn.jsdelivr.net/foundation/5.5.3/js/foundation.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/js/foundation.min.js"></script>
 
 </body>
 </html>
diff --git a/examples/foundation6.php b/examples/foundation6.php
@@ -22,10 +22,11 @@
     <meta charset="UTF-8">
     <title>Test Foundation 6 template example.</title>
     <!-- Latest compiled and minified CSS -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/foundation/6.1.1/foundation.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/css/foundation.min.css">
 </head>
 <body>
 
+<a href="https://github.com/tamtamchik/simple-flash"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
 <br/>
 
 <div class="row" style="width: 600px;">
@@ -38,8 +39,8 @@
 </div>
 
 <!-- Latest compiled and minified JavaScript -->
-<script src="https://cdn.jsdelivr.net/jquery/2.1.4/jquery.min.js"></script>
-<script src="https://cdn.jsdelivr.net/foundation/6.1.1/js/foundation.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/js/foundation.min.js"></script>
 
 </body>
 </html>
diff --git a/examples/index.php b/examples/index.php
@@ -15,10 +15,11 @@
     <meta charset="UTF-8">
     <title>Test Bootstrap 3 default template example.</title>
     <!-- Latest compiled and minified CSS -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.3.6/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
 </head>
 <body>
 
+<a href="https://github.com/tamtamchik/simple-flash"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
 <br />
 
 <div class="container" style="width: 600px;">
@@ -31,8 +32,8 @@
 </div>
 
 <!-- Latest compiled and minified JavaScript -->
-<script src="https://cdn.jsdelivr.net/jquery/2.1.4/jquery.min.js"></script>
-<script src="https://cdn.jsdelivr.net/bootstrap/3.3.6/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
 </body>
 </html>
diff --git a/examples/semantic2.php b/examples/semantic2.php
@@ -22,10 +22,11 @@
     <meta charset="UTF-8">
     <title>Test Semantic UI 2 template example.</title>
     <!-- Latest compiled and minified CSS -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.1.7/semantic.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.css">
 </head>
 <body>
 
+<a href="https://github.com/tamtamchik/simple-flash"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
 <br />
 
 <div class="ui text container">
@@ -39,8 +40,8 @@
 </div>
 
 <!-- Latest compiled and minified JavaScript -->
-<script src="https://cdn.jsdelivr.net/jquery/2.1.4/jquery.min.js"></script>
-<script src="https://cdn.jsdelivr.net/semantic-ui/2.1.7/semantic.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.js"></script>
 
 </body>
 </html>
diff --git a/examples/siimple.php b/examples/siimple.php
@@ -20,14 +20,14 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Siimple template example.</title>
+    <title>Test Siimple template example.</title>
     <!-- Latest compiled and minified CSS -->
-    <link rel="stylesheet" type="text/css" href="http://siimple.juanes.xyz/css/font.css">
     <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Pacifico">
     <link rel="stylesheet" type="text/css" href="http://siimple.juanes.xyz/css/siimple.min.css">
 </head>
 <body>
 
+<a href="https://github.com/tamtamchik/simple-flash"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
 <br/>
 
 <div class="grid">
@@ -40,7 +40,5 @@
 
 </div>
 
-<!-- Latest compiled and minified JavaScript -->
-
 </body>
 </html>
diff --git a/examples/uikit2.php b/examples/uikit2.php
@@ -20,12 +20,13 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Test Semantic UI 2 template example.</title>
+    <title>Test UiKit 2 template example.</title>
     <!-- Latest compiled and minified CSS -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/uikit/2.24.3/css/uikit.gradient.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.2/css/uikit.min.css">
 </head>
 <body>
 
+<a href="https://github.com/tamtamchik/simple-flash"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
 <br/>
 
 <div class="uk-container-center uk-width-1-3">
@@ -39,8 +40,8 @@
 </div>
 
 <!-- Latest compiled and minified JavaScript -->
-<script src="https://cdn.jsdelivr.net/jquery/2.1.4/jquery.min.js"></script>
-<script src="https://cdn.jsdelivr.net/uikit/2.24.3/js/uikit.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.2/js/uikit.min.js"></script>
 
 </body>
 </html>
diff --git a/src/Templates.php b/src/Templates.php
@@ -16,4 +16,5 @@ class Templates
     const SEMANTIC_2   = 'semantic2';
     const UIKIT_2      = 'uikit2';
     const SIIMPLE      = 'siimple';
+    const BULMA        = 'bulma';
 }
diff --git a/src/Templates/BulmaTemplate.php b/src/Templates/BulmaTemplate.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace Tamtamchik\SimpleFlash\Templates;
+
+use Tamtamchik\SimpleFlash\TemplateInterface;
+
+/**
+ * Class BulmaTemplate.
+ * Uses default Bulma markdown for flash messages.
+ */
+class BulmaTemplate extends Bootstrap3Template implements TemplateInterface
+{
+    protected $prefix  = '';
+    protected $postfix = '<br />';
+    protected $wrapper = '<div class="notification is-%s">%s</div>';
+}