glowing-bear/js/imgur.js

(function() {
'use strict';

var weechat = angular.module('weechat');

weechat.factory('imgur', ['$rootScope', function($rootScope) {

	var process = function(image, callback) {

		// Is it an image?
		if (!image || !image.type.match(/image.*/)) return;

		// New file reader
		var reader = new FileReader();

		// When image is read
		reader.onload = function (event) {
			var image = event.target.result.split(',')[1];
			upload(image, callback);
		};

		// Read image as data url
		reader.readAsDataURL(image);

	};

	// Upload image to imgur from base64
	var upload = function( base64img, callback ) {

                // Set client ID (Glowing Bear)
                var clientId = "164efef8979cd4b";

		// Progress bar DOM elment
		var progressBar = document.getElementById("imgur-upload-progress");
		progressBar.style.width = '0';

		// Create new form data
		var fd = new FormData();
		fd.append("image", base64img); // Append the file
		fd.append("type", "base64"); // Set image type to base64

		// Create new XMLHttpRequest
		var xhttp = new XMLHttpRequest();

		// Post request to imgur api
		xhttp.open("POST", "https://api.imgur.com/3/image", true);

		// Set headers
		xhttp.setRequestHeader("Authorization", "Client-ID " + clientId);
		xhttp.setRequestHeader("Accept", "application/json");

		// Handler for response
		xhttp.onload = function() {

			progressBar.style.display = 'none';

			// Check state and response status
			if(xhttp.status === 200) {

				// Get response text
				var response = JSON.parse(xhttp.responseText);

				// Send link as message
				if( response.data && response.data.link ) {

					if (callback && typeof(callback) === "function") {
						callback(response.data.link);
					}

				} else {
					showErrorMsg();
				}

			} else {
				showErrorMsg();
			}

		};

		if( "upload" in xhttp ) {

			// Set progress
			xhttp.upload.onprogress = function (event) {

				// Check if we can compute progress
				if (event.lengthComputable) {
					// Complete in percent
					var complete = (event.loaded / event.total * 100 | 0);

					// Set progress bar width
					progressBar.style.display = 'block';
					progressBar.style.width = complete + '%';
				}
			};

		}

		// Send request with form data
		xhttp.send(fd);

	};

	var showErrorMsg = function() {
		// Show error msg
		$rootScope.uploadError = true;
		$rootScope.$apply();

		// Hide after 5 seconds
		setTimeout(function(){
			// Hide error msg
			$rootScope.uploadError = false;
			$rootScope.$apply();
		}, 5000);
	};

	return {
        process: process
    };

}]);

})();