Removed extraneous container element
This commit is contained in:
@@ -1,95 +1,85 @@
|
||||
<template>
|
||||
<v-container fluid>
|
||||
<v-row v-if="formState.ready">
|
||||
<v-col>
|
||||
<v-form ref="form">
|
||||
<v-row justify="start">
|
||||
<gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
|
||||
<v-col cols="12" sm="4" lg="4" xl="3">
|
||||
<v-text-field
|
||||
v-model="searchPhrase"
|
||||
clearable
|
||||
:label="$ay.t('Search')"
|
||||
ref="searchPhrase"
|
||||
@change="getDataFromApi()"
|
||||
hint="text, *xt, te*"
|
||||
:data-cy="!!$ay.dev ? 'phrase' : false"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="4" lg="4" xl="3">
|
||||
<v-select
|
||||
v-model="searchObjectType"
|
||||
:items="selectLists.objectTypes"
|
||||
item-text="name"
|
||||
item-value="id"
|
||||
:label="$ay.t('Object')"
|
||||
></v-select>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="4" lg="4" xl="3">
|
||||
<v-btn
|
||||
color="primary"
|
||||
v-on:click="getDataFromApi()"
|
||||
value="SEARCH"
|
||||
<v-row v-if="formState.ready">
|
||||
<v-col>
|
||||
<v-form ref="form">
|
||||
<v-row justify="start">
|
||||
<gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
|
||||
<v-col cols="12" sm="4" lg="4" xl="3">
|
||||
<v-text-field
|
||||
v-model="searchPhrase"
|
||||
clearable
|
||||
:label="$ay.t('Search')"
|
||||
ref="searchPhrase"
|
||||
@change="getDataFromApi()"
|
||||
hint="text, *xt, te*"
|
||||
:data-cy="!!$ay.dev ? 'phrase' : false"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="4" lg="4" xl="3">
|
||||
<v-select
|
||||
v-model="searchObjectType"
|
||||
:items="selectLists.objectTypes"
|
||||
item-text="name"
|
||||
item-value="id"
|
||||
:label="$ay.t('Object')"
|
||||
></v-select>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="4" lg="4" xl="3">
|
||||
<v-btn color="primary" v-on:click="getDataFromApi()" value="SEARCH">
|
||||
<v-icon :data-cy="!!$ay.dev ? 'btnsearch' : false"
|
||||
>fa-search</v-icon
|
||||
>
|
||||
<v-icon :data-cy="!!$ay.dev ? 'btnsearch' : false"
|
||||
>fa-search</v-icon
|
||||
>
|
||||
</v-btn>
|
||||
</v-col>
|
||||
</v-btn>
|
||||
</v-col>
|
||||
|
||||
<v-col cols="12">
|
||||
<p v-if="!items.length">{{ $ay.t("NoResults") }}</p>
|
||||
<v-card v-if="items.length" max-width="900">
|
||||
<v-list>
|
||||
<v-subheader v-if="maxResultsReturned">
|
||||
<span>({{ $ay.t("TooManyResults") }})</span>
|
||||
</v-subheader>
|
||||
<v-col cols="12">
|
||||
<p v-if="!items.length">{{ $ay.t("NoResults") }}</p>
|
||||
<v-card v-if="items.length" max-width="900">
|
||||
<v-list>
|
||||
<v-subheader v-if="maxResultsReturned">
|
||||
<span>({{ $ay.t("TooManyResults") }})</span>
|
||||
</v-subheader>
|
||||
|
||||
<template v-for="item in items">
|
||||
<!-- KEY MUST BE UNIQUE INSIDE v-for OR LIST ITEM GOES SNAKEY -->
|
||||
<v-subheader :key="'s' + item.index" v-if="item.subheader"
|
||||
><v-icon large class="mr-2">{{ item.icon }}</v-icon
|
||||
><span class="title">{{
|
||||
item.subheader
|
||||
}}</span></v-subheader
|
||||
<template v-for="item in items">
|
||||
<!-- KEY MUST BE UNIQUE INSIDE v-for OR LIST ITEM GOES SNAKEY -->
|
||||
<v-subheader :key="'s' + item.index" v-if="item.subheader"
|
||||
><v-icon large class="mr-2">{{ item.icon }}</v-icon
|
||||
><span class="title">{{
|
||||
item.subheader
|
||||
}}</span></v-subheader
|
||||
>
|
||||
|
||||
<v-list-item link :key="item.index">
|
||||
<v-list-item-content
|
||||
@click="openItem(item)"
|
||||
:data-cy="!!$ay.dev ? 'btnopenitem' + item.index : false"
|
||||
>
|
||||
|
||||
<v-list-item link :key="item.index">
|
||||
<v-list-item-content
|
||||
@click="openItem(item)"
|
||||
:data-cy="
|
||||
!!$ay.dev ? 'btnopenitem' + item.index : false
|
||||
"
|
||||
>
|
||||
<v-list-item-title
|
||||
v-text="item.name"
|
||||
></v-list-item-title>
|
||||
<v-list-item-subtitle
|
||||
v-html="item.info"
|
||||
></v-list-item-subtitle>
|
||||
</v-list-item-content>
|
||||
<v-list-item-action>
|
||||
<v-btn icon @click="getExcerpt(item)">
|
||||
<v-icon
|
||||
color="grey lighten-1"
|
||||
large
|
||||
:data-cy="
|
||||
!!$ay.dev ? 'btnexcerpt' + item.index : false
|
||||
"
|
||||
>fa-info-circle</v-icon
|
||||
>
|
||||
</v-btn>
|
||||
</v-list-item-action>
|
||||
</v-list-item>
|
||||
</template>
|
||||
</v-list>
|
||||
</v-card>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-form>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-container>
|
||||
<v-list-item-title v-text="item.name"></v-list-item-title>
|
||||
<v-list-item-subtitle
|
||||
v-html="item.info"
|
||||
></v-list-item-subtitle>
|
||||
</v-list-item-content>
|
||||
<v-list-item-action>
|
||||
<v-btn icon @click="getExcerpt(item)">
|
||||
<v-icon
|
||||
color="grey lighten-1"
|
||||
large
|
||||
:data-cy="
|
||||
!!$ay.dev ? 'btnexcerpt' + item.index : false
|
||||
"
|
||||
>fa-info-circle</v-icon
|
||||
>
|
||||
</v-btn>
|
||||
</v-list-item-action>
|
||||
</v-list-item>
|
||||
</template>
|
||||
</v-list>
|
||||
</v-card>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-form>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user