|
|
@@ -1,4 +1,5 @@
|
|
|
checkRoute();
|
|
|
+let card;
|
|
|
|
|
|
let userBasics = JSON.parse(localStorage.getItem('user_profile')) || [];
|
|
|
|
|
|
@@ -50,6 +51,7 @@ function checkLan() {
|
|
|
} else {
|
|
|
$('.btn-makev').css('display', 'block');
|
|
|
$('.btn-makelong').css('display', 'block');
|
|
|
+ $('#slide_raw_url').attr('placeholder', 'SLIDE連結（連結須為公開）')
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -64,6 +66,26 @@ function loginControl() {
|
|
|
|
|
|
loginControl();
|
|
|
|
|
|
+JsLoadingOverlay.show({
|
|
|
+ "overlayBackgroundColor": "#FFFFFF",
|
|
|
+ "overlayOpacity": "1",
|
|
|
+ "spinnerIcon": "ball-circus",
|
|
|
+ "spinnerColor": "#B9DDF3",
|
|
|
+ "spinnerSize": "1x",
|
|
|
+ "overlayIDName": "overlay",
|
|
|
+ "spinnerIDName": "spinner",
|
|
|
+ "offsetX": 0,
|
|
|
+ "offsetY": 0,
|
|
|
+ "containerID": "avatar-cards",
|
|
|
+ "lockScroll": false,
|
|
|
+ "overlayZIndex": 9998,
|
|
|
+ "spinnerZIndex": 9999
|
|
|
+});
|
|
|
+
|
|
|
+window.setTimeout(() => {
|
|
|
+ JsLoadingOverlay.hide()
|
|
|
+}, 5000)
|
|
|
+
|
|
|
|
|
|
function getAvatar() {
|
|
|
let jwt_token = get_jwt_token();
|
|
|
@@ -94,16 +116,21 @@ function getAvatar() {
|
|
|
</div>`;
|
|
|
}
|
|
|
$('#avatar').html(`<option value="Choose Character" selected="selected" disabled>Choose Character</option>${str}`);
|
|
|
- $('.owl-carousel').html(carStr);
|
|
|
+ $('.avatar-cards').html(carStr);
|
|
|
+ if(lan = 'en') {
|
|
|
+ $('#avatar option:disabled').val('請選擇人物')
|
|
|
+ $('#avatar option:disabled').text('請選擇人物')
|
|
|
+ }
|
|
|
card = document.getElementsByClassName('card');
|
|
|
console.log(card);
|
|
|
addCardListener(card);
|
|
|
+ avatarChange()
|
|
|
}).catch(err => {
|
|
|
console.log(err);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
-//getAvatar();
|
|
|
+getAvatar();
|
|
|
|
|
|
|
|
|
var client_id = Date.now();
|
|
|
@@ -120,22 +147,21 @@ var avatarModal = new bootstrap.Modal(document.getElementById('avatarmega'), {
|
|
|
var modalImg = document.querySelector("#avatarmega .modal-img");
|
|
|
var modalTitle = document.querySelector("#avatarmega .modal-title");
|
|
|
var avatarSelector = document.getElementById("avatar");
|
|
|
-var card = document.getElementsByClassName('card');
|
|
|
-card = [...card];
|
|
|
+// var card = document.getElementsByClassName('card');
|
|
|
+// card = [...card];
|
|
|
avatarSelector.addEventListener('change', avatarChange);
|
|
|
-avatarChange();
|
|
|
+// avatarChange();
|
|
|
|
|
|
-function addCardListener() {
|
|
|
+function addCardListener(card) {
|
|
|
for (let i = 0; i < card.length; i++) {
|
|
|
card[i].addEventListener('click', openavatarModel);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-addCardListener();
|
|
|
+// addCardListener();
|
|
|
|
|
|
function avatarChange() {
|
|
|
var value = avatarSelector.options[avatarSelector.selectedIndex].text;
|
|
|
- $('.owl-carousel').trigger('to.owl.carousel', avatarSelector.selectedIndex);
|
|
|
for (let i = 0; i < card.length; i++) {
|
|
|
card[i].classList.remove('active');
|
|
|
if (card[i].dataset.avatar == value) {
|
huai-sian