temp

Author: Lee Richmond

src/components/ResourceForm.vue

@@ -107,7 +107,7 @@
       <div class="relationships section form-group" :class="{ 'editing-subrelationship': query.editingRelationship, nested: (query.editingRelationship && isRelationship), 'active-subrelationship': isActiveSubrelationship, 'inactive-subrelationship': !isActiveSubrelationship, ['depth-'+depth]: true }">
         <label v-if="!(query.editingRelationship && isRelationship)">Relationships</label>
 
-        <div v-for="(config, name) in query.resource.relationships" :key="name" class="relationship clearfix" :class="{ ['depth-'+depth]: true, selected: query.relationships[name], hide: (query.editingRelationship && query.editingRelationship != query.relationships[name]) }">
+        <div v-for="(config, name) in query.possibleRelationships" :key="name" class="relationship clearfix" :class="{ ['depth-'+depth]: true, selected: query.relationships[name], hide: (query.editingRelationship && query.editingRelationship != query.relationships[name]) }">
           <a class='toggle clearfix' @click="toggleRelationship(name, config)">
             <div class="float-left name">{{name}}</div>
 
@@ -120,7 +120,7 @@
         </div>
       </div>
 
-      <div v-for="(config, name) in query.resource.relationships" :key="name">
+      <div v-for="(config, name) in query.relationships" :key="name">
         <div v-if="query.relationships[name]" :class="{ hidden: query.editingRelationship != query.relationships[name] }">
           <resource-form
             :query="query.relationships[name]"

src/components/UrlBar.vue

@@ -34,10 +34,10 @@ export default Vue.extend({
   },
   methods: {
     copyUrl() {
-      navigator.clipboard.writeText(this.query.urlWithDomain)
+      navigator['clipboard'].writeText(this.query.urlWithDomain)
     },
     copyAsCurl() {
-      navigator.clipboard.writeText(this.query.generateCurl())
+      navigator['clipboard'].writeText(this.query.generateCurl())
     },
     buildQueryObject() {
       let query = urlToQuery(this.query)
@@ -139,4 +139,4 @@ export default Vue.extend({
     }
   }
 }
-</style>
+</style>

src/query.ts

@@ -21,6 +21,7 @@ export class Query {
   url: string | null
   urlWithDomain: string | null
   relationships: any
+  possibleRelationships: any
   relationshipPath: string
 
   ready: boolean
@@ -46,12 +47,27 @@ export class Query {
     this.endpointIdParam = null
     this.error = null
     this.hasRawError = false
+    this.possibleRelationships = this.derivePossibleRelationships()
 
     if (this.isShowRoute()) {
       this.filters = [{ name: 'id', operator: 'eq', required: true, error: null }]
     }
   }
 
+  derivePossibleRelationships() : any {
+    if (this.resource.polymorphic) {
+      let relationships = Object.assign({}, this.resource.relationships)
+      this.resource.children.forEach((name: string) => {
+        let childResource = this.schema.getResource(name)
+        Object.assign(relationships, childResource.relationships)
+      })
+      console.log('returning relationships')
+      return relationships
+    } else {
+      return this.resource.relationships
+    }
+  }
+
   isShowRoute() : boolean {
     return this.endpoint && this.endpoint.includes('#show')
   }

src/router.ts

@@ -7,6 +7,7 @@ Vue.use(Router)
 
 export default new Router({
   mode: 'history',
+  base: '/vandal',
   routes: [
     {
       path: '/',

src/views/All.vue

@@ -162,6 +162,7 @@ export default Vue.extend({
     }
   },
   created() {
+    console.log('all created')
     this.fetchSchema()
     let doneCreating = () => { this.creating = false }
     setTimeout(doneCreating, 1000)
@@ -228,7 +229,7 @@ export default Vue.extend({
       if (this.isShowAction) {
         let filter = this.query.filters.filter((f) => { return f.name === 'id' })[0]
         if (!filter.value) {
-          this.tempSet(filter, 'error', true, 1000)
+          this['tempSet'](filter, 'error', true, 1000)
           return false
         } else {
           filter.error = false
@@ -694,4 +695,4 @@ pre {
     animation: modal-open 200ms;
   }
 }
-</style>
+</style>

vue.config.js

@@ -2,5 +2,6 @@ module.exports = {
   lintOnSave: false,
   devServer: {
     proxy: process.env.PROXY
-  }
+  },
+  baseUrl: '/vandal'
 }