Posts made by Hawkeye64

I am going to try and take a stab at this…
In your src/router/routes.js file, as child data in children you would have the following:

      {
        path: 'topic/:topicId',
        component: () => import('pages/DisplayTopic') // <== name of page
      },

Then, on that page, you can access it like this:
this.$route.params.topicId

You can read up on it here: https://router.vuejs.org/guide/essentials/passing-props.html#boolean-mode

@Oggo This was really my first app in Electron because I wanted to know how to do it. I have not done any type of unit testing for Electron, although I would be interested in learning the best approaches. I do know that there will be an integrated testing environment in Quasar v1.0. I am hoping it works well with Electron/Cordova as well.

Glad it could be of use. Sounds like an interesting project.

Can you provide a jsfiddle so we can visualize this? https://jsfiddle.net/rstoenescu/waugrryy/

Figured it was something like that.

@Jon Why? Building something similar?

Added an issue (Enhancement) request: https://github.com/quasarframework/quasar-cli/issues/205

@rstoenescu
This is a discussion for the CLI to support 3rd-party NPM Quasar packages.

If someone were to create and publish a Quasar package to NPM, then the person installing it would have to possibly manually add to the quasar.conf.js file.

I think that it would be great if the CLI could do some of that work. The postInstall of an NPM package would be perfect for this.

quasar conf component QPopover QSlideTransition
This would add QPopover and QSlideTransition to the framework: { components: [ section, if they were not already there.

quasar conf directives CloseOverlay
This would add the CloseOverlay to the directives: [ section, if not already there.

You get the general idea.

Yep, all good. You can see my tutorial here: https://medium.com/quasar-framework/building-an-electron-file-explorer-with-quasar-and-vue-7bf94f1bbf6

I just published my tutorial “Building an Electron File Explorer with Quasar (and Vue)”. If interested, check it out: https://medium.com/quasar-framework/building-an-electron-file-explorer-with-quasar-and-vue-7bf94f1bbf6

what version?
Type quasar info and paste it here.
quasar new [s|store] <store_module_name> should work.

Looking good!

@stuartcusack You could also use this package instead: https://www.npmjs.com/package/idle-vue

@rstoenescu Definitely a bug. I accessed the same link (https://jsfiddle.net/9ecq68y7/8/) from desktop and it works - “14222 minutes ago” is results. Go to the link on your mobile and you get “NaN minutes ago”.

I think you delete your package-lock.json and remove the node_modules folder, then run npm install

That’s true. It’s a bit awkward.

This is the closest I have got with it:
html

          <q-tree
            ref="folders"
            :nodes="rootDir"
            label-key="label"
            node-key="nodeKey"
            accordion
            default-expand-all
            :selected.sync="selectedFolder"
            @lazy-load="onLazyLoad"
          />

js:

    selectFolder: function (absolutePath) {
      if (absolutePath === this.selectedFolder) {
        return
      }

      // get parts for the path
      let parts = absolutePath.split(path.sep)
      let path2 = ''
      let lastNodeKey
      let canSetSelectedFolder = true

      // iterate through the path parts.
      // This code will get the node. If the node is not found,
      // it forces lazy-get by programmatically expanding
      // the parent node.
      for (let index = 0; index < parts.length; ++index) {
        if (parts[index].length === 0) {
          continue
        }
        if (index > 0) {
          path2 += path.sep
        }
        path2 += parts[index]
        if (index > 0) {
          if ('folders' in this.$refs) {
            const key = this.$refs.folders.getNodeByKey(path2)
            if (key) {
              lastNodeKey = key
            }
            else {
              if (lastNodeKey && lastNodeKey.children.length === 0) {
                // this.loadChildren(lastNodeKey, lastNodeKey.nodeKey)
                // lastNodeKey.lazy = false
                if (!this.$refs.folders.isExpanded(lastNodeKey.nodeKey)) {
                  this.$refs.folders.setExpanded(lastNodeKey.nodeKey, true)
                  canSetSelectedFolder = false
                  this.$nextTick(() => {
                    this.selectFolder(absolutePath)
                  })
                }
              }
            }
          }
        }
        if (canSetSelectedFolder) {
          this.selectedFolder = absolutePath
        }
      }
    },

I have also asked for a cleaner solution: https://github.com/quasarframework/quasar/issues/2737
Note: This is based on a OS Folder system where the path is the nodeKey.

Nice! Thanks! It’s a good upgrade.

As always, good job and thanks!

Thanks for doing that @s-molinari