/*!
 * 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 post-2671 post type-post status-publish format-standard hentry category-bahasa-indonesia tag-interpreter tag-interpreting tag-juru-bahasa tag-penerjemah tag-translator" role="main">
			<header class="page-header">
			<h1 class="entry-title">Meningkatkan Kualitas Terjemahan dengan Memahami Glosarium</h1>		</header>
		<div class="page-content">
		<div class="wp-block-image">
<figure class="aligncenter size-full"><img fetchpriority="high" decoding="async" width="1024" height="682" src="https://aectranslations.com/wp-content/uploads/2024/05/istockphoto-1272300007-1024x1024-transformed.jpeg" alt="" class="wp-image-2669" srcset="https://aectranslations.com/wp-content/uploads/2024/05/istockphoto-1272300007-1024x1024-transformed.jpeg 1024w, https://aectranslations.com/wp-content/uploads/2024/05/istockphoto-1272300007-1024x1024-transformed-300x200.jpeg 300w, https://aectranslations.com/wp-content/uploads/2024/05/istockphoto-1272300007-1024x1024-transformed-768x512.jpeg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>


<p>Apakah Anda pernah merasa frustasi ketika membaca terjemahan yang kurang akurat atau tidak konsisten? Salah satu faktor utama yang dapat mempengaruhi kualitas terjemahan adalah penggunaan yang konsisten dari istilah-istilah yang tepat. Inilah mengapa memiliki glosarium yang baik sangat penting dalam proses penerjemahan.</p>



<p><strong>Apa Itu Glosarium?</strong><strong></strong></p>



<p>Glosarium adalah daftar kata-kata atau frasa yang penting dalam suatu bidang atau bahasa yang disusun secara terstruktur beserta definisinya. Dalam konteks penerjemahan, glosarium berperan penting untuk memastikan konsistensi penggunaan istilah dan memastikan akurasi terjemahan.</p>



<p><strong>Pentingnya Glosarium dalam Penerjemahan</strong><strong></strong></p>



<ol class="wp-block-list" start="1">
<li><strong>Konsistensi</strong>: Glosarium membantu memastikan bahwa istilah-istilah tertentu diterjemahkan dengan konsisten di seluruh dokumen atau proyek penerjemahan. Ini mencegah kebingungan dan memastikan pesan yang jelas.</li>



<li><strong>Akurasi</strong>: Dengan memiliki definisi yang jelas untuk setiap istilah dalam glosarium, penerjemah dapat memastikan bahwa terjemahan mereka sesuai dengan makna asli dokumen sumber.</li>



<li><strong>Efisiensi</strong>: Glosarium membantu mempercepat proses penerjemahan dengan memberikan referensi langsung untuk istilah yang sering digunakan. Hal ini dapat menghemat waktu dan upaya penerjemah.</li>
</ol>



<p><strong>Mengapa Mempercayakan Dokumen Anda pada AEC Translations?</strong><strong></strong></p>



<p>AEC Translations adalah agensi terjemahan yang terpercaya dan telah terbukti memberikan layanan berkualitas tinggi kepada klien dari berbagai industri. Berikut adalah beberapa alasan mengapa Anda tidak perlu ragu untuk mempercayakan dokumen Anda pada AECtranslations:</p>



<ol class="wp-block-list" start="1">
<li><strong>Pengalaman</strong>: AECtranslations memiliki tim penerjemah yang berpengalaman dan ahli di berbagai bidang. Mereka memahami pentingnya konsistensi dan akurasi dalam setiap terjemahan.</li>



<li><strong>Kualitas</strong>: AECtranslations berkomitmen untuk memberikan terjemahan berkualitas tinggi yang memenuhi standar industri. Mereka menggunakan glosarium dan alat-alat lainnya untuk memastikan kualitas terjemahan yang optimal.</li>



<li><strong>Keragaman Bahasa</strong>: AECtranslations menawarkan layanan terjemahan untuk berbagai bahasa, sehingga Anda dapat mengandalkan mereka untuk memenuhi kebutuhan terjemahan lintas bahasa.</li>



<li><strong>Kepuasan Pelanggan</strong>: AECtranslations telah membangun reputasi yang solid dalam memenuhi kebutuhan dan harapan pelanggan. Mereka mendengarkan kebutuhan Anda dengan cermat dan bekerja keras untuk memberikan solusi terbaik.</li>
</ol>



<p>Glosarium adalah kunci untuk meningkatkan kualitas terjemahan, dan AEC Translations adalah mitra tepercaya Anda dalam perjalanan ini. Jadi, jika Anda mencari solusi terjemahan yang handal dan berkualitas, tidak perlu ragu untuk mempercayakan dokumen Anda pada AEC Translations. Dengan demikian, Anda dapat memastikan bahwa pesan Anda disampaikan dengan jelas dan akurat di seluruh dunia.</p>
		<div class="post-tags">
			<span class="tag-links">Tagged <a href="https://aectranslations.com/tag/interpreter/" rel="tag">interpreter</a><a href="https://aectranslations.com/tag/interpreting/" rel="tag">interpreting</a><a href="https://aectranslations.com/tag/juru-bahasa/" rel="tag">juru bahasa</a><a href="https://aectranslations.com/tag/penerjemah/" rel="tag">penerjemah</a><a href="https://aectranslations.com/tag/translator/" rel="tag">translator</a></span>		</div>
			</div>

	<section id="comments" class="comments-area">

	

	<div id="respond" class="comment-respond">
		<h2 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2024/05/13/meningkatkan-kualitas-terjemahan-dengan-memahami-glosarium/#respond" style="display:none;">Cancel reply</a></small></h2><form action="https://aectranslations.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p>
<p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p>
<p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p>
<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='2671' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p></form>	</div><!-- #respond -->
	
</section><!-- .comments-area -->
</main>