FileMgr

✏️ /home/mien4214/public_html/estruk/assets/js/source/AppNavSearch.js

✕ Tutup

(function (namespace, $) {
	"use strict";

var AppNavSearch = function () {
		// Create reference to this instance
		var o = this;
		// Initialize app when document is ready
		$(document).ready(function () {
			o.initialize();
		});

};
	var p = AppNavSearch.prototype;

// =========================================================================
	// MEMBERS
	// =========================================================================

p._clearSearchTimer = null;

// =========================================================================
	// INIT
	// =========================================================================

p.initialize = function () {
		this._enableEvents();
	};

// =========================================================================
	// EVENTS
	// =========================================================================

// events
	p._enableEvents = function () {
		var o = this;

// Listen for the nav search button click
		$('.navbar-search .btn').on('click', function (e) {
			o._handleButtonClick(e);
		});

// When the search field loses focus
		$('.navbar-search input').on('blur', function (e) {
			o._handleFieldBlur(e);
		});
	};

// =========================================================================
	// NAV SEARCH
	// =========================================================================

p._handleButtonClick = function (e) {
		e.preventDefault();

var form = $(e.currentTarget).closest('form');
		var input = form.find('input');
		var keyword = input.val();

if ($.trim(keyword) === '') {
			// When there is no keyword, just open the bar
			form.addClass('expanded');
			input.focus();
		}
		else {
			// When there is a keyword, submit the keyword
			form.addClass('expanded');
			form.submit();

// Clear the timer that removes the keyword
			clearTimeout(this._clearSearchTimer);
		}
	};

// =========================================================================
	// FIELD BLUR
	// =========================================================================

p._handleFieldBlur = function (e) {
		// When the search field loses focus
		var input = $(e.currentTarget);
		var form = input.closest('form');

// Collapse the search field
		form.removeClass('expanded');

// Clear the textfield after 300 seconds (the time it takes to collapse the field)
		clearTimeout(this._clearSearchTimer);
		this._clearSearchTimer = setTimeout(function () {
			input.val('');
		}, 300);
	};

// =========================================================================
	// DEFINE NAMESPACE
	// =========================================================================

window.materialadmin.AppNavSearch = new AppNavSearch;
}(this.materialadmin, jQuery)); // pass in (namespace, jQuery):

Batal

⬅ js 8 item

Nama	Tipe	Ukuran	Diubah	Perm	Aksi
📜 App.js	js	6.1 KB	30/08/23 08:57	0644	✏️ ⬇
📜 App.min.js	js	18.8 KB	30/08/23 08:57	0644	✏️ ⬇
📜 AppCard.js	js	2.9 KB	30/08/23 08:57	0644	✏️ ⬇
📜 AppForm.js	js	3.7 KB	30/08/23 08:57	0644	✏️ ⬇
📜 AppNavSearch.js	js	2.8 KB	30/08/23 08:57	0644	✏️ ⬇
📜 AppNavigation.js	js	9 KB	30/08/23 08:57	0644	✏️ ⬇
📜 AppOffcanvas.js	js	8.3 KB	30/08/23 08:57	0644	✏️ ⬇
📜 AppVendor.js	js	4.6 KB	30/08/23 08:57	0644	✏️ ⬇

✏️ Rename

🔑 Ubah Permission