As explained in the header, I am trying to save the image in Parse, then upload the specified image and display it as a profile image. At the moment, when I run the code, it does nothing (obviously, because something is wrong). I have done extensive research and just keep getting closer, but I end up empty-handed. Can someone provide me with some kind of direction or even some kind of fix for my code? I know that I'm near. Thank!
HTML:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="http://www.parsecdn.com/js/parse-1.2.12.min.js"></script>
<meta charset=utf-8 />
<title>Example</title>
</head>
<body ng-app="AuthApp">
<div ng-hide="currentUser">
<form ng-show="scenario == 'Sign up'">
<h2>Sign up</h2>
Picture: <input type="file" id="picture"/><br />
Email: <input type="email" ng-model="user.email" /><br />
Username: <input type="text" ng-model="user.username" /><br />
Password: <input type="password" ng-model="user.password" /><br />
First Name: <input type="text" ng-model="user.firstName" /><br />
Last Name: <input type="text" ng-model="user.lastName" /><br />
Mobile Number: <input type="text" ng-model="user.mobile" /><br />
Date of Birth:<input type="text" ng-model="user.dob" /><br />
<button ng-click="signUp(user)">Sign up</button>
or <a href="#" ng-click='scenario="Log in"'>Log in</a>
</form>
<form ng-show="scenario == 'Log in'">
<h2>Log in</h2>
Username: <input type="text" ng-model="user.username" /><br />
Password: <input type="password" ng-model="user.password" /><br />
<button ng-click="logIn(user)">Log in</button>
or <a href="#" ng-click='scenario="Sign up"'>Sign up</a>
</form>
</div>
<div ng-show="currentUser">
<h1>Welcome {{currentUser.get('username')}}</h1>
{{currentUser.get('Picture')}}
<p>{{currentUser.get('FirstName')}} {{currentUser.get('LastName')}}</p>
<p>{{currentUser.get('Status')}}</p>
<p>{{currentUser.get('DOB')}}</p>
<p>Expires: {{currentUser.get('Expiry')}}</p>
<button ng-click="logOut(user)">Log out</button>
</div>
</body>
</html>
JavaScript:
Parse.initialize("x", "x");
angular.module('AuthApp', []).run(['$rootScope', function($scope) {
$scope.scenario = 'Sign up';
$scope.currentUser = Parse.User.current();
$scope.signUp = function(form) {
var fileUploadControl = $("#picture")[0];
if (fileUploadControl.files.length > 0) {
var file = fileUploadControl.files[0];
var name = file.name;
var parseFile = new Parse.File(name, file);
parseFile.save().then(function() {
}, function(error){
});
var user = new Parse.User();
user.set("Picture", parseFile);
user.set("email", form.email);
user.set("username", form.username);
user.set("password", form.password);
user.set("FirstName", form.firstName);
user.set("LastName", form.lastName);
user.set("Mobile", form.mobile);
user.set("DOB", form.dob);
user.set("Status", "New User");
user.save();
user.signUp(null, {
success: function(user) {
$scope.currentUser = user;
$scope.$apply();
},
error: function(user, error) {
alert("Unable to sign up: " + error.code + " " + error.message);
}
});
}
};
$scope.logIn = function(form) {
Parse.User.logIn(form.username, form.password, {
success: function(user) {
$scope.currentUser = user;
$scope.$apply();
},
error: function(user, error) {
alert("Unable to log in: " + error.code + " " + error.message);
}
});
};
$scope.logOut = function(form) {
Parse.User.logOut();
$scope.currentUser = null;
};
}]);
source
share