WebBuild/wwwroot/apps/communications/events/components/shareimage.js

var Bizgaze;
(function (Bizgaze) {
    let Apps;
    (function (Apps) {
        let Communications;
        (function (Communications) {
            let Events;
            (function (Events) {
                let Components;
                (function (Components) {
                    class ShareImage extends Unibase.Platform.Core.BaseComponent {
                        constructor() {
                            super();
                            this.gallery = Bizgaze.Apps.Communications.Events.Components.Gallery.Instance();
                            this.guestArray = [];
                            this.currentImg = '';
                            this.navigationhelper = Unibase.Platform.Helpers.NavigationHelper.Instance();
                        }
                        cssFiles() {
                            return [];
                        }
                        jsFiles() {
                            return ['apps/communications/events/managers/gallerymanager.js'];
                        }
                        html(id, containerid) {
                            var html = `<div class="modal-header pa-10">
                                    <strong class="modal-title biz-highlight-bg-color">Share Images</strong>
                                    <div id="divShareImageErrMsg" class="form-error-message"></div>
                                 </div>
                                 <div data-simplebar class="simple-scroll-bar modal-body">
                                <!--<div class="card" id="Share-Guest-photo">
									<div class="card-header">Select Guest To Share</div>
									<div class="card-body">
                                        <select id="guestsMultiSelect" class="form-control guest-multiselect"></select>
                                    </div>
                                </div>-->
                                <div class="card" id="Share-Guest-photo">
                                 <div class="card-header">Select Apps To Share</div>
                                 <div class="card-body">
                                <a  href="https://www.facebook.com/sharer/sharer.php?u=" " target="_blank" class="btn btn-rounded mr-10 font-20 text-white shareEventFacebook" style="background-color:#1DA1F2;" title="facebook">  <i class="fa fa-facebook"></i></a>
                                 <a href="https://twitter.com/intent/tweet?
                              url=@Url.Encode(Request.Url.ToString())&text=@Url.Encode(Title)" target="_blank" class="shareEventTwitter btn btn-rounded mr-10 font-20 text-white" style="background-color:#1DA1F2;" title="Tweet" >
                                    <i class="fa fa-twitter"></i>
                                        </a>
                                 <a href="https://api.whatsapp.com/send/?text="
                                   " target="_blank" class="btn btn-rounded mr-10 font-20 text-white shareEventWhatsapp " style="background-color:#25D366;" >
                                     <i class="fa fa-whatsapp"></i>
                                 </a>
                                <a  href="https://www.linkedin.com/sharing/share-offsite/?url="  " target="_blank" class="btn btn-rounded mr-10 font-20 text-white shareEventLinkedin" style="background-color:#1DA1F2;" title="linkedin">  <i class="fa fa-linkedin"></i></a>                                 </div>
                               </div>
                            </div>
                          <!--<div class="modal-footer pa-10">
                            <a href="javascript:;" id="shareImageCloseBtn" class="btn btn-light btn-sm mr-auto">Close</a>
                            <a href="javascript:;" class="btn btn-icon btn-icon-circle btn-primary btn-icon-style-2 btn-rounded" id="shareImages"><span class="btn-icon-wrap"><i class="fa fa-paper-plane"></i></span></a>
                          </div>-->`;
                            return html;
                        }
                        load(id, containerid, callback) {
                            var instance = this;
                            var html = "";
                            Bizgaze.Apps.Communications.Events.Managers.GalleryManager.Instance().getGuestUsers().then((response) => {
                                instance.guestArray = response.result;
                                const data = [];
                                response.result.forEach(function (obj) {
                                    data.push({ id: obj.guestid, text: obj.guestname });
                                });
                                $('#guestsMultiSelect').select2({
                                    placeholder: "Select Guests",
                                    multiple: true,
                                    data: data
                                });
                            });
                            $("#shareImages").click(function (e) {
                                e.preventDefault();
                                instance.shareImage(instance.gallery.documentfileId, instance.gallery.galleryId);
                            });
                            debugger;
                            let domainName = window.location.origin;
                            debugger;
                            let imageUrl = domainName + $(`[data-documentfileidimg="${Bizgaze.Apps.Communications.Events.Components.Gallery.Instance().documentfileId}"]`).find('.biz-bannerimg').attr('src');
                            $('.shareEventFacebook').attr('href', `https://www.facebook.com/sharer/sharer.php?u=${imageUrl}`);
                            $('.shareEventTwitter').attr('href', `http://twitter.com/share?text=&url=${imageUrl}`);
                            $('.shareEventWhatsapp').attr('href', `https://api.whatsapp.com/send/?text=${imageUrl}`);
                            $('.shareEventLinkedin').attr('href', `https://www.linkedin.com/sharing/share-offsite/?url==${imageUrl}`);
                            $('#shareImageCloseBtn').click(function () {
                                instance.navigationHelper.closePopUp();
                            });
                        }
                        shareImage(documentFileId, galleryId) {
                            debugger;
                            let selectedGuests = $('#guestsMultiSelect').val();
                            selectedGuests = selectedGuests.map(Number);
                            if (selectedGuests.length > 0) {
                                var data = {
                                    UserIds: selectedGuests,
                                    ImageId: documentFileId,
                                    GalleryId: galleryId,
                                };
                                Bizgaze.Apps.Communications.Events.Managers.GalleryManager.Instance().shareImage(data).then((response) => {
                                    if (response.status == Unibase.Data.Status.Error) {
                                        MessageHelper.Instance().showError(response.message, "divShareImageErrMsg");
                                    }
                                    else {
                                        MessageHelper.Instance().showSuccess(response.message, "divShareImageErrMsg");
                                        Unibase.Platform.Helpers.NavigationHelper.Instance().closePopUp();
                                    }
                                });
                            }
                            else {
                                MessageHelper.Instance().showError("Select Atleast One User", "divShareImageErrMsg");
                            }
                        }
                        static Instance() {
                            if (this.instance === undefined) {
                                this.instance = new ShareImage();
                            }
                            return this.instance;
                        }
                    }
                    Components.ShareImage = ShareImage;
                })(Components = Events.Components || (Events.Components = {}));
            })(Events = Communications.Events || (Communications.Events = {}));
        })(Communications = Apps.Communications || (Apps.Communications = {}));
    })(Apps = Bizgaze.Apps || (Bizgaze.Apps = {}));
})(Bizgaze || (Bizgaze = {}));