diff options
Diffstat (limited to 'settings/src/components/appDetails.vue')
-rw-r--r-- | settings/src/components/appDetails.vue | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/settings/src/components/appDetails.vue b/settings/src/components/appDetails.vue index 5467b1ffb10..70078d87c64 100644 --- a/settings/src/components/appDetails.vue +++ b/settings/src/components/appDetails.vue @@ -25,7 +25,7 @@ <a class="close icon-close" href="#" v-on:click="hideAppDetails"><span class="hidden-visually">Close</span></a> <h2>{{ app.name }}</h2> <img :src="app.preview" width="100%" /> - <app-score v-if="app.ratingNumThresholdReached" :score="app.score"></app-score> + <app-score v-if="app.appstoreData.ratingNumOverall > 5" :score="app.appstoreData.ratingOverall"></app-score> <div class="app-author"> {{ author }} {{ licence }} @@ -38,6 +38,19 @@ <input v-if="!app.active && !app.needsDownload" class="enable" type="button" :value="t('settings','Enable')" v-on:click="enable(app.id)" :disabled="!app.canInstall" /> <input v-if="!app.active && app.needsDownload" class="enable needs-download" type="button" :value="t('settings', 'Enable')" :disabled="!app.canInstall"/> </div> + <div class="app-groups" v-if="app.active"> + <div class="groups-enable" v-if="app.active && canLimitToGroups(app)"> + <input type="checkbox" :value="app.id" v-model="groupCheckedAppsData" v-on:change="setGroupLimit" class="groups-enable__checkbox checkbox" :id="prefix('groups_enable', app.id)"> + <label :for="prefix('groups_enable', app.id)">Auf Gruppen beschränken</label> + <input type="hidden" class="group_select" title="Alle" value=""> + <multiselect v-if="isLimitedToGroups(app)" :options="groups" :value="appGroups" @select="addGroupLimitation" @remove="removeGroupLimitation" + :placeholder="t('settings', 'Limit app usage to groups')" + label="name" track-by="id" class="multiselect-vue" + :multiple="true" :close-on-select="false"> + <span slot="noResult">{{t('settings', 'No results')}}</span> + </multiselect> + </div> + </div> <p class="documentation"> <a class="appslink" v-if="app.website" :href="app.website" target="_blank" rel="noreferrer noopener">{{ t('settings', 'Visit website') }} ↗</a> <a class="appslink" v-if="app.bugs" :href="app.bugs" target="_blank" rel="noreferrer noopener">{{ t('settings', 'Report a bug') }} ↗</a> @@ -65,7 +78,9 @@ <script> import Multiselect from 'vue-multiselect'; import AppScore from './appList/appScore'; +import AppManagement from './appManagement'; export default { + mixins: [AppManagement], name: 'appDetails', props: ['category', 'app'], components: { |