how install Adminator-admin-dashboard

[puikinsh]

how install Adminator-admin-dashboard

[HenriqueAssreuy]

How do i implement this on a asp.net mvc project?

[Markuz1995]

Hello could you guide me how to implement the template in angular 8 or an example to consult?

[AlanJinqs]

@kossa Thanks a lot :-)

[danielpettifer]

Have finally got working.

Steps:
1 delete node_modules folder
2 $ npm install
3 $ npm run build
3.1 Fix all errors for dependencies that show up (from what I can see people are experiencing different issues here). Everything should show up green when all errors are fixed and you run $ npm build
4 $ webpack-dev-server --no-inline

[achilles03anil]

How do i implement this on a asp.net mvc project?

[cristinakity]

How do i implement this on a asp.net mvc project?

How to get it in Angular project?

[jeffersonor900]

[kossa]

In your URL I see that you try to load the file directly from the folder, instead you have to deploy, and then launch the server(the urls are absolute not relative)

run : npm run build and open a server under the build folder

[AlanJinqs]

@kossa Yep, I can run it through npm run build. But how can I deploy it to my server(With NGINX)? Which libraries are dependent?

[joseblanco77]

I run npm run build command, but it freezes after next lines:

I can get a compiled version? I don't want to use Admin LTE (ugly) or sb-admin (too simple) anymore.

[kossa]

@AlanJinqs you can upload only the build folder to your server

Otherwise the best way is to build and link your server directly to build folder

@joseblanco77 may be problem with node version

[joseblanco77]

@kossa thank you but it doesn't work. I just update my node from v6.11.3 to v9.2.1

Then I run the npm install and npm run build and still freezing at the same point.

[kossa]

@joseblanco77, got to top of command window you'll see the error

something like :

For me it's freezing too, but I opened new window I launched a server and it everything works fine

[AlanJinqs]

@kossa Thanks, but when I upload the build folder to my server, I can't load the CSS styles...It's same as load the src folder directly...

[kossa]

Point your server to directly to build folder, bcz the link to css are absolute ;)

[rahmatputrawiranata]

i just try to build somethink adminator but when i try using npm run dev this think happen to me

[rsagie]

Hi @rahmatputrawiranata I got the same error as you (happens on windows machines)
I resolved it with this:
open up a new cmd as administrator and run this command:
npm install --global --production windows-build-tools

Found the solution at chjj/pty.js#60

[AndreiCN]

@jeffersonor900 does any of this solutions worked for you ?

[AndreiCN]

After "npm run dev" , load it on the server created by webpack "http://localhost:3000/index.html" and will work for sure, not just "http://0.0.0.0:3000/" or "http://127.0.0.1:3000" they are the same thing.

[w33haa2]

how do i implement this on a laravel-based project??

[kossa]

Already done : https://github.com/kossa/laradminator

[rsuregar]

how to I add another plugin like select2.js? thank for advance

[kossa]

Here is an example for sweetalert 2

https://github.com/kossa/laradminator/blob/master/resources/assets/js/bootstrap.js#L37
https://github.com/kossa/laradminator/blob/master/resources/assets/js/sweetalert2/index.js

[Mrgove10]

How do i implement this on a asp.net mvc project?

[abhijeetc50]

How to add a new page?

[Kukunin]

Instead of forking and modifying the project itself, it'd be cool to have an option to use it as dependency:

yarn add adminator

in css file

@import "adminator/src/assets/styles/index.scss"

in js flie

import "adminator/src/assets/scripts/index";

[Kukunin]

Just in case someone has googled this issue.

Successfully ran adminator on Phoenix framework (Elixir) with the following webpack 4:

My package.json dependencies:

{
  "dependencies": {
    "adminator": "https://github.com/puikinsh/Adminator-admin-dashboard.git",
    "phoenix": "file:../deps/phoenix",
    "phoenix_html": "file:../deps/phoenix_html"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "babel-loader": "^8.0.0",
    "copy-webpack-plugin": "^4.5.0",
    "css-loader": "^2.1.1",
    "mini-css-extract-plugin": "^0.4.0",
    "node-sass": "^4.12.0",
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    "sass-loader": "^7.1.0",
    "uglifyjs-webpack-plugin": "^1.2.4",
    "webpack": "4.4.0",
    "webpack-cli": "^3.3.2"
  }
}

webpack.config.js:

const path = require('path');
const glob = require('glob');
const webpack = require('webpack');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');

module.exports = (env, options) => ({
  optimization: {
    minimizer: [
      new UglifyJsPlugin({ cache: true, parallel: true, sourceMap: false }),
      new OptimizeCSSAssetsPlugin({})
    ]
  },
  entry: {
      './js/app.js': ['./js/app.js'].concat(glob.sync('./vendor/**/*.js'))
  },
  output: {
    filename: 'app.js',
    path: path.resolve(__dirname, '../priv/static/js')
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader'
        }
      },
      {
        test: /\.css$/,
        use: [MiniCssExtractPlugin.loader, 'css-loader']
      },
      {
        test: /\.scss$/,
        use: [
            MiniCssExtractPlugin.loader,
            "css-loader",
            "sass-loader"
        ]
      },
      {
        test: /\.(eot|svg|ttf|woff|woff2)$/,
        exclude: /node_modules\/(?!(adminator)\/).*/,
        use: [
          {
            loader: 'file-loader',
            options: {
              name: '../css/[name].[ext]'
            }
          }
        ],
      }
    ]
  },
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      'window.jQuery': 'jquery',
      Popper: ['popper.js', 'default'],
    }),
    new MiniCssExtractPlugin({ filename: '../css/app.css' }),
    new CopyWebpackPlugin([{ from: 'static/', to: '../' }])
  ]
});

and a single line in app.js:

import "adminator/src/assets/scripts/index";

[byron-perez]

Is it possible to add adminator to an existing laravel project?

[joseblanco77]

Of course!! Just make a blade template with it!! El mar., 30 de jul. de 2019 19:34, Byron Pérez <[email protected]> escribió:

…

Is it possible to add adminator to an existing laravel project? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#12?email_source=notifications&email_token=AGI5VXLFV35CSIRSVNDVQJDQCDTYXA5CNFSM4EIPUEDKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD3FZAYA#issuecomment-516657248>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AGI5VXKHMGQWIP5V4WDNTSDQCDTYXANCNFSM4EIPUEDA> .