ساین ادمین - قالب مدیریتی بوت استرپ 5

ویرایشگر کد Ace

حالت HTML

حالت SCSS

.card {
			  position: relative;
			  display: flex;
			  flex-direction: column;
			  min-width: 0;
			  word-wrap: break-word;
			  background-color: $card-bg;
			  background-clip: border-box;
			  border: $card-border-width solid $card-border-color;
			  @include border-radius($card-border-radius);
		  
			  > hr {
				  margin-right: 0;
				  margin-left: 0;
			  }
		  
			  > .list-group:first-child {
				  .list-group-item:first-child {
					  @include border-top-radius($card-border-radius);
				  }
			  }
		  
			  > .list-group:last-child {
				  .list-group-item:last-child {
					  @include border-bottom-radius($card-border-radius);
				  }
			  }
		  }
		  
		  .card-body {
			  flex: 1 1 auto;
			  padding: $card-spacer-x;
			  color: $card-color;
		  }
		  
		  .card-title {
			  margin-bottom: $card-spacer-y;
		  }
		  
		  .card-subtitle {
			  margin-top: -$card-spacer-y / 2;
			  margin-bottom: 0;
		  }
		  
		  .card-text:last-child {
			  margin-bottom: 0;
		  }
		  
		  .card-link {
			  @include hover {
				  text-decoration: none;
			  }
		  
			  + .card-link {
				  margin-left: $card-spacer-x;
			  }
		  }

حالت Javascript

class Alert {
			  constructor(element) {
				  this._element = element
			  }
		  
			  // Getters
		  
			  static get VERSION() {
				  return VERSION
			  }
		  
			  // Public
		  
			  close(element) {
				  let rootElement = this._element
				  if (element) {
					  rootElement = this._getRootElement(element)
				  }
		  
				  const customEvent = this._triggerCloseEvent(rootElement)
		  
				  if (customEvent.isDefaultPrevented()) {
					  return
				  }
		  
				  this._removeElement(rootElement)
			  }
		  
			  dispose() {
				  $.removeData(this._element, DATA_KEY)
				  this._element = null
			  }
		  
			  // Private
		  
			  _getRootElement(element) {
				  const selector = Util.getSelectorFromElement(element)
				  let parent     = false
		  
				  if (selector) {
					  parent = document.querySelector(selector)
				  }
		  
				  if (!parent) {
					  parent = $(element).closest(`.${ClassName.ALERT}`)[0]
				  }
		  
				  return parent
			  }
		  
			  _triggerCloseEvent(element) {
				  const closeEvent = $.Event(Event.CLOSE)
		  
				  $(element).trigger(closeEvent)
				  return closeEvent
			  }
		  
			  _removeElement(element) {
				  $(element).removeClass(ClassName.SHOW)
		  
				  if (!$(element).hasClass(ClassName.FADE)) {
					  this._destroyElement(element)
					  return
				  }
		  
				  const transitionDuration = Util.getTransitionDurationFromElement(element)
		  
				  $(element)
					  .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event))
					  .emulateTransitionEnd(transitionDuration)
			  }
		  
			  _destroyElement(element) {
				  $(element)
					  .detach()
					  .trigger(Event.CLOSED)
					  .remove()
			  }
		  
			  // Static
		  
			  static _jQueryInterface(config) {
				  return this.each(function () {
					  const $element = $(this)
					  let data       = $element.data(DATA_KEY)
		  
					  if (!data) {
						  data = new Alert(this)
						  $element.data(DATA_KEY, data)
					  }
		  
					  if (config === 'close') {
						  data[config](this)
					  }
				  })
			  }
		  
			  static _handleDismiss(alertInstance) {
				  return function (event) {
					  if (event) {
						  event.preventDefault()
					  }
		  
					  alertInstance.close(this)
				  }
			  }
		  }

Synadmin

ویرایشگر کد Ace

حالت HTML

حالت SCSS

حالت Javascript

سفارشی ساز قالب

استایل های قالب

رنگ هدر

پس زمینه سایدبار

Synadmin

کاربران جدید14 ثانیه پیش

سفارشات جدید 2 دقیقه پیش

24 فایل PDF19 دقیقه پیش

زمان پاسخگویی 28 دقیقه پیش

تایید محصول جدید 2 ساعت پیش

دیدگاه جدید 4 ساعت پیش

ارسال محصول شما 5 ساعت پیش

24 نویسنده جدید1 روز پیش

هشدار های دفاعی 2 هفته پیش

رضا افشار 5 ثانیه پیش

پریسا توکلی 14 ثانیه پیش

پدرام شریفی 8 دقیقه پیش

یلدا رسولی 15 دقیقه پیش

امیر صبوری 22 دقیقه پیش

ساناز پگاه 2 ساعت پیش

سعید صادقی 4 ساعت پیش

فریبا سبحانی 6 ساعت پیش

علیرضا قربانی 2 ساعت پیش

محمد خالقی 2 روز پیش

جواد علیپور 5 روز پیش

ویرایشگر کد Ace

حالت HTML

حالت SCSS

حالت Javascript

سفارشی ساز قالب

استایل های قالب

رنگ هدر

پس زمینه سایدبار