Update button styles to use element-ui style

parent cb768834
<template> <template>
<button class="btn btn-danger btn-flat" @click="deleteRow"><i class="fa fa-trash"></i></button> <el-button type="danger" @click="deleteRow" size="small"><i class="fa fa-trash"></i></el-button>
</template> </template>
<script> <script>
......
...@@ -81,20 +81,27 @@ ...@@ -81,20 +81,27 @@
<el-table-column prop="actions" label="" width="150"> <el-table-column prop="actions" label="" width="150">
<template scope="scope"> <template scope="scope">
<div class="pull-right"> <div class="pull-right">
<a class="btn btn-primary btn-flat" @click.prevent="insertMedia(scope)" <el-button
v-if="singleModal && ! scope.row.is_folder"> type="primary"
size="small"
@click.prevent="insertMedia(scope)"
v-if="singleModal && ! scope.row.is_folder">
{{ trans('media.insert') }} {{ trans('media.insert') }}
</a> </el-button>
<div v-if="! singleModal"> <div v-if="! singleModal">
<a class="btn btn-default btn-flat" @click.prevent="loadEditForm(scope)" <el-button-group>
v-if="! scope.row.is_folder"><i class="fa fa-pencil"></i></a> <el-button
size="small"
<a @click.prevent="showEditFolder(scope.row)" class="btn btn-default btn-flat" @click.prevent="loadEditForm(scope)"
v-if="scope.row.is_folder && canEditFolders"> v-if="! scope.row.is_folder"><i class="fa fa-pencil"></i></el-button>
<i class="fa fa-pencil"></i> <el-button
</a> size="small"
@click.prevent="showEditFolder(scope.row)"
<delete-button :scope="scope" :rows="data"></delete-button> v-if="scope.row.is_folder && canEditFolders">
<i class="fa fa-pencil"></i>
</el-button>
<delete-button :scope="scope" :rows="data"></delete-button>
</el-button-group>
</div> </div>
</div> </div>
</template> </template>
......
...@@ -67,11 +67,14 @@ ...@@ -67,11 +67,14 @@
</el-table-column> </el-table-column>
<el-table-column fixed="right" prop="actions" :label="trans('core.table.actions')"> <el-table-column fixed="right" prop="actions" :label="trans('core.table.actions')">
<template scope="scope"> <template scope="scope">
<a class="btn btn-default btn-flat" @click.prevent="goToEdit(scope)"><i <el-button-group>
class="fa fa-pencil"></i></a> <el-button
size="small"
@click.prevent="goToEdit(scope)"
v-if="! scope.row.is_folder"><i class="fa fa-pencil"></i></el-button>
<delete-button :scope="scope" :rows="data"> <delete-button :scope="scope" :rows="data"></delete-button>
</delete-button> </el-button-group>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
......
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