AngularRegisteredUser

by Prasad

HTML

<script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>
<h1>Congratulations!!! You have created your account successfully</h1>

<ul ng-controller="ctrlRegisteredUser">
    <li>Your User name is "{{model.Username}}"</li>
</ul>

CSS

body {
    font-family:Calibri;
    color:#555;
}
h3 {
    font-weight:normal;
}
.name, .result {
    color:#81AA58;
    font-weight:600;
}
mark {
    color:#00;
    background:#FFF;
    font-weight:600;
}
mark:before {
    content:'"';
}
mark:after {
    content:'"';
}
input {
    box-shadow:none;
    border:none;
    border-bottom:1px solid #e0e0e0;
    padding:5px 6px;
    border-radius:3px;
    margin:5px 5px 0 5px;
}
input:last-child {
    margin-right:0px;
}
input:focus {
    box-shadow:inset 0px 0px 5px #e0e0e0;
    -webkit-box-shadow:inset 0px 0px 10px #e0e0e0;
    -webkit-appearance:none;
}
.strike {
    text-decoration:line-through;
}
.bold {
    font-weight:600;
}
.blue {
    color:blue;
}
hr {
    color:#8e8e8e;
    height:3px;
    border-top:none;
    border-radius:0px;
}
.my-class-add, .my-class-remove {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}
.my-class, .my-class-add.my-class-add-active {
    color: red;
    font-size:3em;
}
.my-class-remove.my-class-remove-active {
    font-size:1.0em;
    color:black;
}
.even {
    color:green;
}
.odd {
    color:#333;
}
a, a:hover, a:active {
    color:#5099D8;
    text-decoration:none;
    margin-right:5px;
}
a:last-child {
    margin-right:0;
}
.error {
    color:#ff0000;
}

JavaScript

function ctrlTodo($scope, $filter) {
    $scope.model = {
        Username: "",
        ConfrimUser: "",
        Email: ""
    };
    $scope.addText = function () {
        var dd = $filter('json')($scope.model);
        localStorage.setItem('SignupUserDetails', dd);
        var tt = $scope.model;
        var ddd = tt.Username;
        console.log(localStorage.getItem('SignupUserDetails'));
    }
}

function ctrlRegisteredUser($scope) {
    var value = $.parseJSON(localStorage.getItem('SignupUserDetails'));
    $scope.model = value;
    console.log("$scope.model.Username: " + $scope.model.Username + ", $scope.model.ConfrimUser: " + $scope.model.ConfrimUser + ", $scope.model.Email: " + $scope.model.Email);
}