2018-03-07 20:11:57 +00:00
|
|
|
<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>
|
|
|
|
|
2016-02-15 00:15:55 +00:00
|
|
|
<div id="profile-photo-content" class="generic-content-wrapper">
|
|
|
|
<div class="section-title-wrapper">
|
|
|
|
<h2>{{$title}}</h2>
|
|
|
|
</div>
|
|
|
|
<div class="section-content-wrapper">
|
2016-01-14 01:32:09 +00:00
|
|
|
|
2016-02-15 00:15:55 +00:00
|
|
|
<form enctype="multipart/form-data" action="cover_photo" method="post">
|
|
|
|
<input type='hidden' name='form_security_token' value='{{$form_security_token}}'>
|
2016-01-14 01:32:09 +00:00
|
|
|
|
2016-02-15 00:15:55 +00:00
|
|
|
<div id="profile-photo-upload-wrapper">
|
2016-01-14 01:32:09 +00:00
|
|
|
|
2016-02-15 00:15:55 +00:00
|
|
|
<label id="profile-photo-upload-label" class="form-label" for="profile-photo-upload">{{$lbl_upfile}}</label>
|
|
|
|
<input name="userfile" class="form-input" type="file" id="profile-photo-upload" size="48" />
|
|
|
|
<div class="clear"></div>
|
|
|
|
<br />
|
|
|
|
<br />
|
|
|
|
<div id="profile-photo-submit-wrapper">
|
|
|
|
<input type="submit" name="submit" id="profile-photo-submit" value="{{$submit}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
2016-01-14 01:32:09 +00:00
|
|
|
|
2016-02-15 00:15:55 +00:00
|
|
|
</form>
|
|
|
|
<br />
|
|
|
|
<div id="profile-photo-link-select-wrapper">
|
2018-02-24 03:43:05 +00:00
|
|
|
<button id="embed-photo-wrapper" class="btn btn-default btn-primary" title="{{$embedPhotos}}" onclick="initializeEmbedPhotoDialog();return false;">
|
|
|
|
<i id="embed-photo" class="fa fa-file-image-o"></i> {{$select}}
|
2018-02-24 03:23:17 +00:00
|
|
|
</button>
|
2016-02-15 00:15:55 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2016-01-14 01:32:09 +00:00
|
|
|
</div>
|
2018-02-24 03:23:17 +00:00
|
|
|
<div class="modal" id="embedPhotoModal" tabindex="-1" role="dialog" aria-labelledby="embedPhotoLabel" aria-hidden="true">
|
|
|
|
<div class="modal-dialog">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
|
|
<h4 class="modal-title" id="embedPhotoModalLabel">{{$embedPhotosModalTitle}}</h4>
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
|
</div>
|
|
|
|
<div class="modal-body" id="embedPhotoModalBody" >
|
|
|
|
<div id="embedPhotoModalBodyAlbumListDialog" class="d-none">
|
|
|
|
<div id="embedPhotoModalBodyAlbumList"></div>
|
|
|
|
</div>
|
|
|
|
<div id="embedPhotoModalBodyAlbumDialog" class="d-none"></div>
|
|
|
|
</div>
|
|
|
|
</div><!-- /.modal-content -->
|
|
|
|
</div><!-- /.modal-dialog -->
|
|
|
|
</div><!-- /.modal -->
|