-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
functions.js
122 lines (110 loc) · 3.56 KB
/
functions.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
var mimes = {
"image/gif": {
"source": "iana",
"compressible": false,
"extensions": ["gif"]
},
"image/jpeg": {
"source": "iana",
"compressible": false,
"extensions": ["jpeg","jpg","jpe"]
},
"image/png": {
"source": "iana",
"compressible": false,
"extensions": ["png"]
},
"image/svg+xml": {
"source": "iana",
"compressible": true,
"extensions": ["svg","svgz"]
},
"image/webp": {
"source": "apache",
"extensions": ["webp"]
},
};
var saveImage = function(file, filename, ref, callbacks) {
if(!ref) ref = firebase.storage().ref();
if(!callbacks) callbacks = {};
if(mimes[file.type].extensions[0]) {
callbacks.success = callbacks.success || console.log;
callbacks.progress = callbacks.progress || console.log;
callbacks.error = callbacks.error || console.error;
// Create the file metadata
var metadata = {
contentType: file.type
};
// Upload file and metadata to the object
var uploadTask = ref.child(filename + '.' + mimes[file.type].extensions[0]).put(file, metadata);
uploadTask.on('state_changed', callbacks.progress, callbacks.error, callbacks.success);
return uploadTask.then(function(snapshot) { return snapshot.ref.getDownloadURL(); });
}
}
function onChildAdd (snap) {
$('#contacts').append(contactHtmlFromObject(snap.key, snap.val()));
}
//prepare contact object's HTML
function contactHtmlFromObject(key, contact){
return document.querySelector('#'+key) ? ''
: '<div class="card contact" style="width: 18rem;" id="'+key+'">'
+ '<div class="card-body">'
+ '<h5 class="card-title">'+contact.name+'</h5>'
+ '<h6 class="card-subtitle mb-2 text-muted">'+contact.email+'</h6>'
+ '<p class="card-text" title="' + contact.location.zip+'">'
+ contact.location.city
+ (contact.location.state === '' ? '' : ', ')
+ contact.location.state
+ '</p>'
+ '</div>'
+ '</div>';
}
function span(textStr, textClasses) {
var classNames = textClasses.map(c => 'text-'+c).join(' ');
return '<span class="'+classNames+'">'+ textStr + '</span>';
}
function setUserInfoArea(data) {
if(data.photoURL) {
$('.user-info img').show();
$('.user-info img').attr('src', data.photoURL);
$('.user-info').addClass('with-image').show();
$('.user-info .user-name').hide();
} else if(data.displayName) {
$('.user-info img').hide();
$('.user-info').append('<span class="btn btn-link user-name">'+data.displayName+'</span>');
} else if(data.firstName) {
$('.user-info img').hide();
$('.user-info').append('<span class="btn btn-link user-name">'+data.firstName+'</span>');
}
}
var extractFormData = function (form) {
const formData = new FormData(document.querySelector(form));
values = {};
for(var pair of formData.entries()) {
if( values[pair[0]] ) {
if(!(values[pair[0]] instanceof Array)) {
values[pair[0]] = new Array(values[pair[0]]);
}
values[pair[0]].push(pair[1]);
} else {
values[pair[0]] = pair[1];
}
}
return values;
}
var progress = function(snapshot){
// Observe state change events such as progress, pause, and resume
var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
console.log('Upload is ' + progress + '% done');
switch (snapshot.state) {
case firebase.storage.TaskState.PAUSED: // or 'paused'
console.log('Upload is paused');
break;
case firebase.storage.TaskState.RUNNING: // or 'running'
console.log('Upload is running');
break;
}
}
var error = function(error){
console.error(error);
}