/*!
 * LABELAUTY jQuery Plugin
 *
 * @file: jquery-labelauty.js
 * @author: Francisco Neves (@fntneves)
 * @site: www.francisconeves.com
 * @license: MIT License
 */

(function( $ ){

	$.fn.labelauty = function( options )
	{
		/*
		 * Our default settings
		 * Hope you don't need to change anything, with these settings
		 */
		var settings = $.extend(
		{
			// Development Mode
			// This will activate console debug messages
			development: false,

			// Trigger Class
			// This class will be used to apply styles
			class: "labelauty",

			// Use text label ?
			// If false, then only an icon represents the input
			label: true,

			// Separator between labels' messages
			// If you use this separator for anything, choose a new one
			separator: "|",

			// Default Checked Message
			// This message will be visible when input is checked
			checked_label: "Checked",

			// Default UnChecked Message
			// This message will be visible when input is unchecked
			unchecked_label: "Unchecked",

			// Force random ID's
			// Replace original ID's with random ID's,
			force_random_id: false,

			// Minimum Label Width
			// This value will be used to apply a minimum width to the text labels
			minimum_width: false,

			// Use the greatest width between two text labels ?
			// If this has a true value, then label width will be the greatest between labels
			same_width: true
		}, options);

		/*
		 * Let's create the core function
		 * It will try to cover all settings and mistakes of using
		 */
		return this.each(function()
		{
			var migrateDeduplicateWarnings = jQuery.migrateDeduplicateWarnings || false;
			if (settings.development) jQuery.migrateDeduplicateWarnings = false;

			var $object = $( this );
			var selected = $object.is(':checked');
			var type = $object.attr('type');
			var use_labels = true;
			var labels;
			var labels_object;
			var input_id;
			
			//Get the aria label from the input element
			var aria_label = $object.attr( "aria-label" );
			
			// Hide the object form screen readers
			$object.attr( "aria-hidden", true );
			
			// Test if object is a check input
			// Don't mess me up, come on
			if( $object.is( ":checkbox" ) === false && $object.is( ":radio" ) === false )
				return this;

			// Add "labelauty" class to all checkboxes
			// So you can apply some custom styles
			$object.addClass( settings.class );
			
			// Get the value of "data-labelauty" attribute
			// Then, we have the labels for each case (or not, as we will see)
			labels = $object.attr( "data-labelauty" );
			
			use_labels = settings.label;

			// It's time to check if it's going to the right way
			// Null values, more labels than expected or no labels will be handled here
			if( use_labels === true )
			{
				if( labels == null || labels.length === 0 )
				{
					// If attribute has no label and we want to use, then use the default labels
					labels_object = new Array();
					labels_object[0] = settings.unchecked_label;
					labels_object[1] = settings.checked_label;
				}
				else
				{
					// Ok, ok, it's time to split Checked and Unchecked labels
					// We split, by the "settings.separator" option
					labels_object = labels.split( settings.separator );

					// Now, let's check if exist _only_ two labels
					// If there's more than two, then we do not use labels :(
					// Else, do some additional tests
					if( labels_object.length > 2 )
					{
						use_labels = false;
						debug( settings.development, "There's more than two labels. LABELAUTY will not use labels." );
					}
					else
					{
						// If there's just one label (no split by "settings.separator"), it will be used for both cases
						// Here, we have the possibility of use the same label for both cases
						if( labels_object.length === 1 )
							debug( settings.development, "There's just one label. LABELAUTY will use this one for both cases." );
					}
				}
			}

			/*
			 * Let's begin the beauty
			 */

			// Start hiding ugly checkboxes
			// Obviously, we don't need native checkboxes :O
			$object.css({ display : "none" });
						
			// We don't need more data-labelauty attributes!
			// Ok, ok, it's just for beauty improvement
			$object.removeAttr( "data-labelauty" );
			
			// Now, grab checkbox ID Attribute for "label" tag use
			// If there's no ID Attribute, then generate a new one
			input_id = $object.attr( "id" );

			if( settings.force_random_id || input_id == null || input_id.trim() === "")
			{
				var input_id_number = 1 + Math.floor( Math.random() * 1024000 );
				input_id = "labelauty-" + input_id_number;

				// Is there any element with this random ID ?
				// If exists, then increment until get an unused ID
				while( $( input_id ).length !== 0 )
				{
					input_id_number++;
					input_id = "labelauty-" + input_id_number;
					debug( settings.development, "Holy crap, between 1024 thousand numbers, one raised a conflict. Trying again." );
				}

				$object.attr( "id", input_id );
			}

			// Now, add necessary tags to make this work
			// Here, we're going to test some control variables and act properly
			
			var element = jQuery(create( input_id, aria_label, selected, type, labels_object, use_labels ))
			
			element.on('click', function(){
				if($object.is(':checked')){
					$(element).attr('aria-checked', false);
				}else{
					$(element).attr('aria-checked', true);
				}
			});
			
			element.on('keypress', function(event){
				event.preventDefault();
				if(event.keyCode === 32 || event.keyCode === 13){
					if($object.is(':checked')){
						$object.prop('checked', false);
						$(element).attr('aria-checked',false);
					}else{
						$object.prop('checked', true);
						$(element).attr('aria-checked', true);
					}
				}
			})
			
			$object.after(element);
			
			// Now, add "min-width" to label
			// Let's say the truth, a fixed width is more beautiful than a variable width
			if( settings.minimum_width !== false )
				$object.next( "label[for=" + input_id + "]" ).css({ "min-width": settings.minimum_width });

			// Now, add "min-width" to label
			// Let's say the truth, a fixed width is more beautiful than a variable width
			if( settings.same_width != false && settings.label == true )
			{
				var label_object = $object.next( "label[for=" + input_id + "]" );
				var unchecked_width = getRealWidth(label_object.find( "span.labelauty-unchecked" ));
				var checked_width = getRealWidth(label_object.find( "span.labelauty-checked" ));

				if( unchecked_width > checked_width )
					label_object.find( "span.labelauty-checked" ).width( unchecked_width );
				else
					label_object.find( "span.labelauty-unchecked" ).width( checked_width );
			}
			if (settings.development) jQuery.migrateDeduplicateWarnings = migrateDeduplicateWarnings;
		});
	};

	/*
	 * Tricky code to work with hidden elements, like tabs.
	 * Note: This code is based on jquery.actual plugin.
	 * https://github.com/dreamerslab/jquery.actual
	 */
	function getRealWidth( element )
	{
		var width = 0;
		var $target = element;
		var style = 'position: absolute !important; top: -1000 !important; ';

		$target = $target.clone().attr('style', style).appendTo('body');
		width = $target.width(true);
		$target.remove();

		return width;
	}

	function debug( debug, message )
	{
		if( debug && window.console && window.console.log )
			window.console.log( "jQuery-LABELAUTY: " + message );
	};

	function create( input_id, aria_label, selected, type, messages_object, label )
	{	
		var block;
		var unchecked_message;
		var checked_message;
		var aria = "";
		
		if( messages_object == null )
			unchecked_message = checked_message = "";
		else
		{
			unchecked_message = messages_object[0];

			// If checked message is null, then put the same text of unchecked message
			if( messages_object[1] == null )
				checked_message = unchecked_message;
			else
				checked_message = messages_object[1];
		}
		
		if(aria_label == null)
			aria = "";	
		else
			aria = 'tabindex="0" role="' + type + '" aria-checked="' + selected + '" aria-label="' + aria_label + '"';
		
		if( label == true )
		{
			block = '<label for="' + input_id + '" ' + aria + '>' +
						'<span class="labelauty-unchecked-image"></span>' +
						'<span class="labelauty-unchecked">' + unchecked_message + '</span>' +
						'<span class="labelauty-checked-image"></span>' +
						'<span class="labelauty-checked">' + checked_message + '</span>' +
					'</label>';
		}
		else
		{
			block = '<label for="' + input_id + '" ' + aria + '>' +
						'<span class="labelauty-unchecked-image"></span>' +
						'<span class="labelauty-checked-image"></span>' +
					'</label>';
		}
		
		return block;
	};

}( jQuery ));

<main id="content" class="site-main" role="main">

			<header class="page-header">
			<h1 class="entry-title">Tag: <span>Agensi Penerjemah</span></h1>		</header>
		<div class="page-content">
					<article class="post">
				<h2 class="entry-title"><a href="https://aectranslations.com/2024/02/07/isra-miraj-commemoration-reflections-on-language-and-cultural-wisdom/">Isra Mi&#8217;raj Commemoration: Reflections on Language and Cultural Wisdom</a></h2><a href="https://aectranslations.com/2024/02/07/isra-miraj-commemoration-reflections-on-language-and-cultural-wisdom/"><img width="1024" height="585" src="https://aectranslations.com/wp-content/uploads/2024/02/istockphoto-1454730068-1024x1024-transformed-1.jpeg" class="attachment-large size-large wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://aectranslations.com/wp-content/uploads/2024/02/istockphoto-1454730068-1024x1024-transformed-1.jpeg 1024w, https://aectranslations.com/wp-content/uploads/2024/02/istockphoto-1454730068-1024x1024-transformed-1-300x171.jpeg 300w, https://aectranslations.com/wp-content/uploads/2024/02/istockphoto-1454730068-1024x1024-transformed-1-768x439.jpeg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><p>In celebrating the Isra Mi&#8217;raj event, Muslims around the world reminisce about the Prophet Muhammad&#8217;s spiritual journey from the Masjidil Haram in Mecca to the Masjidil Aqsa in Jerusalem, and then ascending to the heavens to meet with Allah SWT. This moment not only has deep spiritual value but also offers a lesson on the [&hellip;]</p>
			</article>
					<article class="post">
				<h2 class="entry-title"><a href="https://aectranslations.com/2024/02/07/peringatan-isra-miraj-refleksi-bahasa-dan-kearifan-budaya/">Peringatan Isra Mi&#8217;raj: Refleksi Bahasa dan Kearifan Budaya</a></h2><a href="https://aectranslations.com/2024/02/07/peringatan-isra-miraj-refleksi-bahasa-dan-kearifan-budaya/"><img width="1024" height="585" src="https://aectranslations.com/wp-content/uploads/2024/02/istockphoto-1454730068-1024x1024-transformed.jpeg" class="attachment-large size-large wp-post-image" alt="" decoding="async" srcset="https://aectranslations.com/wp-content/uploads/2024/02/istockphoto-1454730068-1024x1024-transformed.jpeg 1024w, https://aectranslations.com/wp-content/uploads/2024/02/istockphoto-1454730068-1024x1024-transformed-300x171.jpeg 300w, https://aectranslations.com/wp-content/uploads/2024/02/istockphoto-1454730068-1024x1024-transformed-768x439.jpeg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><p>Dalam merayakan peristiwa Isra Mi&#8217;raj, umat Islam di seluruh dunia mengenang perjalanan spiritual Nabi Muhammad SAW dari Masjidil Haram di Mekkah ke Masjidil Aqsa di Yerusalem, dan kemudian naik ke langit untuk bertemu dengan Allah SWT. Peristiwa ini tidak hanya memiliki nilai spiritual yang mendalam tetapi juga menawarkan pelajaran tentang pentingnya bahasa dan komunikasi dalam [&hellip;]</p>
			</article>
					<article class="post">
				<h2 class="entry-title"><a href="https://aectranslations.com/2024/02/05/chinese-new-year-cultural-wealth-and-the-importance-of-translation/">Chinese New Year: Cultural Wealth and the Importance of Translation</a></h2><a href="https://aectranslations.com/2024/02/05/chinese-new-year-cultural-wealth-and-the-importance-of-translation/"><img width="683" height="1024" src="https://aectranslations.com/wp-content/uploads/2024/02/rumman-amin-nLqQqtig9kU-unsplash-2-683x1024.jpg" class="attachment-large size-large wp-post-image" alt="" decoding="async" srcset="https://aectranslations.com/wp-content/uploads/2024/02/rumman-amin-nLqQqtig9kU-unsplash-2-683x1024.jpg 683w, https://aectranslations.com/wp-content/uploads/2024/02/rumman-amin-nLqQqtig9kU-unsplash-2-200x300.jpg 200w, https://aectranslations.com/wp-content/uploads/2024/02/rumman-amin-nLqQqtig9kU-unsplash-2-768x1152.jpg 768w, https://aectranslations.com/wp-content/uploads/2024/02/rumman-amin-nLqQqtig9kU-unsplash-2-1024x1536.jpg 1024w, https://aectranslations.com/wp-content/uploads/2024/02/rumman-amin-nLqQqtig9kU-unsplash-2-1365x2048.jpg 1365w, https://aectranslations.com/wp-content/uploads/2024/02/rumman-amin-nLqQqtig9kU-unsplash-2-scaled.jpg 1707w" sizes="(max-width: 683px) 100vw, 683px" /></a><p>Chinese New Year, also known as Lunar New Year or Spring Festival, is one of the most important celebrations for Chinese people around the world. It does not only signify the beginning of a new year in the Chinese lunar calendar but is also a time for families to gather, celebrate, and hope for a [&hellip;]</p>
			</article>
					<article class="post">
				<h2 class="entry-title"><a href="https://aectranslations.com/2024/02/05/tahun-baru-china-kekayaan-budaya-dan-pentingnya-penerjemahan/">Tahun Baru China: Kekayaan Budaya dan Pentingnya Penerjemahan</a></h2><a href="https://aectranslations.com/2024/02/05/tahun-baru-china-kekayaan-budaya-dan-pentingnya-penerjemahan/"><img width="683" height="1024" src="https://aectranslations.com/wp-content/uploads/2024/02/rumman-amin-nLqQqtig9kU-unsplash-683x1024.jpg" class="attachment-large size-large wp-post-image" alt="" decoding="async" srcset="https://aectranslations.com/wp-content/uploads/2024/02/rumman-amin-nLqQqtig9kU-unsplash-683x1024.jpg 683w, https://aectranslations.com/wp-content/uploads/2024/02/rumman-amin-nLqQqtig9kU-unsplash-200x300.jpg 200w, https://aectranslations.com/wp-content/uploads/2024/02/rumman-amin-nLqQqtig9kU-unsplash-768x1152.jpg 768w, https://aectranslations.com/wp-content/uploads/2024/02/rumman-amin-nLqQqtig9kU-unsplash-1024x1536.jpg 1024w, https://aectranslations.com/wp-content/uploads/2024/02/rumman-amin-nLqQqtig9kU-unsplash-1365x2048.jpg 1365w, https://aectranslations.com/wp-content/uploads/2024/02/rumman-amin-nLqQqtig9kU-unsplash-scaled.jpg 1707w" sizes="(max-width: 683px) 100vw, 683px" /></a><p>Tahun Baru China, juga dikenal sebagai Imlek atau Festival Musim Semi, merupakan salah satu perayaan terpenting bagi masyarakat Tionghoa di seluruh dunia. Perayaan ini tidak hanya menandai awal tahun baru dalam kalender lunar Tionghoa tetapi juga merupakan waktu bagi keluarga untuk berkumpul, merayakan, dan berharap untuk tahun yang penuh keberuntungan dan kemakmuran. Dalam konteks globalisasi [&hellip;]</p>
			</article>
					<article class="post">
				<h2 class="entry-title"><a href="https://aectranslations.com/2024/01/15/aec-translations-menyambut-tahun-baru-dengan-semangat-baru-petualangan-bahasa-yang-siap-ditaklukan/">AEC Translations Menyambut Tahun Baru dengan Semangat Baru: Petualangan Bahasa yang Siap Ditaklukan</a></h2><a href="https://aectranslations.com/2024/01/15/aec-translations-menyambut-tahun-baru-dengan-semangat-baru-petualangan-bahasa-yang-siap-ditaklukan/"><img width="471" height="750" src="https://aectranslations.com/wp-content/uploads/2024/01/pexels-photo-19797272.webp" class="attachment-large size-large wp-post-image" alt="" decoding="async" srcset="https://aectranslations.com/wp-content/uploads/2024/01/pexels-photo-19797272.webp 471w, https://aectranslations.com/wp-content/uploads/2024/01/pexels-photo-19797272-188x300.webp 188w" sizes="(max-width: 471px) 100vw, 471px" /></a><p>AEC Translations dengan tangan terbuka menyambut tahun baru dengan semangat baru. Dengan komitmen untuk memberikan layanan penerjemahan baik lisan mau pun tulisan berkualitas tinggi, AEC Translations siap menghadirkan petualangan bahasa yang tak terlupakan untuk pelanggan setianya.&nbsp; Semangat Baru, Energi Baru Tahun baru selalu dianggap sebagai kesempatan untuk memulai sesuatu yang baru dan memberikan semangat yang [&hellip;]</p>
			</article>
					<article class="post">
				<h2 class="entry-title"><a href="https://aectranslations.com/2023/12/22/penerjemahan-dan-keragaman-bahasa-menyambut-libur-natal-dan-tahun-baru-dengan-tulus/">Penerjemahan dan Keragaman Bahasa: Menyambut Libur Natal dan Tahun Baru dengan Tulus</a></h2><a href="https://aectranslations.com/2023/12/22/penerjemahan-dan-keragaman-bahasa-menyambut-libur-natal-dan-tahun-baru-dengan-tulus/"><img width="450" height="300" src="https://aectranslations.com/wp-content/uploads/2023/12/istockphoto-1079600130-1024x1024-transformed.jpeg" class="attachment-large size-large wp-post-image" alt="" decoding="async" srcset="https://aectranslations.com/wp-content/uploads/2023/12/istockphoto-1079600130-1024x1024-transformed.jpeg 450w, https://aectranslations.com/wp-content/uploads/2023/12/istockphoto-1079600130-1024x1024-transformed-300x200.jpeg 300w" sizes="(max-width: 450px) 100vw, 450px" /></a><p>Penerjemahan dan keragaman bahasa adalah jembatan penting yang menghubungkan berbagai budaya di seluruh dunia. Di tengah kemajuan teknologi dan globalisasi, penting bagi kita untuk merayakan perbedaan bahasa dan budaya, terutama saat menyambut libur Natal dan Tahun Baru. Mari kita eksplorasi bagaimana penerjemahan dan keragaman bahasa dapat menjadi kunci untuk memahami dan menghargai satu sama lain. [&hellip;]</p>
			</article>
					<article class="post">
				<h2 class="entry-title"><a href="https://aectranslations.com/2023/04/12/apakah-mesin-penerjemah-bisa-menjadi-ancaman-bagi-profesi-penerjemah/">Apakah Mesin Penerjemah Bisa Menjadi Ancaman Bagi Profesi Penerjemah?</a></h2><a href="https://aectranslations.com/2023/04/12/apakah-mesin-penerjemah-bisa-menjadi-ancaman-bagi-profesi-penerjemah/"><img width="1024" height="683" src="https://aectranslations.com/wp-content/uploads/2023/04/istockphoto-501821118-1024x1024-transformed.jpeg" class="attachment-large size-large wp-post-image" alt="" decoding="async" srcset="https://aectranslations.com/wp-content/uploads/2023/04/istockphoto-501821118-1024x1024-transformed.jpeg 1024w, https://aectranslations.com/wp-content/uploads/2023/04/istockphoto-501821118-1024x1024-transformed-300x200.jpeg 300w, https://aectranslations.com/wp-content/uploads/2023/04/istockphoto-501821118-1024x1024-transformed-768x512.jpeg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><p>  Mesin penerjemah merupakan mesin yang menggunakan kecerdasan buatan untuk menerjemahkan teks secara otomatis dari satu bahasa ke bahasa lain tanpa campur tangan manusia. Penerjemahan dengan cara ini memiliki kelebihan seperti kemudahan, hasil cepat dan biaya rendah. Bandingkan dengan jasa penerjemah manusia yang tidak setiap saat tersedia, tetapi juga membutuhkan waktu untuk mendapatkan hasil terjemahan [&hellip;]</p>
			</article>
			</div>

	
	</main>