<commit_before><div class="modal-header">
    <h3>Edit profile</h3>

    <button
        type="button"
        class="close"
        ng-click="vm.cancel()">
        <i class="fas fa-times"></i>
    </button>
</div>

<div class="modal-body edit-profile">

    <div class="mobile-section-selector-container">
        <label for="mobile-section-selector">Select section:</label>
        <div class="select-wrapper">
            <select
                class="form-control"
                id="mobile-section-selector"
                name="mobile-section-selector"
                ng-change="vm.selectChanged()"
                ng-model="vm.selectedItem">
                <option value="0">Basic information</option>
                <option value="1">About me</option>
                <option value="2">Socials</option>
                <option value="3">Experiences</option>
                <option value="4">Education</option>
                <option value="5">Certificates</option>
                <option value="6">Skills</option>
                <option value="7">Public website only</option>
                <option value="8">Export only</option>
            </select>
        </div>
    </div>
    
    <uib-tabset active="vm.active" class="profile-tabs js-profile-tabs" ng-if="vm.profileIsLoaded">
        <uib-tab
            index="0"
            heading="Basic information"
            ng-class="{'has-error' : vm.basicInformationHasErrors, 'changed' : vm.changed['basic-info']}">
            <profile-privacy-legend></profile-privacy-legend>

            <profile-basic-information-form
                profile="vm.profile"></profile-basic-information-form>

            <em>If you notice that the information above is not correct, please contact the HR Office.</em>

            <profile-legend
                profile="vm.profile"
                type="basic-information"></profile-legend>
        </uib-tab>

        <uib-tab
            index="1"
            heading="About me"
            ng-class="{'has-error' : vm.aboutMeHasErrors, 'changed' : vm.changed['about-me']}">
            <profile-privacy-legend></profile-privacy-legend>

            <profile-about-me-form
                profile="vm.profile"
                errors="vm.errors"></profile-about-me-form>

            <profile-legend
                profile="vm.profile"
                type="about-me"></profile-legend>
        </uib-tab>

        <uib-tab
            index="2"
            heading="Socials"
            ng-class="{'has-error' : vm.errors['socials'], 'changed' : vm.changed['socials']}">
            <profile-privacy-legend></profile-privacy-legend>

            <profile-socials-form
                profile="vm.profile"
                errors="vm.errors"></profile-socials-form>

            <profile-legend
                profile="vm.profile"
                type="socials"></profile-legend>
        </uib-tab>

        <uib-tab
            index="3"
            heading="Experiences"
            ng-class="{'has-error' : vm.errors['experiences'], 'changed' : vm.changed['experiences']}">

            <p class="experience-description">The overview of your experiences will be the combination of experiences outside of and within IIT
                sorted by date, showing the latest/most recent experience on top. The order of this list will also updated when saving.</>

            <div class="h5 internal-experiences-title">Experiences within IIT</div>

            <profile-privacy-legend
                show="vm.profile.experiencesInternal.length > 0"></profile-privacy-legend>

            <ul class="item-listing add-lines">
                <li
                    ng-repeat="(key, experience) in vm.profile.experiencesInternal track by $index"
                    ng-init="type = vm.getType(experience)">
                    <ul class="enable-listing">
                        <li>
                            <ul class="field-listing">
                                <li>
                                    <ul class="internal-experiences">
                                        <li>
                                            <!-- Institute  -->
                                            <ul
                                                class="internal-experience-without-office-listing"
                                                ng-if="type === 'institute'">
                                                <li>
                                                    <div class="form-group">
                                                        <label>Institute</label>
                                                        <div class="form-control disabled">
                                                            <ul class="lines-of-experience">
                                                                <li ng-repeat="line in experience.lines track by $index">
                                                                    {{ line.institute }}
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>

                                            <!-- Research line-->
                                            <ul
                                                class="internal-experience-without-office-listing"
                                                ng-if="type === 'research line'">
                                                <li>
                                                    <div class="form-group">
                                                        <label>
                                                            {{ experience.lines.length > 1 ? 'Research lines' : 'Research line' }}
                                                        </label>
                                                        <div class="form-control disabled">
                                                            <ul class="lines-of-experience">
                                                                <li ng-repeat="line in experience.lines track by $index">
                                                                    "{{ line.name }}"
                                                                </li><commit_msg>Show the full institute name in the edit profile modal -> experiences<commit_after><div class="modal-header">
    <h3>Edit profile</h3>

    <button
        type="button"
        class="close"
        ng-click="vm.cancel()">
        <i class="fas fa-times"></i>
    </button>
</div>

<div class="modal-body edit-profile">

    <div class="mobile-section-selector-container">
        <label for="mobile-section-selector">Select section:</label>
        <div class="select-wrapper">
            <select
                class="form-control"
                id="mobile-section-selector"
                name="mobile-section-selector"
                ng-change="vm.selectChanged()"
                ng-model="vm.selectedItem">
                <option value="0">Basic information</option>
                <option value="1">About me</option>
                <option value="2">Socials</option>
                <option value="3">Experiences</option>
                <option value="4">Education</option>
                <option value="5">Certificates</option>
                <option value="6">Skills</option>
                <option value="7">Public website only</option>
                <option value="8">Export only</option>
            </select>
        </div>
    </div>
    
    <uib-tabset active="vm.active" class="profile-tabs js-profile-tabs" ng-if="vm.profileIsLoaded">
        <uib-tab
            index="0"
            heading="Basic information"
            ng-class="{'has-error' : vm.basicInformationHasErrors, 'changed' : vm.changed['basic-info']}">
            <profile-privacy-legend></profile-privacy-legend>

            <profile-basic-information-form
                profile="vm.profile"></profile-basic-information-form>

            <em>If you notice that the information above is not correct, please contact the HR Office.</em>

            <profile-legend
                profile="vm.profile"
                type="basic-information"></profile-legend>
        </uib-tab>

        <uib-tab
            index="1"
            heading="About me"
            ng-class="{'has-error' : vm.aboutMeHasErrors, 'changed' : vm.changed['about-me']}">
            <profile-privacy-legend></profile-privacy-legend>

            <profile-about-me-form
                profile="vm.profile"
                errors="vm.errors"></profile-about-me-form>

            <profile-legend
                profile="vm.profile"
                type="about-me"></profile-legend>
        </uib-tab>

        <uib-tab
            index="2"
            heading="Socials"
            ng-class="{'has-error' : vm.errors['socials'], 'changed' : vm.changed['socials']}">
            <profile-privacy-legend></profile-privacy-legend>

            <profile-socials-form
                profile="vm.profile"
                errors="vm.errors"></profile-socials-form>

            <profile-legend
                profile="vm.profile"
                type="socials"></profile-legend>
        </uib-tab>

        <uib-tab
            index="3"
            heading="Experiences"
            ng-class="{'has-error' : vm.errors['experiences'], 'changed' : vm.changed['experiences']}">

            <p class="experience-description">The overview of your experiences will be the combination of experiences outside of and within IIT
                sorted by date, showing the latest/most recent experience on top. The order of this list will also updated when saving.</>

            <div class="h5 internal-experiences-title">Experiences within IIT</div>

            <profile-privacy-legend
                show="vm.profile.experiencesInternal.length > 0"></profile-privacy-legend>

            <ul class="item-listing add-lines">
                <li
                    ng-repeat="(key, experience) in vm.profile.experiencesInternal track by $index"
                    ng-init="type = vm.getType(experience)">
                    <ul class="enable-listing">
                        <li>
                            <ul class="field-listing">
                                <li>
                                    <ul class="internal-experiences">
                                        <li>
                                            <!-- Institute  -->
                                            <ul
                                                class="internal-experience-without-office-listing"
                                                ng-if="type === 'institute'">
                                                <li>
                                                    <div class="form-group">
                                                        <label>Institute</label>
                                                        <div class="form-control disabled">
                                                            <ul class="lines-of-experience">
                                                                <li ng-repeat="line in experience.lines track by $index">
                                                                    {{ experience.company }}
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>

                                            <!-- Research line-->
                                            <ul
                                                class="internal-experience-without-office-listing"
                                                ng-if="type === 'research line'">
                                                <li>
                                                    <div class="form-group">
                                                        <label>
                                                            {{ experience.lines.length > 1 ? 'Research lines' : 'Research line' }}
                                                        </label>
                                                        <div class="form-control disabled">
                                                            <ul class="lines-of-experience">
                                                                <li ng-repeat="line in experience.lines track by $index">
                                                                    "{{ line.name }}"
                                                                </li>
{'fraction_non_alphanumeric': 0.11075465933394439, 'fraction_numerical': 0.002749770852428964, 'mean_word_length': 0.9685761539618103, 'pattern_counts': {'":': 0, '<': 207, '<?xml version=': 0, '>': 212, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 132, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1877165', 'n_tokens_mistral': 2773, 'n_tokens_neox': 2593, 'n_words': 519}