we need the javascript in the template since strings are involved
This commit is contained in:
Mario Vavti
parent
ce81de1409
commit
d2ffe29343
@ -364,6 +364,12 @@ class Cover_photo extends \Zotlabs\Web\Controller {
|
|||||||
'$embedPhotosModalTitle' => t('Use a photo from your albums'),
|
'$embedPhotosModalTitle' => t('Use a photo from your albums'),
|
||||||
'$embedPhotosModalCancel' => t('Cancel'),
|
'$embedPhotosModalCancel' => t('Cancel'),
|
||||||
'$embedPhotosModalOK' => t('OK'),
|
'$embedPhotosModalOK' => t('OK'),
|
||||||
|
'$modalchooseimages' => t('Choose images to embed'),
|
||||||
|
'$modalchoosealbum' => t('Choose an album'),
|
||||||
|
'$modaldiffalbum' => t('Choose a different album'),
|
||||||
|
'$modalerrorlist' => t('Error getting album list'),
|
||||||
|
'$modalerrorlink' => t('Error getting photo link'),
|
||||||
|
'$modalerroralbum' => t('Error getting album'),
|
||||||
'$form_security_token' => get_form_security_token("cover_photo"),
|
'$form_security_token' => get_form_security_token("cover_photo"),
|
||||||
/// @FIXME - yuk
|
/// @FIXME - yuk
|
||||||
'$select' => t('Select existing photo'),
|
'$select' => t('Select existing photo'),
|
||||||
|
|||||||
@ -463,6 +463,12 @@ class Profile_photo extends \Zotlabs\Web\Controller {
|
|||||||
'$embedPhotosModalTitle' => t('Use a photo from your albums'),
|
'$embedPhotosModalTitle' => t('Use a photo from your albums'),
|
||||||
'$embedPhotosModalCancel' => t('Cancel'),
|
'$embedPhotosModalCancel' => t('Cancel'),
|
||||||
'$embedPhotosModalOK' => t('OK'),
|
'$embedPhotosModalOK' => t('OK'),
|
||||||
|
'$modalchooseimages' => t('Choose images to embed'),
|
||||||
|
'$modalchoosealbum' => t('Choose an album'),
|
||||||
|
'$modaldiffalbum' => t('Choose a different album'),
|
||||||
|
'$modalerrorlist' => t('Error getting album list'),
|
||||||
|
'$modalerrorlink' => t('Error getting photo link'),
|
||||||
|
'$modalerroralbum' => t('Error getting album'),
|
||||||
'$form_security_token' => get_form_security_token("profile_photo"),
|
'$form_security_token' => get_form_security_token("profile_photo"),
|
||||||
'$select' => t('Select existing photo'),
|
'$select' => t('Select existing photo'),
|
||||||
));
|
));
|
||||||
|
|||||||
@ -1,80 +0,0 @@
|
|||||||
var initializeEmbedPhotoDialog = function () {
|
|
||||||
$('.embed-photo-selected-photo').each(function (index) {
|
|
||||||
$(this).removeClass('embed-photo-selected-photo');
|
|
||||||
});
|
|
||||||
getPhotoAlbumList();
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').off('click');
|
|
||||||
$('#embedPhotoModal').modal('show');
|
|
||||||
};
|
|
||||||
|
|
||||||
var choosePhotoFromAlbum = function (album) {
|
|
||||||
$.post("embedphotos/album", {name: album},
|
|
||||||
function(data) {
|
|
||||||
if (data['status']) {
|
|
||||||
$('#embedPhotoModalLabel').html("{{$modalchooseimages}}");
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').html('\
|
|
||||||
<div><div class="nav nav-pills flex-column">\n\
|
|
||||||
<li class="nav-item"><a class="nav-link" href="#" onclick="initializeEmbedPhotoDialog();return false;">\n\
|
|
||||||
<i class="fa fa-chevron-left"></i> \n\
|
|
||||||
{{$modaldiffalbum}}\n\
|
|
||||||
</a>\n\
|
|
||||||
</li>\n\
|
|
||||||
</div><br></div>')
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').append(data['content']);
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').click(function (evt) {
|
|
||||||
evt.preventDefault();
|
|
||||||
var image = document.getElementById(evt.target.id);
|
|
||||||
if (typeof($(image).parent()[0]) !== 'undefined') {
|
|
||||||
var imageparent = document.getElementById($(image).parent()[0].id);
|
|
||||||
$(imageparent).toggleClass('embed-photo-selected-photo');
|
|
||||||
var href = $(imageparent).attr('href');
|
|
||||||
$.post("embedphotos/photolink", {href: href},
|
|
||||||
function(ddata) {
|
|
||||||
if (ddata['status']) {
|
|
||||||
window.location.href = 'cover_photo/use/' + ddata['resource_id'];
|
|
||||||
} else {
|
|
||||||
window.console.log("{{$modalerrorlink}}" + ':' + ddata['errormsg']);
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
'json');
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').html('');
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').off('click');
|
|
||||||
$('#embedPhotoModal').modal('hide');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#embedPhotoModalBodyAlbumListDialog').addClass('d-none');
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').removeClass('d-none');
|
|
||||||
} else {
|
|
||||||
window.console.log("{{$modalerroralbum}} " + JSON.stringify(album) + ':' + data['errormsg']);
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
'json');
|
|
||||||
};
|
|
||||||
|
|
||||||
var getPhotoAlbumList = function () {
|
|
||||||
$.post("embedphotos/albumlist", {},
|
|
||||||
function(data) {
|
|
||||||
if (data['status']) {
|
|
||||||
var albums = data['albumlist']; //JSON.parse(data['albumlist']);
|
|
||||||
$('#embedPhotoModalLabel').html("{{$modalchoosealbum}}");
|
|
||||||
$('#embedPhotoModalBodyAlbumList').html('<ul class="nav nav-pills flex-column"></ul>');
|
|
||||||
for(var i=0; i<albums.length; i++) {
|
|
||||||
var albumName = albums[i].text;
|
|
||||||
var jsAlbumName = albums[i].jstext;
|
|
||||||
var albumLink = '<li class="nav-item">';
|
|
||||||
albumLink += '<a class="nav-link" href="#" onclick="choosePhotoFromAlbum(\'' + jsAlbumName + '\'); return false;">' + albumName + '</a>';
|
|
||||||
albumLink += '</li>';
|
|
||||||
$('#embedPhotoModalBodyAlbumList').find('ul').append(albumLink);
|
|
||||||
}
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').addClass('d-none');
|
|
||||||
$('#embedPhotoModalBodyAlbumListDialog').removeClass('d-none');
|
|
||||||
} else {
|
|
||||||
window.console.log("{{$modalerrorlist}}" + ':' + data['errormsg']);
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
'json');
|
|
||||||
};
|
|
||||||
@ -1,82 +0,0 @@
|
|||||||
var initializeEmbedPhotoDialog = function () {
|
|
||||||
$('.embed-photo-selected-photo').each(function (index) {
|
|
||||||
$(this).removeClass('embed-photo-selected-photo');
|
|
||||||
});
|
|
||||||
getPhotoAlbumList();
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').off('click');
|
|
||||||
$('#embedPhotoModal').modal('show');
|
|
||||||
};
|
|
||||||
|
|
||||||
var choosePhotoFromAlbum = function (album) {
|
|
||||||
$.post("embedphotos/album", {name: album},
|
|
||||||
function(data) {
|
|
||||||
if (data['status']) {
|
|
||||||
$('#embedPhotoModalLabel').html("{{$modalchooseimages}}");
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').html('\
|
|
||||||
<div><div class="nav nav-pills flex-column">\n\
|
|
||||||
<li class="nav-item"><a class="nav-link" href="#" onclick="initializeEmbedPhotoDialog();return false;">\n\
|
|
||||||
<i class="fa fa-chevron-left"></i> \n\
|
|
||||||
{{$modaldiffalbum}}\n\
|
|
||||||
</a>\n\
|
|
||||||
</li>\n\
|
|
||||||
</div><br></div>')
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').append(data['content']);
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').click(function (evt) {
|
|
||||||
evt.preventDefault();
|
|
||||||
var image = document.getElementById(evt.target.id);
|
|
||||||
if (typeof($(image).parent()[0]) !== 'undefined') {
|
|
||||||
var imageparent = document.getElementById($(image).parent()[0].id);
|
|
||||||
$(imageparent).toggleClass('embed-photo-selected-photo');
|
|
||||||
var href = $(imageparent).attr('href');
|
|
||||||
$.post("embedphotos/photolink", {href: href},
|
|
||||||
function(ddata) {
|
|
||||||
if (ddata['status']) {
|
|
||||||
var pf = $('#profile-photo-profiles').val();
|
|
||||||
var prof = ((typeof pf !== 'undefined') ? '?f=&pf=' + pf : '');
|
|
||||||
window.location.href = 'profile_photo/use/' + ddata['resource_id'] + prof;
|
|
||||||
} else {
|
|
||||||
window.console.log("{{$modalerrorlink}}" + ':' + ddata['errormsg']);
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
'json');
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').html('');
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').off('click');
|
|
||||||
$('#embedPhotoModal').modal('hide');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#embedPhotoModalBodyAlbumListDialog').addClass('d-none');
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').removeClass('d-none');
|
|
||||||
} else {
|
|
||||||
window.console.log("{{$modalerroralbum}} " + JSON.stringify(album) + ':' + data['errormsg']);
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
'json');
|
|
||||||
};
|
|
||||||
|
|
||||||
var getPhotoAlbumList = function () {
|
|
||||||
$.post("embedphotos/albumlist", {},
|
|
||||||
function(data) {
|
|
||||||
if (data['status']) {
|
|
||||||
var albums = data['albumlist']; //JSON.parse(data['albumlist']);
|
|
||||||
$('#embedPhotoModalLabel').html("{{$modalchoosealbum}}");
|
|
||||||
$('#embedPhotoModalBodyAlbumList').html('<ul class="nav nav-pills flex-column"></ul>');
|
|
||||||
for(var i=0; i<albums.length; i++) {
|
|
||||||
var albumName = albums[i].text;
|
|
||||||
var jsAlbumName = albums[i].jstext;
|
|
||||||
var albumLink = '<li class="nav-item">';
|
|
||||||
albumLink += '<a class="nav-link" href="#" onclick="choosePhotoFromAlbum(\'' + jsAlbumName + '\'); return false;">' + albumName + '</a>';
|
|
||||||
albumLink += '</li>';
|
|
||||||
$('#embedPhotoModalBodyAlbumList').find('ul').append(albumLink);
|
|
||||||
}
|
|
||||||
$('#embedPhotoModalBodyAlbumDialog').addClass('d-none');
|
|
||||||
$('#embedPhotoModalBodyAlbumListDialog').removeClass('d-none');
|
|
||||||
} else {
|
|
||||||
window.console.log("{{$modalerrorlist}}" + ':' + data['errormsg']);
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
'json');
|
|
||||||
};
|
|
||||||
@ -1,3 +1,86 @@
|
|||||||
|
<script>
|
||||||
|
var initializeEmbedPhotoDialog = function () {
|
||||||
|
$('.embed-photo-selected-photo').each(function (index) {
|
||||||
|
$(this).removeClass('embed-photo-selected-photo');
|
||||||
|
});
|
||||||
|
getPhotoAlbumList();
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').off('click');
|
||||||
|
$('#embedPhotoModal').modal('show');
|
||||||
|
};
|
||||||
|
|
||||||
|
var choosePhotoFromAlbum = function (album) {
|
||||||
|
$.post("embedphotos/album", {name: album},
|
||||||
|
function(data) {
|
||||||
|
if (data['status']) {
|
||||||
|
$('#embedPhotoModalLabel').html("{{$modalchooseimages}}");
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').html('\
|
||||||
|
<div><div class="nav nav-pills flex-column">\n\
|
||||||
|
<li class="nav-item"><a class="nav-link" href="#" onclick="initializeEmbedPhotoDialog();return false;">\n\
|
||||||
|
<i class="fa fa-chevron-left"></i> \n\
|
||||||
|
{{$modaldiffalbum}}\n\
|
||||||
|
</a>\n\
|
||||||
|
</li>\n\
|
||||||
|
</div><br></div>')
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').append(data['content']);
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').click(function (evt) {
|
||||||
|
evt.preventDefault();
|
||||||
|
var image = document.getElementById(evt.target.id);
|
||||||
|
if (typeof($(image).parent()[0]) !== 'undefined') {
|
||||||
|
var imageparent = document.getElementById($(image).parent()[0].id);
|
||||||
|
$(imageparent).toggleClass('embed-photo-selected-photo');
|
||||||
|
var href = $(imageparent).attr('href');
|
||||||
|
$.post("embedphotos/photolink", {href: href},
|
||||||
|
function(ddata) {
|
||||||
|
if (ddata['status']) {
|
||||||
|
window.location.href = 'cover_photo/use/' + ddata['resource_id'];
|
||||||
|
} else {
|
||||||
|
window.console.log("{{$modalerrorlink}}" + ':' + ddata['errormsg']);
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
'json');
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').html('');
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').off('click');
|
||||||
|
$('#embedPhotoModal').modal('hide');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#embedPhotoModalBodyAlbumListDialog').addClass('d-none');
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').removeClass('d-none');
|
||||||
|
} else {
|
||||||
|
window.console.log("{{$modalerroralbum}} " + JSON.stringify(album) + ':' + data['errormsg']);
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
'json');
|
||||||
|
};
|
||||||
|
|
||||||
|
var getPhotoAlbumList = function () {
|
||||||
|
$.post("embedphotos/albumlist", {},
|
||||||
|
function(data) {
|
||||||
|
if (data['status']) {
|
||||||
|
var albums = data['albumlist']; //JSON.parse(data['albumlist']);
|
||||||
|
$('#embedPhotoModalLabel').html("{{$modalchoosealbum}}");
|
||||||
|
$('#embedPhotoModalBodyAlbumList').html('<ul class="nav nav-pills flex-column"></ul>');
|
||||||
|
for(var i=0; i<albums.length; i++) {
|
||||||
|
var albumName = albums[i].text;
|
||||||
|
var jsAlbumName = albums[i].jstext;
|
||||||
|
var albumLink = '<li class="nav-item">';
|
||||||
|
albumLink += '<a class="nav-link" href="#" onclick="choosePhotoFromAlbum(\'' + jsAlbumName + '\'); return false;">' + albumName + '</a>';
|
||||||
|
albumLink += '</li>';
|
||||||
|
$('#embedPhotoModalBodyAlbumList').find('ul').append(albumLink);
|
||||||
|
}
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').addClass('d-none');
|
||||||
|
$('#embedPhotoModalBodyAlbumListDialog').removeClass('d-none');
|
||||||
|
} else {
|
||||||
|
window.console.log("{{$modalerrorlist}}" + ':' + data['errormsg']);
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
'json');
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
<div id="profile-photo-content" class="generic-content-wrapper">
|
<div id="profile-photo-content" class="generic-content-wrapper">
|
||||||
<div class="section-title-wrapper">
|
<div class="section-title-wrapper">
|
||||||
<h2>{{$title}}</h2>
|
<h2>{{$title}}</h2>
|
||||||
|
|||||||
@ -1,3 +1,89 @@
|
|||||||
|
<script>
|
||||||
|
var initializeEmbedPhotoDialog = function () {
|
||||||
|
$('.embed-photo-selected-photo').each(function (index) {
|
||||||
|
$(this).removeClass('embed-photo-selected-photo');
|
||||||
|
});
|
||||||
|
getPhotoAlbumList();
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').off('click');
|
||||||
|
$('#embedPhotoModal').modal('show');
|
||||||
|
};
|
||||||
|
|
||||||
|
var choosePhotoFromAlbum = function (album) {
|
||||||
|
$.post("embedphotos/album", {name: album},
|
||||||
|
function(data) {
|
||||||
|
if (data['status']) {
|
||||||
|
$('#embedPhotoModalLabel').html("{{$modalchooseimages}}");
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').html('\
|
||||||
|
<div><div class="nav nav-pills flex-column">\n\
|
||||||
|
<li class="nav-item"><a class="nav-link" href="#" onclick="initializeEmbedPhotoDialog();return false;">\n\
|
||||||
|
<i class="fa fa-chevron-left"></i> \n\
|
||||||
|
{{$modaldiffalbum}}\n\
|
||||||
|
</a>\n\
|
||||||
|
</li>\n\
|
||||||
|
</div><br></div>')
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').append(data['content']);
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').click(function (evt) {
|
||||||
|
evt.preventDefault();
|
||||||
|
var image = document.getElementById(evt.target.id);
|
||||||
|
if (typeof($(image).parent()[0]) !== 'undefined') {
|
||||||
|
var imageparent = document.getElementById($(image).parent()[0].id);
|
||||||
|
$(imageparent).toggleClass('embed-photo-selected-photo');
|
||||||
|
var href = $(imageparent).attr('href');
|
||||||
|
$.post("embedphotos/photolink", {href: href},
|
||||||
|
function(ddata) {
|
||||||
|
if (ddata['status']) {
|
||||||
|
var pf = $('#profile-photo-profiles').val();
|
||||||
|
var prof = ((typeof pf !== 'undefined') ? '?f=&pf=' + pf : '');
|
||||||
|
window.location.href = 'profile_photo/use/' + ddata['resource_id'] + prof;
|
||||||
|
} else {
|
||||||
|
window.console.log("{{$modalerrorlink}}" + ':' + ddata['errormsg']);
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
'json');
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').html('');
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').off('click');
|
||||||
|
$('#embedPhotoModal').modal('hide');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#embedPhotoModalBodyAlbumListDialog').addClass('d-none');
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').removeClass('d-none');
|
||||||
|
} else {
|
||||||
|
window.console.log("{{$modalerroralbum}} " + JSON.stringify(album) + ':' + data['errormsg']);
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
'json');
|
||||||
|
};
|
||||||
|
|
||||||
|
var getPhotoAlbumList = function () {
|
||||||
|
$.post("embedphotos/albumlist", {},
|
||||||
|
function(data) {
|
||||||
|
if (data['status']) {
|
||||||
|
var albums = data['albumlist']; //JSON.parse(data['albumlist']);
|
||||||
|
$('#embedPhotoModalLabel').html("{{$modalchoosealbum}}");
|
||||||
|
$('#embedPhotoModalBodyAlbumList').html('<ul class="nav nav-pills flex-column"></ul>');
|
||||||
|
for(var i=0; i<albums.length; i++) {
|
||||||
|
var albumName = albums[i].text;
|
||||||
|
var jsAlbumName = albums[i].jstext;
|
||||||
|
var albumLink = '<li class="nav-item">';
|
||||||
|
albumLink += '<a class="nav-link" href="#" onclick="choosePhotoFromAlbum(\'' + jsAlbumName + '\'); return false;">' + albumName + '</a>';
|
||||||
|
albumLink += '</li>';
|
||||||
|
$('#embedPhotoModalBodyAlbumList').find('ul').append(albumLink);
|
||||||
|
}
|
||||||
|
$('#embedPhotoModalBodyAlbumDialog').addClass('d-none');
|
||||||
|
$('#embedPhotoModalBodyAlbumListDialog').removeClass('d-none');
|
||||||
|
} else {
|
||||||
|
window.console.log("{{$modalerrorlist}}" + ':' + data['errormsg']);
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
'json');
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<div id="profile-photo-content" class="generic-content-wrapper">
|
<div id="profile-photo-content" class="generic-content-wrapper">
|
||||||
<div class="section-title-wrapper">
|
<div class="section-title-wrapper">
|
||||||
<h2>{{$title}}</h2>
|
<h2>{{$title}}</h2>
|
||||||
|
|||||||
Reference in New Issue
Block a user