Commit ad94b107 authored by Laurent Lecluse's avatar Laurent Lecluse
Browse files

Ajout de BootstrapVue au projet

parent f577a79b

front/Application/UI/UTabs.vue

deleted100644 → 0
+0 −42
Original line number Diff line number Diff line 
<template>

    <ul class="nav nav-tabs" role="tablist">

        <li v-for="(label,id) in tabs" class="nav-item" role="presentation">

            <a class="nav-link" :class="id === currentTab ? 'active' : ''" data-bs-togggle="tab" :data-bs-target="'#'+id" type="button" role="tab" :aria-controls="id" aria-selected="true" @click="selectTab">{{ label }}</a>

        </li>

    </ul>

    <div class="tab-content">

        <div v-for="(label,id) in tabs" :key="id" class="tab-pane fade show" :class="id === currentTab ? 'active' : ''" :id="id" role="tabpanel"

             :aria-labelledby="id+'-tab'">

            <slot :name="id"></slot>

        </div>

    </div>

</template>



<script>



export default {

    name: "UTabs",

    props: {

        tab: {type: String, required: true},

        tabs: {type: Array, required: true}

    },

    data(){

        return {

            currentTab: this.tab

        };

    },

    mounted(){



    },

    methods: {

        selectTab(event){

            this.currentTab = event.target.attributes.getNamedItem('aria-controls').value;

            this.$emit('changeTab', this.currentTab);

        },

    }

}

</script>



<style scoped>



</style>
 
 No newline at end of file

front/autoload.js

+0 −2
Original line number Diff line number Diff line
@@ -4,8 +4,6 @@ export default { 
    uHeures: 'Application/UI/UHeures',

    uModal: 'Application/UI/UModal',

    uCalendar: 'Application/UI/UCalendar',

    uTabs: 'Application/UI/UTabs',

    uFormDate: 'Application/UI/UFormDate',



    /* App common components */

    utilisateur: 'Application/Utilisateur',

package-lock.json

+1742 −16

File changed.

Preview size limit exceeded, changes collapsed.

package.json

+4 −2
Original line number Diff line number Diff line
@@ -10,13 +10,15 @@ 
    "build": "vite build"

  },

  "dependencies": {

    "bootstrap-vue-next": "^0.7.3",

    "vue": "^3.2.45"

  },

  "devDependencies": {

    "@vitejs/plugin-vue": "^4.0.0",

    "@vue/compiler-sfc": "^3.2.45",

    "sass": "^1.57.1",

    "unplugin-vue-components": "^0.24.1",

    "vite": "^4.0.0",

    "vite-plugin-live-reload": "^3.0.1",

    "sass": "^1.57.1"

    "vite-plugin-live-reload": "^3.0.1"

  }

}

public/dist/assets/main-053bce68.css

0 → 100644
+1 −0
Original line number Diff line number Diff line 
.table tr[data-v-dc45b73e]{background-color:#f4f4f4;border-left:1px #ddd solid;border-right:1px #ddd solid}.table-hover tr[data-v-dc45b73e]:hover{background-color:#f7f7f7}.recherche[data-v-dc45b73e]{text-align:center}.recherche .btn-group[data-v-dc45b73e]{box-shadow:none;margin:auto}.recherche select.btn[data-v-dc45b73e]{padding-right:3em}th.nom-jour[data-v-dc45b73e]{width:1%;padding-left:3px}th.numero-jour[data-v-dc45b73e]{width:1%;padding-right:.5em}.recherche[data-v-dc45b73e]{justify-content:center;padding-bottom:5px}.event[data-v-dc45b73e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;border-left:10px #bbb solid;border-right:10px #bbb solid}.event[data-v-dc45b73e]:hover{background-color:#fff}.event-content[data-v-dc45b73e]{flex-grow:1}.event-actions[data-v-dc45b73e]{align-self:flex-start}.card-header h5[data-v-449a333e]{font-weight:500}.btn[data-v-449a333e]{margin-left:2px;margin-right:2px}