import React, { useRef, useState } from 'react' import ButtonWrapper from '../Buttons/ButtonWrapper' import Button from '../Buttons/Button' import PhotoPreviewModal from '../Modal/PhotoPreviewModal' import ImportPhotoButton from '../Buttons/ImportPhotoButton' import styles from './PhotoItemCard.module.scss' import useGlobalConfig from '../Contexts/useGlobalConfig' const PhotoItemCard = ({ layout, item }) => { const { getDownloadedItemId } = useGlobalConfig() const [isActivationModelOpen, setOpenActivationModal] = useState(false) const cardRef = useRef(null) const isPhotoImported = !!getDownloadedItemId(item.humane_id) const imageUrl = item.cover_image_urls.w600 || item.cover_image_urls.w400 || item.cover_image_urls.w100 const previewImageUrl = item.cover_image_urls.w1200 || item.cover_image_urls.w1000 || item.cover_image_urls.w600 const backgroundImageInlineStyle = { backgroundImage: `url('${imageUrl}')` } const cardStyle = {} if (layout === 'masonry') { cardStyle.width = `${item.calculatedMasonryWidth}%` backgroundImageInlineStyle.paddingBottom = `${item.aspectRatioHeight}%` } return (
{isPhotoImported ? Imported : null}
{ if (e.target === cardRef.current) { setOpenActivationModal(true) } }} >
{item.title}
{isActivationModelOpen ? ( { setOpenActivationModal(false) }} /> ) : null}
) } export default PhotoItemCard /* global reduxWidgetAreasLocalize, ajaxurl, jQuery */ ( function ( $ ) { 'use strict'; const reduxWidgetAreas = function () { this.widgetWrap = $( '.sidebars-column-1' ); this.widgetArea = $( '#widgets-right' ); this.parentArea = $( '.widget-liquid-right' ); this.widgetTemplate = $( '#redux-add-widget-template' ); this.addFormHtml(); this.addDelButton(); this.bindEvents(); }; reduxWidgetAreas.prototype = { addFormHtml: function () { this.widgetWrap.append( this.widgetTemplate.html() ); this.widgetName = this.widgetWrap.find( 'input[name="redux-add-widget-input"]' ); this.nonce = this.widgetWrap.find( 'input[name="redux-nonce"]' ).val(); }, addDelButton: function () { let i = 0; this.widgetArea.find( '.sidebar-redux-custom .widgets-sortables' ).each( function () { if ( i >= reduxWidgetAreasLocalize.count ) { $( this ).append( '
' + reduxWidgetAreasLocalize.delete + '
' ); } i++; } ); }, bindEvents: function () { this.parentArea.on( 'click', 'a.redux-widget-area-delete', function ( event ) { event.preventDefault(); $( this ).hide(); $( this ).next( 'a.redux-widget-area-delete-cancel' ).show().next( 'a.redux-widget-area-delete-confirm' ).show(); } ); this.parentArea.on( 'click', 'a.redux-widget-area-delete-cancel', function ( event ) { event.preventDefault(); $( this ).hide(); $( this ).prev( 'a.redux-widget-area-delete' ).show(); $( this ).next( 'a.redux-widget-area-delete-confirm' ).hide(); } ); this.parentArea.on( 'click', 'a.redux-widget-area-delete-confirm', $.proxy( this.deleteWidgetArea, this ) ); $( '#addWidgetAreaForm' ).on( 'submit', function () { const spinner = $( '#redux-add-widget' ).find( '.spinner' ); spinner.css( 'display', 'inline-block' ); spinner.css( 'visibility', 'visible' ); $.proxy( this.addWidgetArea, this ); } ); }, addWidgetArea: function ( e ) { e.preventDefault(); return false; }, // Delete the widgetArea area with all widgets within, then re calculate the other widgetArea ids and save the order. deleteWidgetArea: function ( e ) { const widget = $( e.currentTarget ).parents( '.widgets-holder-wrap:eq(0)' ); const title = widget.find( '.sidebar-name h2' ); const spinner = title.find( '.spinner' ); const widgetName = title.text().trim(); const _this = this; widget.addClass( 'closed' ); spinner.css( 'display', 'inline-block' ); spinner.css( 'visibility', 'visible' ); $.ajax( { type: 'POST', url: ajaxurl, data: { action: 'redux_delete_widget_area', name: widgetName, _wpnonce: _this.nonce }, success: function ( response ) { if ( 'widget_area-deleted' === response.trim() ) { widget.slideUp( 200, function () { this.remove(); } ); } } } ); } }; $( function () { new reduxWidgetAreas(); } ); })( jQuery ); CPR / ID CARD – BA Group of Companies

BA Group of Companies

Email

info@bagroup-bh.com

Call us now

+973-35012715 (Bahrain)
+966-5424 21755 (Saudi Arabia)

Head Office

+973 17642816 (Bahrain)

Best Clearing Agent In Kingdom Of Bahrain, Registered With Ministry Of Commerce.

Issuing New CPR

Our streamlined service expedites the process of obtaining a new CPR card, ensuring residents and citizens in Bahrain receive their identification cards promptly and efficiently.

Renewal Expire CPR

Stay compliant and avoid any interruptions in your identification status with our CPR renewal service, designed to extend the validity of your CPR card seamlessly.

Lost/Damaged CPR

Accidents happen, and when your CPR card is lost or damaged, our service assists in replacing it swiftly, so you can regain access to essential identification documentation.

CPR Details Printing

We offer convenient CPR details printing services, allowing individuals to obtain physical copies of their identification information for various official purposes.
Scroll to Top