Skip to content

P
Platform
Unverified Commit c618c809 authored by Nicolas Widart's avatar Nicolas Widart
Browse files
Options

Updating to vuejs 2.5. Updating all components to work with vue 2.5. 

- scope= becomes slot-scope=
parent ea0db9bf
Expand all Show whitespace changes
Inline Side-by-side
Showing with 5296 additions and 2399 deletions
Modules/Media/Assets/js/components/MediaList.vue
View file @ c618c809
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
width="55"> width="55">
</el-table-column> </el-table-column>
<el-table-column label="" width="150"> <el-table-column label="" width="150">
<template scope="scope"> <template slot-scope="scope">
<img :src="scope.row.small_thumb" alt="" v-if="scope.row.is_image"/> <img :src="scope.row.small_thumb" alt="" v-if="scope.row.is_image"/>
<i :class="`fa ${scope.row.fa_icon}`" style="font-size: 38px;" <i :class="`fa ${scope.row.fa_icon}`" style="font-size: 38px;"
v-if="! scope.row.is_image && ! scope.row.is_folder"></i> v-if="! scope.row.is_image && ! scope.row.is_folder"></i>
...@@ -72,7 +72,7 @@ ...@@ -72,7 +72,7 @@
</el-table-column> </el-table-column>
<el-table-column prop="filename" :label="trans('media.table.filename')" sortable="custom"> <el-table-column prop="filename" :label="trans('media.table.filename')" sortable="custom">
<template scope="scope"> <template slot-scope="scope">
<strong v-if="scope.row.is_folder" style="cursor: pointer;" @click="enterFolder(scope)"> <strong v-if="scope.row.is_folder" style="cursor: pointer;" @click="enterFolder(scope)">
{{ scope.row.filename }} {{ scope.row.filename }}
</strong> </strong>
...@@ -86,7 +86,7 @@ ...@@ -86,7 +86,7 @@
width="150"> width="150">
</el-table-column> </el-table-column>
<el-table-column prop="actions" label="" width="150"> <el-table-column prop="actions" label="" width="150">
<template scope="scope"> <template slot-scope="scope">
<div class="pull-right"> <div class="pull-right">
<el-button <el-button
type="primary" type="primary"
...@@ -105,7 +105,7 @@ ...@@ -105,7 +105,7 @@
v-if="scope.row.is_folder && canEditFolders"> v-if="scope.row.is_folder && canEditFolders">
<i class="fa fa-pencil"></i> <i class="fa fa-pencil"></i>
</el-button> </el-button>
<delete-button :scope="scope" :rows="data"></delete-button> <delete-button :slot-scope="scope" :rows="data"></delete-button>
</el-button-group> </el-button-group>
</div> </div>
</div> </div>
......
Modules/Media/Assets/js/components/MoveMediaDialog.vue
View file @ c618c809
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
v-text="form.errors.first('destinationFolder')"></div> v-text="form.errors.first('destinationFolder')"></div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot-scope="footer" class="dialog-footer">
<el-button @click="closeDialog">{{ trans('core.button.cancel') }}</el-button> <el-button @click="closeDialog">{{ trans('core.button.cancel') }}</el-button>
<el-button type="warning" @click="onSubmit()">{{ trans('core.move') }}</el-button> <el-button type="warning" @click="onSubmit()">{{ trans('core.move') }}</el-button>
</span> </span>
......
Modules/Media/Assets/js/components/NewFolder.vue
View file @ c618c809
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
v-text="form.errors.first('name')"></div> v-text="form.errors.first('name')"></div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot-scope="footer" class="dialog-footer">
<el-button @click="closeDialog">{{ trans('core.button.cancel') }}</el-button> <el-button @click="closeDialog">{{ trans('core.button.cancel') }}</el-button>
<el-button type="primary" @click="onSubmit()">{{ trans('core.confirm') }}</el-button> <el-button type="primary" @click="onSubmit()">{{ trans('core.confirm') }}</el-button>
</span> </span>
......
Modules/Media/Assets/js/components/RenameFolder.vue
View file @ c618c809
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
v-text="form.errors.first('name')"></div> v-text="form.errors.first('name')"></div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot-scope="footer" class="dialog-footer">
<el-button @click="closeDialog">{{ trans('core.button.cancel') }}</el-button> <el-button @click="closeDialog">{{ trans('core.button.cancel') }}</el-button>
<el-button type="primary" @click="onSubmit()">{{ trans('core.confirm') }}</el-button> <el-button type="primary" @click="onSubmit()">{{ trans('core.confirm') }}</el-button>
</span> </span>
......
Modules/Media/Assets/js/components/SingleMedia.vue
View file @ c618c809
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<media-list single-modal :event-name="this.eventName"></media-list> <media-list single-modal :event-name="this.eventName"></media-list>
<span slot="footer" class="dialog-footer"> <span slot-scope="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">{{ trans('core.button.cancel') }}</el-button> <el-button @click="dialogVisible = false">{{ trans('core.button.cancel') }}</el-button>
</span> </span>
</el-dialog> </el-dialog>
......
Modules/Page/Assets/js/components/PageTable.vue
View file @ c618c809
...@@ -13,11 +13,11 @@ ...@@ -13,11 +13,11 @@
<el-table-column prop="created_at" label="Created at"> <el-table-column prop="created_at" label="Created at">
</el-table-column> </el-table-column>
<el-table-column fixed="right" prop="actions" label="Actions"> <el-table-column fixed="right" prop="actions" label="Actions">
<template scope="scope"> <template slot-scope="scope">
<a class="btn btn-default btn-flat" @click.prevent="goToEdit(scope)"><i <a class="btn btn-default btn-flat" @click.prevent="goToEdit(scope)"><i
class="fa fa-pencil"></i></a> class="fa fa-pencil"></i></a>
<delete-button :scope="scope" :rows="data" :translations="translations"> <delete-button :slot-scope="scope" :rows="data" :translations="translations">
</delete-button> </delete-button>
</template> </template>
</el-table-column> </el-table-column>
......
Modules/Page/Assets/js/components/PageTableServerSide.vue
View file @ c618c809
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<el-button type="primary"> <el-button type="primary">
{{ trans('core.table.actions') }}<i class="el-icon-caret-bottom el-icon--right"></i> {{ trans('core.table.actions') }}<i class="el-icon-caret-bottom el-icon--right"></i>
</el-button> </el-button>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot-slot-scope="dropdown">
<el-dropdown-item command="mark-online">{{ trans('core.mark as online') }}</el-dropdown-item> <el-dropdown-item command="mark-online">{{ trans('core.mark as online') }}</el-dropdown-item>
<el-dropdown-item command="mark-offline">{{ trans('core.mark as offline') }}</el-dropdown-item> <el-dropdown-item command="mark-offline">{{ trans('core.mark as offline') }}</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
...@@ -53,21 +53,21 @@ ...@@ -53,21 +53,21 @@
width="55"> width="55">
</el-table-column> </el-table-column>
<el-table-column :label="trans('pages.status')" width="100"> <el-table-column :label="trans('pages.status')" width="100">
<template scope="scope"> <template slot-scope="scope">
<i class="el-icon-fa-circle" :class="(scope.row.translations.status === true) ? 'text-success':'text-danger'"></i> <i class="el-icon-fa-circle" :class="(scope.row.translations.status === true) ? 'text-success':'text-danger'"></i>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="id" label="Id" width="75" sortable="custom"> <el-table-column prop="id" label="Id" width="75" sortable="custom">
</el-table-column> </el-table-column>
<el-table-column prop="translations.title" :label="trans('pages.title')"> <el-table-column prop="translations.title" :label="trans('pages.title')">
<template scope="scope"> <template slot-scope="scope">
<a @click.prevent="goToEdit(scope)" href="#"> <a @click.prevent="goToEdit(scope)" href="#">
{{ scope.row.translations.title }} {{ scope.row.translations.title }}
</a> </a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="translations.slug" :label="trans('pages.slug')"> <el-table-column prop="translations.slug" :label="trans('pages.slug')">
<template scope="scope"> <template slot-scope="scope">
<a @click.prevent="goToEdit(scope)" href="#"> <a @click.prevent="goToEdit(scope)" href="#">
{{ scope.row.translations.slug }} {{ scope.row.translations.slug }}
</a> </a>
...@@ -76,10 +76,10 @@ ...@@ -76,10 +76,10 @@
<el-table-column prop="created_at" :label="trans('core.table.created at')" sortable="custom"> <el-table-column prop="created_at" :label="trans('core.table.created at')" sortable="custom">
</el-table-column> </el-table-column>
<el-table-column prop="actions" :label="trans('core.table.actions')"> <el-table-column prop="actions" :label="trans('core.table.actions')">
<template scope="scope"> <template slot-scope="scope">
<el-button-group> <el-button-group>
<edit-button :to="{name: 'admin.page.page.edit', params: {pageId: scope.row.id}}"></edit-button> <edit-button :to="{name: 'admin.page.page.edit', params: {pageId: scope.row.id}}"></edit-button>
<delete-button :scope="scope" :rows="data"></delete-button> <delete-button :slot-scope="scope" :rows="data"></delete-button>
</el-button-group> </el-button-group>
</template> </template>
</el-table-column> </el-table-column>
......
Modules/User/Assets/js/components/ApiKeys.vue
View file @ c618c809
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
v-for="key in apiKeys" v-for="key in apiKeys"
:key="key.id"> :key="key.id">
<el-input v-model="key.access_token" disabled> <el-input v-model="key.access_token" disabled>
<el-button slot="prepend" @click="destroyApiKey(key)"> <el-button slot-scope="prepend" @click="destroyApiKey(key)">
<i class="fa fa-times"></i> <i class="fa fa-times"></i>
</el-button> </el-button>
</el-input> </el-input>
......
Modules/User/Assets/js/components/RoleForm.vue
View file @ c618c809
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
<el-form-item :label="trans('roles.form.slug')" <el-form-item :label="trans('roles.form.slug')"
:class="{'el-form-item is-error': form.errors.has('slug') }"> :class="{'el-form-item is-error': form.errors.has('slug') }">
<el-input v-model="role.slug"> <el-input v-model="role.slug">
<el-button slot="prepend" @click="generateSlug">Generate</el-button> <el-button slot-scope="prepend" @click="generateSlug">Generate</el-button>
</el-input> </el-input>
<div class="el-form-item__error" v-if="form.errors.has('slug')" <div class="el-form-item__error" v-if="form.errors.has('slug')"
v-text="form.errors.first('slug')"></div> v-text="form.errors.first('slug')"></div>
......
Modules/User/Assets/js/components/RoleTable.vue
View file @ c618c809
...@@ -42,14 +42,14 @@ ...@@ -42,14 +42,14 @@
<el-table-column prop="id" label="Id" width="75" sortable="custom"> <el-table-column prop="id" label="Id" width="75" sortable="custom">
</el-table-column> </el-table-column>
<el-table-column prop="name" :label="trans('roles.table.name')" sortable="custom"> <el-table-column prop="name" :label="trans('roles.table.name')" sortable="custom">
<template scope="scope"> <template slot-scope="scope">
<a @click.prevent="goToEdit(scope)" href="#"> <a @click.prevent="goToEdit(scope)" href="#">
{{ scope.row.name }} {{ scope.row.name }}
</a> </a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="slug" :label="trans('roles.table.slug')" sortable="custom"> <el-table-column prop="slug" :label="trans('roles.table.slug')" sortable="custom">
<template scope="scope"> <template slot-scope="scope">
<a @click.prevent="goToEdit(scope)" href="#"> <a @click.prevent="goToEdit(scope)" href="#">
{{ scope.row.slug }} {{ scope.row.slug }}
</a> </a>
...@@ -59,11 +59,11 @@ ...@@ -59,11 +59,11 @@
sortable="custom"> sortable="custom">
</el-table-column> </el-table-column>
<el-table-column prop="actions" :label="trans('core.table.actions')"> <el-table-column prop="actions" :label="trans('core.table.actions')">
<template scope="scope"> <template slot-scope="scope">
<el-button-group> <el-button-group>
<edit-button <edit-button
:to="{name: 'admin.user.roles.edit', params: {roleId: scope.row.id}}"></edit-button> :to="{name: 'admin.user.roles.edit', params: {roleId: scope.row.id}}"></edit-button>
<delete-button :scope="scope" :rows="data"></delete-button> <delete-button :slot-scope="scope" :rows="data"></delete-button>
</el-button-group> </el-button-group>
</template> </template>
</el-table-column> </el-table-column>
......
Modules/User/Assets/js/components/UserProfile.vue
View file @ c618c809
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
<div class="box-body"> <div class="box-body">
<el-tabs> <el-tabs>
<el-tab-pane :label="trans('users.tabs.data')"> <el-tab-pane :label="trans('users.tabs.data')">
<span slot="label" <span slot-scope="label"
:class="{'error' : form.errors.any()}"> :class="{'error' : form.errors.any()}">
{{ trans('users.tabs.data') }} {{ trans('users.tabs.data') }}
</span> </span>
......
Modules/User/Assets/js/components/UserTable.vue
View file @ c618c809
...@@ -42,21 +42,21 @@ ...@@ -42,21 +42,21 @@
<el-table-column prop="id" label="Id" width="75" sortable="custom"> <el-table-column prop="id" label="Id" width="75" sortable="custom">
</el-table-column> </el-table-column>
<el-table-column prop="first_name" :label="trans('users.table.first-name')" sortable="custom"> <el-table-column prop="first_name" :label="trans('users.table.first-name')" sortable="custom">
<template scope="scope"> <template slot-scope="scope">
<a @click.prevent="goToEdit(scope)" href="#"> <a @click.prevent="goToEdit(scope)" href="#">
{{ scope.row.first_name }} {{ scope.row.first_name }}
</a> </a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="last_name" :label="trans('users.table.last-name')" sortable="custom"> <el-table-column prop="last_name" :label="trans('users.table.last-name')" sortable="custom">
<template scope="scope"> <template slot-scope="scope">
<a @click.prevent="goToEdit(scope)" href="#"> <a @click.prevent="goToEdit(scope)" href="#">
{{ scope.row.last_name }} {{ scope.row.last_name }}
</a> </a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="email" :label="trans('users.table.email')" sortable="custom"> <el-table-column prop="email" :label="trans('users.table.email')" sortable="custom">
<template scope="scope"> <template slot-scope="scope">
<a @click.prevent="goToEdit(scope)" href="#"> <a @click.prevent="goToEdit(scope)" href="#">
{{ scope.row.email }} {{ scope.row.email }}
</a> </a>
...@@ -66,11 +66,11 @@ ...@@ -66,11 +66,11 @@
sortable="custom"> sortable="custom">
</el-table-column> </el-table-column>
<el-table-column prop="actions" :label="trans('core.table.actions')"> <el-table-column prop="actions" :label="trans('core.table.actions')">
<template scope="scope"> <template slot-scope="scope">
<el-button-group> <el-button-group>
<edit-button <edit-button
:to="{name: 'admin.user.users.edit', params: {userId: scope.row.id}}"></edit-button> :to="{name: 'admin.user.users.edit', params: {userId: scope.row.id}}"></edit-button>
<delete-button :scope="scope" :rows="data"></delete-button> <delete-button :slot-scope="scope" :rows="data"></delete-button>
</el-button-group> </el-button-group>
</template> </template>
</el-table-column> </el-table-column>
......
public/js/app.js
View file @ c618c809
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Technounit-GROUP 2023