Shawn Shawful
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Modal --> | |
| <div ng-controller="regCtrl"> | |
| <div class="modal fade" id="register" role="dialog"> | |
| <div class="modal-dialog"> | |
| <div class="modal-content"> | |
| <div class="modal-header"> | |
| <!-- <h4>Registration</h4> --> | |
| <br> | |
| <br> | |
| </div> |
Shawful
/ gist:a4f8ff5097eabc5306f4
Created
October 5, 2014 19:40
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict'; | |
| app.controller('regCtrl', ['$scope', | |
| function($scope) { | |
| $scope.updateGeneralInfo = function() { | |
| $scope.validStepOne = false; | |
| $scope.validFirstName = false; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict'; | |
| app.controller('regCtrl', ['$scope', function ($scope) { | |
| $scope.awesomeThings = [ | |
| 'HTML5 Boilerplate', | |
| 'AngularJS', | |
| 'Karma' | |
| ]; | |
| $scope.validateContact = function () { |
Shawful
/ gist:8522b37fc3b140ad3eca
Last active
August 29, 2015 14:07
HTML attempting validation in a modal with angular-wizard
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Modal --> | |
| <div class="modal fade" id="register" role="dialog" ng-controller="regCtrl"> | |
| <div class="modal-dialog"> | |
| <div class="modal-content"> | |
| <div class="modal-header"> | |
| <!-- <h4>Registration</h4> --> | |
| <br> | |
| <br> | |
| </div> | |
| <wizard on-finish="finishedWizard()"> |
Shawful
/ gist:4df100792b1802901468
Last active
August 29, 2015 14:07
This CSS allows me to push the navigation to the top of a modal
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .steps-indicator { | |
| position: absolute; /* changing this line of code to absolute instead of relative AND adding top:0; to this section pushed the navigation to the top of the modal */ | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| top:0; | |
| height: 30px; | |
| padding: 0; | |
| margin: 0; | |
| margin-bottom: 15px; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| angular.module("wizard.html", []).run(["$templateCache", function($templateCache) { | |
| $templateCache.put("wizard.html", | |
| "<div>\n" + | |
| " <div class=\"steps\" ng-transclude></div>\n" + | |
| // " <ul class=\"steps-indicator steps-{{steps.length}}\" ng-if=\"!hideIndicators\">\n" + | |
| // " <li ng-class=\"{default: !step.completed && !step.selected, current: step.selected && !step.completed, done: step.completed && !step.selected, editing: step.selected && step.completed}\" ng-repeat=\"step in steps\">\n" + | |
| // " <a ng-click=\"goTo(step)\">{{step.title || step.wzTitle}}</a>\n" + | |
| // " </li>\n" + | |
| // " </ul>\n" + | |
| "</div>\n" + |
Shawful
/ gist:21c4e70eef489dc36529
Created
September 27, 2014 19:02
I've swapped the order of the steps <div> and the navbar
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| angular.module("wizard.html", []).run(["$templateCache", function($templateCache) { | |
| $templateCache.put("wizard.html", | |
| "<div>\n" + | |
| " <ul class=\"steps-indicator steps-{{steps.length}}\" ng-if=\"!hideIndicators\">\n" + | |
| " <li ng-class=\"{default: !step.completed && !step.selected, current: step.selected && !step.completed, done: step.completed && !step.selected, editing: step.selected && step.completed}\" ng-repeat=\"step in steps\">\n" + | |
| " <a ng-click=\"goTo(step)\">{{step.title || step.wzTitle}}</a>\n" + | |
| " </li>\n" + | |
| " </ul>\n" + | |
| " <div class=\"steps\" ng-transclude></div>\n" + | |
| "</div>\n" + |
Shawful
/ jsbin.gupam.html
Created
May 5, 2014 17:46
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> | |
| <meta name="description" content="JSON sourced ng-Repeat simple example" /> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body ng-app="app"> | |
| <div ng-controller="repCtrl"> |
Shawful
/ jsbin.gupam.html
Created
May 5, 2014 17:22
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> | |
| <meta name="description" content="testing for app JSON ng-repeat problem" /> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body ng-app="app"> | |
| <div ng-controller="repCtrl"> |