<commit_before><div class="_main-content _middle-content md-whiteframe-z1 my-profile-body"
     ng-class="{'_sm': $mdMedia('sm'), '_gt-sm': $mdMedia('gt-sm')}">
    <md-toolbar class="my-profile-toolbar _content-nav"
                ng-class="{'_sm': $mdMedia('sm'), '_gt-sm': $mdMedia('gt-sm')}">
        <div class="md-toolbar-tools">
            <h3 class="my-profile-header">My Profile</h3>

            <div class="md-actions" layout="row" layout-align="end center" flex>
                <md-button class="md-primary md-raised" aria-label="View Profile" ng-click="vm.edit=false"
                           ng-show="vm.edit">View Profile
                </md-button>
                <md-button class="md-primary md-raised" aria-label="Edit Profile" ng-click="vm.edit=true"
                           ng-hide="vm.edit">Edit Profile
                </md-button>
                <md-menu md-position-mode="target-right target">
                    <md-button aria-label="Actions" ng-click="$mdOpenMenu($event)">
                        <md-icon md-font-set="material-icons">more_vert</md-icon>
                        <md-tooltip>Actions</md-tooltip>
                    </md-button>
                    <md-menu-content width="2">
                        <md-menu-item>
                            <md-button ng-click="vm.paypal_payment($event)">Deposit</md-button>
                        </md-menu-item>
                        <md-menu-item>
                            <md-button ng-controller="DriveController as drive"
                                       ng-click="drive.addDriveAccount()">Connect Google Drive
                            </md-button>
                        </md-menu-item>
                    </md-menu-content>
                </md-menu>
            </div>
        </div>
    </md-toolbar>
    <div class="md-padding" layout-margin>
        <div layout="row" layout-align="start start">
            <div layout="column" layout-align="start" flex="40">
                <img ng-src="{{ vm.user.picture || '/static/images/ic_account_circle_black_48dp.png' }}"
                     alt="Profile" style="max-width: 192px">

                <p class="md-display-1 md-margin-0">{{ vm.user.first_name }} {{ vm.user.last_name }}</p>

                <p>Member since {{ vm.user.created_timestamp | date:'MMM dd, yyyy' }}</p>
            </div>
            <div ng-hide="vm.edit" flex>
                <md-list>
                    <div class="md-no-sticky">Profile</div>
                    <md-list-item ng-show="vm.user.job_title">
                        <p class="md-subheader">Job Title</p>
                        <h4>{{ vm.user.job_title }}</h4>
                    </md-list-item>
                    <md-list-item ng-show="vm.user.birthday">
                        <p class="md-subheader">Date of Birth</p>
                        <h4>{{ vm.user.birthday | date:"MMM dd, yyyy" }}</h4>
                    </md-list-item>
                    <md-list-item ng-show="vm.user.gender">
                        <p class="md-subheader">Gender</p>
                        <h4>{{ vm.user.gender.value }}</h4>
                    </md-list-item>
                    <md-list-item ng-show="vm.user.ethnicity">
                        <p class="md-subheader">Ethnicity</p>
                        <h4>{{ vm.user.ethnicity.value }}</h4>
                    </md-list-item>
                    <!--<md-list-item>
                            <p class="md-subheader">Nationality</p>
                            <h4>{{ vm.user.nationality }}</h4>
                        </md-list-item>-->
                    <md-list-item ng-show="vm.user.address">
                        <p class="md-subheader">Address</p>
                        <h4 ng-bind-html="vm.user.address_text"></h4>
                    </md-list-item>
                </md-list>
                <md-list>
                    <div class="md-no-sticky">Financial Accounts</div>
                    <md-list-item ng-repeat="financial_account in vm.user.financial_accounts">
                        <p class="md-subheader" ng-bind="financial_account.type"></p>
                        <h4 style="margin-top:0;margin-bottom:0;">{{ financial_account.balance | currency:"$" }}</h4>
                    </md-list-item>
                </md-list>
            </div>

            <div ng-if="vm.edit" layout="column" layout-align="start" class="md-padding" flex>
                <form>
                    <div layout="column">
                        <div layout="row" ng-hide="true">
                            <md-input-container flex>
                                <label>First name</label>
                                <input type="text" ng-model="vm.user.first_name">
                            </md-input-container>
                            <md-input-container flex>
                                <label>Last name</label>
                                <input type="text" ng-model="vm.user.last_name">
                            </md-input-container>
                        </div>

                        <md-autocomplete md-no-cache="true"
                                         md-selected-item="vm.user.address.street"
                                         md-search-text-change="vm.addressSearch(vm.addressSearchValue)"
                                         md-search-text="vm.addressSearchValue"
                                         md-items="item in vm.addressSearch(vm.addressSearchValue)"
                                         md-item-text="item"
                                         md-min-length="0"
                                         md-floating-label="Address"
                                         placeholder="Type your address">
                            <md-item-template>
                                <span md-highlight-text="vm.addressSearchValue" md-highlight-flags="^i">{{ item }}</span>
                            </md-item-template>
                            <md-not-found>
                                No matches found for "{{ vm.addressSearchValue }}".
                            </md-not-found>
                        </md-autocomplete>

                        <!--<md-input-container>
                            <label>Street</label>
                            <input type="text" ng-model="vm.user.address.street">
                        </md-input-container>
                        <div layout="row">
                            <md-input-container flex>
                                <label>City</label>
                                <md-select ng-model="vm.city">
                                    <md-option ng-repeat="city in vm.cities"
                                               ng-value="city">{{ city.name }}</md-option>
                                </md-select>
                            </md-input-container>
                            <md-input-container flex>
                                <label>Country</label>
                                <md-select ng-model="vm.country">
                                    <md-option ng-repeat="country in vm.countries"
                                               ng-value="country">{{ country.name }}</md-option>
                                </md-select>
                            </md-input-container>
                        </div> -->

                        <label class="md-subheader">Date of Birth</label>
                        <md-datepicker ng-model="vm.user.birthday"
                                       md-placeholder="Choose a date">
                        </md-datepicker>

                        <md-input-container>
                            <label>Gender</label>
                            <md-select ng-model="vm.user.gender">
                                <md-option ng-repeat="gender in vm.genders"
                                           ng-value="gender">{{ gender.value }}</md-option>
                            </md-select>
                        </md-input-container>

                        <md-input-container>
                            <label>Ethnicity</label>
                            <md-select ng-model="vm.user.ethnicity">
                                <md-option ng-repeat="ethnicity in vm.ethnicities"
                                           ng-value="ethnicity">{{ ethnicity.value }}</md-option>
                            </md-select>
                        </md-input-container>

                        <md-autocomplete md-selected-item="vm.user.job_title"
                                         md-search-text="vm.jobTitleSearchValue"
                                         md-items="item in vm.jobTitleSearch(vm.jobTitleSearchValue)"
                                         md-item-text="item" md-min-length="0"
                                         md-floating-label="Job Title">
                            <md-item-template>
                                        <span md-highlight-text="vm.jobTitleSearchValue"<commit_msg>Fix menu and layout<commit_after><div class="_main-content _middle-content md-whiteframe-z1 my-profile-body"
     ng-class="{'_sm': $mdMedia('sm'), '_gt-sm': $mdMedia('gt-sm')}">
    <md-toolbar class="my-profile-toolbar _content-nav"
                ng-class="{'_sm': $mdMedia('sm'), '_gt-sm': $mdMedia('gt-sm')}">
        <div class="md-toolbar-tools">
            <h3 class="my-profile-header">My Profile</h3>

            <div class="md-actions" layout="row" layout-align="end center" flex>
                <md-menu>
                    <md-button aria-label="Actions" ng-click="$mdOpenMenu($event)">
                        <md-icon md-font-set="material-icons">more_vert</md-icon>
                        <md-tooltip>Actions</md-tooltip>
                    </md-button>
                    <md-menu-content width="2">
                        <md-menu-item>
                            <md-button aria-label="View Profile" ng-click="vm.edit=false"
                                       ng-show="vm.edit">View Profile
                            </md-button>
                            <md-button aria-label="Edit Profile" ng-click="vm.edit=true"
                                       ng-hide="vm.edit">Edit Profile
                            </md-button>
                        </md-menu-item>
                        <md-menu-item>
                            <md-button ng-click="vm.paypal_payment($event)">Deposit</md-button>
                        </md-menu-item>
                        <md-menu-item>
                            <md-button ng-controller="DriveController as drive"
                                       ng-click="drive.addDriveAccount()">Connect Google Drive
                            </md-button>
                        </md-menu-item>
                    </md-menu-content>
                </md-menu>
            </div>
        </div>
    </md-toolbar>
    <div class="md-padding" layout-margin>
        <div layout="row" layout-align="start start">
            <div layout="column" layout-align="start" flex="40">
                <img ng-src="{{ vm.user.picture || '/static/images/ic_account_circle_black_48dp.png' }}"
                     alt="Profile" style="max-width: 192px">

                <p class="md-display-1 md-margin-0">{{ vm.user.first_name }} {{ vm.user.last_name }}</p>

                <p>Member since {{ vm.user.created_timestamp | date:'MMM dd, yyyy' }}</p>
            </div>
            <div ng-hide="vm.edit" flex>
                <md-list>
                    <div class="md-no-sticky">Profile</div>
                    <md-list-item ng-show="vm.user.job_title">
                        <p class="md-subheader">Job Title</p>
                        <h4>{{ vm.user.job_title }}</h4>
                    </md-list-item>
                    <md-list-item ng-show="vm.user.birthday">
                        <p class="md-subheader">Date of Birth</p>
                        <h4>{{ vm.user.birthday | date:"MMM dd, yyyy" }}</h4>
                    </md-list-item>
                    <md-list-item ng-show="vm.user.gender">
                        <p class="md-subheader">Gender</p>
                        <h4>{{ vm.user.gender.value }}</h4>
                    </md-list-item>
                    <md-list-item ng-show="vm.user.ethnicity">
                        <p class="md-subheader">Ethnicity</p>
                        <h4>{{ vm.user.ethnicity.value }}</h4>
                    </md-list-item>
                    <!--<md-list-item>
                            <p class="md-subheader">Nationality</p>
                            <h4>{{ vm.user.nationality }}</h4>
                        </md-list-item>-->
                    <md-list-item ng-show="vm.user.address">
                        <p class="md-subheader">Address</p>
                        <h4 ng-bind-html="vm.user.address_text"></h4>
                    </md-list-item>
                </md-list>
                <md-list>
                    <div class="md-no-sticky">Financial Accounts</div>
                    <md-list-item ng-repeat="financial_account in vm.user.financial_accounts">
                        <p class="md-subheader" ng-bind="financial_account.type"></p>
                        <h4 style="margin-top:0;margin-bottom:0;">{{ financial_account.balance | currency:"$" }}</h4>
                    </md-list-item>
                </md-list>
            </div>

            <div ng-if="vm.edit" layout="column" layout-align="start" class="md-padding" flex>
                <form>
                    <div layout="column">
                        <div layout="row" ng-hide="true">
                            <md-input-container flex>
                                <label>First name</label>
                                <input type="text" ng-model="vm.user.first_name">
                            </md-input-container>
                            <md-input-container flex>
                                <label>Last name</label>
                                <input type="text" ng-model="vm.user.last_name">
                            </md-input-container>
                        </div>

                        <md-autocomplete md-no-cache="true"
                                         md-selected-item="vm.user.address.street"
                                         md-search-text-change="vm.addressSearch(vm.addressSearchValue)"
                                         md-search-text="vm.addressSearchValue"
                                         md-items="item in vm.addressSearch(vm.addressSearchValue)"
                                         md-item-text="item"
                                         md-min-length="0"
                                         md-floating-label="Address"
                                         placeholder="Type your address">
                            <md-item-template>
                                <span md-highlight-text="vm.addressSearchValue"
                                      md-highlight-flags="^i">{{ item }}</span>
                            </md-item-template>
                            <md-not-found>
                                No matches found for "{{ vm.addressSearchValue }}".
                            </md-not-found>
                        </md-autocomplete>

                        <!--<md-input-container>
                            <label>Street</label>
                            <input type="text" ng-model="vm.user.address.street">
                        </md-input-container>
                        <div layout="row">
                            <md-input-container flex>
                                <label>City</label>
                                <md-select ng-model="vm.city">
                                    <md-option ng-repeat="city in vm.cities"
                                               ng-value="city">{{ city.name }}</md-option>
                                </md-select>
                            </md-input-container>
                            <md-input-container flex>
                                <label>Country</label>
                                <md-select ng-model="vm.country">
                                    <md-option ng-repeat="country in vm.countries"
                                               ng-value="country">{{ country.name }}</md-option>
                                </md-select>
                            </md-input-container>
                        </div> -->

                        <label class="md-subheader">Date of Birth</label>
                        <md-datepicker ng-model="vm.user.birthday"
                                       md-placeholder="Choose a date">
                        </md-datepicker>

                        <div layout="row">
                            <md-input-container flex>
                                <label>Gender</label>
                                <md-select ng-model="vm.user.gender">
                                    <md-option ng-repeat="gender in vm.genders"
                                               ng-value="gender">{{ gender.value }}
                                    </md-option>
                                </md-select>
                            </md-input-container>

                            <md-input-container flex>
                                <label>Ethnicity</label>
                                <md-select ng-model="vm.user.ethnicity">
                                    <md-option ng-repeat="ethnicity in vm.ethnicities"
                                               ng-value="ethnicity">{{ ethnicity.value }}
                                    </md-option>
                                </md-select>
                            </md-input-container>
                        </div>

                        <md-autocomplete md-selected-item="vm.user.job_title"
                                         md-search-text="vm.jobTitleSearchValue"
                                         md-items="item in vm.jobTitleSearch(vm.jobTitleSearchValue)"
                                         md-item-text="item" md-min-length="0"
                                         md-floating-label="Job Title">
                            <md-item-template>
                                        <span md-highlight-text="vm.jobTitleSearchValue"
{'fraction_non_alphanumeric': 0.1304040842928525, 'fraction_numerical': 0.0033673691071040624, 'mean_word_length': 0.9709912224363091, 'pattern_counts': {'":': 0, '<': 333, '<?xml version=': 0, '>': 331, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 83, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3727500', 'n_tokens_mistral': 4713, 'n_tokens_neox': 4413, 'n_words': 663}