├── screenshots
    └── example.gif
├── resources
    └── js
    │   ├── tool.js
    │   ├── storage
    │       └── BelongsToFieldStorage.js
    │   └── components
    │       └── Tool.vue
├── webpack.mix.js
├── phpcs.xml
├── CHANGELOG.md
├── src
    └── ToolServiceProvider.php
├── LICENSE.md
├── package.json
├── composer.json
└── README.md


/screenshots/example.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mikebronner/nova-prepopulate-searchable/HEAD/screenshots/example.gif


--------------------------------------------------------------------------------
/resources/js/tool.js:
--------------------------------------------------------------------------------
1 | import Tool from './components/Tool';
2 | 
3 | Nova.booting((Vue, router) => {
4 |     Vue.component('form-belongs-to-field', Tool);
5 | })
6 | 


--------------------------------------------------------------------------------
/webpack.mix.js:
--------------------------------------------------------------------------------
 1 | let mix = require('laravel-mix');
 2 | 
 3 | mix
 4 |     .js('resources/js/tool.js', 'dist/js')
 5 |     .webpackConfig({
 6 |         resolve: {
 7 |             alias: {
 8 |                 '@': path.resolve(__dirname, 'vendor/laravel/nova/resources/js/'),
 9 |             },
10 |         },
11 |     })
12 | ;
13 | 


--------------------------------------------------------------------------------
/resources/js/storage/BelongsToFieldStorage.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |     fetchAvailableResources(resourceName, fieldAttribute, params) {
 3 |         return Nova.request().get(
 4 |             `/nova-api/${resourceName}/associatable/${fieldAttribute}`,
 5 |             params
 6 |         )
 7 |     },
 8 | 
 9 |     determineIfSoftDeletes(resourceName) {
10 |         return Nova.request().get(`/nova-api/${resourceName}/soft-deletes`)
11 |     },
12 | }
13 | 


--------------------------------------------------------------------------------
/phpcs.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <ruleset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" name="PHP_CodeSniffer" xsi:noNamespaceSchemaLocation="phpcs.xsd">
 3 |     <description>GeneaLabs coding standards.</description>
 4 | 
 5 |     <rule ref="PSR1"></rule>
 6 |     <rule ref="PSR2"></rule>
 7 |     <rule ref="PSR12">
 8 |         <exclude name="PSR12.Classes.ClassInstantiation.MissingParentheses"/>
 9 |         <exclude name="PSR12.Functions.ReturnTypeDeclaration.SpaceBeforeColon"/>
10 |     </rule>
11 | </ruleset>
12 | 


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # Changelog
 2 | All notable changes to this project will be documented in this file.
 3 | 
 4 | The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 5 | and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 6 | 
 7 | ## [1.3.2] - 2020-09-03
 8 | ### Added
 9 | - additional dependency constraints and updated readme to reflect requirements.
10 | 
11 | ## [1.3.1] - 2020-09-02
12 | ### Fixed
13 | - `readonly()` method.
14 | 
15 | ## [1.3.0] - 2020-09-02
16 | ### Added
17 | - inline create-related-resource link.
18 | - debounce option.
19 | 


--------------------------------------------------------------------------------
/src/ToolServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace GeneaLabs\NovaPrepopulateSearchable;
 4 | 
 5 | use Illuminate\Support\ServiceProvider;
 6 | use Laravel\Nova\Events\ServingNova;
 7 | use Laravel\Nova\Fields\BelongsTo;
 8 | use Laravel\Nova\Nova;
 9 | 
10 | class ToolServiceProvider extends ServiceProvider
11 | {
12 |     public function boot() : void
13 |     {
14 |         Nova::serving(function (ServingNova $event) {
15 |             BelongsTo::macro('prepopulate', function ($query = null) {
16 |                 $this->meta['prepopulate'] = true;
17 |                 $this->meta['prepopulate_query'] = $query;
18 | 
19 |                 return $this;
20 |             });
21 | 
22 |             Nova::script(
23 |                 'nova-prepopulate-searchable',
24 |                 __DIR__ . '/../dist/js/tool.js'
25 |             );
26 |         });
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright © 2020 Mike Bronner, GeneaLabs, LLC <hello@genealabs.com>
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 6 | 
 7 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 8 | 
 9 | THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
10 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "private": true,
 3 |     "scripts": {
 4 |         "dev": "npm run development",
 5 |         "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
 6 |         "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
 7 |         "prod": "npm run production",
 8 |         "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
 9 |         "watch-poll": "npm run watch -- --watch-poll",
10 |         "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
11 |     },
12 |     "devDependencies": {
13 |         "cross-env": "^5.0.0",
14 |         "laravel-mix": "^4.0",
15 |         "laravel-nova": "^1.0",
16 |         "vue": "^2.5.0",
17 |         "vue-template-compiler": "^2.6.10"
18 |     }
19 | }
20 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "genealabs/nova-prepopulate-searchable",
 3 |     "description": "A tool to allow BelongsTo searchable fields to be pre-populated with data",
 4 |     "keywords": [
 5 |         "laravel",
 6 |         "nova"
 7 |     ],
 8 |     "homepage": "https://github.com/alexbowers/nova-prepopulate-searchable",
 9 |     "license": "MIT",
10 |     "authors": [
11 |         {
12 |             "name": "Mike Bronner",
13 |             "email": "hello@genealabs.com",
14 |             "role": "Developer"
15 |         },
16 |         {
17 |             "name": "Alex Bowers",
18 |             "email": "bowersbros@gmail.com",
19 |             "role": "Original Creator"
20 |         }
21 |     ],
22 |     "repositories": [
23 |         {
24 |             "type": "composer",
25 |             "url": "https://nova.laravel.com"
26 |         }
27 |     ],
28 |     "require": {
29 |         "php": "^7.4|^8.0",
30 |         "laravel/nova": "^3.31",
31 |         "illuminate/support": "^9.0"
32 |     },
33 |     "autoload": {
34 |         "psr-4": {
35 |             "GeneaLabs\\NovaPrepopulateSearchable\\": "src/"
36 |         }
37 |     },
38 |     "extra": {
39 |         "laravel": {
40 |             "providers": [
41 |                 "GeneaLabs\\NovaPrepopulateSearchable\\ToolServiceProvider"
42 |             ]
43 |         }
44 |     },
45 |     "config": {
46 |         "sort-packages": true
47 |     },
48 |     "minimum-stability": "dev",
49 |     "prefer-stable": true
50 | }
51 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | This package has been archived until such time that it can be brought up-to-date with Laravel Nova. We have stopped using Laravel Nova, and no longer have a license for it. As such we currently cannot justify further development on this package. Please check here for availability of similar packages: https://novapackages.com
 2 | 
 3 | # Prepoulate Searchable for Laravel Nova
 4 | **A tool to allow BelongsTo searchable fields to be pre-populated with data**
 5 | 
 6 | [![Latest Version on Packagist](https://img.shields.io/packagist/v/genealabs/nova-prepopulate-searchable.svg?style=flat-square)](https://packagist.org/packages/alexbowers/nova-prepopulate-searchable)
 7 | [![Total Downloads](https://img.shields.io/packagist/dt/alexbowers/nova-prepopulate-searchable.svg?style=flat-square)](https://packagist.org/packages/genealabs/nova-prepopulate-searchable)
 8 | 
 9 | ![Prepopulate Search](https://github.com/genealabs/nova-prepopulate-searchable/blob/master/screenshots/example.gif?raw=true)
10 | 
11 | 
12 | ```diff
13 | - Alert: the namespace of this repo has changed from `alexbowers/nova-prepopulate-searchable`
14 | - to `genealabs/nova-prepopulate-searchable`. Please update your composer.json file before updating!
15 | ```
16 | 
17 | ## Sponsors
18 | We thank the following sponsors for their generosity. Please take a moment to check them out:
19 | 
20 | - [LIX](https://lix-it.com)
21 | 
22 | ## Requirements
23 | - PHP 7.3+
24 | - Laravel 7.0+
25 | - Nova 3.8.4+
26 | 
27 | ## Installation
28 | 
29 | You can install the package in to a Laravel app that uses [Nova](https://nova.laravel.com) via composer:
30 | 
31 | ```bash
32 | composer require genealabs/nova-prepopulate-searchable
33 | ```
34 | 
35 | ## Usage
36 | 
37 | On any `BelongsTo` fields in your resources that are `searchable()`, you can also add `prepopulate()` to the method chain and the field will be prepopulated with values to choose from.
38 | 
39 | You may optionally pass through a search query to the prepopulate method, and the keywords passed will be used for
40 | the search initially, before resetting the search to being empty (as it currently is).
41 | 
42 | ### Limiting Pre-Populated Items
43 | You can limit the prepopulated items by passing in a search string to the `prepopulated()` method like so:
44 | 
45 | ```php
46 |     BelongsTo::make("Archive")
47 |         ->searchable()
48 |         ->prepopulate("test").
49 | ```
50 | 
51 | This would prepopulate all archives that have test in their display field.
52 | 
53 | ### Security
54 | 
55 | If you discover any security related issues, please email hello@genealabs.com instead of using the issue tracker.
56 | 
57 | ## Credits
58 | 
59 | ### [Alex Bowers](https://github.com/alexbowers)
60 | 
61 | Alex is the original developer of this package and has done a great job with initial development.
62 | 
63 | ### [Mike Bronner](https://github.com/mikebronner)
64 | 
65 | I started using this package and didn't want it to fall to the way-side, as it helps improve the UX of Nova significantly. Alex graceously allowed me to continue development and maintenance on his original package.
66 | 
67 | ## License
68 | 
69 | The MIT License (MIT). Please see [License File](LICENSE.md) for more information.
70 | 


--------------------------------------------------------------------------------
/resources/js/components/Tool.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <default-field :field="field" :errors="errors" :show-help-text="showHelpText">
  3 |         <template slot="field">
  4 |             <div class="flex items-center">
  5 |                 <search-input
  6 |                     v-if="isSearchable && !isLocked && !isReadonly"
  7 |                     :clearable="field.nullable"
  8 |                     :data-testid="`${field.resourceName}-search-input`"
  9 |                     :data="availableResources"
 10 |                     :debounce="field.debounce"
 11 |                     :error="hasError"
 12 |                     :value="selectedResource"
 13 |                     @clear="clearSelection"
 14 |                     @input="performSearch"
 15 |                     @selected="selectResource"
 16 |                     class="w-full"
 17 |                     searchBy="display"
 18 |                     trackBy="value"
 19 |                 >
 20 |                     <div
 21 |                         slot="default"
 22 |                         v-if="selectedResource"
 23 |                         class="flex items-center"
 24 |                     >
 25 |                         <div
 26 |                             v-if="selectedResource.avatar"
 27 |                             class="mr-3"
 28 |                         >
 29 |                             <img
 30 |                                 :src="selectedResource.avatar"
 31 |                                 class="w-8 h-8 rounded-full block"
 32 |                             >
 33 |                         </div>
 34 | 
 35 |                         {{ selectedResource.display }}
 36 |                     </div>
 37 | 
 38 |                     <div
 39 |                         slot="option"
 40 |                         slot-scope="{option, selected}"
 41 |                         class="flex items-center"
 42 |                     >
 43 |                         <div
 44 |                             v-if="option.avatar"
 45 |                             class="mr-3"
 46 |                         >
 47 |                             <img
 48 |                                 :src="option.avatar"
 49 |                                 class="w-8 h-8 rounded-full block"
 50 |                             >
 51 |                         </div>
 52 | 
 53 |                         <div>
 54 |                             <div
 55 |                                 class="text-sm font-semibold leading-5 text-90"
 56 |                                 :class="{ 'text-white': selected }"
 57 |                             >
 58 |                                 {{ option.display }}
 59 |                             </div>
 60 | 
 61 |                             <div
 62 |                                 v-if="field.withSubtitles"
 63 |                                 class="mt-1 text-xs font-semibold leading-5 text-80"
 64 |                                 :class="{ 'text-white': selected }"
 65 |                             >
 66 |                                 <span v-if="option.subtitle">{{ option.subtitle }}</span>
 67 |                                 <span v-else>{{ __('No additional information...') }}</span>
 68 |                             </div>
 69 |                         </div>
 70 |                     </div>
 71 |                 </search-input>
 72 | 
 73 |                 <select-control
 74 |                     v-if="!isSearchable || isLocked || isReadonly"
 75 |                     class="form-control form-select w-full"
 76 |                     :class="{ 'border-danger': hasError }"
 77 |                     :data-testid="`${field.resourceName}-select`"
 78 |                     :dusk="field.attribute"
 79 |                     @change="selectResourceFromSelectControl"
 80 |                     :disabled="isLocked || isReadonly"
 81 |                     :options="availableResources"
 82 |                     :selected="selectedResourceId"
 83 |                     label="display"
 84 |                 >
 85 |                     <option
 86 |                         value=""
 87 |                         selected
 88 |                         :disabled="!field.nullable"
 89 |                     >
 90 |                         {{  placeholder }}
 91 |                     </option>
 92 |                 </select-control>
 93 | 
 94 |                 <create-relation-button
 95 |                     v-if="canShowNewRelationModal"
 96 |                     @click="openRelationModal"
 97 |                     class="ml-1"
 98 |                 />
 99 |             </div>
100 | 
101 |             <portal to="modals" transition="fade-transition">
102 |                 <create-relation-modal
103 |                     v-if="relationModalOpen && canShowNewRelationModal"
104 |                     @set-resource="handleSetResource"
105 |                     @cancelled-create="closeRelationModal"
106 |                     :resource-name="field.resourceName"
107 |                     :resource-id="resourceId"
108 |                     :via-relationship="viaRelationship"
109 |                     :via-resource="viaResource"
110 |                     :via-resource-id="viaResourceId"
111 |                     width="800"
112 |                 />
113 |             </portal>
114 | 
115 |             <!-- Trashed State -->
116 |             <div
117 |                 v-if="shouldShowTrashed"
118 |                 class="mt-3"
119 |             >
120 |                 <checkbox-with-label
121 |                     :dusk="`${field.resourceName}-with-trashed-checkbox`"
122 |                     :checked="withTrashed"
123 |                     @input="toggleWithTrashed"
124 |                 >
125 |                     {{ __('With Trashed') }}
126 |                 </checkbox-with-label>
127 |             </div>
128 |         </template>
129 |     </default-field>
130 | </template>
131 | 
132 | <script>
133 |     import _ from 'lodash';
134 |     import storage from '@/storage/BelongsToFieldStorage';
135 |     import {
136 |         FormField,
137 |         TogglesTrashed,
138 |         PerformsSearches,
139 |         HandlesValidationErrors,
140 |     } from 'laravel-nova';
141 | 
142 |     export default {
143 |         mixins: [
144 |             TogglesTrashed,
145 |             PerformsSearches,
146 |             HandlesValidationErrors,
147 |             FormField,
148 |         ],
149 | 
150 |         props: {
151 |             resourceId: {},
152 |         },
153 | 
154 |         data: () => ({
155 |             availableResources: [],
156 |             hasPerformedPrepopulation: false,
157 |             initializingWithExistingResource: false,
158 |             relationModalOpen: false,
159 |             search: '',
160 |             selectedResource: null,
161 |             selectedResourceId: null,
162 |             softDeletes: false,
163 |             withTrashed: false,
164 |         }),
165 | 
166 |         /**
167 |          * Mount the component.
168 |          */
169 |         mounted() {
170 |             this.initializeComponent();
171 |         },
172 | 
173 |         methods: {
174 |             initializeComponent() {
175 |                 this.withTrashed = false;
176 | 
177 |                 // If a user is editing an existing resource with this relation
178 |                 // we'll have a belongsToId on the field, and we should prefill
179 |                 // that resource in this field
180 |                 if (this.editingExistingResource) {
181 |                     this.initializingWithExistingResource = true;
182 |                     this.selectedResourceId = this.field.belongsToId;
183 |                 }
184 | 
185 |                 // If the user is creating this resource via a related resource's index
186 |                 // page we'll have a viaResource and viaResourceId in the params and
187 |                 // should prefill the resource in this field with that information
188 |                 if (this.creatingViaRelatedResource) {
189 |                     this.initializingWithExistingResource = true;
190 |                     this.selectedResourceId = this.viaResourceId;
191 |                 }
192 | 
193 |                 if (this.shouldSelectInitialResource && !this.isSearchable) {
194 |                     // If we should select the initial resource but the field is not
195 |                     // searchable we should load all of the available resources into the
196 |                     // field first and select the initial option
197 |                     this.initializingWithExistingResource = false;
198 |                     this.getAvailableResources().then(() => this.selectInitialResource());
199 |                 } else if (this.shouldSelectInitialResource && this.isSearchable) {
200 |                     // If we should select the initial resource and the field is
201 |                     // searchable, we won't load all the resources but we will select
202 |                     // the initial option
203 |                     this.getAvailableResources().then(() => this.selectInitialResource());
204 |                 } else if (!this.shouldSelectInitialResource && !this.isSearchable) {
205 |                     // If we don't need to select an initial resource because the user
206 |                     // came to create a resource directly and there's no parent resource,
207 |                     // and the field is searchable we'll just load all of the resources
208 |                     this.getAvailableResources();
209 |                 }
210 | 
211 |                 if (!this.isReadonly && this.isSearchable && this.shouldPrepopulate) {
212 |                     if (this.field.prepopulate_query) {
213 |                         this.search = this.field.prepopulate_query;
214 |                     }
215 | 
216 |                     this.hasPerformedPrepopulation = true;
217 |                     this.getAvailableResources();
218 |                     this.search = '';
219 |                 }
220 | 
221 |                 this.determineIfSoftDeletes();
222 | 
223 |                 this.field.fill = this.fill;
224 |             },
225 | 
226 |             /**
227 |              * Select a resource using the <select> control
228 |              */
229 |             selectResourceFromSelectControl(e) {
230 |                 this.selectedResourceId = e.target.value;
231 |                 this.selectInitialResource();
232 |             },
233 | 
234 |             /**
235 |              * Fill the forms formData with details from this field
236 |              */
237 |             fill(formData) {
238 |                 formData.append(
239 |                     this.field.attribute,
240 |                     (this.selectedResource
241 |                         ? this.selectedResource.value
242 |                         : '')
243 |                 );
244 | 
245 |                 formData.append(
246 |                     this.field.attribute + '_trashed',
247 |                     this.withTrashed
248 |                 );
249 |             },
250 | 
251 |             /**
252 |              * Get the resources that may be related to this resource.
253 |              */
254 |             getAvailableResources() {
255 |                 return storage
256 |                     .fetchAvailableResources(
257 |                         this.resourceName,
258 |                         this.field.attribute,
259 |                         this.queryParams
260 |                     )
261 |                     .then(({ data: { resources, softDeletes, withTrashed } }) => {
262 |                         if (this.initializingWithExistingResource || !this.isSearchable) {
263 |                             this.withTrashed = withTrashed;
264 |                         }
265 | 
266 |                         // Turn off initializing the existing resource after the first time
267 |                         this.initializingWithExistingResource = false;
268 |                         this.availableResources = resources;
269 |                         this.softDeletes = softDeletes;
270 |                     });
271 |             },
272 | 
273 |             /**
274 |              * Determine if the relatd resource is soft deleting.
275 |              */
276 |             determineIfSoftDeletes() {
277 |                 return storage
278 |                     .determineIfSoftDeletes(this.field.resourceName)
279 |                     .then(response => {
280 |                         this.softDeletes = response.data.softDeletes;
281 |                     });
282 |             },
283 | 
284 |             /**
285 |              * Determine if the given value is numeric.
286 |              */
287 |             isNumeric(value) {
288 |                 return !isNaN(parseFloat(value)) && isFinite(value);
289 |             },
290 | 
291 |             /**
292 |              * Select the initial selected resource
293 |              */
294 |             selectInitialResource() {
295 |                 this.selectedResource = _.find(
296 |                     this.availableResources,
297 |                     r => r.value == this.selectedResourceId
298 |                 );
299 |             },
300 | 
301 |             /**
302 |              * Toggle the trashed state of the search
303 |              */
304 |             toggleWithTrashed() {
305 |                 this.withTrashed = !this.withTrashed;
306 | 
307 |                 // Reload the data if the component doesn't support searching
308 |                 if (!this.isSearchable) {
309 |                     this.getAvailableResources();
310 |                 }
311 |             },
312 | 
313 |             openRelationModal() {
314 |                 this.relationModalOpen = true;
315 |             },
316 | 
317 |             closeRelationModal() {
318 |                 this.relationModalOpen = false;
319 |             },
320 | 
321 |             handleSetResource({ id }) {
322 |                 this.closeRelationModal();
323 |                 this.selectedResourceId = id;
324 |                 this.getAvailableResources()
325 |                     .then(() => this.selectInitialResource());
326 |             },
327 |         },
328 | 
329 |         computed: {
330 |             /**
331 |              * Determine if we are editing and existing resource
332 |              */
333 |             editingExistingResource() {
334 |                 return Boolean(this.field.belongsToId);
335 |             },
336 | 
337 |             /**
338 |              * Determine if we are creating a new resource via a parent relation
339 |              */
340 |             creatingViaRelatedResource() {
341 |                 return (
342 |                     this.viaResource == this.field.resourceName &&
343 |                     this.field.reverse &&
344 |                     this.viaResourceId
345 |                 );
346 |             },
347 | 
348 |             /**
349 |              * Determine if we should select an initial resource when mounting this field
350 |              */
351 |             shouldSelectInitialResource() {
352 |                 return Boolean(
353 |                     this.editingExistingResource
354 |                         || this.creatingViaRelatedResource
355 |                 );
356 |             },
357 | 
358 |             /**
359 |              * Determine if the related resources is searchable
360 |              */
361 |             isSearchable() {
362 |                 return this.field.searchable;
363 |             },
364 | 
365 |             shouldPrepopulate() {
366 |                 return this.field.prepopulate || false;
367 |             },
368 | 
369 |             /**
370 |              * Get the query params for getting available resources
371 |              */
372 |             queryParams() {
373 |                 return {
374 |                     params: {
375 |                         current: this.selectedResourceId,
376 |                         first: this.initializingWithExistingResource,
377 |                         search: this.search,
378 |                         withTrashed: this.withTrashed,
379 |                         resourceId: this.resourceId,
380 |                         viaResource: this.viaResource,
381 |                         viaResourceId: this.viaResourceId,
382 |                         viaRelationship: this.viaRelationship,
383 |                     },
384 |                 };
385 |             },
386 | 
387 |             isLocked() {
388 |                 return (this.viaResource == this.field.resourceName && this.field.reverse);
389 |             },
390 | 
391 |             isReadonly() {
392 |                 return (
393 |                     this.field.readonly || _.get(this.field, 'extraAttributes.readonly')
394 |                 );
395 |             },
396 | 
397 |             shouldShowTrashed() {
398 |                 return (
399 |                     this.softDeletes
400 |                     && !this.isLocked
401 |                     && !this.isReadonly
402 |                     && this.field.displaysWithTrashed
403 |                 );
404 |             },
405 | 
406 |             authorizedToCreate() {
407 |                 return _.find(Nova.config.resources, resource => {
408 |                         return resource.uriKey == this.field.resourceName;
409 |                     })
410 |                     .authorizedToCreate;
411 |             },
412 | 
413 |             canShowNewRelationModal() {
414 |                 return (
415 |                     this.field.showCreateRelationButton
416 |                     && !this.shownViaNewRelationModal
417 |                     && !this.isLocked
418 |                     && !this.isReadonly
419 |                     && this.authorizedToCreate
420 |                 );
421 |             },
422 | 
423 |             /**
424 |              * Return the placeholder text for the field.
425 |              */
426 |             placeholder() {
427 |                 return this.field.placeholder
428 |                     || this.__('—');
429 |             },
430 |         },
431 |     };
432 | </script>
433 | 


--------------------------------------------------------------------------------