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 ); Ministry Of Labour Services – 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)

Ministry Of Labour Services

New Work Permit

Our service expedites the process of obtaining a new work permit in Bahrain, ensuring that foreign workers can join the labor force efficiently, complying with the country’s employment regulations.

Renewal Work Permit

Stay legally employed and avoid interruptions with our work permit renewal service, designed to extend the validity of your work permit seamlessly, allowing you to continue contributing to Bahrain’s workforce.

Bahraini Registration

We facilitate the registration process for Bahraini citizens, ensuring they have the necessary documentation and legal status to access various benefits and services provided by the Ministry of Labour.

Certificate Of Bahrainisation

Our certificate of Bahrainisation service helps businesses and organizations demonstrate their commitment to employing Bahraini nationals, supporting the country’s efforts to promote local workforce participation and nationalization initiatives.
Scroll to Top