<commit_before>﻿
@{
    Layout = null;
}
<div flex
     layout="row"
     layout-align="space-around center"
     ng-show="uCtrl.showSpinner">
    <md-progress-circular md-mode="indeterminate"></md-progress-circular>
</div>
<div ng-hide="uCtrl.showSpinner">
    <p class="md-headline">
        Tell us about yourself!
    </p>
</div>
<md-content layout-padding ng-hide="uCtrl.showSpinner">
    <div>
        <p class="md-subhead">Let's start with the basics</p>

        <p class="md-caption">Name</p>
        <div layout-gt-xs="row">
            <md-input-container class="md-block" flex-gt-xs>
                <label>first name</label>
                <input ng-model="uCtrl.user.Name_First" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>last name</label>
                <input ng-model="uCtrl.user.Name_Last" />
            </md-input-container>
        </div>

        <p class="md-caption">Birthday</p>
        <div layout-gt-xs="row">
            <md-input-container class="md-block" flex-gt-xs>
                <label>month</label>
                <md-select ng-model="uCtrl.user.BirthMonth">
                    <md-option ng-repeat="month in uCtrl.months()" value="{{month}}">
                        {{month}}
                    </md-option>
                </md-select>
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>day</label>
                <md-select ng-model="uCtrl.user.BirthDay">
                    <md-option ng-repeat="day in uCtrl.days()" value="{{day}}">
                        {{day}}
                    </md-option>
                </md-select>
            </md-input-container>
        </div>

        <p class="md-caption">Employer Info</p>
        <div layout-gt-xs="row">
            <md-input-container class="md-block" flex-gt-xs>
                <label>name</label>
                <input ng-model="uCtrl.user.Employer" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs="20">
                <label>offers match?</label>
                <input ng-model="uCtrl.user.EmployerOffersMatch" type="checkbox" />
            </md-input-container>
        </div>

        <p class="md-caption">What languages do you speak or read fluently?</p>
        <div layout-padding>
            <md-chips ng-model="uCtrl.user.Languages" md-autocomplete-snap
                      md-transform-chip="uCtrl.transformChip($chip)">
                <md-autocomplete md-search-text="uCtrl.languageSearchText"
                                 md-items="item in uCtrl.querylanguageSearch(uCtrl.languageSearchText)"
                                 md-item-text="item.name"
                                 placeholder="search for a language">
                    <span md-highlight-text="ctrl.languageSearchText">{{item}}</span>
                </md-autocomplete>
                <md-chip-template>
                    <span>
                        {{$chip.name}}
                    </span>
                </md-chip-template>
            </md-chips>
        </div>

        <p class="md-subhead">How can we contact you?</p>
        <div layout-gt-xs="row">
            <md-input-container class="md-block" flex-gt-xs>
                <label>primary</label>
                <input ng-model="uCtrl.user.Email_Contact" type="email" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>Skype username</label>
                <input ng-model="uCtrl.user.SkypeId" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>Twitter handle</label>
                <input ng-model="uCtrl.user.TwitterId" />
            </md-input-container>
        </div>
        <div layout-gt-xs="row">
            <md-input-container class="md-block" flex-gt-xs>
                <label>phone number (primary)</label>
                <input ng-model="uCtrl.user.PhoneNumber_Primary" type="tel" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>phone number (mobile)</label>
                <input ng-model="uCtrl.user.PhoneNumber_Mobile" type="tel" />
            </md-input-container>
        </div>

        <p class="md-subhead">Letting us know where you live allows us to contact you when something is happening near you</p>
        <p class="md-caption">Address</p>
        <div>
            <md-input-container class="md-block" flex-gt-xs>
                <label>street (example: "1234 Main Street")</label>
                <input ng-model="uCtrl.user.Street" />
            </md-input-container>
        </div>
        <div layout-gt-sm="row">
            <md-input-container class="md-block" flex-gt-xs>
                <label>city</label>
                <input ng-model="uCtrl.user.City" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>state/province</label>
                <input ng-model="uCtrl.user.StateProvince" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>postal code</label>
                <input ng-model="uCtrl.user.PostalCode" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>country/region</label>
                <input ng-model="uCtrl.user.CountryRegion" />
            </md-input-container>
        </div>

        <button ng-click="uCtrl.saveUserInfo()">
            save
        </button>
    </div>
</md-content><commit_msg>Integrated Cat's feedback to user profile edit view<commit_after>﻿
@{
    Layout = null;
}
<div flex
     layout="row"
     layout-align="space-around center"
     ng-if="uCtrl.showSpinner">
    <md-progress-circular md-mode="indeterminate"></md-progress-circular>
</div>

<md-content layout-padding ng-if="!uCtrl.showSpinner">
    <p class="md-headline">
        Tell us about yourself!
    </p>
    <div>
        <p class="md-subhead">Let's start with the basics</p>

        <p class="md-caption">Name</p>
        <div layout-gt-xs="row">
            <md-input-container class="md-block" flex-gt-xs>
                <label>First Name</label>
                <input ng-model="uCtrl.user.Name_First" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>Last Name</label>
                <input ng-model="uCtrl.user.Name_Last" />
            </md-input-container>
        </div>

        <p class="md-caption">Birthday</p>
        <div layout-gt-xs="row">
            <md-input-container class="md-block" flex-gt-xs>
                <label>Month</label>
                <md-select ng-model="uCtrl.user.BirthMonth">
                    <md-option ng-repeat="month in uCtrl.months()" value="{{month}}">
                        {{month}}
                    </md-option>
                </md-select>
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>Day</label>
                <md-select ng-model="uCtrl.user.BirthDay">
                    <md-option ng-repeat="day in uCtrl.days()" value="{{day}}">
                        {{day}}
                    </md-option>
                </md-select>
            </md-input-container>
        </div>

        <p class="md-subhead">How can we contact you?</p>
        <div layout-gt-xs="row">
            <md-input-container class="md-block" flex-gt-xs>
                <label>Primary Email</label>
                <input ng-model="uCtrl.user.Email_Contact" type="email" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>Skype ID</label>
                <input ng-model="uCtrl.user.SkypeId" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>Twitter ID</label>
                <input ng-model="uCtrl.user.TwitterId" />
            </md-input-container>
        </div>
        <div layout-gt-xs="row">
            <md-input-container class="md-block" flex-gt-xs>
                <label>Primary Phone</label>
                <input ng-model="uCtrl.user.PhoneNumber_Primary" type="tel" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>Mobile Phone</label>
                <input ng-model="uCtrl.user.PhoneNumber_Mobile" type="tel" />
                <div class="hint">Can we send you text (SMS) messages? If so, please enter a number where we can text you.</div>
            </md-input-container>
        </div>

        <p class="md-subhead">Letting us know where you live allows us to contact you when something is happening near you</p>
        <div>
            <md-input-container class="md-block" flex-gt-xs>
                <label>Street Address</label>
                <input ng-model="uCtrl.user.Street" />
            </md-input-container>
        </div>
        <div layout-gt-sm="row">
            <md-input-container class="md-block" flex-gt-xs>
                <label>City</label>
                <input ng-model="uCtrl.user.City"/>
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>State</label>
                <input ng-model="uCtrl.user.StateProvince"/>
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>Zip Code</label>
                <input ng-model="uCtrl.user.PostalCode"/>
            </md-input-container>
        </div>
        <div layout-gt-sm="row">
            <md-input-container class="md-block" flex-gt-xs>
                <label>Country</label>
                <input ng-model="uCtrl.user.CountryRegion" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-xs>
                <label>Country of Citizenship</label>
                <input ng-model="uCtrl.user.CountryRegionOfCitizenship" />
                <div class="hint">Occasionally, we have requests for project work that requires citizenship for that country.</div>
            </md-input-container>
        </div>

        <p class="md-caption">Employer Info</p>
        <div layout-gt-xs="row">
            <md-input-container class="md-block" flex-gt-xs>
                <label>Employer Name</label>
                <input ng-model="uCtrl.user.Employer" />
                <div class="hint">Some employers match hours and donations - if you think your employer might have a program or want us to research it list your employer here and we will talk with you about it.</div>
            </md-input-container>
        </div>

        <p class="md-caption">What languages do you speak or read fluently?</p>
        <div layout-padding>
            <md-chips ng-model="uCtrl.user.Languages" md-autocomplete-snap
                      md-transform-chip="uCtrl.transformChip($chip)">
                <md-autocomplete md-search-text="uCtrl.languageSearchText"
                                 md-items="item in uCtrl.querylanguageSearch(uCtrl.languageSearchText)"
                                 md-item-text="item.name"
                                 placeholder="search for a language">
                    <span md-highlight-text="ctrl.languageSearchText">{{item}}</span>
                </md-autocomplete>
                <md-chip-template>
                    <span>
                        {{$chip.name}}
                    </span>
                </md-chip-template>
            </md-chips>
        </div>

        <md-button class="md-raised" ng-click="uCtrl.saveUserInfo()">
            save
        </md-button>
    </div>
</md-content>
{'fraction_non_alphanumeric': 0.14736137827214185, 'fraction_numerical': 0.000501798109893786, 'mean_word_length': 1.6018276762402088, 'pattern_counts': {'":': 0, '<': 291, '<?xml version=': 0, '>': 291, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6421215', 'n_tokens_mistral': 3595, 'n_tokens_neox': 3418, 'n_words': 613}