Server : Apache System : Linux ks5.tuic.fr 6.1.0-18-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.76-1 (2024-02-01) x86_64 User : pragmatice ( 1003) PHP Version : 8.2.24 Disable Function : NONE Directory :  /home/pragmatice/pragmaclasse_recette/storage/framework/views/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<div class="bloc-manager-container">
    <template v-if="displayPart == 'list'">
        <div class="bloc-manager bg-info text-white">
            <h3>
                Administrateurs
                <button v-if="displayPart == 'list'" class="btn btn-success" @click.prevent="switchDisplayPart('add')">
                    <span class="icon-action"><?php echo file_get_contents('img/svg/add.svg'); ?></span>Ajouter administrateur
                </button>
                <button v-if="displayPart == 'add'" class="btn btn-secondary"
                    @click.prevent="switchDisplayPart('list')">
                    <span class="icon-action"><?php echo file_get_contents('img/svg/list.svg'); ?></span>Retour à la liste
                </button>
            </h3>

            <div class="pagination">
                <div>
                    <label for="paginationNbItems">Nombre par page</label>
                    <select id="paginationNbItems" v-model="paginationItemsPerPage">
                        <option :value="paginationListNbItem" v-for="paginationListNbItem in paginationListNbItems">
                            {{paginationListNbItem}}</option>
                    </select>
                </div>
                <div class="pagination-pages">
                    <span class="pagination-page" :class="{'selected':(paginationPage==paginationCurrentPage)}"
                        v-for="(paginationPage, index) in paginationPages"
                        @click="paginationCurrentPage = paginationPage" :title="'Page ' + paginationPage">{{paginationPage}}</span>
                </div>
            </div>

            <div class="alert alert-success" v-if="messageSuccess">{{messageSuccess}}</div>

            <div class="floating-actions-part" :class="{'opened':actionButtonsOpened}" v-if="hasModifiedAdministrators">
                <button class="btn btn-dark" @click.prevent="triggerActionButtons">
                    <span class="icon" v-if="actionButtonsOpened">&crarr;</span>
                    <span class="icon" v-else>&crarr;</span>
                </button>
                <div class="actions-part">
                    <div class="group-slide">
                        <button class="btn btn-success" @click.prevent="modifyAdministrators()">Sauvegarder les
                            modifications</button>
                        <button class="btn btn-danger" @click.prevent="cancelModifications">Annuler les
                            modifications</button>
                    </div>
                </div>
            </div>

            <div class="administrators-list elements-list">
                <div class="administrator-single element-single row" :class="getClassElements[index]"
                    v-for="(administrator, index) in paginatedAdministrators">
                    <button class="side-action switch-display" @click.prevent="switchDisplay(index)"
                        title="Alterner l'affichage">
                        <?php echo file_get_contents('img/svg/refresh.svg'); ?>

                    </button>
                    <button class="side-action delete bg-danger" @click.prevent="tagDeleted(administrator.indexList)"
                        :disabled="!canDelete[administrator.indexList]"
                        v-if="(!deletedAdministrators[administrator.indexList])">
                        <?php echo file_get_contents('img/svg/delete.svg'); ?>

                    </button>
                    <template
                        v-if="(listDisplays[administratorsIndexDisplay[administrator.indexList]].name == 'minimum')">
                        <div class="col-12 col-sm-6 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text" :for="index+'-lastname'">Nom</label>
                            </div>
                            <input class="form-control" :id="index+'-lastname'"
                                v-model="administrators[administrator.indexList].nom" />
                        </div>
                        <div class="col-12 col-sm-6 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text" :for="index+'-firstname'">Prénom</label>
                            </div>
                            <input class="form-control" :id="index+'-firstname'"
                                v-model="administrators[administrator.indexList].prenom" />
                        </div>
                    </template>
                    <template v-if="(listDisplays[administratorsIndexDisplay[administrator.indexList]].name == 'full')">
                        <div class="col-12 col-sm-6 col-lg-4 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text" :for="index+'-lastname'">Nom</label>
                            </div>
                            <input class="form-control" :id="index+'-lastname'"
                                v-model="administrators[administrator.indexList].nom" />
                        </div>
                        <div class="col-12 col-sm-6 col-lg-4 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text" :for="index+'-firstname'">Prénom</label>
                            </div>
                            <input class="form-control" :id="index+'-firstname'"
                                v-model="administrators[administrator.indexList].prenom" />
                        </div>
                        <div class="col-12 col-sm-6 col-lg-4 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text" :for="index+'-firstname'">Téléphone</label>
                            </div>
                            <input class="form-control" :id="index+'-phone'"
                                v-model="administrators[administrator.indexList].tel" />
                        </div>
                        <div class="col-12 col-sm-6 col-lg-4 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text" :for="index+'-email'">Email</label>
                            </div>
                            <input class="form-control" :id="index+'-email'"
                                v-model="administrators[administrator.indexList].mail" />
                        </div>
                        <div class="col-12 col-sm-6 col-lg-4 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text"
                                    :for="index+'-administrator-categoryUser'">Catégorie</label>
                            </div>
                            <select v-model="administrators[administrator.indexList].idCategorieMembre"
                                class="form-control">
                                <option :value="categoryUser.id" v-for="categoryUser in getCategoriesUser()">
                                    {{categoryUser.label}}
                                </option>
                            </select>
                        </div>
                        <div class="col-12 col-sm-6 col-lg-4 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text" :for="index+'-administrator-categoryUser'">Actif</label>
                            </div>
                            <select v-model="administrators[administrator.indexList].actif" class="form-control">
                                <option :value="status.value" v-for="status in getActiveStatus()"
                                    :disabled="status.disabled">
                                    {{status.label}}
                                </option>
                            </select>
                        </div>
                    </template>
                </div>
            </div>
            <div class="actions-part" v-if="hasModifiedAdministrators">
                <button class="btn btn-success" @click.prevent="modifyAdministrators()">Sauvegarder les
                    modifications</button>
                <button class="btn btn-danger" @click.prevent="cancelModifications">Annuler les
                    modifications</button>
            </div>
        </div>
    </template>
    <template v-else-if="displayPart == 'add'">
        <div class="bloc-manager bg-info text-white add-administrator-container">
            <h3>
                Ajouter un administrateur
                <button v-if="displayPart == 'list'" class="btn btn-success" @click.prevent="switchDisplayPart('add')">
                    <span class="icon-action"><?php echo file_get_contents('img/svg/add.svg'); ?></span>Ajouter administrateur
                </button>
                <button v-if="displayPart == 'add'" class="btn btn-secondary"
                    @click.prevent="switchDisplayPart('list')">
                    <span class="icon-action"><?php echo file_get_contents('img/svg/list.svg'); ?></span>Retour à la liste
                </button>
            </h3>
            <form class="row" @submit.prevent>
                <div class="col-12">
                    <div class="row">
                        <div class="col-12 col-md-6 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text" for="new-admin-firstname">Prénom</label>
                            </div>
                            <input class="form-control" required id="new-admin-firstname"
                                v-model="newAdministrator.firstname" />
                        </div>
                        <div class="col-12 col-md-6 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text" for="new-admin-lastname">Nom</label>
                            </div>
                            <input class="form-control" required id="new-admin-lastname"
                                v-model="newAdministrator.lastname" />
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-md-6 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text" for="new-admin-password">Mot de passe</label>
                            </div>
                            <input type="password" class="form-control" required id="new-admin-password"
                                v-model="newAdministrator.password" />
                        </div>
                        <div class="col-12 col-md-6 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text" for="new-admin-passwordConf">Confirmation de mot de
                                    passe</label>
                            </div>
                            <input type="password" class="form-control" required id="new-admin-passwordConf"
                                v-model="newAdministrator.passwordConf" />
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-md-6 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text" for="new-admin-mail">E-Mail</label>
                            </div>
                            <input type="email" class="form-control" required id="new-admin-mail"
                                v-model="newAdministrator.email" />
                        </div>
                        <div class="col-12 col-md-6 input-group">
                            <div class="input-group-prepend">
                                <label class="input-group-text" for="new-admin-phone">Téléphone</label>
                            </div>
                            <input type="tel" class="form-control" id="new-admin-phone"
                                v-model="newAdministrator.phone" />
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 input-group">
                            <button class="btn btn-success" @click="addAdministrator">Ajouter</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </template>
</div><?php /**PATH /home/pragmatice/pragmaclasse_recette/resources/views/components/admin/administrators.blade.php ENDPATH**/ ?>