erdkse / adminlte-3-vue Goto Github PK

first, thank you for the work

browser size 900 X 1217
(helper.ts in calculateWindowSize function return value 'sm')
default sidebar is hidden
and toggle button click -> sidebar is showing

clicking on content area Sidebar doesn't disappear

please tell me how to fix it

How to use this repository with laravel?

Great work so far @erdkse,
It would be nice the template can have a dark mode toggle as shown in the screenshot below from the base template.

Hallo,

I can't find it anywhere

Toggle device toolbar for iPhone 5/SE (320x568)

in adminlte.io example by click dropdown-menu ... is added style -> style="left: inherit; right: -113px;"

in erdkse/adminlte-3-vue by click dropdown-menu ... do not add none style

[eslint] Failed to load plugin '@typescript-eslint' declared in '.eslintrc.js » @vue/eslint-config-typescript/recommended » /Users/rafa/Documents/tech/github/adminlte-3-vue/node_modules/@vue/eslint-config-typescript/index.js': Cannot find module 'eslint/use-at-your-own-risk'

hey it's me again

I found the problem again

original adminlte3

your source

css class .content-wrapper>.content not working

I think the solution is this

index.scss line 12 delete

#app {
    width: 100vw; <- this 
    height: 100vh;
}

Or Do you have any ideas for a solution?

Are there more page examples? I want to learn it, say load a list of data.

Hello, it is me again.
sorry if I have many requests from you.
How I can make a dynamic sidebar menu depend on the user's permissions?

npm install
npm WARN deprecated [email protected]: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: request has been deprecated, see request/request#3142
npm WARN deprecated [email protected]: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
npm WARN deprecated [email protected]: The project has been renamed to flag-icons
npm WARN deprecated [email protected]: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.

Luego de esto se realiza una limpieza y borra la carpeta de modulos node.

npm WARN cleanup Failed to remove some directories [
npm WARN cleanup [
npm WARN cleanup [app_dir]\vue\node_modules\admin-lte',
npm WARN cleanup [Error: EBUSY: resource busy or locked, rmdir '[app_dir]\vue\node_modules\admin-lte'] {
npm WARN cleanup errno: -4082,
npm WARN cleanup code: 'EBUSY',
npm WARN cleanup syscall: 'rmdir',
npm WARN cleanup path: [app_dir]\vue\node_modules\admin-lte'
npm WARN cleanup }
npm WARN cleanup ]
npm WARN cleanup ]
npm ERR! code 1
npm ERR! path [app_dir]\vue\node_modules\node-sass
npm ERR! command failed

**Y luego por alguna razón intenta **

ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c C:\Users[user]\AppData\Local\Temp\postinstall-e6275bfd.cmd
npm ERR! Building: C:\Program Files\nodejs\node.exe [app_dir]\vue\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli 'C:\Program Files\nodejs\node.exe',
npm ERR! gyp verb cli '[app_dir]\vue\node_modules\node-gyp\bin\node-gyp.js',
npm ERR! gyp verb cli 'rebuild',
npm ERR! gyp verb cli '--verbose',
npm ERR! gyp verb cli '--libsass_ext=',
npm ERR! gyp verb cli '--libsass_cflags=',
npm ERR! gyp verb cli '--libsass_ldflags=',
npm ERR! gyp verb cli '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | win32 | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb find Python Python is not set from command line or npm configuration
npm ERR! gyp verb find Python Python is not set from environment variable PYTHON
npm ERR! gyp verb find Python checking if "python3" can be used
npm ERR! gyp verb find Python - executing "python3" to get executable path
npm ERR! gyp verb find Python - "python3" is not in PATH or produced an error
npm ERR! gyp verb find Python checking if "python" can be used
npm ERR! gyp verb find Python - executing "python" to get executable path
npm ERR! gyp verb find Python - executable path is "C:\Python311\python.exe"
npm ERR! gyp verb find Python - executing "C:\Python311\python.exe" to get version
npm ERR! gyp verb find Python - version is "3.11.0"
npm ERR! gyp info find Python using Python version 3.11.0 found at "C:\Python311\python.exe"
npm ERR! gyp verb get node dir no --target version specified, falling back to host node version: 18.12.1
npm ERR! gyp verb command install [ '18.12.1' ]
npm ERR! gyp verb install input version string "18.12.1"
npm ERR! gyp verb install installing version: 18.12.1
npm ERR! gyp verb install --ensure was passed, so won't reinstall if already installed
npm ERR! gyp verb install version is already installed, need to check "installVersion"
npm ERR! gyp verb got "installVersion" 9
npm ERR! gyp verb needs "installVersion" 9
npm ERR! gyp verb install version is good
npm ERR! gyp verb get node dir target node version installed: 18.12.1
npm ERR! gyp verb build dir attempting to create "build" dir: [app_dir]\vue\node_modules\node-sass\build
npm ERR! gyp verb build dir "build" dir needed to be created? Yes
npm ERR! gyp verb find VS msvs_version not set from command line or npm config
npm ERR! gyp verb find VS VCINSTALLDIR not set, not running in VS Command Prompt
npm ERR! gyp verb find VS could not use PowerShell to find Visual Studio 2017 or newer, try re-running with '--loglevel silly' for more details
npm ERR! gyp verb find VS looking for Visual Studio 2015
npm ERR! gyp verb find VS - not found
npm ERR! gyp verb find VS not looking for VS2013 as it is only supported up to Node.js 8
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! find VS msvs_version not set from command line or npm config
npm ERR! gyp ERR! find VS VCINSTALLDIR not set, not running in VS Command Prompt
npm ERR! gyp ERR! find VS could not use PowerShell to find Visual Studio 2017 or newer, try re-running with '--loglevel silly' for more details
npm ERR! gyp ERR! find VS looking for Visual Studio 2015
npm ERR! gyp ERR! find VS - not found
npm ERR! gyp ERR! find VS not looking for VS2013 as it is only supported up to Node.js 8
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! find VS **************************************************************
npm ERR! gyp ERR! find VS You need to install the latest version of Visual Studio
npm ERR! gyp ERR! find VS including the "Desktop development with C++" workload.
npm ERR! gyp ERR! find VS For more information consult the documentation at:
npm ERR! gyp ERR! find VS https://github.com/nodejs/node-gyp#on-windows
npm ERR! gyp ERR! find VS **************************************************************
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Could not find any Visual Studio installation to use
npm ERR! gyp ERR! stack at VisualStudioFinder.fail ([app_dir]\vue\node_modules\node-gyp\lib\find-visualstudio.js:122:47)
npm ERR! gyp ERR! stack at [app_dir]\vue\node_modules\node-gyp\lib\find-visualstudio.js:75:16
npm ERR! gyp ERR! stack at VisualStudioFinder.findVisualStudio2013 ([app_dir]\vue\node_modules\node-gyp\lib\find-visualstudio.js:363:14)
npm ERR! gyp ERR! stack at [app_dir]\vue\node_modules\node-gyp\lib\find-visualstudio.js:71:14
npm ERR! gyp ERR! stack at [app_dir]\vue\node_modules\node-gyp\lib\find-visualstudio.js:384:16
npm ERR! gyp ERR! stack at [app_dir]\vue\node_modules\node-gyp\lib\util.js:54:7
npm ERR! gyp ERR! stack at [app_dir]\vue\node_modules\node-gyp\lib\util.js:33:16
npm ERR! gyp ERR! stack at ChildProcess.exithandler (node:child_process:420:5)
npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:513:28)
npm ERR! gyp ERR! stack at maybeClose (node:internal/child_process:1091:16)
npm ERR! gyp ERR! stack at ChildProcess._handle.onexit (node:internal/child_process:302:5)
npm ERR! gyp ERR! System Windows_NT 10.0.22621
npm ERR! gyp ERR! command "C:\Program Files\nodejs\node.exe" "[app_dir]\vue\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd [app_dir]\vue\node_modules\node-sass
npm ERR! gyp ERR! node -v v18.12.1
npm ERR! gyp ERR! node-gyp -v v8.4.1
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

Y al final termina pidiendo que instale visual studio.
Ya antes he trabajado con VUE y esta es la primera vez que me da estos errores.

I changed the meta.requiresAuth: true to false to some routes in router/index.ts but still redirecting to /login

When I try to import 'v-tables-3', I got this error:

TypeError: app.component is not a function.

Please help me to resolve this problem.

I made
git clone ...
then
npm install
and after a while I got the error "cannot find module './util/root'"

I'm using npm version 7.23.0

https://github.com/erdkse/adminlte-3-vue/blob/9c586ff9f2bc6fa42f4237a871a0ef05610541c6/src/utils/oidc-providers.ts
has
client_id:
'whatlooksliketobeyourapiaccountidfor.google.com',
client_secret: 'thisislikelysomethingyoushouldnotsharewithothersorcommit',
i suggest removing or replaicing them with invalid creds... masked the original content for securititty

Navbar does not work properly in lower resolutions

The bug makes the web application unable to render the corresponding screen, but the url changes normally

PD: The bug only occurs in production, not in the development environment

Hi! I just started a new project using this setup. I wonder how do I call a component that requires Jquery in AdminLTE, such as Toasts? Thank you in advance

Hello, I'm very interested in your this repository.
can you add an example and documentation of how to create a CRUD page with this repo?
thanks.

Hi i just followed the tut npm install npm run serve and im getting blank page with no errors at all.

thank you

Hi,

Your project AdminLTE3 with vue is very nice, i like it.

I have a problem that I can't solve, I'm asking for your help.

After npm run build command, I tried call 'index.html' from 'dist' folder, but i got blank screen. Response is the next message: "We're sorry but this website doesn't work properly without JavaScript enabled. Please enable it to continue." (www.mysystem.hu/vrestaurant)

In the browser the JavaScript is enabled, application has no errors, it runs on my local webserver over bitnami port.

What could be the problem, can you help me?

Thank you very much!

Simon Gábor

if we have an API gateway self how to use this template?

first, thank you for the work, menu submenu dropdown is not working, is there a soluction?