cleaned up old templates, static files, etc for new UI, using default django admin interface
|
|
@ -1,11 +0,0 @@
|
|||
# https://github.com/browserslist/browserslist#readme
|
||||
|
||||
>= 0.5%
|
||||
last 2 major versions
|
||||
not dead
|
||||
Chrome >= 60
|
||||
Firefox >= 60
|
||||
Firefox ESR
|
||||
iOS >= 12
|
||||
Safari >= 12
|
||||
not Explorer <= 11
|
||||
|
|
@ -1,28 +0,0 @@
|
|||
{
|
||||
"files": [
|
||||
{
|
||||
"path": "./dist/css/adminlte.css",
|
||||
"maxSize": "43 kB"
|
||||
},
|
||||
{
|
||||
"path": "./dist/css/adminlte.min.css",
|
||||
"maxSize": "40.25 kB"
|
||||
},
|
||||
{
|
||||
"path": "./dist/css/adminlte.rtl.css",
|
||||
"maxSize": "43 kB"
|
||||
},
|
||||
{
|
||||
"path": "./dist/css/adminlte.rtl.min.css",
|
||||
"maxSize": "40.25 kB"
|
||||
},
|
||||
{
|
||||
"path": "./dist/js/adminlte.js",
|
||||
"maxSize": "4.5 kB"
|
||||
},
|
||||
{
|
||||
"path": "./dist/js/adminlte.min.js",
|
||||
"maxSize": "3 kB"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
# editorconfig.org
|
||||
|
||||
root = true
|
||||
|
||||
[*]
|
||||
charset = utf-8
|
||||
end_of_line = lf
|
||||
indent_size = 2
|
||||
indent_style = space
|
||||
insert_final_newline = true
|
||||
trim_trailing_whitespace = true
|
||||
|
||||
[*.md]
|
||||
trim_trailing_whitespace = false
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
**/*.min.js
|
||||
**/plugins/
|
||||
/.temp/
|
||||
/dist/
|
||||
/docs/
|
||||
/docs_html/
|
||||
**/env.d.ts
|
||||
|
|
@ -1,120 +0,0 @@
|
|||
{
|
||||
"root": true,
|
||||
"extends": [
|
||||
"plugin:import/errors",
|
||||
"plugin:import/warnings",
|
||||
"plugin:unicorn/recommended",
|
||||
"xo",
|
||||
"xo/browser"
|
||||
],
|
||||
"rules": {
|
||||
"arrow-body-style": "off",
|
||||
"capitalized-comments": "off",
|
||||
"comma-dangle": [
|
||||
"error",
|
||||
"never"
|
||||
],
|
||||
"indent": [
|
||||
"error",
|
||||
2,
|
||||
{
|
||||
"MemberExpression": "off",
|
||||
"SwitchCase": 1
|
||||
}
|
||||
],
|
||||
"max-params": [
|
||||
"warn",
|
||||
5
|
||||
],
|
||||
"multiline-ternary": [
|
||||
"error",
|
||||
"always-multiline"
|
||||
],
|
||||
"new-cap": [
|
||||
"error",
|
||||
{
|
||||
"properties": false
|
||||
}
|
||||
],
|
||||
"no-console": "error",
|
||||
"no-negated-condition": "off",
|
||||
"object-curly-spacing": [
|
||||
"error",
|
||||
"always"
|
||||
],
|
||||
"operator-linebreak": [
|
||||
"error",
|
||||
"after"
|
||||
],
|
||||
"semi": [
|
||||
"error",
|
||||
"never"
|
||||
],
|
||||
"unicorn/explicit-length-check": "off",
|
||||
"unicorn/no-array-callback-reference": "off",
|
||||
"unicorn/no-array-for-each": "off",
|
||||
"unicorn/no-array-method-this-argument": "off",
|
||||
"unicorn/no-null": "off",
|
||||
"unicorn/no-unused-properties": "error",
|
||||
"unicorn/prefer-array-flat": "off",
|
||||
"unicorn/prefer-dom-node-dataset": "off",
|
||||
"unicorn/prefer-export-from": "off",
|
||||
"unicorn/prefer-module": "off",
|
||||
"unicorn/prefer-query-selector": "off",
|
||||
"unicorn/prefer-spread": "off",
|
||||
"unicorn/prefer-string-replace-all": "off",
|
||||
"unicorn/prevent-abbreviations": "off"
|
||||
},
|
||||
"overrides": [
|
||||
{
|
||||
"files": ["*.ts", "*.tsx"],
|
||||
"extends": [
|
||||
"plugin:import/typescript",
|
||||
"xo-typescript"
|
||||
],
|
||||
"rules": {
|
||||
"@typescript-eslint/comma-dangle": [
|
||||
"error",
|
||||
"never"
|
||||
],
|
||||
"@typescript-eslint/indent": [
|
||||
"error",
|
||||
2,
|
||||
{
|
||||
"MemberExpression": "off",
|
||||
"SwitchCase": 1
|
||||
}
|
||||
],
|
||||
"@typescript-eslint/naming-convention": [
|
||||
"error",
|
||||
{
|
||||
"selector": "variable",
|
||||
"format": ["camelCase", "StrictPascalCase", "UPPER_CASE"]
|
||||
}
|
||||
],
|
||||
"@typescript-eslint/object-curly-spacing": [
|
||||
"error",
|
||||
"always"
|
||||
],
|
||||
"@typescript-eslint/semi": [
|
||||
"error",
|
||||
"never"
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"files": ["src/config/**"],
|
||||
"env": {
|
||||
"browser": false,
|
||||
"node": true
|
||||
},
|
||||
"parserOptions": {
|
||||
"sourceType": "module"
|
||||
},
|
||||
"rules": {
|
||||
"no-console": "off",
|
||||
"unicorn/prefer-top-level-await": "off"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
6
static/admin-lte/.gitattributes
vendored
|
|
@ -1,6 +0,0 @@
|
|||
# Enforce Unix newlines
|
||||
* text=auto eol=lf
|
||||
|
||||
# Ignores for analysis is used to produce the language stats bar which displays the languages percentages
|
||||
plugins/* linguist-vendored=true
|
||||
docs/* linguist-vendored=true
|
||||
34
static/admin-lte/.github/CONTRIBUTING.md
vendored
|
|
@ -1,34 +0,0 @@
|
|||
# Contributing to AdminLTE
|
||||
|
||||
Contributions are always **welcome and recommended**! Here is how for beginner's: [Get started with open source click here](https://youtu.be/GbqSvJs-6W4)
|
||||
|
||||
1. Contribution Requirements :
|
||||
* When you contribute, you agree to give a non-exclusive license to AdminLTE.io to use that contribution in any context as we (AdminLTE.io) see appropriate.
|
||||
* If you use content provided by another party, it must be appropriately licensed using an [open source](https://opensource.org/licenses) license.
|
||||
* Contributions are only accepted through GitHub pull requests.
|
||||
* Finally, contributed code must work in all supported browsers (see above for browser support).
|
||||
2. Installation :
|
||||
* Fork the repository ([here is the guide](https://help.github.com/articles/fork-a-repo/)).
|
||||
* Clone to your machine
|
||||
|
||||
```bash
|
||||
git clone https://github.com/YOUR_USERNAME/AdminLTE.git
|
||||
```
|
||||
* Create a new branch from `master`
|
||||
3. Compile dist files (Development) :
|
||||
* To compile the dist files you need Node.js 18 or higher/npm (node package manager)
|
||||
* `npm install` (install npm deps)
|
||||
* `npm run dev` (developer mode, autocompile with browsersync support for live demo)
|
||||
* Make your changes only in `./src` Folder OR `package.json` in any files which are necessary for contribution
|
||||
* Do not make changes in `./dist/**` Because it contains compiled files and do not include in PR (Pull Request)
|
||||
* `npm run production` (compile css/js files and test all pages are perfectly working fine, before creating a pull request)
|
||||
4. Create a pull request to `master` branch
|
||||
|
||||
## Online one-click setup for contributing
|
||||
|
||||
You can use [Codespace](https://docs.github.com/en/codespaces) an online IDE which is free for Open Source for working on issues or making PRs (Pull Requests). With a single click it will launch a workspace and automatically:
|
||||
|
||||
- clone the `AdminLTE` repo.
|
||||
- Open with [Codespace](https://docs.github.com/en/codespaces) or [](https://gitpod.io/from-referrer/)
|
||||
- install the dependencies.
|
||||
- run `npm run dev` to start the server.
|
||||
2
static/admin-lte/.github/FUNDING.yml
vendored
|
|
@ -1,2 +0,0 @@
|
|||
github: danny007in
|
||||
custom: ["https://www.paypal.me/daniel007in"]
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
---
|
||||
name: Bug report for AdminLTE v3.x
|
||||
about: Create a report to help us improve AdminLTE v3.x
|
||||
title: "[BUG]"
|
||||
labels: type:bug, version:3.1.x
|
||||
assignees: ''
|
||||
|
||||
---
|
||||
|
||||
**Describe the bug**
|
||||
A clear and concise description of what the bug is.
|
||||
|
||||
**To Reproduce**
|
||||
Steps to reproduce the behavior:
|
||||
1. Go to '...'
|
||||
2. Click on '....'
|
||||
3. Scroll down to '....'
|
||||
4. See error
|
||||
|
||||
**Expected behavior**
|
||||
A clear and concise description of what you expected to happen.
|
||||
|
||||
**Screenshots**
|
||||
If applicable, add screenshots to help explain your problem.
|
||||
|
||||
**Environment (please complete the following information):**
|
||||
- AdminLTE Version: [e.g. v3.0.0]
|
||||
- Operating System: [e.g. macOS Catalina]
|
||||
- Browser (Version): [e.g. Chrome (Latest)]
|
||||
|
||||
**Additional context**
|
||||
Add any other context about the problem here.
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
---
|
||||
name: Feature request for AdminLTE v4.x
|
||||
about: Suggest an idea for this project
|
||||
title: "[FEATURE]"
|
||||
labels: type:enhancement, version:4.x
|
||||
assignees: ''
|
||||
|
||||
---
|
||||
|
||||
**Is your feature request related to a problem? Please describe.**
|
||||
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
|
||||
|
||||
**Describe the solution you'd like**
|
||||
A clear and concise description of what you want to happen.
|
||||
|
||||
**Describe alternatives you've considered**
|
||||
A clear and concise description of any alternative solutions or features you've considered.
|
||||
|
||||
**Additional context**
|
||||
Add any other context or screenshots about the feature request here.
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
name: "CodeQL config"
|
||||
|
||||
paths-ignore:
|
||||
- dist
|
||||
35
static/admin-lte/.github/dependabot.yml
vendored
|
|
@ -1,35 +0,0 @@
|
|||
version: 2
|
||||
updates:
|
||||
- package-ecosystem: npm
|
||||
directory: "/"
|
||||
schedule:
|
||||
interval: monthly
|
||||
time: "03:00"
|
||||
groups:
|
||||
eslint:
|
||||
patterns:
|
||||
- "eslint"
|
||||
- "eslint-*"
|
||||
- "@typescript-eslint/*"
|
||||
stylelint:
|
||||
patterns:
|
||||
- "stylelint"
|
||||
- "stylelint-*"
|
||||
prettier:
|
||||
patterns:
|
||||
- "prettier"
|
||||
- "prettier-*"
|
||||
rollup:
|
||||
patterns:
|
||||
- "rollup"
|
||||
- "@rollup/*"
|
||||
postcss:
|
||||
patterns:
|
||||
- "postcss"
|
||||
- "postcss-*"
|
||||
astro:
|
||||
patterns:
|
||||
- "astro"
|
||||
- "@astrojs/*"
|
||||
open-pull-requests-limit: 10
|
||||
versioning-strategy: increase
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
name: Bundlewatch
|
||||
|
||||
on:
|
||||
push:
|
||||
branches-ignore:
|
||||
- "dependabot/**"
|
||||
pull_request:
|
||||
workflow_dispatch:
|
||||
|
||||
env:
|
||||
FORCE_COLOR: 2
|
||||
NODE: 18
|
||||
|
||||
permissions:
|
||||
contents: read
|
||||
|
||||
jobs:
|
||||
bundlewatch:
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
steps:
|
||||
- name: Clone repository
|
||||
uses: actions/checkout@v4
|
||||
with:
|
||||
persist-credentials: false
|
||||
|
||||
- name: Set up Node.js
|
||||
uses: actions/setup-node@v3
|
||||
with:
|
||||
node-version: "${{ env.NODE }}"
|
||||
cache: npm
|
||||
|
||||
- name: Install npm dependencies
|
||||
run: npm ci
|
||||
|
||||
- name: Run dist
|
||||
run: npm run compile
|
||||
|
||||
- name: Run bundlewatch
|
||||
run: npm run bundlewatch
|
||||
env:
|
||||
BUNDLEWATCH_GITHUB_TOKEN: "${{ secrets.BUNDLEWATCH_GITHUB_TOKEN }}"
|
||||
CI_BRANCH_BASE: master
|
||||
44
static/admin-lte/.github/workflows/codeql.yml
vendored
|
|
@ -1,44 +0,0 @@
|
|||
name: "CodeQL"
|
||||
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- master
|
||||
- "!dependabot/**"
|
||||
pull_request:
|
||||
# The branches below must be a subset of the branches above
|
||||
branches:
|
||||
- master
|
||||
- "!dependabot/**"
|
||||
schedule:
|
||||
- cron: "0 0 * * 0"
|
||||
workflow_dispatch:
|
||||
|
||||
jobs:
|
||||
analyze:
|
||||
name: Analyze
|
||||
runs-on: ubuntu-latest
|
||||
permissions:
|
||||
security-events: write
|
||||
|
||||
steps:
|
||||
- name: Checkout repository
|
||||
uses: actions/checkout@v4
|
||||
with:
|
||||
persist-credentials: false
|
||||
|
||||
# Initializes the CodeQL tools for scanning.
|
||||
- name: Initialize CodeQL
|
||||
uses: github/codeql-action/init@v2
|
||||
with:
|
||||
languages: "javascript"
|
||||
config-file: ./.github/codeql/codeql-config.yml
|
||||
queries: +security-and-quality
|
||||
|
||||
- name: Autobuild
|
||||
uses: github/codeql-action/autobuild@v2
|
||||
|
||||
- name: Perform CodeQL Analysis
|
||||
uses: github/codeql-action/analyze@v2
|
||||
with:
|
||||
category: "/language:javascript"
|
||||
37
static/admin-lte/.github/workflows/docs.yml
vendored
|
|
@ -1,37 +0,0 @@
|
|||
name: Docs
|
||||
|
||||
on:
|
||||
push:
|
||||
branches-ignore:
|
||||
- "dependabot/**"
|
||||
pull_request:
|
||||
workflow_dispatch:
|
||||
|
||||
env:
|
||||
FORCE_COLOR: 2
|
||||
NODE: 18
|
||||
|
||||
permissions:
|
||||
contents: read
|
||||
|
||||
jobs:
|
||||
bundlewatch:
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
steps:
|
||||
- name: Clone repository
|
||||
uses: actions/checkout@v4
|
||||
with:
|
||||
persist-credentials: false
|
||||
|
||||
- name: Set up Node.js
|
||||
uses: actions/setup-node@v3
|
||||
with:
|
||||
node-version: "${{ env.NODE }}"
|
||||
cache: npm
|
||||
|
||||
- name: Install npm dependencies
|
||||
run: npm ci
|
||||
|
||||
- name: Build docs
|
||||
run: npm run docs-compile
|
||||
37
static/admin-lte/.github/workflows/lint.yml
vendored
|
|
@ -1,37 +0,0 @@
|
|||
name: Lint
|
||||
|
||||
on:
|
||||
push:
|
||||
branches-ignore:
|
||||
- "dependabot/**"
|
||||
pull_request:
|
||||
workflow_dispatch:
|
||||
|
||||
env:
|
||||
FORCE_COLOR: 2
|
||||
NODE: 18
|
||||
|
||||
permissions:
|
||||
contents: read
|
||||
|
||||
jobs:
|
||||
run:
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
steps:
|
||||
- name: Clone repository
|
||||
uses: actions/checkout@v4
|
||||
with:
|
||||
persist-credentials: false
|
||||
|
||||
- name: Set up Node.js
|
||||
uses: actions/setup-node@v3
|
||||
with:
|
||||
node-version: "${{ env.NODE }}"
|
||||
cache: npm
|
||||
|
||||
- name: Install npm dependencies
|
||||
run: npm ci
|
||||
|
||||
- name: Run lint
|
||||
run: npm run lint
|
||||
54
static/admin-lte/.github/workflows/node-sass.yml
vendored
|
|
@ -1,54 +0,0 @@
|
|||
name: CSS (node-sass)
|
||||
|
||||
on:
|
||||
push:
|
||||
branches-ignore:
|
||||
- "dependabot/**"
|
||||
pull_request:
|
||||
workflow_dispatch:
|
||||
|
||||
env:
|
||||
FORCE_COLOR: 2
|
||||
NODE: 18
|
||||
|
||||
permissions:
|
||||
contents: read
|
||||
|
||||
jobs:
|
||||
css:
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
steps:
|
||||
- name: Clone repository
|
||||
uses: actions/checkout@v4
|
||||
with:
|
||||
persist-credentials: false
|
||||
|
||||
- name: Set up Node.js
|
||||
uses: actions/setup-node@v3
|
||||
with:
|
||||
node-version: "${{ env.NODE }}"
|
||||
cache: npm
|
||||
|
||||
- name: Install npm dependencies
|
||||
run: npm ci
|
||||
|
||||
- name: Build CSS with node-sass
|
||||
run: |
|
||||
npx --package node-sass@latest node-sass --version
|
||||
npx --package node-sass@latest node-sass --include-path=node_modules --output-style expanded --source-map true --source-map-contents true --precision 6 src/scss/ -o dist-sass/css/
|
||||
ls -Al dist-sass/css
|
||||
|
||||
# Check that there are no Sass variables (`$`)
|
||||
- name: Check built CSS files
|
||||
shell: bash
|
||||
run: |
|
||||
SASS_VARS_FOUND=$(find "dist-sass/css/" -type f -name "*.css" -print0 | xargs -0 --no-run-if-empty grep -F "\$" || true)
|
||||
if [[ -z "$SASS_VARS_FOUND" ]]; then
|
||||
echo "All good, no Sass variables found!"
|
||||
exit 0
|
||||
else
|
||||
echo "Found $(echo "$SASS_VARS_FOUND" | wc -l | bc) Sass variables:"
|
||||
echo "$SASS_VARS_FOUND"
|
||||
exit 1
|
||||
fi
|
||||
50
static/admin-lte/.github/workflows/release.yml
vendored
|
|
@ -1,50 +0,0 @@
|
|||
name: Release & Publish
|
||||
|
||||
on:
|
||||
push:
|
||||
tags:
|
||||
- '*'
|
||||
|
||||
jobs:
|
||||
build:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- name: Clone repository
|
||||
uses: actions/checkout@v4
|
||||
with:
|
||||
persist-credentials: false
|
||||
|
||||
- name: Set env
|
||||
run: echo "RELEASE_VERSION=${GITHUB_REF#refs/*/}" >> $GITHUB_ENV
|
||||
|
||||
- name: Set up Node.js
|
||||
uses: actions/setup-node@v3
|
||||
with:
|
||||
node-version: "${{ env.NODE }}"
|
||||
cache: npm
|
||||
|
||||
- name: Install npm dependencies
|
||||
run: npm ci
|
||||
|
||||
- name: Build distribution files
|
||||
run: npm run production
|
||||
|
||||
- name: Zip distribution files
|
||||
uses: montudor/action-zip@v1
|
||||
with:
|
||||
args: "zip -qq admin-lte-${{env.RELEASE_VERSION}}.zip -d dist"
|
||||
|
||||
- name: Create changelog text
|
||||
id: changelog
|
||||
uses: endaft/action-changelog@v0.0.5
|
||||
with:
|
||||
token: ${{ secrets.GITHUB_TOKEN }}
|
||||
exclude_types: other,doc,chore
|
||||
|
||||
- name: Release
|
||||
uses: softprops/action-gh-release@v1
|
||||
if: startsWith(github.ref, 'refs/tags/')
|
||||
with:
|
||||
body: ${{ steps.changelog.outputs.changelog }}
|
||||
files: |
|
||||
admin-lte.${{env.RELEASE_VERSION}}.zip
|
||||
40
static/admin-lte/.gitignore
vendored
|
|
@ -1,40 +0,0 @@
|
|||
# generated types
|
||||
.astro/
|
||||
|
||||
# unwanted types
|
||||
**/env.d.ts
|
||||
|
||||
# System / Log files
|
||||
*.DS_Store
|
||||
*.log
|
||||
|
||||
# Archives
|
||||
*.zip
|
||||
|
||||
# Sass Cache
|
||||
.sass-cache
|
||||
|
||||
# Project files
|
||||
.idea
|
||||
nbproject
|
||||
nbproject/private
|
||||
.vscode/
|
||||
.vs/
|
||||
|
||||
# Node / Bower
|
||||
node_modules/
|
||||
bower_components/
|
||||
|
||||
# Docs
|
||||
/docs/_site/
|
||||
/docs/vendor/
|
||||
/docs/.bundle/
|
||||
/docs_html/
|
||||
.jekyll-cache/
|
||||
.jekyll-metadata
|
||||
|
||||
# ETC
|
||||
TODO
|
||||
test.html
|
||||
ad.js
|
||||
/.cache/
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
tasks:
|
||||
- init: npm install
|
||||
command: npm run dev
|
||||
ports:
|
||||
- port: 3000
|
||||
onOpen: open-preview
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
# https://lgtm.com/help/lgtm/customizing-file-classification
|
||||
path_classifiers:
|
||||
plugins:
|
||||
- plugins/
|
||||
|
||||
extraction:
|
||||
javascript:
|
||||
# https://lgtm.com/help/lgtm/javascript-extraction#customizing-index
|
||||
# The `index` step extracts information from the files in the codebase.
|
||||
index:
|
||||
# Specify a list of files and folders to exclude from extraction.
|
||||
exclude:
|
||||
- bower_components/
|
||||
- docs/assets/js/plugins/
|
||||
- plugins/
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
/docs/
|
||||
/docs_html/
|
||||
/plugins/*
|
||||
!/plugins/flot-old/
|
||||
/.github/
|
||||
/.temp/
|
||||
/.lgtm.yml
|
||||
/.cache/
|
||||
/.idea/
|
||||
/.browserlistrc
|
||||
/.bundlewatch.config.json
|
||||
/.editorconfig
|
||||
/.eslintignore
|
||||
/.eslintrc.json
|
||||
/.gitattributes
|
||||
/.gitignore
|
||||
/.gitpod.yml
|
||||
/.stylelintignore
|
||||
/.stylelintrc.json
|
||||
/composer.json
|
||||
/tsconfig.json
|
||||
/src/assets/
|
||||
/src/config/
|
||||
/src/html/
|
||||
/src/utils/
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
{
|
||||
"semi": true,
|
||||
"singleQuote": true,
|
||||
"printWidth": 100,
|
||||
"tabWidth": 2
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
**/*.html
|
||||
**/*.md
|
||||
**/*.min.css
|
||||
**/.temp/
|
||||
**/dist/
|
||||
**/docs_html/
|
||||
**/plugins/
|
||||
**/.cache/
|
||||
|
|
@ -1,47 +0,0 @@
|
|||
{
|
||||
"extends": [
|
||||
"stylelint-config-twbs-bootstrap"
|
||||
],
|
||||
"reportInvalidScopeDisables": true,
|
||||
"reportNeedlessDisables": true,
|
||||
"overrides": [
|
||||
{
|
||||
"files": ["**/*.scss"],
|
||||
"rules": {
|
||||
"declaration-no-important": null,
|
||||
"declaration-property-value-disallowed-list": {
|
||||
"border": "none",
|
||||
"outline": "none"
|
||||
},
|
||||
"function-disallowed-list": [
|
||||
"calc",
|
||||
"lighten",
|
||||
"darken"
|
||||
],
|
||||
"keyframes-name-pattern": null,
|
||||
"property-disallowed-list": [
|
||||
"border-radius",
|
||||
"border-top-left-radius",
|
||||
"border-top-right-radius",
|
||||
"border-bottom-right-radius",
|
||||
"border-bottom-left-radius",
|
||||
"transition"
|
||||
],
|
||||
"scss/dollar-variable-default": [
|
||||
true,
|
||||
{
|
||||
"ignore": "local"
|
||||
}
|
||||
],
|
||||
"scss/selector-no-union-class-name": true,
|
||||
"selector-max-class": null,
|
||||
"selector-max-combinators": null,
|
||||
"selector-max-compound-selectors": null,
|
||||
"selector-max-id": null,
|
||||
"selector-max-specificity": null,
|
||||
"selector-max-type": null,
|
||||
"selector-no-qualifying-type": null
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -1,43 +0,0 @@
|
|||
# Contributor Covenant Code of Conduct
|
||||
|
||||
## Our Pledge
|
||||
|
||||
In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
|
||||
|
||||
## Our Standards
|
||||
|
||||
Examples of behavior that contributes to creating a positive environment include:
|
||||
|
||||
- Using welcoming and inclusive language
|
||||
- Being respectful of differing viewpoints and experiences
|
||||
- Gracefully accepting constructive criticism
|
||||
- Focusing on what is best for the community
|
||||
- Showing empathy towards other community members
|
||||
|
||||
Examples of unacceptable behavior by participants include:
|
||||
|
||||
- The use of sexualized language or imagery and unwelcome sexual attention or advances
|
||||
- Trolling, insulting/derogatory comments, and personal or political attacks
|
||||
- Public or private harassment
|
||||
- Publishing others' private information, such as a physical or electronic address, without explicit permission
|
||||
- Other conduct which could reasonably be considered inappropriate in a professional setting
|
||||
|
||||
## Our Responsibilities
|
||||
|
||||
Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
|
||||
|
||||
Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
|
||||
|
||||
## Scope
|
||||
|
||||
This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
|
||||
|
||||
## Enforcement
|
||||
|
||||
Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at https://colorlib.com/wp/contact-us/. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
|
||||
|
||||
Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
|
||||
|
||||
## Attribution
|
||||
|
||||
This Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org/), version 1.4, available at <https://www.contributor-covenant.org/version/1/4/code-of-conduct/>
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2014-2023 ColorlibHQ
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
this software and associated documentation files (the "Software"), to deal in
|
||||
the Software without restriction, including without limitation the rights to
|
||||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
# [AdminLTE - Bootstrap 5 Admin Dashboard](https://adminlte.io)
|
||||
|
||||
[](https://www.npmjs.com/package/admin-lte)
|
||||
[](https://packagist.org/packages/almasaeed2010/adminlte)
|
||||
[](https://www.jsdelivr.com/package/npm/admin-lte)
|
||||
[](https://discord.gg/jfdvjwFqfz)
|
||||
[](https://app.netlify.com/sites/adminlte-v4/deploys)
|
||||
|
||||
**AdminLTE** is a fully responsive administration template. Based on **[Bootstrap 5](https://getbootstrap.com/)** framework and also the JavaScript plugins.
|
||||
Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops.
|
||||
|
||||
## Looking for Premium Templates?
|
||||
|
||||
AdminLTE.io just opened a new premium templates page. Hand picked to ensure the best quality and the most affordable
|
||||
prices. Visit <https://adminlte.io/premium> for more information.
|
||||
|
||||

|
||||
|
||||
**AdminLTE** has been carefully coded with clear comments in all of its JS, SCSS and HTML files.
|
||||
SCSS has been used to increase code customizability.
|
||||
|
||||
## Quick start
|
||||
|
||||
### Compile dist files
|
||||
|
||||
To compile the dist files you need Node.js/npm, clone/download the repo then:
|
||||
|
||||
1. `npm install` (install npm deps)
|
||||
2. _Optional:_ `npm run dev` (developer mode, autocompile with browsersync support for live demo)
|
||||
3. `npm run production` (compile css/js files)
|
||||
|
||||
|
||||
## Contributing
|
||||
|
||||
- Highly welcome.
|
||||
- For your extra reference check [AdminLTE v4 Contribution Guide](https://github.com/ColorlibHQ/AdminLTE#contributing)
|
||||
- First thing first, you should have bit knowledge about NodeJS.
|
||||
- Github Knowledge.
|
||||
- Install NodeJS LTS version.
|
||||
- Clone this Repository to your machine and change to `master` branch.
|
||||
- Go to Cloned Folder.
|
||||
- In cli/bash run `npm install` it will install dependency from `package.json`.
|
||||
- After installation completes, run `npm run dev`
|
||||
- Cool, Send urs changes in PR to `master` branch.
|
||||
|
||||
## Sponsorship
|
||||
|
||||
Support AdminLTE development by becoming a sponsor.
|
||||
[Github Sponsors](https://github.com/sponsors/danny007in) or
|
||||
[PayPal](https://www.paypal.me/daniel007in)
|
||||
|
||||
## License
|
||||
|
||||
AdminLTE is an open source project by [AdminLTE.io](https://adminlte.io) that is licensed under [MIT](https://opensource.org/licenses/MIT).
|
||||
AdminLTE.io reserves the right to change the license of future releases.
|
||||
|
||||
## Image Credits
|
||||
|
||||
- [Pixeden](http://www.pixeden.com/psd-web-elements/flat-responsive-showcase-psd)
|
||||
- [Graphicsfuel](https://www.graphicsfuel.com/2013/02/13-high-resolution-blur-backgrounds/)
|
||||
- [Pickaface](https://pickaface.net/)
|
||||
- [Unsplash](https://unsplash.com/)
|
||||
- [Uifaces](http://uifaces.com/)
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
{
|
||||
"name": "almasaeed2010/adminlte",
|
||||
"description": "AdminLTE - admin control panel and dashboard that's based on Bootstrap 4",
|
||||
"homepage": "https://adminlte.io/",
|
||||
"keywords": [
|
||||
"css",
|
||||
"js",
|
||||
"less",
|
||||
"responsive",
|
||||
"back-end",
|
||||
"template",
|
||||
"theme",
|
||||
"web",
|
||||
"admin"
|
||||
],
|
||||
"authors": [
|
||||
{
|
||||
"name": "Colorlib"
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"support": {
|
||||
"issues": "https://github.com/ColorlibHQ/AdminLTE/issues"
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 2.9 KiB |
BIN
static/admin-lte/dist/assets/img/AdminLTELogo.png
vendored
|
Before Width: | Height: | Size: 2.6 KiB |
BIN
static/admin-lte/dist/assets/img/avatar.png
vendored
|
Before Width: | Height: | Size: 7.9 KiB |
BIN
static/admin-lte/dist/assets/img/avatar2.png
vendored
|
Before Width: | Height: | Size: 8.1 KiB |
BIN
static/admin-lte/dist/assets/img/avatar3.png
vendored
|
Before Width: | Height: | Size: 9 KiB |
BIN
static/admin-lte/dist/assets/img/avatar4.png
vendored
|
Before Width: | Height: | Size: 13 KiB |
BIN
static/admin-lte/dist/assets/img/avatar5.png
vendored
|
Before Width: | Height: | Size: 7.4 KiB |
BIN
static/admin-lte/dist/assets/img/boxed-bg.jpg
vendored
|
Before Width: | Height: | Size: 121 KiB |
BIN
static/admin-lte/dist/assets/img/boxed-bg.png
vendored
|
Before Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
BIN
static/admin-lte/dist/assets/img/credit/cirrus.png
vendored
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
BIN
static/admin-lte/dist/assets/img/credit/paypal.png
vendored
|
Before Width: | Height: | Size: 1.9 KiB |
BIN
static/admin-lte/dist/assets/img/credit/paypal2.png
vendored
|
Before Width: | Height: | Size: 1.2 KiB |
BIN
static/admin-lte/dist/assets/img/credit/visa.png
vendored
|
Before Width: | Height: | Size: 1 KiB |
BIN
static/admin-lte/dist/assets/img/default-150x150.png
vendored
|
Before Width: | Height: | Size: 339 B |
BIN
static/admin-lte/dist/assets/img/icons.png
vendored
|
Before Width: | Height: | Size: 1.1 KiB |
BIN
static/admin-lte/dist/assets/img/photo1.png
vendored
|
Before Width: | Height: | Size: 647 KiB |
BIN
static/admin-lte/dist/assets/img/photo2.png
vendored
|
Before Width: | Height: | Size: 413 KiB |
BIN
static/admin-lte/dist/assets/img/photo3.jpg
vendored
|
Before Width: | Height: | Size: 362 KiB |
BIN
static/admin-lte/dist/assets/img/photo4.jpg
vendored
|
Before Width: | Height: | Size: 1.1 MiB |
BIN
static/admin-lte/dist/assets/img/prod-1.jpg
vendored
|
Before Width: | Height: | Size: 44 KiB |
BIN
static/admin-lte/dist/assets/img/prod-2.jpg
vendored
|
Before Width: | Height: | Size: 32 KiB |
BIN
static/admin-lte/dist/assets/img/prod-3.jpg
vendored
|
Before Width: | Height: | Size: 20 KiB |
BIN
static/admin-lte/dist/assets/img/prod-4.jpg
vendored
|
Before Width: | Height: | Size: 26 KiB |
BIN
static/admin-lte/dist/assets/img/prod-5.jpg
vendored
|
Before Width: | Height: | Size: 31 KiB |
BIN
static/admin-lte/dist/assets/img/user1-128x128.jpg
vendored
|
Before Width: | Height: | Size: 2.7 KiB |
BIN
static/admin-lte/dist/assets/img/user2-160x160.jpg
vendored
|
Before Width: | Height: | Size: 6.7 KiB |
BIN
static/admin-lte/dist/assets/img/user3-128x128.jpg
vendored
|
Before Width: | Height: | Size: 3.3 KiB |
BIN
static/admin-lte/dist/assets/img/user4-128x128.jpg
vendored
|
Before Width: | Height: | Size: 3.4 KiB |
BIN
static/admin-lte/dist/assets/img/user5-128x128.jpg
vendored
|
Before Width: | Height: | Size: 6.3 KiB |
BIN
static/admin-lte/dist/assets/img/user6-128x128.jpg
vendored
|
Before Width: | Height: | Size: 4.2 KiB |
BIN
static/admin-lte/dist/assets/img/user7-128x128.jpg
vendored
|
Before Width: | Height: | Size: 6.2 KiB |
BIN
static/admin-lte/dist/assets/img/user8-128x128.jpg
vendored
|
Before Width: | Height: | Size: 4.9 KiB |
15379
static/admin-lte/dist/css/adminlte.css
vendored
1
static/admin-lte/dist/css/adminlte.css.map
vendored
7
static/admin-lte/dist/css/adminlte.min.css
vendored
15352
static/admin-lte/dist/css/adminlte.rtl.css
vendored
715
static/admin-lte/dist/js/adminlte.js
vendored
|
|
@ -1,715 +0,0 @@
|
|||
/*!
|
||||
* AdminLTE v4.0.0-beta3 (https://adminlte.io)
|
||||
* Copyright 2014-2024 Colorlib <https://colorlib.com>
|
||||
* Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
|
||||
*/
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
|
||||
typeof define === 'function' && define.amd ? define(['exports'], factory) :
|
||||
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.adminlte = {}));
|
||||
})(this, (function (exports) { 'use strict';
|
||||
|
||||
const domContentLoadedCallbacks = [];
|
||||
const onDOMContentLoaded = (callback) => {
|
||||
if (document.readyState === 'loading') {
|
||||
// add listener on the first call when the document is in loading state
|
||||
if (!domContentLoadedCallbacks.length) {
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
for (const callback of domContentLoadedCallbacks) {
|
||||
callback();
|
||||
}
|
||||
});
|
||||
}
|
||||
domContentLoadedCallbacks.push(callback);
|
||||
}
|
||||
else {
|
||||
callback();
|
||||
}
|
||||
};
|
||||
/* SLIDE UP */
|
||||
const slideUp = (target, duration = 500) => {
|
||||
target.style.transitionProperty = 'height, margin, padding';
|
||||
target.style.transitionDuration = `${duration}ms`;
|
||||
target.style.boxSizing = 'border-box';
|
||||
target.style.height = `${target.offsetHeight}px`;
|
||||
target.style.overflow = 'hidden';
|
||||
window.setTimeout(() => {
|
||||
target.style.height = '0';
|
||||
target.style.paddingTop = '0';
|
||||
target.style.paddingBottom = '0';
|
||||
target.style.marginTop = '0';
|
||||
target.style.marginBottom = '0';
|
||||
}, 1);
|
||||
window.setTimeout(() => {
|
||||
target.style.display = 'none';
|
||||
target.style.removeProperty('height');
|
||||
target.style.removeProperty('padding-top');
|
||||
target.style.removeProperty('padding-bottom');
|
||||
target.style.removeProperty('margin-top');
|
||||
target.style.removeProperty('margin-bottom');
|
||||
target.style.removeProperty('overflow');
|
||||
target.style.removeProperty('transition-duration');
|
||||
target.style.removeProperty('transition-property');
|
||||
}, duration);
|
||||
};
|
||||
/* SLIDE DOWN */
|
||||
const slideDown = (target, duration = 500) => {
|
||||
target.style.removeProperty('display');
|
||||
let { display } = window.getComputedStyle(target);
|
||||
if (display === 'none') {
|
||||
display = 'block';
|
||||
}
|
||||
target.style.display = display;
|
||||
const height = target.offsetHeight;
|
||||
target.style.overflow = 'hidden';
|
||||
target.style.height = '0';
|
||||
target.style.paddingTop = '0';
|
||||
target.style.paddingBottom = '0';
|
||||
target.style.marginTop = '0';
|
||||
target.style.marginBottom = '0';
|
||||
window.setTimeout(() => {
|
||||
target.style.boxSizing = 'border-box';
|
||||
target.style.transitionProperty = 'height, margin, padding';
|
||||
target.style.transitionDuration = `${duration}ms`;
|
||||
target.style.height = `${height}px`;
|
||||
target.style.removeProperty('padding-top');
|
||||
target.style.removeProperty('padding-bottom');
|
||||
target.style.removeProperty('margin-top');
|
||||
target.style.removeProperty('margin-bottom');
|
||||
}, 1);
|
||||
window.setTimeout(() => {
|
||||
target.style.removeProperty('height');
|
||||
target.style.removeProperty('overflow');
|
||||
target.style.removeProperty('transition-duration');
|
||||
target.style.removeProperty('transition-property');
|
||||
}, duration);
|
||||
};
|
||||
|
||||
/**
|
||||
* --------------------------------------------
|
||||
* @file AdminLTE layout.ts
|
||||
* @description Layout for AdminLTE.
|
||||
* @license MIT
|
||||
* --------------------------------------------
|
||||
*/
|
||||
/**
|
||||
* ------------------------------------------------------------------------
|
||||
* Constants
|
||||
* ------------------------------------------------------------------------
|
||||
*/
|
||||
const CLASS_NAME_HOLD_TRANSITIONS = 'hold-transition';
|
||||
const CLASS_NAME_APP_LOADED = 'app-loaded';
|
||||
/**
|
||||
* Class Definition
|
||||
* ====================================================
|
||||
*/
|
||||
class Layout {
|
||||
constructor(element) {
|
||||
this._element = element;
|
||||
}
|
||||
holdTransition() {
|
||||
let resizeTimer;
|
||||
window.addEventListener('resize', () => {
|
||||
document.body.classList.add(CLASS_NAME_HOLD_TRANSITIONS);
|
||||
clearTimeout(resizeTimer);
|
||||
resizeTimer = setTimeout(() => {
|
||||
document.body.classList.remove(CLASS_NAME_HOLD_TRANSITIONS);
|
||||
}, 400);
|
||||
});
|
||||
}
|
||||
}
|
||||
onDOMContentLoaded(() => {
|
||||
const data = new Layout(document.body);
|
||||
data.holdTransition();
|
||||
setTimeout(() => {
|
||||
document.body.classList.add(CLASS_NAME_APP_LOADED);
|
||||
}, 400);
|
||||
});
|
||||
|
||||
/**
|
||||
* --------------------------------------------
|
||||
* @file AdminLTE push-menu.ts
|
||||
* @description Push menu for AdminLTE.
|
||||
* @license MIT
|
||||
* --------------------------------------------
|
||||
*/
|
||||
/**
|
||||
* ------------------------------------------------------------------------
|
||||
* Constants
|
||||
* ------------------------------------------------------------------------
|
||||
*/
|
||||
const DATA_KEY$4 = 'lte.push-menu';
|
||||
const EVENT_KEY$4 = `.${DATA_KEY$4}`;
|
||||
const EVENT_OPEN = `open${EVENT_KEY$4}`;
|
||||
const EVENT_COLLAPSE = `collapse${EVENT_KEY$4}`;
|
||||
const CLASS_NAME_SIDEBAR_MINI = 'sidebar-mini';
|
||||
const CLASS_NAME_SIDEBAR_COLLAPSE = 'sidebar-collapse';
|
||||
const CLASS_NAME_SIDEBAR_OPEN = 'sidebar-open';
|
||||
const CLASS_NAME_SIDEBAR_EXPAND = 'sidebar-expand';
|
||||
const CLASS_NAME_SIDEBAR_OVERLAY = 'sidebar-overlay';
|
||||
const CLASS_NAME_MENU_OPEN$1 = 'menu-open';
|
||||
const SELECTOR_APP_SIDEBAR = '.app-sidebar';
|
||||
const SELECTOR_SIDEBAR_MENU = '.sidebar-menu';
|
||||
const SELECTOR_NAV_ITEM$1 = '.nav-item';
|
||||
const SELECTOR_NAV_TREEVIEW = '.nav-treeview';
|
||||
const SELECTOR_APP_WRAPPER = '.app-wrapper';
|
||||
const SELECTOR_SIDEBAR_EXPAND = `[class*="${CLASS_NAME_SIDEBAR_EXPAND}"]`;
|
||||
const SELECTOR_SIDEBAR_TOGGLE = '[data-lte-toggle="sidebar"]';
|
||||
const Defaults = {
|
||||
sidebarBreakpoint: 992
|
||||
};
|
||||
/**
|
||||
* Class Definition
|
||||
* ====================================================
|
||||
*/
|
||||
class PushMenu {
|
||||
constructor(element, config) {
|
||||
this._element = element;
|
||||
this._config = Object.assign(Object.assign({}, Defaults), config);
|
||||
}
|
||||
// TODO
|
||||
menusClose() {
|
||||
const navTreeview = document.querySelectorAll(SELECTOR_NAV_TREEVIEW);
|
||||
navTreeview.forEach(navTree => {
|
||||
navTree.style.removeProperty('display');
|
||||
navTree.style.removeProperty('height');
|
||||
});
|
||||
const navSidebar = document.querySelector(SELECTOR_SIDEBAR_MENU);
|
||||
const navItem = navSidebar === null || navSidebar === void 0 ? void 0 : navSidebar.querySelectorAll(SELECTOR_NAV_ITEM$1);
|
||||
if (navItem) {
|
||||
navItem.forEach(navI => {
|
||||
navI.classList.remove(CLASS_NAME_MENU_OPEN$1);
|
||||
});
|
||||
}
|
||||
}
|
||||
expand() {
|
||||
const event = new Event(EVENT_OPEN);
|
||||
document.body.classList.remove(CLASS_NAME_SIDEBAR_COLLAPSE);
|
||||
document.body.classList.add(CLASS_NAME_SIDEBAR_OPEN);
|
||||
this._element.dispatchEvent(event);
|
||||
}
|
||||
collapse() {
|
||||
const event = new Event(EVENT_COLLAPSE);
|
||||
document.body.classList.remove(CLASS_NAME_SIDEBAR_OPEN);
|
||||
document.body.classList.add(CLASS_NAME_SIDEBAR_COLLAPSE);
|
||||
this._element.dispatchEvent(event);
|
||||
}
|
||||
addSidebarBreakPoint() {
|
||||
var _a, _b, _c;
|
||||
const sidebarExpandList = (_b = (_a = document.querySelector(SELECTOR_SIDEBAR_EXPAND)) === null || _a === void 0 ? void 0 : _a.classList) !== null && _b !== void 0 ? _b : [];
|
||||
const sidebarExpand = (_c = Array.from(sidebarExpandList).find(className => className.startsWith(CLASS_NAME_SIDEBAR_EXPAND))) !== null && _c !== void 0 ? _c : '';
|
||||
const sidebar = document.getElementsByClassName(sidebarExpand)[0];
|
||||
const sidebarContent = window.getComputedStyle(sidebar, '::before').getPropertyValue('content');
|
||||
this._config = Object.assign(Object.assign({}, this._config), { sidebarBreakpoint: Number(sidebarContent.replace(/[^\d.-]/g, '')) });
|
||||
if (window.innerWidth <= this._config.sidebarBreakpoint) {
|
||||
this.collapse();
|
||||
}
|
||||
else {
|
||||
if (!document.body.classList.contains(CLASS_NAME_SIDEBAR_MINI)) {
|
||||
this.expand();
|
||||
}
|
||||
if (document.body.classList.contains(CLASS_NAME_SIDEBAR_MINI) && document.body.classList.contains(CLASS_NAME_SIDEBAR_COLLAPSE)) {
|
||||
this.collapse();
|
||||
}
|
||||
}
|
||||
}
|
||||
toggle() {
|
||||
if (document.body.classList.contains(CLASS_NAME_SIDEBAR_COLLAPSE)) {
|
||||
this.expand();
|
||||
}
|
||||
else {
|
||||
this.collapse();
|
||||
}
|
||||
}
|
||||
init() {
|
||||
this.addSidebarBreakPoint();
|
||||
}
|
||||
}
|
||||
/**
|
||||
* ------------------------------------------------------------------------
|
||||
* Data Api implementation
|
||||
* ------------------------------------------------------------------------
|
||||
*/
|
||||
onDOMContentLoaded(() => {
|
||||
var _a;
|
||||
const sidebar = document === null || document === void 0 ? void 0 : document.querySelector(SELECTOR_APP_SIDEBAR);
|
||||
if (sidebar) {
|
||||
const data = new PushMenu(sidebar, Defaults);
|
||||
data.init();
|
||||
window.addEventListener('resize', () => {
|
||||
data.init();
|
||||
});
|
||||
}
|
||||
const sidebarOverlay = document.createElement('div');
|
||||
sidebarOverlay.className = CLASS_NAME_SIDEBAR_OVERLAY;
|
||||
(_a = document.querySelector(SELECTOR_APP_WRAPPER)) === null || _a === void 0 ? void 0 : _a.append(sidebarOverlay);
|
||||
sidebarOverlay.addEventListener('touchstart', event => {
|
||||
event.preventDefault();
|
||||
const target = event.currentTarget;
|
||||
const data = new PushMenu(target, Defaults);
|
||||
data.collapse();
|
||||
}, { passive: true });
|
||||
sidebarOverlay.addEventListener('click', event => {
|
||||
event.preventDefault();
|
||||
const target = event.currentTarget;
|
||||
const data = new PushMenu(target, Defaults);
|
||||
data.collapse();
|
||||
});
|
||||
const fullBtn = document.querySelectorAll(SELECTOR_SIDEBAR_TOGGLE);
|
||||
fullBtn.forEach(btn => {
|
||||
btn.addEventListener('click', event => {
|
||||
event.preventDefault();
|
||||
let button = event.currentTarget;
|
||||
if ((button === null || button === void 0 ? void 0 : button.dataset.lteToggle) !== 'sidebar') {
|
||||
button = button === null || button === void 0 ? void 0 : button.closest(SELECTOR_SIDEBAR_TOGGLE);
|
||||
}
|
||||
if (button) {
|
||||
event === null || event === void 0 ? void 0 : event.preventDefault();
|
||||
const data = new PushMenu(button, Defaults);
|
||||
data.toggle();
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* --------------------------------------------
|
||||
* @file AdminLTE treeview.ts
|
||||
* @description Treeview plugin for AdminLTE.
|
||||
* @license MIT
|
||||
* --------------------------------------------
|
||||
*/
|
||||
/**
|
||||
* ------------------------------------------------------------------------
|
||||
* Constants
|
||||
* ------------------------------------------------------------------------
|
||||
*/
|
||||
// const NAME = 'Treeview'
|
||||
const DATA_KEY$3 = 'lte.treeview';
|
||||
const EVENT_KEY$3 = `.${DATA_KEY$3}`;
|
||||
const EVENT_EXPANDED$2 = `expanded${EVENT_KEY$3}`;
|
||||
const EVENT_COLLAPSED$2 = `collapsed${EVENT_KEY$3}`;
|
||||
// const EVENT_LOAD_DATA_API = `load${EVENT_KEY}`
|
||||
const CLASS_NAME_MENU_OPEN = 'menu-open';
|
||||
const SELECTOR_NAV_ITEM = '.nav-item';
|
||||
const SELECTOR_NAV_LINK = '.nav-link';
|
||||
const SELECTOR_TREEVIEW_MENU = '.nav-treeview';
|
||||
const SELECTOR_DATA_TOGGLE$1 = '[data-lte-toggle="treeview"]';
|
||||
const Default$1 = {
|
||||
animationSpeed: 300,
|
||||
accordion: true
|
||||
};
|
||||
/**
|
||||
* Class Definition
|
||||
* ====================================================
|
||||
*/
|
||||
class Treeview {
|
||||
constructor(element, config) {
|
||||
this._element = element;
|
||||
this._config = Object.assign(Object.assign({}, Default$1), config);
|
||||
}
|
||||
open() {
|
||||
var _a, _b;
|
||||
const event = new Event(EVENT_EXPANDED$2);
|
||||
if (this._config.accordion) {
|
||||
const openMenuList = (_a = this._element.parentElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`${SELECTOR_NAV_ITEM}.${CLASS_NAME_MENU_OPEN}`);
|
||||
openMenuList === null || openMenuList === void 0 ? void 0 : openMenuList.forEach(openMenu => {
|
||||
if (openMenu !== this._element.parentElement) {
|
||||
openMenu.classList.remove(CLASS_NAME_MENU_OPEN);
|
||||
const childElement = openMenu === null || openMenu === void 0 ? void 0 : openMenu.querySelector(SELECTOR_TREEVIEW_MENU);
|
||||
if (childElement) {
|
||||
slideUp(childElement, this._config.animationSpeed);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
this._element.classList.add(CLASS_NAME_MENU_OPEN);
|
||||
const childElement = (_b = this._element) === null || _b === void 0 ? void 0 : _b.querySelector(SELECTOR_TREEVIEW_MENU);
|
||||
if (childElement) {
|
||||
slideDown(childElement, this._config.animationSpeed);
|
||||
}
|
||||
this._element.dispatchEvent(event);
|
||||
}
|
||||
close() {
|
||||
var _a;
|
||||
const event = new Event(EVENT_COLLAPSED$2);
|
||||
this._element.classList.remove(CLASS_NAME_MENU_OPEN);
|
||||
const childElement = (_a = this._element) === null || _a === void 0 ? void 0 : _a.querySelector(SELECTOR_TREEVIEW_MENU);
|
||||
if (childElement) {
|
||||
slideUp(childElement, this._config.animationSpeed);
|
||||
}
|
||||
this._element.dispatchEvent(event);
|
||||
}
|
||||
toggle() {
|
||||
if (this._element.classList.contains(CLASS_NAME_MENU_OPEN)) {
|
||||
this.close();
|
||||
}
|
||||
else {
|
||||
this.open();
|
||||
}
|
||||
}
|
||||
}
|
||||
/**
|
||||
* ------------------------------------------------------------------------
|
||||
* Data Api implementation
|
||||
* ------------------------------------------------------------------------
|
||||
*/
|
||||
onDOMContentLoaded(() => {
|
||||
const button = document.querySelectorAll(SELECTOR_DATA_TOGGLE$1);
|
||||
button.forEach(btn => {
|
||||
btn.addEventListener('click', event => {
|
||||
const target = event.target;
|
||||
const targetItem = target.closest(SELECTOR_NAV_ITEM);
|
||||
const targetLink = target.closest(SELECTOR_NAV_LINK);
|
||||
if ((target === null || target === void 0 ? void 0 : target.getAttribute('href')) === '#' || (targetLink === null || targetLink === void 0 ? void 0 : targetLink.getAttribute('href')) === '#') {
|
||||
event.preventDefault();
|
||||
}
|
||||
if (targetItem) {
|
||||
const data = new Treeview(targetItem, Default$1);
|
||||
data.toggle();
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* --------------------------------------------
|
||||
* @file AdminLTE direct-chat.ts
|
||||
* @description Direct chat for AdminLTE.
|
||||
* @license MIT
|
||||
* --------------------------------------------
|
||||
*/
|
||||
/**
|
||||
* Constants
|
||||
* ====================================================
|
||||
*/
|
||||
const DATA_KEY$2 = 'lte.direct-chat';
|
||||
const EVENT_KEY$2 = `.${DATA_KEY$2}`;
|
||||
const EVENT_EXPANDED$1 = `expanded${EVENT_KEY$2}`;
|
||||
const EVENT_COLLAPSED$1 = `collapsed${EVENT_KEY$2}`;
|
||||
const SELECTOR_DATA_TOGGLE = '[data-lte-toggle="chat-pane"]';
|
||||
const SELECTOR_DIRECT_CHAT = '.direct-chat';
|
||||
const CLASS_NAME_DIRECT_CHAT_OPEN = 'direct-chat-contacts-open';
|
||||
/**
|
||||
* Class Definition
|
||||
* ====================================================
|
||||
*/
|
||||
class DirectChat {
|
||||
constructor(element) {
|
||||
this._element = element;
|
||||
}
|
||||
toggle() {
|
||||
if (this._element.classList.contains(CLASS_NAME_DIRECT_CHAT_OPEN)) {
|
||||
const event = new Event(EVENT_COLLAPSED$1);
|
||||
this._element.classList.remove(CLASS_NAME_DIRECT_CHAT_OPEN);
|
||||
this._element.dispatchEvent(event);
|
||||
}
|
||||
else {
|
||||
const event = new Event(EVENT_EXPANDED$1);
|
||||
this._element.classList.add(CLASS_NAME_DIRECT_CHAT_OPEN);
|
||||
this._element.dispatchEvent(event);
|
||||
}
|
||||
}
|
||||
}
|
||||
/**
|
||||
*
|
||||
* Data Api implementation
|
||||
* ====================================================
|
||||
*/
|
||||
onDOMContentLoaded(() => {
|
||||
const button = document.querySelectorAll(SELECTOR_DATA_TOGGLE);
|
||||
button.forEach(btn => {
|
||||
btn.addEventListener('click', event => {
|
||||
event.preventDefault();
|
||||
const target = event.target;
|
||||
const chatPane = target.closest(SELECTOR_DIRECT_CHAT);
|
||||
if (chatPane) {
|
||||
const data = new DirectChat(chatPane);
|
||||
data.toggle();
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* --------------------------------------------
|
||||
* @file AdminLTE card-widget.ts
|
||||
* @description Card widget for AdminLTE.
|
||||
* @license MIT
|
||||
* --------------------------------------------
|
||||
*/
|
||||
/**
|
||||
* Constants
|
||||
* ====================================================
|
||||
*/
|
||||
const DATA_KEY$1 = 'lte.card-widget';
|
||||
const EVENT_KEY$1 = `.${DATA_KEY$1}`;
|
||||
const EVENT_COLLAPSED = `collapsed${EVENT_KEY$1}`;
|
||||
const EVENT_EXPANDED = `expanded${EVENT_KEY$1}`;
|
||||
const EVENT_REMOVE = `remove${EVENT_KEY$1}`;
|
||||
const EVENT_MAXIMIZED$1 = `maximized${EVENT_KEY$1}`;
|
||||
const EVENT_MINIMIZED$1 = `minimized${EVENT_KEY$1}`;
|
||||
const CLASS_NAME_CARD = 'card';
|
||||
const CLASS_NAME_COLLAPSED = 'collapsed-card';
|
||||
const CLASS_NAME_COLLAPSING = 'collapsing-card';
|
||||
const CLASS_NAME_EXPANDING = 'expanding-card';
|
||||
const CLASS_NAME_WAS_COLLAPSED = 'was-collapsed';
|
||||
const CLASS_NAME_MAXIMIZED = 'maximized-card';
|
||||
const SELECTOR_DATA_REMOVE = '[data-lte-toggle="card-remove"]';
|
||||
const SELECTOR_DATA_COLLAPSE = '[data-lte-toggle="card-collapse"]';
|
||||
const SELECTOR_DATA_MAXIMIZE = '[data-lte-toggle="card-maximize"]';
|
||||
const SELECTOR_CARD = `.${CLASS_NAME_CARD}`;
|
||||
const SELECTOR_CARD_BODY = '.card-body';
|
||||
const SELECTOR_CARD_FOOTER = '.card-footer';
|
||||
const Default = {
|
||||
animationSpeed: 500,
|
||||
collapseTrigger: SELECTOR_DATA_COLLAPSE,
|
||||
removeTrigger: SELECTOR_DATA_REMOVE,
|
||||
maximizeTrigger: SELECTOR_DATA_MAXIMIZE
|
||||
};
|
||||
class CardWidget {
|
||||
constructor(element, config) {
|
||||
this._element = element;
|
||||
this._parent = element.closest(SELECTOR_CARD);
|
||||
if (element.classList.contains(CLASS_NAME_CARD)) {
|
||||
this._parent = element;
|
||||
}
|
||||
this._config = Object.assign(Object.assign({}, Default), config);
|
||||
}
|
||||
collapse() {
|
||||
var _a, _b;
|
||||
const event = new Event(EVENT_COLLAPSED);
|
||||
if (this._parent) {
|
||||
this._parent.classList.add(CLASS_NAME_COLLAPSING);
|
||||
const elm = (_a = this._parent) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`${SELECTOR_CARD_BODY}, ${SELECTOR_CARD_FOOTER}`);
|
||||
elm.forEach(el => {
|
||||
if (el instanceof HTMLElement) {
|
||||
slideUp(el, this._config.animationSpeed);
|
||||
}
|
||||
});
|
||||
setTimeout(() => {
|
||||
if (this._parent) {
|
||||
this._parent.classList.add(CLASS_NAME_COLLAPSED);
|
||||
this._parent.classList.remove(CLASS_NAME_COLLAPSING);
|
||||
}
|
||||
}, this._config.animationSpeed);
|
||||
}
|
||||
(_b = this._element) === null || _b === void 0 ? void 0 : _b.dispatchEvent(event);
|
||||
}
|
||||
expand() {
|
||||
var _a, _b;
|
||||
const event = new Event(EVENT_EXPANDED);
|
||||
if (this._parent) {
|
||||
this._parent.classList.add(CLASS_NAME_EXPANDING);
|
||||
const elm = (_a = this._parent) === null || _a === void 0 ? void 0 : _a.querySelectorAll(`${SELECTOR_CARD_BODY}, ${SELECTOR_CARD_FOOTER}`);
|
||||
elm.forEach(el => {
|
||||
if (el instanceof HTMLElement) {
|
||||
slideDown(el, this._config.animationSpeed);
|
||||
}
|
||||
});
|
||||
setTimeout(() => {
|
||||
if (this._parent) {
|
||||
this._parent.classList.remove(CLASS_NAME_COLLAPSED);
|
||||
this._parent.classList.remove(CLASS_NAME_EXPANDING);
|
||||
}
|
||||
}, this._config.animationSpeed);
|
||||
}
|
||||
(_b = this._element) === null || _b === void 0 ? void 0 : _b.dispatchEvent(event);
|
||||
}
|
||||
remove() {
|
||||
var _a;
|
||||
const event = new Event(EVENT_REMOVE);
|
||||
if (this._parent) {
|
||||
slideUp(this._parent, this._config.animationSpeed);
|
||||
}
|
||||
(_a = this._element) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
|
||||
}
|
||||
toggle() {
|
||||
var _a;
|
||||
if ((_a = this._parent) === null || _a === void 0 ? void 0 : _a.classList.contains(CLASS_NAME_COLLAPSED)) {
|
||||
this.expand();
|
||||
return;
|
||||
}
|
||||
this.collapse();
|
||||
}
|
||||
maximize() {
|
||||
var _a;
|
||||
const event = new Event(EVENT_MAXIMIZED$1);
|
||||
if (this._parent) {
|
||||
this._parent.style.height = `${this._parent.offsetHeight}px`;
|
||||
this._parent.style.width = `${this._parent.offsetWidth}px`;
|
||||
this._parent.style.transition = 'all .15s';
|
||||
setTimeout(() => {
|
||||
const htmlTag = document.querySelector('html');
|
||||
if (htmlTag) {
|
||||
htmlTag.classList.add(CLASS_NAME_MAXIMIZED);
|
||||
}
|
||||
if (this._parent) {
|
||||
this._parent.classList.add(CLASS_NAME_MAXIMIZED);
|
||||
if (this._parent.classList.contains(CLASS_NAME_COLLAPSED)) {
|
||||
this._parent.classList.add(CLASS_NAME_WAS_COLLAPSED);
|
||||
}
|
||||
}
|
||||
}, 150);
|
||||
}
|
||||
(_a = this._element) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
|
||||
}
|
||||
minimize() {
|
||||
var _a;
|
||||
const event = new Event(EVENT_MINIMIZED$1);
|
||||
if (this._parent) {
|
||||
this._parent.style.height = 'auto';
|
||||
this._parent.style.width = 'auto';
|
||||
this._parent.style.transition = 'all .15s';
|
||||
setTimeout(() => {
|
||||
var _a;
|
||||
const htmlTag = document.querySelector('html');
|
||||
if (htmlTag) {
|
||||
htmlTag.classList.remove(CLASS_NAME_MAXIMIZED);
|
||||
}
|
||||
if (this._parent) {
|
||||
this._parent.classList.remove(CLASS_NAME_MAXIMIZED);
|
||||
if ((_a = this._parent) === null || _a === void 0 ? void 0 : _a.classList.contains(CLASS_NAME_WAS_COLLAPSED)) {
|
||||
this._parent.classList.remove(CLASS_NAME_WAS_COLLAPSED);
|
||||
}
|
||||
}
|
||||
}, 10);
|
||||
}
|
||||
(_a = this._element) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
|
||||
}
|
||||
toggleMaximize() {
|
||||
var _a;
|
||||
if ((_a = this._parent) === null || _a === void 0 ? void 0 : _a.classList.contains(CLASS_NAME_MAXIMIZED)) {
|
||||
this.minimize();
|
||||
return;
|
||||
}
|
||||
this.maximize();
|
||||
}
|
||||
}
|
||||
/**
|
||||
*
|
||||
* Data Api implementation
|
||||
* ====================================================
|
||||
*/
|
||||
onDOMContentLoaded(() => {
|
||||
const collapseBtn = document.querySelectorAll(SELECTOR_DATA_COLLAPSE);
|
||||
collapseBtn.forEach(btn => {
|
||||
btn.addEventListener('click', event => {
|
||||
event.preventDefault();
|
||||
const target = event.target;
|
||||
const data = new CardWidget(target, Default);
|
||||
data.toggle();
|
||||
});
|
||||
});
|
||||
const removeBtn = document.querySelectorAll(SELECTOR_DATA_REMOVE);
|
||||
removeBtn.forEach(btn => {
|
||||
btn.addEventListener('click', event => {
|
||||
event.preventDefault();
|
||||
const target = event.target;
|
||||
const data = new CardWidget(target, Default);
|
||||
data.remove();
|
||||
});
|
||||
});
|
||||
const maxBtn = document.querySelectorAll(SELECTOR_DATA_MAXIMIZE);
|
||||
maxBtn.forEach(btn => {
|
||||
btn.addEventListener('click', event => {
|
||||
event.preventDefault();
|
||||
const target = event.target;
|
||||
const data = new CardWidget(target, Default);
|
||||
data.toggleMaximize();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* --------------------------------------------
|
||||
* @file AdminLTE fullscreen.ts
|
||||
* @description Fullscreen plugin for AdminLTE.
|
||||
* @license MIT
|
||||
* --------------------------------------------
|
||||
*/
|
||||
/**
|
||||
* Constants
|
||||
* ============================================================================
|
||||
*/
|
||||
const DATA_KEY = 'lte.fullscreen';
|
||||
const EVENT_KEY = `.${DATA_KEY}`;
|
||||
const EVENT_MAXIMIZED = `maximized${EVENT_KEY}`;
|
||||
const EVENT_MINIMIZED = `minimized${EVENT_KEY}`;
|
||||
const SELECTOR_FULLSCREEN_TOGGLE = '[data-lte-toggle="fullscreen"]';
|
||||
const SELECTOR_MAXIMIZE_ICON = '[data-lte-icon="maximize"]';
|
||||
const SELECTOR_MINIMIZE_ICON = '[data-lte-icon="minimize"]';
|
||||
/**
|
||||
* Class Definition.
|
||||
* ============================================================================
|
||||
*/
|
||||
class FullScreen {
|
||||
constructor(element, config) {
|
||||
this._element = element;
|
||||
this._config = config;
|
||||
}
|
||||
inFullScreen() {
|
||||
const event = new Event(EVENT_MAXIMIZED);
|
||||
const iconMaximize = document.querySelector(SELECTOR_MAXIMIZE_ICON);
|
||||
const iconMinimize = document.querySelector(SELECTOR_MINIMIZE_ICON);
|
||||
void document.documentElement.requestFullscreen();
|
||||
if (iconMaximize) {
|
||||
iconMaximize.style.display = 'none';
|
||||
}
|
||||
if (iconMinimize) {
|
||||
iconMinimize.style.display = 'block';
|
||||
}
|
||||
this._element.dispatchEvent(event);
|
||||
}
|
||||
outFullscreen() {
|
||||
const event = new Event(EVENT_MINIMIZED);
|
||||
const iconMaximize = document.querySelector(SELECTOR_MAXIMIZE_ICON);
|
||||
const iconMinimize = document.querySelector(SELECTOR_MINIMIZE_ICON);
|
||||
void document.exitFullscreen();
|
||||
if (iconMaximize) {
|
||||
iconMaximize.style.display = 'block';
|
||||
}
|
||||
if (iconMinimize) {
|
||||
iconMinimize.style.display = 'none';
|
||||
}
|
||||
this._element.dispatchEvent(event);
|
||||
}
|
||||
toggleFullScreen() {
|
||||
if (document.fullscreenEnabled) {
|
||||
if (document.fullscreenElement) {
|
||||
this.outFullscreen();
|
||||
}
|
||||
else {
|
||||
this.inFullScreen();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Data Api implementation
|
||||
* ============================================================================
|
||||
*/
|
||||
onDOMContentLoaded(() => {
|
||||
const buttons = document.querySelectorAll(SELECTOR_FULLSCREEN_TOGGLE);
|
||||
buttons.forEach(btn => {
|
||||
btn.addEventListener('click', event => {
|
||||
event.preventDefault();
|
||||
const target = event.target;
|
||||
const button = target.closest(SELECTOR_FULLSCREEN_TOGGLE);
|
||||
if (button) {
|
||||
const data = new FullScreen(button, undefined);
|
||||
data.toggleFullScreen();
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
exports.CardWidget = CardWidget;
|
||||
exports.DirectChat = DirectChat;
|
||||
exports.FullScreen = FullScreen;
|
||||
exports.Layout = Layout;
|
||||
exports.PushMenu = PushMenu;
|
||||
exports.Treeview = Treeview;
|
||||
|
||||
}));
|
||||
//# sourceMappingURL=adminlte.js.map
|
||||
1
static/admin-lte/dist/js/adminlte.js.map
vendored
7
static/admin-lte/dist/js/adminlte.min.js
vendored
1
static/admin-lte/dist/js/adminlte.min.js.map
vendored
1898
static/admin-lte/dist/pages/UI/general.html
vendored
818
static/admin-lte/dist/pages/UI/icons.html
vendored
|
|
@ -1,818 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Icons</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Icons" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--begin::App Main-->
|
||||
<main class="app-main">
|
||||
<!--begin::App Content Header-->
|
||||
<div class="app-content-header">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-sm-6"><h3 class="mb-0">Icons</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Icons</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
<!--begin::App Content-->
|
||||
<div class="app-content">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!-- Timelime example -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<!-- The icons -->
|
||||
<div class="col-12">
|
||||
<div class="card card-primary card-outline">
|
||||
<div class="card-header"><h3 class="card-title">Icons</h3></div>
|
||||
<div class="card-body">
|
||||
<p>You can use any font library you like with AdminLTE 4.</p>
|
||||
<strong>Recommendations</strong>
|
||||
<ul class="mt-1">
|
||||
<li><a href="https://fontawesome.com/" target="_blank">Font Awesome</a></li>
|
||||
<li>
|
||||
<a href="https://useiconic.com/open/" target="_blank">Iconic Icons</a>
|
||||
</li>
|
||||
<li><a href="https://ionicons.com/" target="_blank">Ion Icons</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
896
static/admin-lte/dist/pages/UI/timeline.html
vendored
|
|
@ -1,896 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Timeline Elements</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Timeline Elements" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--begin::App Main-->
|
||||
<main class="app-main">
|
||||
<!--begin::App Content Header-->
|
||||
<div class="app-content-header">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-sm-6"><h3 class="mb-0">Timeline</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Timeline</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
<!--begin::App Content-->
|
||||
<div class="app-content">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!-- Timelime example -->
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<!-- The time line -->
|
||||
<div class="timeline">
|
||||
<!-- timeline time label -->
|
||||
<div class="time-label"><span class="text-bg-danger">10 Feb. 2023</span></div>
|
||||
<!-- /.timeline-label -->
|
||||
<!-- timeline item -->
|
||||
<div>
|
||||
<i class="timeline-icon bi bi-envelope text-bg-primary"></i>
|
||||
<div class="timeline-item">
|
||||
<span class="time"> <i class="bi bi-clock-fill"></i> 12:05 </span>
|
||||
<h3 class="timeline-header">
|
||||
<a href="#">Support Team</a> sent you an email
|
||||
</h3>
|
||||
<div class="timeline-body">
|
||||
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning
|
||||
heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo
|
||||
edmodo ifttt zimbra. Babblely odeo kaboodle quora plaxo ideeli hulu weebly
|
||||
balihoo...
|
||||
</div>
|
||||
<div class="timeline-footer">
|
||||
<a class="btn btn-primary btn-sm">Read more</a>
|
||||
<a class="btn btn-danger btn-sm">Delete</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END timeline item -->
|
||||
<!-- timeline item -->
|
||||
<div>
|
||||
<i class="timeline-icon bi bi-person text-bg-success"></i>
|
||||
<div class="timeline-item">
|
||||
<span class="time"> <i class="bi bi-clock-fill"></i> 5 mins ago </span>
|
||||
<h3 class="timeline-header no-border">
|
||||
<a href="#">Sarah Young</a> accepted your friend request
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END timeline item -->
|
||||
<!-- timeline item -->
|
||||
<div>
|
||||
<i class="timeline-icon bi bi-chat-text-fill text-bg-warning"></i>
|
||||
<div class="timeline-item">
|
||||
<span class="time"> <i class="bi bi-clock-fill"></i> 27 mins ago </span>
|
||||
<h3 class="timeline-header">
|
||||
<a href="#">Jay White</a> commented on your post
|
||||
</h3>
|
||||
<div class="timeline-body">
|
||||
Take me to your leader! Switzerland is small and neutral! We are more like
|
||||
Germany, ambitious and misunderstood!
|
||||
</div>
|
||||
<div class="timeline-footer">
|
||||
<a class="btn btn-warning btn-sm">View comment</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END timeline item -->
|
||||
<!-- timeline time label -->
|
||||
<div class="time-label"><span class="text-bg-success">3 Jan. 2023</span></div>
|
||||
<!-- /.timeline-label -->
|
||||
<!-- timeline item -->
|
||||
<div>
|
||||
<i class="timeline-icon bi bi-camera text-bg-primary"></i>
|
||||
<div class="timeline-item">
|
||||
<span class="time"> <i class="bi bi-clock-fill"></i> 2 days ago </span>
|
||||
<h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3>
|
||||
<div class="timeline-body">
|
||||
<img src="../../../dist/assets/img/user1-128x128.jpg" alt="..." />
|
||||
<img src="../../../dist/assets/img/user1-128x128.jpg" alt="..." />
|
||||
<img src="../../../dist/assets/img/user1-128x128.jpg" alt="..." />
|
||||
<img src="../../../dist/assets/img/user1-128x128.jpg" alt="..." />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END timeline item -->
|
||||
<!-- timeline item -->
|
||||
<div>
|
||||
<i class="timeline-icon bi bi-camera-film text-bg-info"></i>
|
||||
<div class="timeline-item">
|
||||
<span class="time"> <i class="bi bi-clock-fill"></i> 5 days ago </span>
|
||||
<h3 class="timeline-header"><a href="#">Mr. Doe</a> shared a video</h3>
|
||||
<div class="timeline-body">
|
||||
<div class="ratio ratio-16x9">
|
||||
<iframe
|
||||
src="https://www.youtube.com/embed/tMWkeBIohBs"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-footer">
|
||||
<a href="#" class="btn btn-sm text-bg-warning"> See comments </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END timeline item -->
|
||||
<div><i class="timeline-icon bi bi-clock-fill text-bg-secondary"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
|
|
@ -1,851 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Browser Support | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="Browser Support | AdminLTE 4" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
<style>
|
||||
[data-astro-image] {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: var(--fit);
|
||||
object-position: var(--pos);
|
||||
aspect-ratio: var(--w) / var(--h);
|
||||
}
|
||||
[data-astro-image='responsive'] {
|
||||
max-width: calc(var(--w) * 1px);
|
||||
max-height: calc(var(--h) * 1px);
|
||||
}
|
||||
[data-astro-image='fixed'] {
|
||||
width: calc(var(--w) * 1px);
|
||||
height: calc(var(--h) * 1px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--begin::App Main-->
|
||||
<main class="app-main">
|
||||
<!--begin::App Content Header-->
|
||||
<div class="app-content-header">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-sm-6"><h3 class="mb-0">Browser Support</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Browser Support</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
<!--begin::App Content-->
|
||||
<div class="app-content">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<p>AdminLTE comes with the same browser support as Bootstrap 5.</p>
|
||||
<blockquote>
|
||||
<h5 id="excerpt-from-bootstraps-official-documentation">
|
||||
Excerpt from Bootstrap’s official Documentation!
|
||||
</h5>
|
||||
<p>
|
||||
Bootstrap supports the <strong>latest, stable releases</strong> of all major
|
||||
browsers and platforms.
|
||||
</p>
|
||||
<p>
|
||||
For more details
|
||||
<a
|
||||
href="https://getbootstrap.com/docs/5.0/getting-started/browsers-devices/#supported-browsers"
|
||||
>look here</a
|
||||
>.
|
||||
</p>
|
||||
</blockquote>
|
||||
<p>
|
||||
You can find our supported range of browsers and their versions in
|
||||
<a href="https://github.com/ColorlibHQ/AdminLTE/blob/master/.browserslistrc"
|
||||
>our .browserslistrc file</a
|
||||
>:
|
||||
</p>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="plaintext"
|
||||
><code><span class="line"><span># https://github.com/browserslist/browserslist#readme</span></span>
|
||||
<span class="line"><span></span></span>
|
||||
<span class="line"><span>>= 0.5%</span></span>
|
||||
<span class="line"><span>last 2 major versions</span></span>
|
||||
<span class="line"><span>not dead</span></span>
|
||||
<span class="line"><span>Chrome >= 60</span></span>
|
||||
<span class="line"><span>Firefox >= 60</span></span>
|
||||
<span class="line"><span>Firefox ESR</span></span>
|
||||
<span class="line"><span>iOS >= 12</span></span>
|
||||
<span class="line"><span>Safari >= 12</span></span>
|
||||
<span class="line"><span>not Explorer <= 11</span></span>
|
||||
<span class="line"><span></span></span></code></pre>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
1168
static/admin-lte/dist/pages/docs/color-mode.html
vendored
|
|
@ -1,950 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Main Sidebar Component | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="Main Sidebar Component | AdminLTE 4" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
<style>
|
||||
[data-astro-image] {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: var(--fit);
|
||||
object-position: var(--pos);
|
||||
aspect-ratio: var(--w) / var(--h);
|
||||
}
|
||||
[data-astro-image='responsive'] {
|
||||
max-width: calc(var(--w) * 1px);
|
||||
max-height: calc(var(--h) * 1px);
|
||||
}
|
||||
[data-astro-image='fixed'] {
|
||||
width: calc(var(--w) * 1px);
|
||||
height: calc(var(--h) * 1px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/components/main-sidebar.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--begin::App Main-->
|
||||
<main class="app-main">
|
||||
<!--begin::App Content Header-->
|
||||
<div class="app-content-header">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-sm-6"><h3 class="mb-0">Main Sidebar Component</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Main Sidebar Component</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
<!--begin::App Content-->
|
||||
<div class="app-content">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<p>
|
||||
The sidebar used in this page to the left provides an example of what your sidebar
|
||||
would look like. Construction of a sidebar:
|
||||
</p>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="html"
|
||||
><code><span class="line"><span style="color:#6A9955"><!--begin::Sidebar--></span></span>
|
||||
<span class="line"><span style="color:#808080"><</span><span style="color:#569CD6">aside</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"app-sidebar bg-body-secondary shadow"</span><span style="color:#9CDCFE"> data-bs-theme</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"dark"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--begin::Sidebar Brand--></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"sidebar-brand"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--begin::Brand Link--></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"brand-link"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--begin::Brand Image--></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">img</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> src</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./assets/img/AdminLTELogo.png"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> alt</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"AdminLTE Logo"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"brand-image opacity-75 shadow"</span></span>
|
||||
<span class="line"><span style="color:#808080"> /></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--end::Brand Image--></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--begin::Brand Text--></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">span</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"brand-text fw-light"</span><span style="color:#808080">></span><span style="color:#D4D4D4">AdminLTE 4</span><span style="color:#808080"></</span><span style="color:#569CD6">span</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--end::Brand Text--></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--end::Brand Link--></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--end::Sidebar Brand--></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--begin::Sidebar Wrapper--></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"sidebar-wrapper"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">nav</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"mt-2"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--begin::Sidebar Menu--></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">ul</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav sidebar-menu flex-column"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> data-lte-toggle</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"treeview"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> role</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"menu"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> data-accordion</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"false"</span></span>
|
||||
<span class="line"><span style="color:#808080"> ></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-header"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Nav Header</span><span style="color:#808080"></</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle-fill"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span><span style="color:#D4D4D4">Level 1</span><span style="color:#808080"></</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle-fill"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#D4D4D4"> Treeview</span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-arrow bi bi-chevron-right"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">ul</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav nav-treeview"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#D4D4D4"> Level 2 (Badge)</span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">span</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-badge badge text-bg-secondary me-3"</span></span>
|
||||
<span class="line"><span style="color:#808080"> ></span></span>
|
||||
<span class="line"><span style="color:#D4D4D4"> 6</span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">span</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span><span style="color:#D4D4D4">Level 2</span><span style="color:#808080"></</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">ul</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link active"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle-fill"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span><span style="color:#D4D4D4">Level 1 Active</span><span style="color:#808080"></</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item menu-open"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link active"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle-fill"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#D4D4D4"> Treeview Menu Open</span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-arrow bi bi-chevron-right"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">ul</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav nav-treeview"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link active"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span><span style="color:#D4D4D4">Level 2 Active</span><span style="color:#808080"></</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">i</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-icon bi bi-circle"</span><span style="color:#808080">></</span><span style="color:#569CD6">i</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">p</span><span style="color:#808080">></span><span style="color:#D4D4D4">Level 2</span><span style="color:#808080"></</span><span style="color:#569CD6">p</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">ul</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">ul</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--end::Sidebar Menu--></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">nav</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"> <!--end::Sidebar Wrapper--></span></span>
|
||||
<span class="line"><span style="color:#808080"></</span><span style="color:#569CD6">aside</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#6A9955"><!--end::Sidebar--></span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<h2 id="alternate-logo">Alternate Logo</h2>
|
||||
<p>
|
||||
You can use two logo images instead of logo with text, you only need to change the
|
||||
markup to this:
|
||||
</p>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="html"
|
||||
><code><span class="line"><span style="color:#808080"><</span><span style="color:#569CD6">div</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"sidebar-brand"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./index.html"</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"brand-link logo-switch"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">img</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> src</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./assets/img/AdminLTELogo.png"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> alt</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"AdminLTE Logo Small"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"brand-image-xl logo-xs opacity-75 shadow"</span></span>
|
||||
<span class="line"><span style="color:#808080"> /></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">img</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> src</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"./assets/img/AdminLTEFullLogo.png"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> alt</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"AdminLTE Logo Large"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"brand-image-xs logo-xl opacity-75"</span></span>
|
||||
<span class="line"><span style="color:#808080"> /></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"></</span><span style="color:#569CD6">div</span><span style="color:#808080">></span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
832
static/admin-lte/dist/pages/docs/faq.html
vendored
|
|
@ -1,832 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>FAQ | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="FAQ | AdminLTE 4" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
<style>
|
||||
[data-astro-image] {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: var(--fit);
|
||||
object-position: var(--pos);
|
||||
aspect-ratio: var(--w) / var(--h);
|
||||
}
|
||||
[data-astro-image='responsive'] {
|
||||
max-width: calc(var(--w) * 1px);
|
||||
max-height: calc(var(--h) * 1px);
|
||||
}
|
||||
[data-astro-image='fixed'] {
|
||||
width: calc(var(--w) * 1px);
|
||||
height: calc(var(--h) * 1px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--begin::App Main-->
|
||||
<main class="app-main">
|
||||
<!--begin::App Content Header-->
|
||||
<div class="app-content-header">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-sm-6"><h3 class="mb-0">FAQ</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">FAQ</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
<!--begin::App Content-->
|
||||
<div class="app-content">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<h4 id="can-adminlte-be-used-with-wordpress">Can AdminLTE be used with WordPress?</h4>
|
||||
<p>
|
||||
AdminLTE is an HTML template that can be used for any purpose. However, it is not made
|
||||
to be easily installed on WordPress. It will require some effort and enough knowledge
|
||||
of the WordPress script to do so.
|
||||
</p>
|
||||
<h4 id="is-there-an-integration-guide-for-php-frameworks-such-as-yii-or-symfony">
|
||||
Is there an integration guide for PHP frameworks such as Yii or Symfony?
|
||||
</h4>
|
||||
<p>
|
||||
Short answer, no. However, there are forks and tutorials around the web that provide
|
||||
info on how to integrate with many different frameworks. There are even versions of
|
||||
AdminLTE that are integrated with jQuery ajax, AngularJS and/or MVC5 ASP .NET.
|
||||
</p>
|
||||
<h4 id="how-do-i-get-notified-of-new-adminlte-versions">
|
||||
How do I get notified of new AdminLTE versions?
|
||||
</h4>
|
||||
<p>
|
||||
You may watch the
|
||||
<a href="https://github.com/ColorlibHQ/AdminLTE">releases on GitHub</a>.
|
||||
</p>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
|
|
@ -1,906 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>How To Contribute | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="How To Contribute | AdminLTE 4" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
<style>
|
||||
[data-astro-image] {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: var(--fit);
|
||||
object-position: var(--pos);
|
||||
aspect-ratio: var(--w) / var(--h);
|
||||
}
|
||||
[data-astro-image='responsive'] {
|
||||
max-width: calc(var(--w) * 1px);
|
||||
max-height: calc(var(--h) * 1px);
|
||||
}
|
||||
[data-astro-image='fixed'] {
|
||||
width: calc(var(--w) * 1px);
|
||||
height: calc(var(--h) * 1px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--begin::App Main-->
|
||||
<main class="app-main">
|
||||
<!--begin::App Content Header-->
|
||||
<div class="app-content-header">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-sm-6"><h3 class="mb-0">How To Contribute</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">How To Contribute</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
<!--begin::App Content-->
|
||||
<div class="app-content">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<h1 id="contributing-to-adminlte">Contributing to AdminLTE</h1>
|
||||
<p>
|
||||
Contributions are always <strong>welcome and recommended</strong>! Here is how for
|
||||
beginner’s:
|
||||
<a href="https://youtu.be/GbqSvJs-6W4">Get started with open source click here</a>
|
||||
</p>
|
||||
<ol>
|
||||
<li>
|
||||
<p>Contribution Requirements :</p>
|
||||
<ul>
|
||||
<li>
|
||||
When you contribute, you agree to give a non-exclusive license to AdminLTE.io to
|
||||
use that contribution in any context as we (AdminLTE.io) see appropriate.
|
||||
</li>
|
||||
<li>
|
||||
If you use content provided by another party, it must be appropriately licensed
|
||||
using an <a href="https://opensource.org/licenses">open source</a> license.
|
||||
</li>
|
||||
<li>Contributions are only accepted through GitHub pull requests.</li>
|
||||
<li>
|
||||
Finally, contributed code must work in all supported browsers (see above for
|
||||
browser support).
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<p>Installation :</p>
|
||||
<ul>
|
||||
<li>
|
||||
Fork the repository (<a href="https://help.github.com/articles/fork-a-repo/"
|
||||
>here is the guide</a
|
||||
>).
|
||||
</li>
|
||||
<li>Clone to your machine</li>
|
||||
</ul>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="bash"
|
||||
><code><span class="line"><span style="color:#DCDCAA">git</span><span style="color:#CE9178"> clone</span><span style="color:#CE9178"> https://github.com/YOUR_USERNAME/AdminLTE.git</span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<ul>
|
||||
<li>Create a new branch from <code>master</code></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<p>Compile dist files (Development) :</p>
|
||||
<ul>
|
||||
<li>
|
||||
To compile the dist files you need Node.js 18 or higher/npm (node package
|
||||
manager)
|
||||
</li>
|
||||
<li><code>npm install</code> (install npm deps)</li>
|
||||
<li>
|
||||
<code>npm run dev</code> (developer mode, autocompile with browsersync support
|
||||
for live demo)
|
||||
</li>
|
||||
<li>
|
||||
Make your changes only in <code>./src</code> Folder OR
|
||||
<code>package.json</code> in any files which are necessary for contribution
|
||||
</li>
|
||||
<li>
|
||||
Do not make changes in <code>./dist/**</code> Because it contains compiled files
|
||||
and do not include in PR (Pull Request)
|
||||
</li>
|
||||
<li>
|
||||
<code>npm run production</code> (compile css/js files and test all pages are
|
||||
perfectly working fine, before creating a pull request)
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<p>Create a pull request to <code>master</code> branch</p>
|
||||
</li>
|
||||
</ol>
|
||||
<h2 id="online-one-click-setup-for-contributing">
|
||||
Online one-click setup for contributing
|
||||
</h2>
|
||||
<p>
|
||||
You can use <a href="https://docs.github.com/en/codespaces">Codespace</a> an online
|
||||
IDE which is free for Open Source for working on issues or making PRs (Pull Requests).
|
||||
With a single click it will launch a workspace and automatically:
|
||||
</p>
|
||||
<ul>
|
||||
<li>clone the <code>AdminLTE</code> repo.</li>
|
||||
<li>
|
||||
Open with <a href="https://docs.github.com/en/codespaces">Codespace</a> or
|
||||
<a href="https://gitpod.io/from-referrer/"
|
||||
><img src="https://gitpod.io/button/open-in-gitpod.svg" alt="Open in Gitpod"
|
||||
/></a>
|
||||
</li>
|
||||
<li>install the dependencies.</li>
|
||||
<li>run <code>npm run dev</code> to start the server.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
895
static/admin-lte/dist/pages/docs/introduction.html
vendored
|
|
@ -1,895 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Introduction | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="Introduction | AdminLTE 4" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
<style>
|
||||
[data-astro-image] {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: var(--fit);
|
||||
object-position: var(--pos);
|
||||
aspect-ratio: var(--w) / var(--h);
|
||||
}
|
||||
[data-astro-image='responsive'] {
|
||||
max-width: calc(var(--w) * 1px);
|
||||
max-height: calc(var(--h) * 1px);
|
||||
}
|
||||
[data-astro-image='fixed'] {
|
||||
width: calc(var(--w) * 1px);
|
||||
height: calc(var(--h) * 1px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--begin::App Main-->
|
||||
<main class="app-main">
|
||||
<!--begin::App Content Header-->
|
||||
<div class="app-content-header">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-sm-6"><h3 class="mb-0">Introduction</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Introduction</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
<!--begin::App Content-->
|
||||
<div class="app-content">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<h2 id="quick-start">Quick start</h2>
|
||||
<p>There are multiple ways to install AdminLTE.</p>
|
||||
<h3 id="download--changelog">Download & Changelog:</h3>
|
||||
<p>
|
||||
Always Recommended to download from GitHub latest release
|
||||
<a href="https://github.com/ColorlibHQ/AdminLTE/releases/latest">AdminLTE 4</a> for
|
||||
bug free and latest features.<br />
|
||||
Visit the <a href="https://github.com/ColorlibHQ/AdminLTE/releases">releases</a> page
|
||||
to view the changelog.<br />
|
||||
Legacy Releases are
|
||||
<a href="https://github.com/ColorlibHQ/AdminLTE/releases/tag/v3.2.0">AdminLTE 3</a> /
|
||||
<a href="https://github.com/ColorlibHQ/AdminLTE/releases/tag/v2.4.18">AdminLTE 2</a> /
|
||||
<a href="https://github.com/ColorlibHQ/AdminLTE/releases/tag/1.3.1">AdminLTE 1</a>.
|
||||
</p>
|
||||
<h2 id="stable-release">Stable release</h2>
|
||||
<h3 id="grab-from-jsdelivr-cdn">
|
||||
Grab from <a href="https://www.jsdelivr.com/package/npm/admin-lte">jsdelivr</a> CDN:
|
||||
</h3>
|
||||
<p>
|
||||
<em
|
||||
><strong>Important Note</strong>: You needed to add separately cdn links for plugins
|
||||
in your project.</em
|
||||
>
|
||||
</p>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="html"
|
||||
><code><span class="line"><span style="color:#808080"><</span><span style="color:#569CD6">script</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> src</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"https://cdn.jsdelivr.net/npm/admin-lte@4.0.0-beta3/dist/js/adminlte.min.js"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> crossorigin</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"anonymous"</span></span>
|
||||
<span class="line"><span style="color:#808080">></</span><span style="color:#569CD6">script</span><span style="color:#808080">></span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="html"
|
||||
><code><span class="line"><span style="color:#808080"><</span><span style="color:#569CD6">link</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> rel</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"stylesheet"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"https://cdn.jsdelivr.net/npm/admin-lte@4.0.0-beta3/dist/css/adminlte.min.css"</span></span>
|
||||
<span class="line"><span style="color:#9CDCFE"> crossorigin</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"anonymous"</span></span>
|
||||
<span class="line"><span style="color:#808080">/></span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<h3 id="using-the-command-line">Using The Command Line:</h3>
|
||||
<p>
|
||||
<em
|
||||
><strong>Important Note</strong>: To install it via npm/Yarn, you need at least
|
||||
Node.js 14 or higher.</em
|
||||
>
|
||||
</p>
|
||||
<h4 id="via-npm">Via npm</h4>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="bash"
|
||||
><code><span class="line"><span style="color:#DCDCAA">npm</span><span style="color:#CE9178"> install</span><span style="color:#CE9178"> admin-lte@4.0.0-beta3</span><span style="color:#569CD6"> --save</span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<h4 id="via-yarn">Via Yarn</h4>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="bash"
|
||||
><code><span class="line"><span style="color:#DCDCAA">yarn</span><span style="color:#CE9178"> add</span><span style="color:#CE9178"> admin-lte@4.0.0-beta3</span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<h4 id="via-composer">Via Composer</h4>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="bash"
|
||||
><code><span class="line"><span style="color:#DCDCAA">composer</span><span style="color:#CE9178"> require</span><span style="color:#CE9178"> "almasaeed2010/adminlte=4.0.0-beta3"</span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<h4 id="via-git">Via Git</h4>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="bash"
|
||||
><code><span class="line"><span style="color:#DCDCAA">git</span><span style="color:#CE9178"> clone</span><span style="color:#CE9178"> https://github.com/ColorlibHQ/AdminLTE.git</span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
|
|
@ -1,847 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Treeview Plugin | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="Treeview Plugin | AdminLTE 4" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
<style>
|
||||
[data-astro-image] {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: var(--fit);
|
||||
object-position: var(--pos);
|
||||
aspect-ratio: var(--w) / var(--h);
|
||||
}
|
||||
[data-astro-image='responsive'] {
|
||||
max-width: calc(var(--w) * 1px);
|
||||
max-height: calc(var(--h) * 1px);
|
||||
}
|
||||
[data-astro-image='fixed'] {
|
||||
width: calc(var(--w) * 1px);
|
||||
height: calc(var(--h) * 1px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/javascript/treeview.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--begin::App Main-->
|
||||
<main class="app-main">
|
||||
<!--begin::App Content Header-->
|
||||
<div class="app-content-header">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-sm-6"><h3 class="mb-0">Treeview Plugin</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Treeview Plugin</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
<!--begin::App Content-->
|
||||
<div class="app-content">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<p>
|
||||
The Treeview plugin converts a nested list into a tree view where sub menus can be
|
||||
expanded.
|
||||
</p>
|
||||
<h5 id="usage">Usage</h5>
|
||||
<p>This plugin can be used as the data api.</p>
|
||||
<p><strong>Data API</strong></p>
|
||||
<p>
|
||||
Add <code>data-lte-toggle="treeview"</code> to any ul or ol element to
|
||||
activate the plugin.
|
||||
</p>
|
||||
<pre
|
||||
class="astro-code dark-plus"
|
||||
style="background-color: #1e1e1e; color: #d4d4d4; overflow-x: auto"
|
||||
tabindex="0"
|
||||
data-language="html"
|
||||
><code><span class="line"><span style="color:#808080"><</span><span style="color:#569CD6">ul</span><span style="color:#9CDCFE"> data-lte-toggle</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"treeview"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#808080">><</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#808080">></span><span style="color:#D4D4D4">One Level</span><span style="color:#808080"></</span><span style="color:#569CD6">a</span><span style="color:#808080">></</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-item menu-open"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-link"</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Multilevel</span><span style="color:#808080"></</span><span style="color:#569CD6">a</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">ul</span><span style="color:#9CDCFE"> class</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"nav-treeview"</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">li</span><span style="color:#808080">><</span><span style="color:#569CD6">a</span><span style="color:#9CDCFE"> href</span><span style="color:#D4D4D4">=</span><span style="color:#CE9178">"#"</span><span style="color:#808080">></span><span style="color:#D4D4D4">Level 2</span><span style="color:#808080"></</span><span style="color:#569CD6">a</span><span style="color:#808080">></</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">ul</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">li</span><span style="color:#808080">></span></span>
|
||||
<span class="line"><span style="color:#808080"></</span><span style="color:#569CD6">ul</span><span style="color:#808080">></span></span>
|
||||
<span class="line"></span></code></pre>
|
||||
<h5 id="example">Example</h5>
|
||||
<ul data-lte-toggle="treeview">
|
||||
<li><a href="#">One Level</a></li>
|
||||
<li class="nav-item menu-open">
|
||||
<a class="nav-link" href="#"><p>Multilevel</p></a>
|
||||
<ul class="nav-treeview">
|
||||
<li><a href="#">Level 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
839
static/admin-lte/dist/pages/docs/layout.html
vendored
|
|
@ -1,839 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Layout | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="Layout | AdminLTE 4" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--begin::App Main-->
|
||||
<main class="app-main">
|
||||
<!--begin::App Content Header-->
|
||||
<div class="app-content-header">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-sm-6"><h3 class="mb-0">Layout</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Layout</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
<!--begin::App Content-->
|
||||
<div class="app-content">
|
||||
<div class="container-fluid">
|
||||
<div class="callout callout-info mb-4">
|
||||
<h5 class="fw-bold">Tips</h5>
|
||||
<p>
|
||||
The
|
||||
<a
|
||||
href="/starter.html"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="callout-link"
|
||||
>
|
||||
starter page
|
||||
</a>
|
||||
is a good place to start building your app if you’d like to start from scratch.
|
||||
</p>
|
||||
</div>
|
||||
<p>The layout consists of five major parts:</p>
|
||||
<ul>
|
||||
<li>Wrapper <code>.app-wrapper</code> . A div that wraps the whole site.</li>
|
||||
<li>Main Header <code>.app-header</code> . Contains the logo and navbar.</li>
|
||||
<li>
|
||||
Main Sidebar <code>.app-sidebar</code> . Contains the sidebar user panel and menu.
|
||||
</li>
|
||||
<li>Content <code>.app-main</code> . Contains the page header and content.</li>
|
||||
<li>Main Footer <code>.app-footer</code> . Contains the footer.</li>
|
||||
</ul>
|
||||
<h4>Layout Options</h4>
|
||||
<p>
|
||||
AdminLTE v4 provides a set of options to apply to your main layout. Each one of these
|
||||
classes can be added to the
|
||||
<code>body</code> tag to get the desired goal.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
Fixed Sidebar: use the class <code>.layout-fixed</code> to get a fixed sidebar.
|
||||
</li>
|
||||
<li>
|
||||
Mini Sidebar on Toggle: use the class
|
||||
<code>.sidebar-expand-* .sidebar-mini</code>
|
||||
to have a collapsed sidebar upon loading.
|
||||
</li>
|
||||
<li>
|
||||
Collapsed Sidebar: use the class
|
||||
<code>.sidebar-expand-* .sidebar-mini .sidebar-collapse</code> to have a collapsed
|
||||
sidebar upon loading.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.container-fluid -->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
830
static/admin-lte/dist/pages/docs/license.html
vendored
|
|
@ -1,830 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>License | AdminLTE 4</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="License | AdminLTE 4" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
<style>
|
||||
[data-astro-image] {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: var(--fit);
|
||||
object-position: var(--pos);
|
||||
aspect-ratio: var(--w) / var(--h);
|
||||
}
|
||||
[data-astro-image='responsive'] {
|
||||
max-width: calc(var(--w) * 1px);
|
||||
max-height: calc(var(--h) * 1px);
|
||||
}
|
||||
[data-astro-image='fixed'] {
|
||||
width: calc(var(--w) * 1px);
|
||||
height: calc(var(--h) * 1px);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--begin::App Main-->
|
||||
<main class="app-main">
|
||||
<!--begin::App Content Header-->
|
||||
<div class="app-content-header">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-sm-6"><h3 class="mb-0">License</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Docs</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">License</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
<!--begin::App Content-->
|
||||
<div class="app-content">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<p>
|
||||
AdminLTE is an open source project that is licensed under the
|
||||
<a href="https://opensource.org/licenses/MIT">MIT license</a>. This allows you to do
|
||||
pretty much anything you want as long as you include the copyright in “all copies or
|
||||
substantial portions of the Software.” Attribution is not required (though very much
|
||||
appreciated).
|
||||
</p>
|
||||
<h5 class="text-bold text-dark mt-3">
|
||||
What You Are <span class="text-success">Allowed</span> To Do With AdminLTE
|
||||
</h5>
|
||||
<ul>
|
||||
<li>Use in commercial projects.</li>
|
||||
<li>Use in personal/private projects.</li>
|
||||
<li>Modify and change the work.</li>
|
||||
<li>Distribute the code.</li>
|
||||
<li>
|
||||
Sublicense: incorporate the work into something that has a more restrictive license.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
132
static/admin-lte/dist/pages/examples/lockscreen.html
vendored
|
|
@ -1,132 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Lockscreen</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Lockscreen" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="lockscreen bg-body-secondary">
|
||||
<div class="lockscreen-wrapper">
|
||||
<div class="lockscreen-logo">
|
||||
<a href="../index2.html"><b>Admin</b>LTE</a>
|
||||
</div>
|
||||
<div class="lockscreen-name">John Doe</div>
|
||||
<div class="lockscreen-item">
|
||||
<div class="lockscreen-image">
|
||||
<img src="../../../dist/assets/img/user1-128x128.jpg" alt="User Image" />
|
||||
</div>
|
||||
<form class="lockscreen-credentials">
|
||||
<div class="input-group">
|
||||
<input type="password" class="form-control shadow-none" placeholder="password" />
|
||||
<div class="input-group-text border-0 bg-transparent px-1">
|
||||
<button type="button" class="btn shadow-none">
|
||||
<i class="bi bi-box-arrow-right text-body-secondary"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="help-block text-center">Enter your password to retrieve your session</div>
|
||||
<div class="text-center">
|
||||
<a href="login.html" class="text-decoration-none">Or sign in as a different user</a>
|
||||
</div>
|
||||
<div class="lockscreen-footer text-center">
|
||||
Copyright © 2014-2024
|
||||
<b
|
||||
><a
|
||||
href="https://adminlte.io"
|
||||
class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover"
|
||||
>AdminLTE.io</a
|
||||
></b
|
||||
>
|
||||
<br />
|
||||
All rights reserved
|
||||
</div>
|
||||
</div>
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="undefined/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
160
static/admin-lte/dist/pages/examples/login-v2.html
vendored
|
|
@ -1,160 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Login Page v2</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Login Page v2" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="login-page bg-body-secondary">
|
||||
<div class="login-box">
|
||||
<div class="card card-outline card-primary">
|
||||
<div class="card-header">
|
||||
<a
|
||||
href="../index2.html"
|
||||
class="link-dark text-center link-offset-2 link-opacity-100 link-opacity-50-hover"
|
||||
>
|
||||
<h1 class="mb-0"><b>Admin</b>LTE</h1>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-body login-card-body">
|
||||
<p class="login-box-msg">Sign in to start your session</p>
|
||||
<form action="../index3.html" method="post">
|
||||
<div class="input-group mb-1">
|
||||
<div class="form-floating">
|
||||
<input id="loginEmail" type="email" class="form-control" value="" placeholder="" />
|
||||
<label for="loginEmail">Email</label>
|
||||
</div>
|
||||
<div class="input-group-text"><span class="bi bi-envelope"></span></div>
|
||||
</div>
|
||||
<div class="input-group mb-1">
|
||||
<div class="form-floating">
|
||||
<input id="loginPassword" type="password" class="form-control" placeholder="" />
|
||||
<label for="loginPassword">Password</label>
|
||||
</div>
|
||||
<div class="input-group-text"><span class="bi bi-lock-fill"></span></div>
|
||||
</div>
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-8 d-inline-flex align-items-center">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" />
|
||||
<label class="form-check-label" for="flexCheckDefault"> Remember Me </label>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-4">
|
||||
<div class="d-grid gap-2">
|
||||
<button type="submit" class="btn btn-primary">Sign In</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</form>
|
||||
<div class="social-auth-links text-center mb-3 d-grid gap-2">
|
||||
<p>- OR -</p>
|
||||
<a href="#" class="btn btn-primary">
|
||||
<i class="bi bi-facebook me-2"></i> Sign in using Facebook
|
||||
</a>
|
||||
<a href="#" class="btn btn-danger">
|
||||
<i class="bi bi-google me-2"></i> Sign in using Google+
|
||||
</a>
|
||||
</div>
|
||||
<!-- /.social-auth-links -->
|
||||
<p class="mb-1"><a href="forgot-password.html">I forgot my password</a></p>
|
||||
<p class="mb-0">
|
||||
<a href="register.html" class="text-center"> Register a new membership </a>
|
||||
</p>
|
||||
</div>
|
||||
<!-- /.login-card-body -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.login-box -->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
150
static/admin-lte/dist/pages/examples/login.html
vendored
|
|
@ -1,150 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Login Page</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Login Page" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="login-page bg-body-secondary">
|
||||
<div class="login-box">
|
||||
<div class="login-logo">
|
||||
<a href="../index2.html"><b>Admin</b>LTE</a>
|
||||
</div>
|
||||
<!-- /.login-logo -->
|
||||
<div class="card">
|
||||
<div class="card-body login-card-body">
|
||||
<p class="login-box-msg">Sign in to start your session</p>
|
||||
<form action="../index3.html" method="post">
|
||||
<div class="input-group mb-3">
|
||||
<input type="email" class="form-control" placeholder="Email" />
|
||||
<div class="input-group-text"><span class="bi bi-envelope"></span></div>
|
||||
</div>
|
||||
<div class="input-group mb-3">
|
||||
<input type="password" class="form-control" placeholder="Password" />
|
||||
<div class="input-group-text"><span class="bi bi-lock-fill"></span></div>
|
||||
</div>
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" />
|
||||
<label class="form-check-label" for="flexCheckDefault"> Remember Me </label>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-4">
|
||||
<div class="d-grid gap-2">
|
||||
<button type="submit" class="btn btn-primary">Sign In</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</form>
|
||||
<div class="social-auth-links text-center mb-3 d-grid gap-2">
|
||||
<p>- OR -</p>
|
||||
<a href="#" class="btn btn-primary">
|
||||
<i class="bi bi-facebook me-2"></i> Sign in using Facebook
|
||||
</a>
|
||||
<a href="#" class="btn btn-danger">
|
||||
<i class="bi bi-google me-2"></i> Sign in using Google+
|
||||
</a>
|
||||
</div>
|
||||
<!-- /.social-auth-links -->
|
||||
<p class="mb-1"><a href="forgot-password.html">I forgot my password</a></p>
|
||||
<p class="mb-0">
|
||||
<a href="register.html" class="text-center"> Register a new membership </a>
|
||||
</p>
|
||||
</div>
|
||||
<!-- /.login-card-body -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.login-box -->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
|
|
@ -1,169 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Register Page v2</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Register Page v2" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="register-page bg-body-secondary">
|
||||
<div class="register-box">
|
||||
<!-- /.register-logo -->
|
||||
<div class="card card-outline card-primary">
|
||||
<div class="card-header">
|
||||
<a
|
||||
href="../index2.html"
|
||||
class="link-dark text-center link-offset-2 link-opacity-100 link-opacity-50-hover"
|
||||
>
|
||||
<h1 class="mb-0"><b>Admin</b>LTE</h1>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-body register-card-body">
|
||||
<p class="register-box-msg">Register a new membership</p>
|
||||
<form action="../index3.html" method="post">
|
||||
<div class="input-group mb-1">
|
||||
<div class="form-floating">
|
||||
<input id="registerFullName" type="text" class="form-control" placeholder="" />
|
||||
<label for="registerFullName">Full Name</label>
|
||||
</div>
|
||||
<div class="input-group-text"><span class="bi bi-person"></span></div>
|
||||
</div>
|
||||
<div class="input-group mb-1">
|
||||
<div class="form-floating">
|
||||
<input id="registerEmail" type="email" class="form-control" placeholder="" />
|
||||
<label for="registerEmail">Email</label>
|
||||
</div>
|
||||
<div class="input-group-text"><span class="bi bi-envelope"></span></div>
|
||||
</div>
|
||||
<div class="input-group mb-1">
|
||||
<div class="form-floating">
|
||||
<input id="registerPassword" type="password" class="form-control" placeholder="" />
|
||||
<label for="registerPassword">Password</label>
|
||||
</div>
|
||||
<div class="input-group-text"><span class="bi bi-lock-fill"></span></div>
|
||||
</div>
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-8 d-inline-flex align-items-center">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" />
|
||||
<label class="form-check-label" for="flexCheckDefault">
|
||||
I agree to the <a href="#">terms</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-4">
|
||||
<div class="d-grid gap-2">
|
||||
<button type="submit" class="btn btn-primary">Sign In</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</form>
|
||||
<div class="social-auth-links text-center mb-3 d-grid gap-2">
|
||||
<p>- OR -</p>
|
||||
<a href="#" class="btn btn-primary">
|
||||
<i class="bi bi-facebook me-2"></i> Sign in using Facebook
|
||||
</a>
|
||||
<a href="#" class="btn btn-danger">
|
||||
<i class="bi bi-google me-2"></i> Sign in using Google+
|
||||
</a>
|
||||
</div>
|
||||
<!-- /.social-auth-links -->
|
||||
<p class="mb-0">
|
||||
<a href="login.html" class="link-primary text-center"> I already have a membership </a>
|
||||
</p>
|
||||
</div>
|
||||
<!-- /.register-card-body -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.register-box -->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
155
static/admin-lte/dist/pages/examples/register.html
vendored
|
|
@ -1,155 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Register Page</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Register Page" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="register-page bg-body-secondary">
|
||||
<div class="register-box">
|
||||
<div class="register-logo">
|
||||
<a href="../index2.html"><b>Admin</b>LTE</a>
|
||||
</div>
|
||||
<!-- /.register-logo -->
|
||||
<div class="card">
|
||||
<div class="card-body register-card-body">
|
||||
<p class="register-box-msg">Register a new membership</p>
|
||||
<form action="../index3.html" method="post">
|
||||
<div class="input-group mb-3">
|
||||
<input type="text" class="form-control" placeholder="Full Name" />
|
||||
<div class="input-group-text"><span class="bi bi-person"></span></div>
|
||||
</div>
|
||||
<div class="input-group mb-3">
|
||||
<input type="email" class="form-control" placeholder="Email" />
|
||||
<div class="input-group-text"><span class="bi bi-envelope"></span></div>
|
||||
</div>
|
||||
<div class="input-group mb-3">
|
||||
<input type="password" class="form-control" placeholder="Password" />
|
||||
<div class="input-group-text"><span class="bi bi-lock-fill"></span></div>
|
||||
</div>
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" />
|
||||
<label class="form-check-label" for="flexCheckDefault">
|
||||
I agree to the <a href="#">terms</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
<div class="col-4">
|
||||
<div class="d-grid gap-2">
|
||||
<button type="submit" class="btn btn-primary">Sign In</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</form>
|
||||
<div class="social-auth-links text-center mb-3 d-grid gap-2">
|
||||
<p>- OR -</p>
|
||||
<a href="#" class="btn btn-primary">
|
||||
<i class="bi bi-facebook me-2"></i> Sign in using Facebook
|
||||
</a>
|
||||
<a href="#" class="btn btn-danger">
|
||||
<i class="bi bi-google me-2"></i> Sign in using Google+
|
||||
</a>
|
||||
</div>
|
||||
<!-- /.social-auth-links -->
|
||||
<p class="mb-0">
|
||||
<a href="login.html" class="text-center"> I already have a membership </a>
|
||||
</p>
|
||||
</div>
|
||||
<!-- /.register-card-body -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.register-box -->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
1233
static/admin-lte/dist/pages/forms/general.html
vendored
737
static/admin-lte/dist/pages/generate/theme.html
vendored
|
|
@ -1,737 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Theme Customize</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Theme Customize" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-primary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--begin::App Main-->
|
||||
<main class="app-main">
|
||||
<!--begin::App Content Header-->
|
||||
<div class="app-content-header">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<!--begin::Col-->
|
||||
<div class="col-sm-6"><h3 class="mb-0">Theme Customize</h3></div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Theme Customize</li>
|
||||
</ol>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
<!--begin::App Content-->
|
||||
<div class="app-content">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<!--begin::Col-->
|
||||
<div class="col-12">
|
||||
<!--begin::Card-->
|
||||
<div class="card">
|
||||
<!--begin::Card Header-->
|
||||
<div class="card-header">
|
||||
<!--begin::Card Title-->
|
||||
<h3 class="card-title">Sidebar Theme</h3>
|
||||
<!--end::Card Title-->
|
||||
<!--begin::Card Toolbar-->
|
||||
<div class="card-tools">
|
||||
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
|
||||
<i data-lte-icon="expand" class="bi bi-plus-lg"></i>
|
||||
<i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-tool"
|
||||
data-lte-toggle="card-remove"
|
||||
title="Remove"
|
||||
>
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Card Toolbar-->
|
||||
</div>
|
||||
<!--end::Card Header-->
|
||||
<!--begin::Card Body-->
|
||||
<div class="card-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-3">
|
||||
<select
|
||||
id="sidebar-color-modes"
|
||||
class="form-select form-select-lg"
|
||||
aria-label="Sidebar Color Mode Select"
|
||||
>
|
||||
<option value="">---Select---</option>
|
||||
<option value="dark">Dark</option>
|
||||
<option value="light">Light</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-3">
|
||||
<select
|
||||
id="sidebar-color"
|
||||
class="form-select form-select-lg"
|
||||
aria-label="Sidebar Color Select"
|
||||
>
|
||||
<option value="">---Select---</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6"><div id="sidebar-color-code" class="w-100"></div></div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Card Body-->
|
||||
<!--begin::Card Footer-->
|
||||
<div class="card-footer">
|
||||
Check more color in
|
||||
<a
|
||||
href="https://getbootstrap.com/docs/5.3/utilities/background/"
|
||||
target="_blank"
|
||||
class="link-primary"
|
||||
>Bootstrap Background Colors</a
|
||||
>
|
||||
</div>
|
||||
<!--end::Card Footer-->
|
||||
</div>
|
||||
<!--end::Card-->
|
||||
<!--begin::Card-->
|
||||
<div class="card mt-4">
|
||||
<!--begin::Card Header-->
|
||||
<div class="card-header">
|
||||
<!--begin::Card Title-->
|
||||
<h3 class="card-title">Navbar Theme</h3>
|
||||
<!--end::Card Title-->
|
||||
<!--begin::Card Toolbar-->
|
||||
<div class="card-tools">
|
||||
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
|
||||
<i data-lte-icon="expand" class="bi bi-plus-lg"></i>
|
||||
<i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-tool"
|
||||
data-lte-toggle="card-remove"
|
||||
title="Remove"
|
||||
>
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
<!--end::Card Toolbar-->
|
||||
</div>
|
||||
<!--end::Card Header-->
|
||||
<!--begin::Card Body-->
|
||||
<div class="card-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-3">
|
||||
<select
|
||||
id="navbar-color-modes"
|
||||
class="form-select form-select-lg"
|
||||
aria-label="Navbar Color Mode Select"
|
||||
>
|
||||
<option value="">---Select---</option>
|
||||
<option value="dark">Dark</option>
|
||||
<option value="light">Light</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-3">
|
||||
<select
|
||||
id="navbar-color"
|
||||
class="form-select form-select-lg"
|
||||
aria-label="Navbar Color Select"
|
||||
>
|
||||
<option value="">---Select---</option>
|
||||
</select>
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
<!--begin::Col-->
|
||||
<div class="col-md-6"><div id="navbar-color-code" class="w-100"></div></div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Card Body-->
|
||||
<!--begin::Card Footer-->
|
||||
<div class="card-footer">
|
||||
Check more color in
|
||||
<a
|
||||
href="https://getbootstrap.com/docs/5.3/utilities/background/"
|
||||
target="_blank"
|
||||
class="link-primary"
|
||||
>Bootstrap Background Colors</a
|
||||
>
|
||||
</div>
|
||||
<!--end::Card Footer-->
|
||||
</div>
|
||||
<!--end::Card-->
|
||||
</div>
|
||||
<!--end::Col-->
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const appSidebar = document.querySelector('.app-sidebar');
|
||||
const sidebarColorModes = document.querySelector('#sidebar-color-modes');
|
||||
const sidebarColor = document.querySelector('#sidebar-color');
|
||||
const sidebarColorCode = document.querySelector('#sidebar-color-code');
|
||||
|
||||
const themeBg = [
|
||||
'bg-primary',
|
||||
'bg-primary-subtle',
|
||||
'bg-secondary',
|
||||
'bg-secondary-subtle',
|
||||
'bg-success',
|
||||
'bg-success-subtle',
|
||||
'bg-danger',
|
||||
'bg-danger-subtle',
|
||||
'bg-warning',
|
||||
'bg-warning-subtle',
|
||||
'bg-info',
|
||||
'bg-info-subtle',
|
||||
'bg-light',
|
||||
'bg-light-subtle',
|
||||
'bg-dark',
|
||||
'bg-dark-subtle',
|
||||
'bg-body-secondary',
|
||||
'bg-body-tertiary',
|
||||
'bg-body',
|
||||
'bg-black',
|
||||
'bg-white',
|
||||
'bg-transparent',
|
||||
];
|
||||
|
||||
// loop through each option themeBg array
|
||||
document.querySelector('#sidebar-color').innerHTML = themeBg.map((bg) => {
|
||||
// return option element with value and text
|
||||
return `<option value="${bg}" class="text-${bg}">${bg}</option>`;
|
||||
});
|
||||
|
||||
let sidebarColorMode = '';
|
||||
let sidebarBg = '';
|
||||
|
||||
function updateSidebar() {
|
||||
appSidebar.setAttribute('data-bs-theme', sidebarColorMode);
|
||||
|
||||
sidebarColorCode.innerHTML = `<pre><code class="language-html"><aside class="app-sidebar ${sidebarBg}" data-bs-theme="${sidebarColorMode}">...</aside></code></pre>`;
|
||||
}
|
||||
|
||||
sidebarColorModes.addEventListener('input', (event) => {
|
||||
sidebarColorMode = event.target.value;
|
||||
updateSidebar();
|
||||
});
|
||||
|
||||
sidebarColor.addEventListener('input', (event) => {
|
||||
sidebarBg = event.target.value;
|
||||
|
||||
themeBg.forEach((className) => {
|
||||
appSidebar.classList.remove(className);
|
||||
});
|
||||
|
||||
if (themeBg.includes(sidebarBg)) {
|
||||
appSidebar.classList.add(sidebarBg);
|
||||
}
|
||||
|
||||
updateSidebar();
|
||||
});
|
||||
});
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const appNavbar = document.querySelector('.app-header');
|
||||
const navbarColorModes = document.querySelector('#navbar-color-modes');
|
||||
const navbarColor = document.querySelector('#navbar-color');
|
||||
const navbarColorCode = document.querySelector('#navbar-color-code');
|
||||
|
||||
const themeBg = [
|
||||
'bg-primary',
|
||||
'bg-primary-subtle',
|
||||
'bg-secondary',
|
||||
'bg-secondary-subtle',
|
||||
'bg-success',
|
||||
'bg-success-subtle',
|
||||
'bg-danger',
|
||||
'bg-danger-subtle',
|
||||
'bg-warning',
|
||||
'bg-warning-subtle',
|
||||
'bg-info',
|
||||
'bg-info-subtle',
|
||||
'bg-light',
|
||||
'bg-light-subtle',
|
||||
'bg-dark',
|
||||
'bg-dark-subtle',
|
||||
'bg-body-secondary',
|
||||
'bg-body-tertiary',
|
||||
'bg-body',
|
||||
'bg-black',
|
||||
'bg-white',
|
||||
'bg-transparent',
|
||||
];
|
||||
|
||||
// loop through each option themeBg array
|
||||
document.querySelector('#navbar-color').innerHTML = themeBg.map((bg) => {
|
||||
// return option element with value and text
|
||||
return `<option value="${bg}" class="text-${bg}">${bg}</option>`;
|
||||
});
|
||||
|
||||
let navbarColorMode = '';
|
||||
let navbarBg = '';
|
||||
|
||||
function updateNavbar() {
|
||||
appNavbar.setAttribute('data-bs-theme', navbarColorMode);
|
||||
navbarColorCode.innerHTML = `<pre><code class="language-html"><nav class="app-header navbar navbar-expand ${navbarBg}" data-bs-theme="${navbarColorMode}">...</nav></code></pre>`;
|
||||
}
|
||||
|
||||
navbarColorModes.addEventListener('input', (event) => {
|
||||
navbarColorMode = event.target.value;
|
||||
updateNavbar();
|
||||
});
|
||||
|
||||
navbarColor.addEventListener('input', (event) => {
|
||||
navbarBg = event.target.value;
|
||||
|
||||
themeBg.forEach((className) => {
|
||||
appNavbar.classList.remove(className);
|
||||
});
|
||||
|
||||
if (themeBg.includes(navbarBg)) {
|
||||
appNavbar.classList.add(navbarBg);
|
||||
}
|
||||
|
||||
updateNavbar();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
1424
static/admin-lte/dist/pages/index.html
vendored
1884
static/admin-lte/dist/pages/index2.html
vendored
1191
static/admin-lte/dist/pages/index3.html
vendored
|
|
@ -1,830 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Sidebar Mini</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Sidebar Mini" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-mini sidebar-collapse bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--begin::App Main-->
|
||||
<main class="app-main">
|
||||
<!--begin::App Content Header-->
|
||||
<div class="app-content-header">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-sm-6"><h3 class="mb-0">Collapsed Sidebar</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Collapsed Sidebar</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
<!--begin::App Content-->
|
||||
<div class="app-content">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<!-- Default box -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Title</h3>
|
||||
<div class="card-tools">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-tool"
|
||||
data-lte-toggle="card-collapse"
|
||||
title="Collapse"
|
||||
>
|
||||
<i data-lte-icon="expand" class="bi bi-plus-lg"></i>
|
||||
<i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-tool"
|
||||
data-lte-toggle="card-remove"
|
||||
title="Remove"
|
||||
>
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">Start creating your amazing application!</div>
|
||||
<!-- /.card-body -->
|
||||
<div class="card-footer">Footer</div>
|
||||
<!-- /.card-footer-->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||
|
|
@ -1,830 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!--begin::Head-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>AdminLTE 4 | Fixed Sidebar</title>
|
||||
<!--begin::Primary Meta Tags-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="title" content="AdminLTE 4 | Fixed Sidebar" />
|
||||
<meta name="author" content="ColorlibHQ" />
|
||||
<meta
|
||||
name="description"
|
||||
content="AdminLTE is a Free Bootstrap 5 Admin Dashboard, 30 example pages using Vanilla JS."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard"
|
||||
/>
|
||||
<!--end::Primary Meta Tags-->
|
||||
<!--begin::Fonts-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@fontsource/source-sans-3@5.0.12/index.css"
|
||||
integrity="sha256-tXJfXfp6Ewt1ilPzLDtQnJV4hclT9XuaZUKyUvmyr+Q="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Fonts-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/styles/overlayscrollbars.min.css"
|
||||
integrity="sha256-tZHrRjVqNSRyWg2wbppGnT833E/Ys0DHWGwT04GiqQg="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)-->
|
||||
<!--begin::Third Party Plugin(Bootstrap Icons)-->
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||
integrity="sha256-9kPW/n5nn53j4WMRYAxe9c1rCY96Oogo/MKSVdKzPmI="
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<!--end::Third Party Plugin(Bootstrap Icons)-->
|
||||
<!--begin::Required Plugin(AdminLTE)-->
|
||||
<link rel="stylesheet" href="../../../dist/css/adminlte.css" />
|
||||
<!--end::Required Plugin(AdminLTE)-->
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<!--begin::Header-->
|
||||
<nav class="app-header navbar navbar-expand bg-body">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Start Navbar Links-->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
|
||||
<i class="bi bi-list"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Home</a></li>
|
||||
<li class="nav-item d-none d-md-block"><a href="#" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
<!--end::Start Navbar Links-->
|
||||
<!--begin::End Navbar Links-->
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<!--begin::Navbar Search-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
|
||||
<i class="bi bi-search"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Navbar Search-->
|
||||
<!--begin::Messages Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-chat-text"></i>
|
||||
<span class="navbar-badge badge text-bg-danger">3</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Brad Diesel
|
||||
<span class="float-end fs-7 text-danger"
|
||||
><i class="bi bi-star-fill"></i
|
||||
></span>
|
||||
</h3>
|
||||
<p class="fs-7">Call me whenever you can...</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
John Pierce
|
||||
<span class="float-end fs-7 text-secondary">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">I got your message bro</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<!--begin::Message-->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src="../../../dist/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h3 class="dropdown-item-title">
|
||||
Nora Silvester
|
||||
<span class="float-end fs-7 text-warning">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</span>
|
||||
</h3>
|
||||
<p class="fs-7">The subject goes here</p>
|
||||
<p class="fs-7 text-secondary">
|
||||
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Message-->
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Messages Dropdown Menu-->
|
||||
<!--begin::Notifications Dropdown Menu-->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link" data-bs-toggle="dropdown" href="#">
|
||||
<i class="bi bi-bell-fill"></i>
|
||||
<span class="navbar-badge badge text-bg-warning">15</span>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<span class="dropdown-item dropdown-header">15 Notifications</span>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-envelope me-2"></i> 4 new messages
|
||||
<span class="float-end text-secondary fs-7">3 mins</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-people-fill me-2"></i> 8 friend requests
|
||||
<span class="float-end text-secondary fs-7">12 hours</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">
|
||||
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
|
||||
<span class="float-end text-secondary fs-7">2 days</span>
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item dropdown-footer"> See All Notifications </a>
|
||||
</div>
|
||||
</li>
|
||||
<!--end::Notifications Dropdown Menu-->
|
||||
<!--begin::Fullscreen Toggle-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" data-lte-toggle="fullscreen">
|
||||
<i data-lte-icon="maximize" class="bi bi-arrows-fullscreen"></i>
|
||||
<i data-lte-icon="minimize" class="bi bi-fullscreen-exit" style="display: none"></i>
|
||||
</a>
|
||||
</li>
|
||||
<!--end::Fullscreen Toggle-->
|
||||
<!--begin::User Menu Dropdown-->
|
||||
<li class="nav-item dropdown user-menu">
|
||||
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<span class="d-none d-md-inline">Alexander Pierce</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
|
||||
<!--begin::User Image-->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src="../../../dist/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
<p>
|
||||
Alexander Pierce - Web Developer
|
||||
<small>Member since Nov. 2023</small>
|
||||
</p>
|
||||
</li>
|
||||
<!--end::User Image-->
|
||||
<!--begin::Menu Body-->
|
||||
<li class="user-body">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-4 text-center"><a href="#">Followers</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Sales</a></div>
|
||||
<div class="col-4 text-center"><a href="#">Friends</a></div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</li>
|
||||
<!--end::Menu Body-->
|
||||
<!--begin::Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
||||
<a href="#" class="btn btn-default btn-flat float-end">Sign out</a>
|
||||
</li>
|
||||
<!--end::Menu Footer-->
|
||||
</ul>
|
||||
</li>
|
||||
<!--end::User Menu Dropdown-->
|
||||
</ul>
|
||||
<!--end::End Navbar Links-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</nav>
|
||||
<!--end::Header-->
|
||||
<!--begin::Sidebar-->
|
||||
<aside class="app-sidebar bg-body-secondary shadow" data-bs-theme="dark">
|
||||
<!--begin::Sidebar Brand-->
|
||||
<div class="sidebar-brand">
|
||||
<!--begin::Brand Link-->
|
||||
<a href="../index.html" class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src="../../../dist/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image-->
|
||||
<!--begin::Brand Text-->
|
||||
<span class="brand-text fw-light">AdminLTE 4</span>
|
||||
<!--end::Brand Text-->
|
||||
</a>
|
||||
<!--end::Brand Link-->
|
||||
</div>
|
||||
<!--end::Sidebar Brand-->
|
||||
<!--begin::Sidebar Wrapper-->
|
||||
<div class="sidebar-wrapper">
|
||||
<nav class="mt-2">
|
||||
<!--begin::Sidebar Menu-->
|
||||
<ul
|
||||
class="nav sidebar-menu flex-column"
|
||||
data-lte-toggle="treeview"
|
||||
role="menu"
|
||||
data-accordion="false"
|
||||
>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-speedometer"></i>
|
||||
<p>
|
||||
Dashboard
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../index.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../index3.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Dashboard v3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../generate/theme.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-palette"></i>
|
||||
<p>Theme Generate</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-seam-fill"></i>
|
||||
<p>
|
||||
Widgets
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/small-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Small Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/info-box.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>info Box</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../widgets/cards.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Cards</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item menu-open">
|
||||
<a href="#" class="nav-link active">
|
||||
<i class="nav-icon bi bi-clipboard-fill"></i>
|
||||
<p>
|
||||
Layout Options
|
||||
<span class="nav-badge badge text-bg-secondary me-3">6</span>
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../layout/unfixed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Default Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/fixed-sidebar.html" class="nav-link active">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Fixed Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-custom-area.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout <small>+ Custom Area </small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/sidebar-mini.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/collapsed-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Collapsed</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/logo-switch.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Sidebar Mini <small>+ Logo Switch</small></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../layout/layout-rtl.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Layout RTL</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-tree-fill"></i>
|
||||
<p>
|
||||
UI Elements
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../UI/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/icons.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Icons</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../UI/timeline.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Timeline</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-pencil-square"></i>
|
||||
<p>
|
||||
Forms
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../forms/general.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>General Elements</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-table"></i>
|
||||
<p>
|
||||
Tables
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../tables/simple.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Simple Tables</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">EXAMPLES</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Auth
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-box-arrow-in-right"></i>
|
||||
<p>
|
||||
Version 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../examples/login-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Login</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/register-v2.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Register</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../examples/lockscreen.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Lockscreen</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-header">DOCUMENTATIONS</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/introduction.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-download"></i>
|
||||
<p>Installation</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/layout.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-grip-horizontal"></i>
|
||||
<p>Layout</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/color-mode.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-star-half"></i>
|
||||
<p>Color Mode</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-ui-checks-grid"></i>
|
||||
<p>
|
||||
Components
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-header.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Header</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/components/main-sidebar.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Main Sidebar</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-filetype-js"></i>
|
||||
<p>
|
||||
Javascript
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/javascript/treeview.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Treeview</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/browser-support.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-browser-edge"></i>
|
||||
<p>Browser Support</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/how-to-contribute.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-hand-thumbs-up-fill"></i>
|
||||
<p>How To Contribute</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/faq.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-question-circle-fill"></i>
|
||||
<p>FAQ</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/license.html" class="nav-link">
|
||||
<i class="nav-icon bi bi-patch-check-fill"></i>
|
||||
<p>License</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>
|
||||
Level 1
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>
|
||||
Level 2
|
||||
<i class="nav-arrow bi bi-chevron-right"></i>
|
||||
</p>
|
||||
</a>
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-record-circle-fill"></i>
|
||||
<p>Level 3</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle"></i>
|
||||
<p>Level 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle-fill"></i>
|
||||
<p>Level 1</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-header">LABELS</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-danger"></i>
|
||||
<p class="text">Important</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-warning"></i>
|
||||
<p>Warning</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#" class="nav-link">
|
||||
<i class="nav-icon bi bi-circle text-info"></i>
|
||||
<p>Informational</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--end::Sidebar Menu-->
|
||||
</nav>
|
||||
</div>
|
||||
<!--end::Sidebar Wrapper-->
|
||||
</aside>
|
||||
<!--end::Sidebar-->
|
||||
<!--begin::App Main-->
|
||||
<main class="app-main">
|
||||
<!--begin::App Content Header-->
|
||||
<div class="app-content-header">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-sm-6"><h3 class="mb-0">Fixed Layout</h3></div>
|
||||
<div class="col-sm-6">
|
||||
<ol class="breadcrumb float-sm-end">
|
||||
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Fixed Layout</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content Header-->
|
||||
<!--begin::App Content-->
|
||||
<div class="app-content">
|
||||
<!--begin::Container-->
|
||||
<div class="container-fluid">
|
||||
<!--begin::Row-->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<!-- Default box -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Title</h3>
|
||||
<div class="card-tools">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-tool"
|
||||
data-lte-toggle="card-collapse"
|
||||
title="Collapse"
|
||||
>
|
||||
<i data-lte-icon="expand" class="bi bi-plus-lg"></i>
|
||||
<i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-tool"
|
||||
data-lte-toggle="card-remove"
|
||||
title="Remove"
|
||||
>
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">Start creating your amazing application!</div>
|
||||
<!-- /.card-body -->
|
||||
<div class="card-footer">Footer</div>
|
||||
<!-- /.card-footer-->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
</div>
|
||||
<!--end::Row-->
|
||||
</div>
|
||||
<!--end::Container-->
|
||||
</div>
|
||||
<!--end::App Content-->
|
||||
</main>
|
||||
<!--end::App Main-->
|
||||
<!--begin::Footer-->
|
||||
<footer class="app-footer">
|
||||
<!--begin::To the end-->
|
||||
<div class="float-end d-none d-sm-inline">Anything you want</div>
|
||||
<!--end::To the end-->
|
||||
<!--begin::Copyright-->
|
||||
<strong>
|
||||
Copyright © 2014-2024
|
||||
<a href="https://adminlte.io" class="text-decoration-none">AdminLTE.io</a>.
|
||||
</strong>
|
||||
All rights reserved.
|
||||
<!--end::Copyright-->
|
||||
</footer>
|
||||
<!--end::Footer-->
|
||||
</div>
|
||||
<!--end::App Wrapper-->
|
||||
<!--begin::Script-->
|
||||
<!--begin::Third Party Plugin(OverlayScrollbars)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.10.1/browser/overlayscrollbars.browser.es6.min.js"
|
||||
integrity="sha256-dghWARbRe2eLlIJ56wNB+b760ywulqK3DzZYEpsg2fQ="
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Third Party Plugin(OverlayScrollbars)--><!--begin::Required Plugin(popperjs for Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
|
||||
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(popperjs for Bootstrap 5)--><!--begin::Required Plugin(Bootstrap 5)-->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
<!--end::Required Plugin(Bootstrap 5)--><!--begin::Required Plugin(AdminLTE)-->
|
||||
<script src="../../../dist/js/adminlte.js"></script>
|
||||
<!--end::Required Plugin(AdminLTE)--><!--begin::OverlayScrollbars Configure-->
|
||||
<script>
|
||||
const SELECTOR_SIDEBAR_WRAPPER = '.sidebar-wrapper';
|
||||
const Default = {
|
||||
scrollbarTheme: 'os-theme-light',
|
||||
scrollbarAutoHide: 'leave',
|
||||
scrollbarClickScroll: true,
|
||||
};
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const sidebarWrapper = document.querySelector(SELECTOR_SIDEBAR_WRAPPER);
|
||||
if (sidebarWrapper && typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
|
||||
OverlayScrollbarsGlobal.OverlayScrollbars(sidebarWrapper, {
|
||||
scrollbars: {
|
||||
theme: Default.scrollbarTheme,
|
||||
autoHide: Default.scrollbarAutoHide,
|
||||
clickScroll: Default.scrollbarClickScroll,
|
||||
},
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<!--end::OverlayScrollbars Configure-->
|
||||
<!--end::Script-->
|
||||
</body>
|
||||
<!--end::Body-->
|
||||
</html>
|
||||