برنامه نویسی شخصی سازی قالب انگولار NGX Admin

[itarfand 508]

در این تاپیک از آی ترفند آموزش شخصی سازی قالب پنل مدیریت NGX که با Angular نوشته شده است، آموزش داده می شود.

لینک اصلی : https://github.com/akveo/ngx-admin

لینک قالب ویرایش شده : https://github.com/MHKarami97/ngx-panel

[itarfand 508]

راست چین کردن قالب

 

[itarfand 508]

افزودن فونت دلخواه

[itarfand 508]

ویرایش قسمت های احراز هویت

 

[itarfand 508]

اربتاط با api سرور

 

[itarfand 508]

نمایش اطلاعات در Smart Table

 

[a.akbari 0]

سلام و خسته نباشید

پست بسیار عالی می باشد

لطفا در خصوص فول اسکرین کردن پنل نیز توضیح دهید

ممنون

[itarfand 508]

در 1 ساعت قبل، a.akbari گفته است :

سلام و خسته نباشید

پست بسیار عالی می باشد

لطفا در خصوص فول اسکرین کردن پنل نیز توضیح دهید

ممنون

برای اینکار میتونید یه دکمه توی قسمت دلخواه بزارید و از کدهای زیر استفاده کنید:

<h2 (click)="openFullscreen()">open</h2>
<h2 (click)="closeFullscreen()">close</h2>

import { DOCUMENT } from '@angular/common';
import { Component, Inject, OnInit } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
  constructor(@Inject(DOCUMENT) private document: any) {}
  elem;

  ngOnInit() {
    this.elem = document.documentElement;
  }

  openFullscreen() {
    if (this.elem.requestFullscreen) {
      this.elem.requestFullscreen();
    } else if (this.elem.mozRequestFullScreen) {
      /* Firefox */
      this.elem.mozRequestFullScreen();
    } else if (this.elem.webkitRequestFullscreen) {
      /* Chrome, Safari and Opera */
      this.elem.webkitRequestFullscreen();
    } else if (this.elem.msRequestFullscreen) {
      /* IE/Edge */
      this.elem.msRequestFullscreen();
    }
  }

  /* Close fullscreen */
  closeFullscreen() {
    if (this.document.exitFullscreen) {
      this.document.exitFullscreen();
    } else if (this.document.mozCancelFullScreen) {
      /* Firefox */
      this.document.mozCancelFullScreen();
    } else if (this.document.webkitExitFullscreen) {
      /* Chrome, Safari and Opera */
      this.document.webkitExitFullscreen();
    } else if (this.document.msExitFullscreen) {
      /* IE/Edge */
      this.document.msExitFullscreen();
    }
  }
}

اطلاعات بیشتر

https://www.w3schools.com/howto/howto_js_fullscreen.asp

[a.akbari 0]

ممنون بابت اطلاعاتی که دادید