|
|
@ -13,11 +13,10 @@ |
|
|
|
</thead> |
|
|
|
</thead> |
|
|
|
<tbody> |
|
|
|
<tbody> |
|
|
|
<tr v-for="(col, i) in columns"> |
|
|
|
<tr v-for="(col, i) in columns"> |
|
|
|
<td> |
|
|
|
<td class="btn-group"> |
|
|
|
<a href="" :class="['btn', 'btn-outline-secondary', {disabled: i==0}]" @click.prevent="move(i, -1)"> |
|
|
|
<a href="" :class="['btn', 'btn-outline-secondary', {disabled: i==0}]" @click.prevent="move(i, -1)"> |
|
|
|
<v-icon class="fa-chevron-up" alt="Move Up" /> |
|
|
|
<v-icon class="fa-chevron-up" alt="Move Up" /> |
|
|
|
</a><!-- |
|
|
|
</a><a href="" :class="['btn', 'btn-outline-secondary', {disabled: i == (columns.length-1)}]" @click.prevent="move(i, 1)"> |
|
|
|
--><a href="" :class="['btn', 'btn-outline-secondary', {disabled: i == (columns.length-1)}]" @click.prevent="move(i, 1)"> |
|
|
|
|
|
|
|
<v-icon class="fa-chevron-down" alt="Move Down" /> |
|
|
|
<v-icon class="fa-chevron-down" alt="Move Down" /> |
|
|
|
</a> |
|
|
|
</a> |
|
|
|
</td> |
|
|
|
</td> |
|
|
@ -37,7 +36,7 @@ |
|
|
|
</td> |
|
|
|
</td> |
|
|
|
|
|
|
|
|
|
|
|
<td class="text-nowrap"> |
|
|
|
<td class="text-nowrap"> |
|
|
|
<a href="" :class="['btn', 'btn-outline-secondary', {disabled: i==0}]" @click.prevent="delCol(i)"> |
|
|
|
<a href="" :class="['mr-1', 'btn', 'btn-outline-secondary', {disabled: i==0}]" @click.prevent="delCol(i)"> |
|
|
|
<v-icon class="fa-trash-o" alt="Delete column" /> |
|
|
|
<v-icon class="fa-trash-o" alt="Delete column" /> |
|
|
|
</a><!-- |
|
|
|
</a><!-- |
|
|
|
--><a href="" class="btn btn-outline-secondary" v-if="i === columns.length - 1" |
|
|
|
--><a href="" class="btn btn-outline-secondary" v-if="i === columns.length - 1" |
|
|
@ -62,10 +61,6 @@ |
|
|
|
@include pr(1); |
|
|
|
@include pr(1); |
|
|
|
@include py(1); |
|
|
|
@include py(1); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
td .btn { |
|
|
|
|
|
|
|
@include mr(1); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|