You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
147 lines
4.1 KiB
147 lines
4.1 KiB
(function() {
|
|
'use strict';
|
|
|
|
var weechat = angular.module('weechat');
|
|
|
|
weechat.factory('imgur', ['$rootScope', 'settings', function($rootScope, settings) {
|
|
|
|
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 ) {
|
|
|
|
// API authorization, either via Client ID (anonymous) or access token
|
|
// (add to user's imgur account), see also:
|
|
// https://github.com/glowing-bear/glowing-bear/wiki/Getting-an-imgur-token-&-album-hash
|
|
var accessToken = "164efef8979cd4b";
|
|
var isClientID = true;
|
|
|
|
// Check whether the user has provided an access token
|
|
if (settings.iToken.length > 37){
|
|
accessToken = settings.iToken;
|
|
isClientID = false;
|
|
}
|
|
|
|
// Progress bars container
|
|
var progressBars = document.getElementById("imgur-upload-progress"),
|
|
currentProgressBar = document.createElement("div");
|
|
|
|
// Set progress bar attributes
|
|
currentProgressBar.className='imgur-progress-bar';
|
|
currentProgressBar.style.width = '0';
|
|
|
|
// Append progress bar
|
|
progressBars.appendChild(currentProgressBar);
|
|
|
|
// Create new form data
|
|
var fd = new FormData();
|
|
fd.append("image", base64img); // Append the file
|
|
fd.append("type", "base64"); // Set image type to base64
|
|
|
|
// Add the image to the provided album if configured to do so
|
|
if (!isClientID && settings.iAlb.length >= 6) {
|
|
fd.append("album", settings.iAlb);
|
|
}
|
|
|
|
// Create new XMLHttpRequest
|
|
var xhttp = new XMLHttpRequest();
|
|
|
|
// Post request to imgur api
|
|
xhttp.open("POST", "https://api.imgur.com/3/image", true);
|
|
|
|
// Set headers
|
|
if (isClientID) {
|
|
xhttp.setRequestHeader("Authorization", "Client-ID " + accessToken);
|
|
} else {
|
|
xhttp.setRequestHeader("Authorization", "Bearer " + accessToken);
|
|
}
|
|
xhttp.setRequestHeader("Accept", "application/json");
|
|
|
|
// Handler for response
|
|
xhttp.onload = function() {
|
|
|
|
// Remove progress bar
|
|
currentProgressBar.parentNode.removeChild(currentProgressBar);
|
|
|
|
// 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.replace(/^http:/, "https:"));
|
|
}
|
|
|
|
} 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
|
|
currentProgressBar.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
|
|
};
|
|
|
|
}]);
|
|
|
|
})();
|
|
|