-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
Arc-Docs Introduction Part
- Loading branch information
Showing
40 changed files
with
1,816 additions
and
155 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| export const DOCUMENTATION_MENU_ITEMS = [ | ||
| { | ||
| title: 'Getting Started', | ||
| icon: 'book-outline', | ||
| children: [ | ||
| { | ||
| title: 'Introduction', | ||
| link: '/docs/getting-started', | ||
| }, | ||
| ], | ||
| }, | ||
| { | ||
| title: 'Guide', | ||
| icon: 'book-outline', | ||
| children: [ | ||
| { | ||
| title: 'Cloning Boilerplate', | ||
| link: '/docs/guide/clone', | ||
| }, | ||
| { | ||
| title: 'Backend Integration', | ||
| }, | ||
| ], | ||
| }, | ||
| ]; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,21 +1,17 @@ | ||
| <!-- <nb-layout> | ||
| <nb-layout-header fixed style="background-color: antiquewhite"> | ||
| <a href="#"><i class="nb-menu"></i></a | ||
| ></nb-layout-header> | ||
|
|
||
| <nb-sidebar></nb-sidebar> | ||
| <nb-layout> | ||
| <nb-layout-header fixed class="border-basic-bottom"> | ||
| <div class="header-wrapper"> | ||
| <lib-header></lib-header> | ||
| </div> | ||
| </nb-layout-header> | ||
|
|
||
| <nb-sidebar> | ||
| <nb-menu [items]="menu"> </nb-menu> | ||
| <lib-sidebar></lib-sidebar> | ||
| </nb-sidebar> | ||
|
|
||
| <nb-layout-column class="colored-column-basic" | ||
| >Layout Content | ||
| <router-outlet></router-outlet> | ||
| <nb-layout-column> | ||
| <router-outlet class="main-router"></router-outlet> | ||
| </nb-layout-column> | ||
| </nb-layout> --> | ||
| <nb-layout> | ||
| <nb-layout-header>Awesome Company</nb-layout-header> | ||
| <nb-layout-column class="colored-column-warning" | ||
| >Left column</nb-layout-column | ||
| > | ||
| <nb-layout-column class="colored-column-danger" | ||
| >Right column</nb-layout-column | ||
| > | ||
| </nb-layout> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,71 @@ | ||
| // Ensure the comments are properly placed if you're using them for debugging or development | ||
| @use 'sass:map'; | ||
| @use '../../../../arc-lib/src/lib/theme/styles/variables' as *; | ||
| @use '@nebular/theme/styles/theming' as *; | ||
| @use '../../styles.scss' as *; | ||
|
|
||
| .colored-column-warning { | ||
| background-color: aqua; | ||
| } | ||
|
|
||
| @include nb-install-component() { | ||
| .nav-container { | ||
| display: flex; | ||
| justify-content: space-between; | ||
| width: 100%; | ||
| } | ||
|
|
||
| .logo-container { | ||
| display: flex; | ||
| align-items: center; | ||
| width: calc(#{nb-theme(sidebar-width)} - #{nb-theme(header-padding)}); | ||
| user-select: none; | ||
| } | ||
|
|
||
| nb-action { | ||
| height: auto; | ||
| display: flex; | ||
| align-content: center; | ||
| } | ||
|
|
||
| nb-user { | ||
| cursor: pointer; | ||
| } | ||
|
|
||
| nb-sidebar { | ||
| z-index: 1038; | ||
| border-right: 0.063rem solid map.get($color, 'border-basic'); | ||
| border-top: 0.063rem solid map.get($color, 'border-basic'); | ||
|
|
||
| nb-sidebar-footer { | ||
| border-top: 0.063rem solid map.get($color, 'border-basic'); | ||
| } | ||
|
|
||
| nb-menu { | ||
| margin: 0 !important; | ||
| } | ||
| } | ||
|
|
||
| .header-container { | ||
| display: flex; | ||
| align-items: center; | ||
| width: auto; | ||
|
|
||
| .menu-icon { | ||
| margin-left: 0.625rem; | ||
| } | ||
|
|
||
| .logo { | ||
| padding: 0 1.25rem; | ||
| padding-left: 0.625rem; | ||
| font-size: 1.75rem; | ||
| white-space: nowrap; | ||
| text-decoration: none; | ||
| } | ||
| } | ||
| } | ||
|
|
||
|
|
||
| .header-wrapper { | ||
| width: 100%; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,8 +1,28 @@ | ||
| import {Component} from '@angular/core'; | ||
| import {Component, OnInit} from '@angular/core'; | ||
| import {ActivatedRoute, Router} from '@angular/router'; | ||
| import {NbMenuItem, NbMenuService, NbSidebarService} from '@nebular/theme'; | ||
| import {AuthService} from '@project-lib/core/auth'; | ||
| import {RouteComponentBaseDirective} from '@project-lib/core/route-component-base'; | ||
| import {IconPacksManagerService} from '@project-lib/theme/services'; | ||
| import {takeUntil} from 'rxjs'; | ||
| import {Location} from '@angular/common'; | ||
| import {DOCUMENTATION_MENU_ITEMS} from '../constants/docs-menu.contant'; | ||
|
|
||
| @Component({ | ||
| selector: 'app-docs', | ||
| templateUrl: './docs.component.html', | ||
| styleUrls: ['./docs.component.scss'], | ||
| }) | ||
| export class DocsComponent {} | ||
| export class DocsComponent extends RouteComponentBaseDirective { | ||
| constructor( | ||
| override readonly route: ActivatedRoute, | ||
| override readonly location: Location, | ||
| private readonly iconMgr: IconPacksManagerService, | ||
| private router: Router, | ||
| ) { | ||
| super(route, location); | ||
| this.iconMgr.registerSvgs(); | ||
| } | ||
|
|
||
| menu: NbMenuItem[] = DOCUMENTATION_MENU_ITEMS; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.