Code Monkey home page Code Monkey logo

copilot's Introduction

CoPilot is a fully responsive admin template that is forked from AdminLTE. The difference here is that this repo is tailored to use with Vue.js. The UI is based on the Bootstrap 3 framework. Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops.

✈️️ Take it for a spin.

Build Status Build status

"CoPilot Screenshot"

In an attempt to keep the project clean I have not included every plugin/feature that AdminLTE offers. You simply need to add the plugin in the /static/js/plugin folder to include them or use npm. I've included the popular ones.

The structure of the app is scaffolded by vue-cli. Which is a simple CLI tool that setups our environment. CoPilot uses the webpack package. So we get a full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.

We leverage all the goodies that vue.js offers. Vue-Router for routing. Vue-Resource for AJAX calls. Vuex for state management. This project is using VueJS 2.0! Earlier versions can be found under the vue 1.0 branch.

I also recommend that you install vue-devtools for Chrome so that you can easily inspect that state of vue. vue-devtools

The data that is being pulled uses faker.js to make it dynamic. This is for demo purposes. Look for demo.* for information that is generated dynamically.

Installation

Installing CoPilot is easy.

Download:

Download from Github

Using The Command Line:

git clone https://github.com/misterGF/CoPilot.git

Build Setup

# install dependencies
sudo npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

Documentation

Depending on the component you are working on you should have the following links handy.

Information and tips about CoPilot can be found in the wiki.

Browser Support

  • IE 9+
  • Firefox (latest)
  • Chrome (latest)
  • Safari (latest)
  • Opera (latest)

Contribution

Contribution are always welcome and recommended! Here is how:

  • Fork the repository (here is the guide).
  • Clone to your machine git clone https://github.com/YOUR_USERNAME/CoPilot.git
  • Make your changes
  • Create a pull request

TODOS

The purpose of this project is to provide a full example of how to leverage Vue. If you find anything that can be Vue-ified please send me a PR.

License

CoPilot is an open source project by Gil Ferreira that is licensed under MIT.

Image Credits

Pixeden

Graphicsfuel

Pickaface

Unsplash

Uifaces

copilot's People

Contributors

01-scripts avatar 0xmatt avatar abaldwin88 avatar acris avatar albertofem avatar almasaeed2010 avatar bernhardreiter avatar bluemanos avatar dennis14e avatar euvl avatar freezy-sk avatar fschaeffer avatar gabel avatar ggallon avatar green-cat avatar iaesaudi avatar irfanevrens avatar johnberberich avatar lukechilds avatar maqnouch avatar masteradhoc avatar mistergf avatar namoshek avatar oriregev avatar pdesmarais avatar reinaris avatar schulzetenberg avatar seven1m avatar suvjunmd avatar teonivalois avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

copilot's Issues

jQuery - Best Practice within components?

The AdminLTE theme makes heavy use of jQuery.

It'd be nice to have access to $ and maybe even the included plugins (select2(), etc) within the global space. Do you have a preference or opinion on how to register each without including twice?

hideseek stop work

Hideseek didnt work after change routes

Example, I click "404" page then I click "Take me at home" and hideseek stop working

Test run FAILED

Tryed it today and Im getting:

npm run test

[email protected] test /home/xxxxxxxxxxxxx/Projetos/CoPilot
npm run unit && npm run e2e

[email protected] unit /home/rodrigo.laperuta/Projetos/CoPilot
cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run

31 01 2018 19:06:49.586:INFO [karma]: Karma v1.7.0 server started at http://0.0.0.0:9876/
31 01 2018 19:06:49.588:INFO [launcher]: Launching browser PhantomJS with unlimited concurrency
31 01 2018 19:06:49.619:INFO [launcher]: Starting browser PhantomJS
31 01 2018 19:06:52.518:INFO [PhantomJS 2.1.1 (Linux 0.0.0)]: Connected on socket 0MOT_IBd3Qf0ZN75AAAA with id 77696946
31 01 2018 19:06:52.845:WARN [web-server]: 404: /static/js/plugins/datatables/dataTables.bootstrap.css
PhantomJS 2.1.1 (Linux 0.0.0) ERROR
TypeError: undefined is not an object (evaluating 'DataTable.defaults')
at webpack:///~/datatables.net-bs/js/dataTables.bootstrap.js:47:0 <- index.js:71285

PhantomJS 2.1.1 (Linux 0.0.0): Executed 0 of 0 ERROR (0.723 secs / 0 secs)

PhantomJS 2.1.1 (Linux 0.0.0) INFO LOG: 'You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html'

Dashboard wiggles

If you resize the browser window (size desktop mode) to the point where the vertical scrollbar is going to appear or vanish, the browser enters a resizing loop and visually wiggles.
(tested on a desktop with Chromium 56.0.2924.76 and firefox 45.7.0)

Uncaught SyntaxError: Unexpected token import

For SOME reason, this project works on one PC but NOT on another. I have same versions of OS, node, npm on both.

Any idea why I get Uncaught SyntaxError: Unexpected token import when I launch the page? Thank You :)

Uncaught SyntaxError: Unexpected token import
    at Object.<anonymous> (app.js:1710)
    at __webpack_require__ (app.js:556)
    at fn (app.js:87)
    at eval (eval at <anonymous> (app.js:1482), <anonymous>:8:19)
    at Object.<anonymous> (app.js:1482)
    at __webpack_require__ (app.js:556)
    at fn (app.js:87)
    at eval (eval at <anonymous> (app.js:1386), <anonymous>:7:13)
    at Object.<anonymous> (app.js:1386)
    at __webpack_require__ (app.js:556)

"npm install" failed in Windows and Ubuntu

Can you make a version that runs in Windows and Ubuntu, please?
Here is the error message.

.7924 warn [email protected] requires a peer of webpack@^2.0.0 but none was installed.
7925 verbose If you need help, you may report this error at:
7925 verbose https://github.com/npm/npm/issues
7926 warn Error: EPERM: operation not permitted, lstat 'D:\castle\CoPilot-master\node_modules\yargs-parser\node_modules'
7926 warn { Error: EPERM: operation not permitted, lstat 'D:\castle\CoPilot-master\node_modules\yargs-parser\node_modules'
7926 warn errno: -4048,
7926 warn code: 'EPERM',
7926 warn syscall: 'lstat',
7926 warn path: 'D:\castle\CoPilot-master\node_modules\yargs-parser\node_modules' }
7927 verbose Please try running this command again as root/Administrator.
7928 verbose stack Error: [email protected] postinstall: node scripts/build.js
7928 verbose stack Exit status 1
7928 verbose stack at EventEmitter. (D:\applications\node-v7.7.3-win-x64\node_modules\npm\lib\utils\lifecycle.js:279:16)
7928 verbose stack at emitTwo (events.js:106:13)
7928 verbose stack at EventEmitter.emit (events.js:194:7)
7928 verbose stack at ChildProcess. (D:\applications\node-v7.7.3-win-x64\node_modules\npm\lib\utils\spawn.js:40:14)
7928 verbose stack at emitTwo (events.js:106:13)
7928 verbose stack at ChildProcess.emit (events.js:194:7)
7928 verbose stack at maybeClose (internal/child_process.js:899:16)
7928 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
7929 verbose pkgid [email protected]
7930 verbose cwd D:\castle\CoPilot-master
7931 error Windows_NT 6.1.7601
7932 error argv "D:\applications\node-v7.7.3-win-x64\node.exe" "D:\applications\node-v7.7.3-win-x64\node_modules\npm\bin\npm-cli.js" "install"
7933 error node v7.7.3
7934 error npm v4.1.2
7935 error code ELIFECYCLE
7936 error [email protected] postinstall: node scripts/build.js
7936 error Exit status 1
7937 error Failed at the [email protected] postinstall script 'node scripts/build.js'.
7937 error Make sure you have the latest version of node.js and npm installed.
7937 error If you do, this is most likely a problem with the node-sass package,
7937 error not with npm itself.
7937 error Tell the author that this fails on your system:
7937 error node scripts/build.js
7937 error You can get information on how to open an issue for this project with:
7937 error npm bugs node-sass
7937 error Or if that isn't available, you can get their info via:
7937 error npm owner ls node-sass
7937 error There is likely additional logging output above.
7938 verbose exit [ 1, true ]

Can't build proper dist - path into subfolder broken

Trying move CoPilot vueapp into outer server.
When
npm run build
I got
dist/index.html and others dist/stat/. with path http://myserver/
but I have subfolder on myserver.
Revrited path in config/index.js:

  build: {
    env: require('./prod.env'),
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    **assetsPublicPath: '/CoPilot'**,
    productionSourceMap: true,
    productionGzip: false,
    productionGzipExtensions: ['js', 'css']
  },

after npm run build and move file into myserver/CoPilot
there is no proper path into index.html, after revrite path in index.html that doesn't work proper too.
My index.html path after build:

<link rel="shortcut icon" type=image/x-icon href=static/img/favicon.ico>
<link rel=stylesheet href=/static/css/bootstrap.min.css>
<link rel=stylesheet href=/static/css/AdminLTE.min.css>
<link rel=stylesheet href=/static/css/skin-blue.min.css>
<link rel=stylesheet href=/static/js/plugins/pace/pace.min.css><!--[if lt IE 9]>
    <![endif]--><link href=/CoPilot/static/css/app.8c162f4971b15fdc9c89bd87efa3d22f.css rel=stylesheet></head>
	<script src=/static/js/plugins/jQuery/jQuery-2.2.0.min.js>
	</script><script src=/static/js/plugins/bootstrap/bootstrap.min.js>
	</script><script src=/static/js/plugins/AdminLTE/app.min.js></script>
	<script src=/static/js/plugins/pace/pace.min.js></script>
     // analytics section
      ga('create', 'YOUR_SHIT_HERE', 'auto')
      ga('send', 'pageview')</script>
	  <script type=text/javascript src=/CoPilot/static/js/manifest.9432c8d67b4c559c6f6e.js></script>
	  <script type=text/javascript src=/CoPilot/static/js/vendor.d92efcb3c47e3850684d.js></script>
	  <script type=text/javascript src=/CoPilot/static/js/app.60d8909872812e4b3685.js></script></body></html>

As You see above in some place I have changed path in the others I haven't...
Could You give me direction where I should rewrite my path to get proper dist files (to server/subfolder )?

Thanks in advance

Table data not formatted,search bar, pagination gone.Using Axios to fetch data

Hi,
After installing CoPilet i am trying to customise it.
As of now just changed table data and replaced it with my own data fetched with Axios.
Table data is not formatted correctly,search bar and pagination also gone.
Any suggestions will be highly useful.
Also find attached screen shot

                   <div v-if="loading">Please wait while data loading..</div>
                      <div v-else>
                    <tbody>                      
                    <tr class="even" role="row"v-for="policy in tempData">
                    <td class="sorting_1">{{policy.name}}</td>
                    <td>{{policy.amount}}</td>
                    <td>{{policy.baseCost}}</td>
                    <td>{{policy.cancelRefund}}</td>
                    <td>{{policy.minDays}}</td>
                    </tr>                      
                    </tbody>
                      </div>

copilettable

Using SCSS/LESS instead of CSS

Is this in the plans? Almaseed do provide the files, but in this repo you only have the blue theme compiled CSS.

I think it would be great to leverage the power of LESS/SCSS in such a great project as CoPilot.

Let me know what the plan is, and if not planned, I could look at how to implement this myself.

adding support for morris.js

I'm trying to add support or Morris.js graphics, so I issue npm install --save morris.js, but when I run npm run dev I keep getting this error:

ERROR  Failed to compile with 1 errors
This dependency was not found:
* morris.js in ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/views/Dashboard.vue
To install it, you can run: npm install --save morris.js

Am I missing something???

BTW, asked the same (with more details) on SO

(I'm giving my first steps with vue, please forgive me if this is a newbvie question ;-))

when I run the demo, it throw the Exception..

TypeError: (0 , _jquery2.default)(...).DataTable is not a function
at VueComponent.eval (eval at (app.js:1734), :21:42)
at Array.eval (eval at (app.js:612), :511:20)
at nextTickHandler (eval at (app.js:612), :460:16)

demo.js lint errors, even after ignore, fail on startup

index.js?7e73:43 Uncaught TypeError: Cannot read property 'name' of undefined
    at cloneRoute (eval at <anonymous> (app.js:8152), <anonymous>:43:13)
    at exports.sync (eval at <anonymous> (app.js:8152), <anonymous>:5:12)
    at eval (eval at <anonymous> (app.js:1582), <anonymous>:56:26)
    at Object.<anonymous> (app.js:1582)
    at __webpack_require__ (app.js:554)
    at fn (app.js:85)
    at Object.<anonymous> (app.js:585)
    at __webpack_require__ (app.js:554)
    at app.js:577
    at app.js:580

(index):36 GET https://www.google-analytics.com/analytics.js net::ERR_BLOCKED_BY_CLIENT

Requiring authentication failing

I'm trying to get the theme to require authentication for pages except 'login'. The code is there to detect whether a route requires authentication but I can't get it to function.

In:

// Some middleware to help us ensure the user is authenticated. router.beforeEach((to, from, next) => { // window.console.log('Transition', to) if (to.auth && (to.router.app.$store.state.token === 'null')) { window.console.log('Not authenticated') next({ path: '/login', query: { redirect: to.fullPath } }) } else { next() } })

I can't get to.auth to exist and likewise to.router always seems to be undefined.

How do I get these parameters to exist?

Brilliant project btw!

Karma Unit Testing Not Supported

Getting following error running npm run test

WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration has an unknown property 'vue'. These properties are valid:
   object { amd?, bail?, cache?, context?, dependencies?, devServer?, devtool?, entry, externals?, loader?, module?, name?, node?, output?, performance?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, stats?, target?, watch?, watchOptions? }
   For typos: please correct them.
   For loader options: webpack 2 no longer allows custom properties in configuration.
     Loaders should be updated to allow passing options via loader options in module.rules.
     Until loaders are updated one can use the LoaderOptionsPlugin to pass these options to the loader:
     plugins: [
       new webpack.LoaderOptionsPlugin({
         // test: /\.xxx$/, // may apply this only for some modules
         options: {
           vue: ...
         }
       })

dropdown user user-menu

The component Dash.vue contains a "dropdown user user-menu" element, but when I click the button the drop-down menu does not work. However in Admin-LTE it works correctly, only en Copilot version fails.

Current master branch fails to run

Everything but the "build" run option fails. running the most current node.js and npm

17 error Windows_NT 6.3.9600
18 error argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run" "dev"
19 error node v6.10.2
20 error npm v3.10.10
21 error code ELIFECYCLE
22 error [email protected] dev: node build/dev-server.js
22 error Exit status 1
23 error Failed at the [email protected] dev script 'node build/dev-server.js'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the copilot package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error node build/dev-server.js
23 error You can get information on how to open an issue for this project with:
23 error npm bugs copilot
23 error Or if that isn't available, you can get their info via:
23 error npm owner ls copilot
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]

"npm run dev" failed in Windows 7

when i run “npm install” ,two packages lost .
"
+-- UNMET PEER DEPENDENCY [email protected]
+-- UNMET PEER DEPENDENCY [email protected]
"

"

[email protected] dev D:\phpStudy\WWW\back\CoPilot
node build/dev-server.js

Listening at http://localhost:8080

webpack built ac839404a9d6118544b5 in 22660ms
Hash: ac839404a9d6118544b5
Version: webpack 1.14.0
Time: 22660ms
Asset Size Chunks Chunk Names
app.js 10.2 MB 0 [emitted] app
index.html 2.15 kB [emitted]
Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
index.html 1.47 MB 0
webpack: Compiled successfully.
"
when I connect to "http://localhost:8080/" ,it's wrong
"
502 Server dropped connection
The following error occurred while trying to access http://localhost:8080/:
502 Server dropped connection
"

npm-debug.log
0 info it worked if it ends with ok
1 verbose cli [ 'C:\Program Files\nodejs\node.exe',
1 verbose cli 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'dev' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'predev', 'dev', 'postdev' ]
5 info lifecycle [email protected]predev: [email protected]
6 silly lifecycle [email protected]
predev: no script for predev, continuing
7 info lifecycle [email protected]dev: [email protected]
8 verbose lifecycle [email protected]
dev: unsafe-perm in lifecycle true
10 verbose lifecycle [email protected]dev: CWD: D:\phpStudy\WWW\back\CoPilot
11 silly lifecycle [email protected]
dev: Args: [ '/d /s /c', 'node build/dev-server.js' ]
12 silly lifecycle [email protected]dev: Returned: code: 3221225786 signal: null
13 info lifecycle [email protected]
dev: Failed to exec dev script
14 verbose stack Error: [email protected] dev: node build/dev-server.js
14 verbose stack Exit status 3221225786
14 verbose stack at EventEmitter. (C:\Program Files\nodejs\node_modules\npm\lib\utils\lifecycle.js:255:16)
14 verbose stack at emitTwo (events.js:106:13)
14 verbose stack at EventEmitter.emit (events.js:191:7)
14 verbose stack at ChildProcess. (C:\Program Files\nodejs\node_modules\npm\lib\utils\spawn.js:40:14)
14 verbose stack at emitTwo (events.js:106:13)
14 verbose stack at ChildProcess.emit (events.js:191:7)
14 verbose stack at maybeClose (internal/child_process.js:877:16)
14 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
15 verbose pkgid [email protected]
16 verbose cwd D:\phpStudy\WWW\back\CoPilot
17 error Windows_NT 6.1.7601
18 error argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run" "dev"
19 error node v6.9.4
20 error npm v3.10.10
21 error code ELIFECYCLE
22 error [email protected] dev: node build/dev-server.js
22 error Exit status 3221225786
23 error Failed at the [email protected] dev script 'node build/dev-server.js'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the copilot package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error node build/dev-server.js
23 error You can get information on how to open an issue for this project with:
23 error npm bugs copilot
23 error Or if that isn't available, you can get their info via:
23 error npm owner ls copilot
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]

dataTables error on startup

Also got this when trying to run in DEV mode...

Screen is black and no components appear

Uncaught TypeError: Cannot read property 'defaults' of undefined
at dataTables.bootstrap.js:47
at Object. (dataTables.bootstrap.js:17)
at dataTables.bootstrap.js:18
at Object. (dataTables.bootstrap.js:18)
at r (bootstrap a4b0d69444e1d649ceb3:54)
at Object.175 (app.9bd52aad5b9238b43a1c.js:3032)
at r (bootstrap a4b0d69444e1d649ceb3:54)
at Object.1227 (Tables.vue?785d:7)
at r (bootstrap a4b0d69444e1d649ceb3:54)
at Object.135 (app.9bd52aad5b9238b43a1c.js:2148)

Unit Tests Fail - Cannot read property 'unshift' - Invalid config file

System: Ubuntu Linux 16.04
Node: 6.11.3
Npm: 5.4.2
For commit: 70ef8c9

I can successfully run npm run build, but when I run npm run unit I get the following output:

npm run unit

> [email protected] unit /home/trout/experiments/original-copilot/coPilot
> cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run

24 09 2017 00:48:45.244:ERROR [config]: Invalid config file!
  TypeError: Cannot read property 'unshift' of undefined
    at Object.<anonymous> (/home/trout/experiments/original-copilot/coPilot/test/unit/karma.conf.js:25:32)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.parseConfig (/home/trout/experiments/original-copilot/coPilot/node_modules/karma/lib/config.js:363:22)
    at new Server (/home/trout/experiments/original-copilot/coPilot/node_modules/karma/lib/server.js:56:20)
    at Object.exports.run (/home/trout/experiments/original-copilot/coPilot/node_modules/karma/lib/cli.js:280:7)
    at Object.<anonymous> (/home/trout/experiments/original-copilot/coPilot/node_modules/karma/bin/karma:3:23)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] unit: `cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] unit script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/trout/.npm/_logs/2017-09-24T00_48_45_311Z-debug.log

How to close Bootstrap Modal by vue

My system login via Modal Bootstrap. How to close this modal after login successful. I try to use
$('#addFacebookAccountModal').modal('toggle');

And then it's display this error

`$(...).modal is not a function

Tables with many columns not displayed correctly in iPhone.

I found that tables in Copilot with rows more than like 5+ are not displayed correctly on my iPhone -- some of the rows on the right are hidden, also I am not able to scroll the hidden rows into the viewport.

Please check the image below.
img_3075

module.exports Vs. export default

Hi,

I've just integrated this with a fresh Laravel 5.4 installation and looks and works great, so thanks!

However, when running 'npm run dev', the use of 'module.exports' as opposed to 'export default' in the following places was throwing errors:

  • /src/components/dash/Tables.vue line 205
  • /src/components/dash/Dashboard.vue line 178
  • /src/components/Login.vue line 31
  • /src/components/Dash.vue line 209

Changing from 'module.exports' to 'export default' corrected things. No such issues when using as standalone Vue app however.

Cannot run project

I run the commands:
git clone https://github.com/misterGF/CoPilot.git
cd CoPilot
npm install

Then a message appears:

added 1271 packages from 1602 contributors and audited 8206 packages in 89.456s
found 318 vulnerabilities (269 low, 29 moderate, 16 high, 4 critical)
run npm audit fix to fix them, or npm audit for details

A just ignore the message and try to run:

npm run dev

Then a message appears:

Module build failed: Error: Failed to find '/static/js/plugins/datatables/dataTables.bootstrap.css'

But the file exists. So I try change permissions for a more permissive:
cd ..
chmod 777 -R CoPilot

But not working... So I try:

npm audit fix

But still not working... Any ideas ?

When the sidebar is collapsed, hovering over a Treeview element does not show the element's name

Basically, when the sidebar is collapsed and I hover over the icon for one of the list elements, and this list element is a Treeview, the list element's title does not show.

Sidebar collapsed, icon hovered over (issue):
screen shot 2018-04-11 at 12 07 14 pm

Sidebar expanded, showing the same Treeview:
screen shot 2018-04-11 at 12 07 23 pm

This feature works on the official AdminLTE example, so I'm assuming that the <router-link> element might be interfering. Here's what it looks like there:
screen shot 2018-04-11 at 12 07 39 pm

npm install fails with "Error: Cannot find module 'pinkie-promise'"

$sudo npm install
Password:
Error: Cannot find module 'pinkie-promise'
at Function.Module._resolveFilename (module.js:470:15)
at Function.Module._load (module.js:418:25)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
at Object. (/usr/local/lib/node_modules/npm/node_modules/request/node_modules/har-validator/lib/index.js:3:15)
at Module._compile (module.js:571:32)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
at Function.Module._load (module.js:439:3)
npm ERR! Darwin 16.6.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install"
npm ERR! node v7.10.0
npm ERR! npm v4.2.0
npm ERR! code MODULE_NOT_FOUND

npm ERR! Cannot find module 'pinkie-promise'
npm ERR!
npm ERR! If you need help, you may report this error at:
npm ERR! https://github.com/npm/npm/issues

background-color is black

I copy my .vue file to this project, and add vue-router as well.

but the background-color of each page page in the browser is black.How to change background-color to be white?

thx

Turn off "dev-mode" for `yarn run build` and `npm run build`

It seems currently vue still believes it is in development mode even if webpack was used to build for production, e.g. by yarn run build.

For example if you go to https://copilot.mistergf.io/ and look at the development console
of the browser (e.g. with chromium and vue tools) it still says:

You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html

Selenium server path causing upgrade issues

Since the nightwatch conf for the e2e tests are pointing at a specific version of the selenium server this is causing issues when upgrading to newer versions of selenium server.

This could be avoided by using the require().path that is used for specifying the path to the chromedriver.

How could I run the generated index.html without moving them into http server www folder?

Hi,

I am now using websocket javascript api to communiate with my websocket server to get data, so I could open the index.html file directly on PC without any http server.

I tried CoPilot successfully, while seems I must deploy the generated files in http server www root folder. How could I make it run locally via file opening directly without deploying it to http server?

Thanks a lot!

Best regards, Jason

help me

Error: EACCES: permission denied, open 'geckodriver.tar.gz'
Emitted 'error' event at:
at WriteStream.onerror (/Users/yoga/frontend/CoPilot-master/node_modules/readable-stream/lib/_stream_readable.js:633:52)
at WriteStream.emit (events.js:182:13)
at fs.open (fs.js:2233:12)
at FSReqWrap.oncomplete (fs.js:152:20)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: node index.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /var/root/.npm/_logs/2018-05-28T18_22_23_668Z-debug.log

Failed to run.

When I do: npm run dev, I get:

node build/dev-server.js

Starting dev server...

ERROR Failed to compile with 1 errors 19:21:42

error in ./src/components/Dash.vue

Module build failed: Error: ENOENT: no such file or directory, scandir '/Users/gangcailin/Downloads/CoPilot-master/node_modules/node-sass/vendor'
at Object.fs.readdirSync (fs.js:904:18)
at Object.getInstalledBinaries (/Users/gangcailin/Downloads/CoPilot-master/node_modules/node-sass/lib/extensions.js:128:13)
at foundBinariesList (/Users/gangcailin/Downloads/CoPilot-master/node_modules/node-sass/lib/errors.js:20:15)
at foundBinaries (/Users/gangcailin/Downloads/CoPilot-master/node_modules/node-sass/lib/errors.js:15:5)
at Object.module.exports.missingBinary (/Users/gangcailin/Downloads/CoPilot-master/node_modules/node-sass/lib/errors.js:45:5)
at module.exports (/Users/gangcailin/Downloads/CoPilot-master/node_modules/node-sass/lib/binding.js:15:30)
at Object. (/Users/gangcailin/Downloads/CoPilot-master/node_modules/node-sass/lib/index.js:14:35)
at Module._compile (module.js:652:30)
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)
at Module.require (module.js:596:17)
at require (internal/module.js:11:18)
at Object. (/Users/gangcailin/Downloads/CoPilot-master/node_modules/sass-loader/lib/loader.js:3:14)
at Module._compile (module.js:652:30)

@ .//vue-style-loader!.//css-loader?{"minimize":false,"sourceMap":false}!.//vue-loader/lib/style-compiler?{"id":"data-v-61ca42a2","scoped":false,"hasInlineConfig":false}!.//sass-loader/lib/loader.js?{"sourceMap":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/Dash.vue 4:14-380 13:3-17:5 14:22-388
@ ./src/components/Dash.vue
@ ./src/routes.js
@ ./src/main.js
@ multi ./build/dev-client ./src/main.js

Any idea?

Thanks!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.