Smart Wizard 4.x Initial

techlab · Oct 31, 2016 · 6c282fb · 6c282fb
commit 6c282fb
Show file tree

Hide file tree

Showing 19 changed files with 1,859 additions and 0 deletions.
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 Dipu Raj
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,52 @@
+# Smart Wizard
+An awesome step wizard jQuery plugin with Bootstrap support
+
++ [Homepage](http://techlaboratory.net/smartwizard)
++ [Documentation](http://techlaboratory.net/smartwizard/documentation)
+
+Screenshots
+-----
+![Smart Wizard Screenshot1](http://techlaboratory.net/assets/media/products/SmartWizard4_1.png)
+![Smart Wizard Screenshot2](http://techlaboratory.net/assets/media/products/SmartWizard4_2.png)
+![Smart Wizard Screenshot3](http://techlaboratory.net/assets/media/products/SmartWizard4_3.png)
+
+Demos
+-----
+  + [Basic Example](http://techlaboratory.net/smartwizard/demo/basic)
+  + [Ajax Contents](http://techlaboratory.net/smartwizard/demo/ajax)
+  + [Input Validation](http://techlaboratory.net/smartwizard/demo/validation)
+  + [Events](http://techlaboratory.net/smartwizard/demo/events)
+
+Requirements
+-----
+  + [Bootstrap 3+](http://getbootstrap.com/getting-started/#download)
+  + [jQuery](http://jquery.com/)
+
+Installation and usage 
+-----
+ Please see the [documentation](http://techlaboratory.net/smartwizard/documentation)
+
+Features
+-----
+  + Bootstrap support
+  + Heavily customizable toolbar, option to add extra buttons
+  + Theme support with various themes included
+  + Url navigation and step selection
+  + Auto content height adjustment
+  + Public methods for external function call
+  + Enhanced event support
+  + In-built reset method
+  + Ajax content loading with option to specify individual url for steps
+  + Keyboard navigation
+  + Easy navigation with step anchors and navigation buttons
+  + Multiple wizard instance on same page
+  + Easy to implement, Minimal HTML required
+  + and a lot more...
+
+Version
+-----
+**SmartWizard v4.0.1**
+
+License
+----
+[MIT License](https://github.com/techlab/SmartWizard/blob/master/LICENSE)
diff --git a/bower.json b/bower.json
@@ -0,0 +1,34 @@
+{
+    "name": "smartwizard",
+    "version": "4.0.1",
+    "homepage": "https://github.com/techlab/SmartWizard",
+    "authors": [
+        "Dipu Raj <[email protected]>"
+    ],
+    "description": "An awesome step wizard plugin",
+    "main": [
+        "./css/smart_wizard.min.css",
+        "./js/jquery.smartWizard.min.js"
+    ],
+    "keywords": [
+        "bootstrap",
+        "tabs",
+        "wizard", 
+        "step", 
+        "ui",
+        "jquery"
+    ],
+    "dependencies": {
+        "jquery": ">= 1.9.0",
+        "bootstrap": ">= 3.0.0"
+    },
+    "license": "MIT",
+    "ignore": [
+        "**/.*",
+        "node_modules",
+        "composer.json",
+        "examples",
+        "bower_components",
+        "test"
+    ]
+}
diff --git a/composer.json b/composer.json
@@ -0,0 +1,29 @@
+{
+    "name": "techlab/smartwizard",
+    "description": "An awesome step wizard plugin",
+    "homepage": "http://techlaboratory.net/smartwizard",
+    "license": "MIT",      
+    "support": {
+        "source": "https://github.com/techlab/smartwizard",
+        "issues": "https://github.com/techlab/smartwizard/issues",
+        "docs": "http://techlaboratory.net/smartwizard/documentation"
+        },
+    "keywords": [
+        "bootstrap",
+        "wizard",
+        "step",
+        "ui",
+        "jquery"
+    ],
+    "authors": [
+        {
+            "name": "Dipu Raj",
+            "email": "[email protected]",
+            "homepage": "http://dipuraj.me"
+        }
+    ],
+    "require": {
+        "jquery": ">=1.9.0",
+        "bootstrap": ">=3.0.0"
+    }
+}
diff --git a/css/smart_wizard.css b/css/smart_wizard.css
@@ -0,0 +1,160 @@
+/* SmartWizard v4.0.1
+ * jQuery Wizard Plugin
+ * http://www.techlaboratory.net/smartwizard
+ * 
+ * Created by Dipu Raj  
+ * http://dipuraj.me
+ * 
+ * Licensed under the terms of MIT License
+ * https://github.com/techlab/SmartWizard/blob/master/MIT-LICENSE.txt 
+ */
+
+/* SmartWizard Basic CSS */
+.sw-main {
+    position: relative;
+    display:block;
+    margin:0;
+    padding:0;
+}
+.sw-main .sw-container {
+    display: block;
+    margin: 0;
+    padding: 0;
+    overflow:hidden;  
+    position: relative;
+}
+.sw-main .step-content { 
+    display:none;
+    position: relative;
+    margin:0;  
+}
+.sw-main .sw-toolbar{
+    margin-left: 0;
+}
+
+
+/* SmartWizard Theme: White */
+.sw-theme-default{
+    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); 
+}
+.sw-theme-default .sw-container {
+    min-height: 300px;
+}
+.sw-theme-default .step-content { 
+    padding: 10px;     
+    border: 0px solid #D4D4D4;    
+    background-color: #FFF;
+    text-align: left;
+}
+.sw-theme-default .sw-toolbar{
+    background: #f9f9f9;
+    border-radius: 0 !important; 
+    padding-left: 10px;
+    padding-right: 10px;
+    margin-bottom: 0 !important;
+}
+.sw-theme-default .sw-toolbar-top{
+    border-bottom-color: #ddd !important;
+}
+.sw-theme-default .sw-toolbar-bottom{
+    border-top-color: #ddd !important;
+}
+.sw-theme-default > ul.step-anchor > li > a, .sw-theme-default > ul.step-anchor > li > a:hover  { 
+    border: none !important; 
+    color: #bbb; 
+    text-decoration: none;
+    outline-style:none;
+    background: transparent !important;
+    border: none !important;
+}
+.sw-theme-default > ul.step-anchor > li.clickable > a:hover {
+    color: #4285F4 !important; 
+    background: transparent !important; 
+}
+.sw-theme-default > ul.step-anchor > li > a::after { 
+    content: ""; 
+    background: #4285F4; /* #5bc0de #4285F4*/
+    height: 2px; 
+    position: absolute; 
+    width: 100%; 
+    left: 0px; 
+    bottom: 0px; 
+    transition: all 250ms ease 0s; 
+    transform: scale(0); 
+}
+.sw-theme-default > ul.step-anchor > li.active > a { 
+    border: none !important; 
+    color: #4285F4 !important; 
+    background: transparent !important; 
+}
+.sw-theme-default > ul.step-anchor > li.active > a::after { 
+    transform: scale(1); 
+}
+.sw-theme-default > ul.step-anchor > li.done > a { 
+    border: none !important; 
+    color: #000 !important; 
+    background: transparent !important; 
+}
+.sw-theme-default > ul.step-anchor > li.done > a::after { 
+    background: #5cb85c; 
+    transform: scale(1); 
+}
+.sw-theme-default > ul.step-anchor > li.danger > a { 
+    border: none !important; 
+    color: #d9534f !important; 
+    background: transparent !important; 
+}
+.sw-theme-default > ul.step-anchor > li.danger > a::after { 
+    background: #d9534f; 
+    transform: scale(1); 
+}
+.sw-theme-default > ul.step-anchor > li.disabled > a, .sw-theme-default > ul.step-anchor > li.disabled > a:hover {
+    color: #eee !important;
+}
+
+/* Loader Animation 
+Courtesy: http://bootsnipp.com/snippets/featured/loading-button-effect-no-js
+*/
+@-webkit-keyframes ld {
+  0%   { transform: rotate(0deg) scale(1); }
+  50%  { transform: rotate(180deg) scale(1.1); }
+  100% { transform: rotate(360deg) scale(1); }
+}
+@-moz-keyframes ld {
+  0%   { transform: rotate(0deg) scale(1); }
+  50%  { transform: rotate(180deg) scale(1.1); }
+  100% { transform: rotate(360deg) scale(1); }
+}
+@-o-keyframes ld {
+  0%   { transform: rotate(0deg) scale(1); }
+  50%  { transform: rotate(180deg) scale(1.1); }
+  100% { transform: rotate(360deg) scale(1); }
+}
+@keyframes ld {
+  0%   { transform: rotate(0deg) scale(1); }
+  50%  { transform: rotate(180deg) scale(1.1); }
+  100% { transform: rotate(360deg) scale(1); }
+}
+.sw-theme-default > ul.step-anchor > li.loading:before {
+    content: '';
+    display: inline-block;
+    position: absolute;
+    background: transparent;
+    border-radius: 50%;
+    box-sizing: border-box;
+    border: 2px solid #fff;
+    border-top-color: transparent;
+    border-bottom-color: transparent;
+    border-left-color: #4285f4;
+    border-right-color: #4285f4;
+    top: 50%;
+    left: 50%;
+    margin-top: -16px;
+    margin-left: -16px;
+    width: 32px;
+    height: 32px;
+    -webkit-animation: ld 1s ease-in-out infinite;
+    -moz-animation:    ld 1s ease-in-out infinite;
+    -o-animation:      ld 1s ease-in-out infinite;
+    animation:         ld 1s ease-in-out infinite;
+}
diff --git a/css/smart_wizard.min.css b/css/smart_wizard.min.css