Browse Source

Profile upload working

Still need frontend check to ensure that all fields are required.
pull/146/head
Mohammed Tantawy 7 years ago
parent
commit
2c29316ce3
3 changed files with 390 additions and 392 deletions
  1. +6
    -19
      src/assets/scripts/profile/profile.controller.js
  2. +373
    -370
      src/assets/scripts/profile/profile.html
  3. +11
    -3
      src/assets/scripts/profile/profile.service.js

+ 6
- 19
src/assets/scripts/profile/profile.controller.js View File

@ -7,6 +7,8 @@ const ProfileController = ($scope, ProfileService, UserService) => {
// Listen for event to do operations
$scope.$on('loadUserSuccess', function (event, user) {
$scope.user = user;
$scope.userUpdated = {};
// Fetch user info for the profile
ProfileService.fetchProfileService($scope.user.id)
.then((result) => {
@ -22,27 +24,12 @@ const ProfileController = ($scope, ProfileService, UserService) => {
*
* v1.0 non selective update
*/
$scope.updateProfile = (userUpdated) => {
ProfileService.updateUserProfile($scope.user.id)
$scope.updateProfile = () => {
ProfileService.updateUserProfile($scope.user.id, $scope.userUpdated)
.then((result)=>{
userUpdated.personal.first_name = "Jack"
userUpdated.personal.middle_name= "Francis"
userUpdated.personal.last_name= "Sparrow"
userUpdated.personal.bio = "Captain Jack Sparrow is a fictional character in the Pirates of the Caribbean film series. The character was created by screenwriters Ted Elliott and Terry Rossio, and is portrayed by Johnny Depp.";
userUpdated.personal.phone = 423123123
userUpdated.personal.skills = ['Sailing', 'Robbing', 'Drinking']
userUpdated.personal.main_classification = ['Captain']
userUpdated.personal.languages = ['Rum', 'English']
userUpdated.personal.nationality = "Unknown"
userUpdated.personal.dob = new Date(1987, 8, 1)
userUpdated.personal.address = "199 Eckford Street"
userUpdated.personal.city = "Spinachland"
userUpdated.personal.state = "VIC"
userUpdated.personal.postcode = 3149
userUpdated.personal.education = "PhD"
userUpdated.personal.visa = "Temporary Skill Shortage visa (subclass 482)"
userUpdated.email = "jack@test"
console.log(result);
})
.catch((err)=> {console.log(err)})
}
});


+ 373
- 370
src/assets/scripts/profile/profile.html View File

@ -1,4 +1,4 @@
<main class='main-content bgc-grey-300'>
<main class='main-content bgc-grey-300' data-ng-controller="ProfileController">
<div id='mainContent row'>
<div class="content-title mT-60">
<div class="ml-1 mb-3">
@ -18,359 +18,363 @@
<!-- #user profile ========= -->
<div class="masonry-item w-100 visible-user" ng-show="profile.role =='user'">
<div class="masonry-item w-100 visible-user" data-ng-show="profile.role =='user'">
<div class="card item-box">
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/user-update.png" alt="">
<div class="testo">
<h5>{{ profile.name }}</h5>
<h5>{{ profile.name }}</h5>
</div>
</div>
<div class="card-body-profile">
<div class="profile-forms">
<h5 class="card-title d-flex text-black-bold"> Your Profile</h5>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">First Name</h9>
<input type="text" class="form-control" placeholder="" value="{{ profile.personal.first_name }}" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Middle Name</h9>
<input type="text" class="form-control" placeholder="" value="{{ profile.personal.middle_name }}" >
</div>
<div class="col-4 profile-form-row">
<h9 class="">Last Name</h9>
<input type="text" class="form-control" placeholder="" value="{{ profile.personal.last_name }}" required>
<form data-ng-submit="updateProfile()" name="ProfileForm" novalidate>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">First Name</h9>
<input type="text" data-ng-model="userUpdated.personal.first_name" class="form-control" placeholder="{{ profile.personal.first_name }}"
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Middle Name</h9>
<input type="text" data-ng-model="userUpdated.personal.middle_name" class="form-control" placeholder="{{ profile.personal.middle_name }}">
</div>
<div class="col-4 profile-form-row">
<h9 class="">Last Name</h9>
<input type="text" data-ng-model="userUpdated.personal.last_name" class="form-control" placeholder="{{ profile.personal.last_name }}"
required>
</div>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Email Address</h9>
<input type="text" class="form-control" placeholder="Email" value="{{ profile.email }}" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Phone Number</h9>
<input type="text" class="form-control" placeholder="" value="{{ profile.personal.phone }}" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">State of residence in Australia</h9>
<select id="inputState" class="form-control" required>
<option selected>VIC</option>
<option>SA</option>
<option>WA</option>
<option>NSW</option>
<option>QLD</option>
<option>TAS</option>
</select>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Email Address</h9>
<input type="text" data-ng-model="userUpdated.email" class="form-control" placeholder="{{ profile.email }}" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Phone Number</h9>
<input type="text" data-ng-model="userUpdated.personal.phone" class="form-control" placeholder="{{ profile.personal.phone }}"
required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">State of residence in Australia</h9>
<select id="inputState" class="form-control" data-ng-model="userUpdated.personal.state" required>
<option selected>VIC</option>
<option>SA</option>
<option>WA</option>
<option>NSW</option>
<option>QLD</option>
<option>TAS</option>
</select>
</div>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Nationality</h9>
<select name="nationality" id="inputNationality" class="form-control" required>
<option value="">-- select one --</option>
<option value="afghan">Afghan</option>
<option value="albanian">Albanian</option>
<option value="algerian">Algerian</option>
<option value="american">American</option>
<option value="andorran">Andorran</option>
<option value="angolan">Angolan</option>
<option value="antiguans">Antiguans</option>
<option value="argentinean">Argentinean</option>
<option value="armenian">Armenian</option>
<option value="australian">Australian</option>
<option value="austrian">Austrian</option>
<option value="azerbaijani">Azerbaijani</option>
<option value="bahamian">Bahamian</option>
<option value="bahraini">Bahraini</option>
<option value="bangladeshi">Bangladeshi</option>
<option value="barbadian">Barbadian</option>
<option value="barbudans">Barbudans</option>
<option value="batswana">Batswana</option>
<option value="belarusian">Belarusian</option>
<option value="belgian">Belgian</option>
<option value="belizean">Belizean</option>
<option value="beninese">Beninese</option>
<option value="bhutanese">Bhutanese</option>
<option value="bolivian">Bolivian</option>
<option value="bosnian">Bosnian</option>
<option value="brazilian">Brazilian</option>
<option value="british">British</option>
<option value="bruneian">Bruneian</option>
<option value="bulgarian">Bulgarian</option>
<option value="burkinabe">Burkinabe</option>
<option value="burmese">Burmese</option>
<option value="burundian">Burundian</option>
<option value="cambodian">Cambodian</option>
<option value="cameroonian">Cameroonian</option>
<option value="canadian">Canadian</option>
<option value="cape verdean">Cape Verdean</option>
<option value="central african">Central African</option>
<option value="chadian">Chadian</option>
<option value="chilean">Chilean</option>
<option value="chinese">Chinese</option>
<option value="colombian">Colombian</option>
<option value="comoran">Comoran</option>
<option value="congolese">Congolese</option>
<option value="costa rican">Costa Rican</option>
<option value="croatian">Croatian</option>
<option value="cuban">Cuban</option>
<option value="cypriot">Cypriot</option>
<option value="czech">Czech</option>
<option value="danish">Danish</option>
<option value="djibouti">Djibouti</option>
<option value="dominican">Dominican</option>
<option value="dutch">Dutch</option>
<option value="east timorese">East Timorese</option>
<option value="ecuadorean">Ecuadorean</option>
<option value="egyptian">Egyptian</option>
<option value="emirian">Emirian</option>
<option value="equatorial guinean">Equatorial Guinean</option>
<option value="eritrean">Eritrean</option>
<option value="estonian">Estonian</option>
<option value="ethiopian">Ethiopian</option>
<option value="fijian">Fijian</option>
<option value="filipino">Filipino</option>
<option value="finnish">Finnish</option>
<option value="french">French</option>
<option value="gabonese">Gabonese</option>
<option value="gambian">Gambian</option>
<option value="georgian">Georgian</option>
<option value="german">German</option>
<option value="ghanaian">Ghanaian</option>
<option value="greek">Greek</option>
<option value="grenadian">Grenadian</option>
<option value="guatemalan">Guatemalan</option>
<option value="guinea-bissauan">Guinea-Bissauan</option>
<option value="guinean">Guinean</option>
<option value="guyanese">Guyanese</option>
<option value="haitian">Haitian</option>
<option value="herzegovinian">Herzegovinian</option>
<option value="honduran">Honduran</option>
<option value="hungarian">Hungarian</option>
<option value="hung-kong">Hong Kong</option>
<option value="icelander">Icelander</option>
<option value="indian">Indian</option>
<option value="indonesian">Indonesian</option>
<option value="iranian">Iranian</option>
<option value="iraqi">Iraqi</option>
<option value="irish">Irish</option>
<option value="israeli">Israeli</option>
<option value="italian">Italian</option>
<option value="ivorian">Ivorian</option>
<option value="jamaican">Jamaican</option>
<option value="japanese">Japanese</option>
<option value="jordanian">Jordanian</option>
<option value="kazakhstani">Kazakhstani</option>
<option value="kenyan">Kenyan</option>
<option value="kittian and nevisian">Kittian and Nevisian</option>
<option value="kuwaiti">Kuwaiti</option>
<option value="kyrgyz">Kyrgyz</option>
<option value="laotian">Laotian</option>
<option value="latvian">Latvian</option>
<option value="lebanese">Lebanese</option>
<option value="liberian">Liberian</option>
<option value="libyan">Libyan</option>
<option value="liechtensteiner">Liechtensteiner</option>
<option value="lithuanian">Lithuanian</option>
<option value="luxembourger">Luxembourger</option>
<option value="macedonian">Macedonian</option>
<option value="malagasy">Malagasy</option>
<option value="malawian">Malawian</option>
<option value="malaysian">Malaysian</option>
<option value="maldivan">Maldivan</option>
<option value="malian">Malian</option>
<option value="maltese">Maltese</option>
<option value="marshallese">Marshallese</option>
<option value="mauritanian">Mauritanian</option>
<option value="mauritian">Mauritian</option>
<option value="mexican">Mexican</option>
<option value="micronesian">Micronesian</option>
<option value="moldovan">Moldovan</option>
<option value="monacan">Monacan</option>
<option value="mongolian">Mongolian</option>
<option value="moroccan">Moroccan</option>
<option value="mosotho">Mosotho</option>
<option value="motswana">Motswana</option>
<option value="mozambican">Mozambican</option>
<option value="namibian">Namibian</option>
<option value="nauruan">Nauruan</option>
<option value="nepalese">Nepalese</option>
<option value="new zealander">New Zealander</option>
<option value="ni-vanuatu">Ni-Vanuatu</option>
<option value="nicaraguan">Nicaraguan</option>
<option value="nigerien">Nigerien</option>
<option value="north korean">North Korean</option>
<option value="northern irish">Northern Irish</option>
<option value="norwegian">Norwegian</option>
<option value="omani">Omani</option>
<option value="pakistani">Pakistani</option>
<option value="palauan">Palauan</option>
<option value="panamanian">Panamanian</option>
<option value="papua new guinean">Papua New Guinean</option>
<option value="paraguayan">Paraguayan</option>
<option value="peruvian">Peruvian</option>
<option value="polish">Polish</option>
<option value="portuguese">Portuguese</option>
<option value="qatari">Qatari</option>
<option value="romanian">Romanian</option>
<option value="russian">Russian</option>
<option value="rwandan">Rwandan</option>
<option value="saint lucian">Saint Lucian</option>
<option value="salvadoran">Salvadoran</option>
<option value="samoan">Samoan</option>
<option value="san marinese">San Marinese</option>
<option value="sao tomean">Sao Tomean</option>
<option value="saudi">Saudi</option>
<option value="scottish">Scottish</option>
<option value="senegalese">Senegalese</option>
<option value="serbian">Serbian</option>
<option value="seychellois">Seychellois</option>
<option value="sierra leonean">Sierra Leonean</option>
<option value="singaporean">Singaporean</option>
<option value="slovakian">Slovakian</option>
<option value="slovenian">Slovenian</option>
<option value="solomon islander">Solomon Islander</option>
<option value="somali">Somali</option>
<option value="south african">South African</option>
<option value="south korean">South Korean</option>
<option value="spanish">Spanish</option>
<option value="sri lankan">Sri Lankan</option>
<option value="sudanese">Sudanese</option>
<option value="surinamer">Surinamer</option>
<option value="swazi">Swazi</option>
<option value="swedish">Swedish</option>
<option value="swiss">Swiss</option>
<option value="syrian">Syrian</option>
<option value="taiwanese">Taiwanese</option>
<option value="tajik">Tajik</option>
<option value="tanzanian">Tanzanian</option>
<option value="thai">Thai</option>
<option value="togolese">Togolese</option>
<option value="tongan">Tongan</option>
<option value="trinidadian or tobagonian">Trinidadian or Tobagonian</option>
<option value="tunisian">Tunisian</option>
<option value="turkish">Turkish</option>
<option value="tuvaluan">Tuvaluan</option>
<option value="ugandan">Ugandan</option>
<option value="ukrainian">Ukrainian</option>
<option value="uruguayan">Uruguayan</option>
<option value="uzbekistani">Uzbekistani</option>
<option value="venezuelan">Venezuelan</option>
<option value="vietnamese">Vietnamese</option>
<option value="welsh">Welsh</option>
<option value="yemenite">Yemenite</option>
<option value="zambian">Zambian</option>
<option value="zimbabwean">Zimbabwean</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Visa Type</h9>
<select id="inputVisa" class="form-control" ng-model="user.role" ng-options="visa.name group by visa.type for visa in visas" required>
<option value="" >Other visa...</option>
<option value="" selected>Choose visa...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Language (Select one or more)</h9>
<select id="inputLanguage" class="form-control" data-placeholder="Choose a Language..." required>
<option value="AF">Afrikanns</option>
<option value="SQ">Albanian</option>
<option value="AR">Arabic</option>
<option value="HY">Armenian</option>
<option value="EU">Basque</option>
<option value="BN">Bengali</option>
<option value="BG">Bulgarian</option>
<option value="CA">Catalan</option>
<option value="KM">Cambodian</option>
<option value="ZH">Chinese</option>
<option value="HR">Croation</option>
<option value="CS">Czech</option>
<option value="DA">Danish</option>
<option value="NL">Dutch</option>
<option value="EN" selected>English</option>
<option value="ET">Estonian</option>
<option value="FJ">Fiji</option>
<option value="FI">Finnish</option>
<option value="FR">French</option>
<option value="KA">Georgian</option>
<option value="DE">German</option>
<option value="EL">Greek</option>
<option value="GU">Gujarati</option>
<option value="HE">Hebrew</option>
<option value="HI">Hindi</option>
<option value="HU">Hungarian</option>
<option value="IS">Icelandic</option>
<option value="ID">Indonesian</option>
<option value="GA">Irish</option>
<option value="IT">Italian</option>
<option value="JA">Japanese</option>
<option value="JW">Javanese</option>
<option value="KO">Korean</option>
<option value="LA">Latin</option>
<option value="LV">Latvian</option>
<option value="LT">Lithuanian</option>
<option value="MK">Macedonian</option>
<option value="MS">Malay</option>
<option value="ML">Malayalam</option>
<option value="MT">Maltese</option>
<option value="MI">Maori</option>
<option value="MR">Marathi</option>
<option value="MN">Mongolian</option>
<option value="NE">Nepali</option>
<option value="NO">Norwegian</option>
<option value="FA">Persian</option>
<option value="PL">Polish</option>
<option value="PT">Portuguese</option>
<option value="PA">Punjabi</option>
<option value="QU">Quechua</option>
<option value="RO">Romanian</option>
<option value="RU">Russian</option>
<option value="SM">Samoan</option>
<option value="SR">Serbian</option>
<option value="SK">Slovak</option>
<option value="SL">Slovenian</option>
<option value="ES">Spanish</option>
<option value="SW">Swahili</option>
<option value="SV">Swedish </option>
<option value="TA">Tamil</option>
<option value="TT">Tatar</option>
<option value="TE">Telugu</option>
<option value="TH">Thai</option>
<option value="BO">Tibetan</option>
<option value="TO">Tonga</option>
<option value="TR">Turkish</option>
<option value="UK">Ukranian</option>
<option value="UR">Urdu</option>
<option value="UZ">Uzbek</option>
<option value="VI">Vietnamese</option>
<option value="CY">Welsh</option>
<option value="XH">Xhosa</option>
</select>
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Nationality</h9>
<select name="nationality" id="inputNationality" class="form-control" data-ng-model="userUpdated.personal.nationality" required>
<option value="">-- select one --</option>
<option value="afghan">Afghan</option>
<option value="albanian">Albanian</option>
<option value="algerian">Algerian</option>
<option value="american">American</option>
<option value="andorran">Andorran</option>
<option value="angolan">Angolan</option>
<option value="antiguans">Antiguans</option>
<option value="argentinean">Argentinean</option>
<option value="armenian">Armenian</option>
<option value="australian">Australian</option>
<option value="austrian">Austrian</option>
<option value="azerbaijani">Azerbaijani</option>
<option value="bahamian">Bahamian</option>
<option value="bahraini">Bahraini</option>
<option value="bangladeshi">Bangladeshi</option>
<option value="barbadian">Barbadian</option>
<option value="barbudans">Barbudans</option>
<option value="batswana">Batswana</option>
<option value="belarusian">Belarusian</option>
<option value="belgian">Belgian</option>
<option value="belizean">Belizean</option>
<option value="beninese">Beninese</option>
<option value="bhutanese">Bhutanese</option>
<option value="bolivian">Bolivian</option>
<option value="bosnian">Bosnian</option>
<option value="brazilian">Brazilian</option>
<option value="british">British</option>
<option value="bruneian">Bruneian</option>
<option value="bulgarian">Bulgarian</option>
<option value="burkinabe">Burkinabe</option>
<option value="burmese">Burmese</option>
<option value="burundian">Burundian</option>
<option value="cambodian">Cambodian</option>
<option value="cameroonian">Cameroonian</option>
<option value="canadian">Canadian</option>
<option value="cape verdean">Cape Verdean</option>
<option value="central african">Central African</option>
<option value="chadian">Chadian</option>
<option value="chilean">Chilean</option>
<option value="chinese">Chinese</option>
<option value="colombian">Colombian</option>
<option value="comoran">Comoran</option>
<option value="congolese">Congolese</option>
<option value="costa rican">Costa Rican</option>
<option value="croatian">Croatian</option>
<option value="cuban">Cuban</option>
<option value="cypriot">Cypriot</option>
<option value="czech">Czech</option>
<option value="danish">Danish</option>
<option value="djibouti">Djibouti</option>
<option value="dominican">Dominican</option>
<option value="dutch">Dutch</option>
<option value="east timorese">East Timorese</option>
<option value="ecuadorean">Ecuadorean</option>
<option value="egyptian">Egyptian</option>
<option value="emirian">Emirian</option>
<option value="equatorial guinean">Equatorial Guinean</option>
<option value="eritrean">Eritrean</option>
<option value="estonian">Estonian</option>
<option value="ethiopian">Ethiopian</option>
<option value="fijian">Fijian</option>
<option value="filipino">Filipino</option>
<option value="finnish">Finnish</option>
<option value="french">French</option>
<option value="gabonese">Gabonese</option>
<option value="gambian">Gambian</option>
<option value="georgian">Georgian</option>
<option value="german">German</option>
<option value="ghanaian">Ghanaian</option>
<option value="greek">Greek</option>
<option value="grenadian">Grenadian</option>
<option value="guatemalan">Guatemalan</option>
<option value="guinea-bissauan">Guinea-Bissauan</option>
<option value="guinean">Guinean</option>
<option value="guyanese">Guyanese</option>
<option value="haitian">Haitian</option>
<option value="herzegovinian">Herzegovinian</option>
<option value="honduran">Honduran</option>
<option value="hungarian">Hungarian</option>
<option value="hudata-ng-kong">Hong Kong</option>
<option value="icelander">Icelander</option>
<option value="indian">Indian</option>
<option value="indonesian">Indonesian</option>
<option value="iranian">Iranian</option>
<option value="iraqi">Iraqi</option>
<option value="irish">Irish</option>
<option value="israeli">Israeli</option>
<option value="italian">Italian</option>
<option value="ivorian">Ivorian</option>
<option value="jamaican">Jamaican</option>
<option value="japanese">Japanese</option>
<option value="jordanian">Jordanian</option>
<option value="kazakhstani">Kazakhstani</option>
<option value="kenyan">Kenyan</option>
<option value="kittian and nevisian">Kittian and Nevisian</option>
<option value="kuwaiti">Kuwaiti</option>
<option value="kyrgyz">Kyrgyz</option>
<option value="laotian">Laotian</option>
<option value="latvian">Latvian</option>
<option value="lebanese">Lebanese</option>
<option value="liberian">Liberian</option>
<option value="libyan">Libyan</option>
<option value="liechtensteiner">Liechtensteiner</option>
<option value="lithuanian">Lithuanian</option>
<option value="luxembourger">Luxembourger</option>
<option value="macedonian">Macedonian</option>
<option value="malagasy">Malagasy</option>
<option value="malawian">Malawian</option>
<option value="malaysian">Malaysian</option>
<option value="maldivan">Maldivan</option>
<option value="malian">Malian</option>
<option value="maltese">Maltese</option>
<option value="marshallese">Marshallese</option>
<option value="mauritanian">Mauritanian</option>
<option value="mauritian">Mauritian</option>
<option value="mexican">Mexican</option>
<option value="micronesian">Micronesian</option>
<option value="moldovan">Moldovan</option>
<option value="monacan">Monacan</option>
<option value="mongolian">Mongolian</option>
<option value="moroccan">Moroccan</option>
<option value="mosotho">Mosotho</option>
<option value="motswana">Motswana</option>
<option value="mozambican">Mozambican</option>
<option value="namibian">Namibian</option>
<option value="nauruan">Nauruan</option>
<option value="nepalese">Nepalese</option>
<option value="new zealander">New Zealander</option>
<option value="ni-vanuatu">Ni-Vanuatu</option>
<option value="nicaraguan">Nicaraguan</option>
<option value="nigerien">Nigerien</option>
<option value="north korean">North Korean</option>
<option value="northern irish">Northern Irish</option>
<option value="norwegian">Norwegian</option>
<option value="omani">Omani</option>
<option value="pakistani">Pakistani</option>
<option value="palauan">Palauan</option>
<option value="panamanian">Panamanian</option>
<option value="papua new guinean">Papua New Guinean</option>
<option value="paraguayan">Paraguayan</option>
<option value="peruvian">Peruvian</option>
<option value="polish">Polish</option>
<option value="portuguese">Portuguese</option>
<option value="qatari">Qatari</option>
<option value="romanian">Romanian</option>
<option value="russian">Russian</option>
<option value="rwandan">Rwandan</option>
<option value="saint lucian">Saint Lucian</option>
<option value="salvadoran">Salvadoran</option>
<option value="samoan">Samoan</option>
<option value="san marinese">San Marinese</option>
<option value="sao tomean">Sao Tomean</option>
<option value="saudi">Saudi</option>
<option value="scottish">Scottish</option>
<option value="senegalese">Senegalese</option>
<option value="serbian">Serbian</option>
<option value="seychellois">Seychellois</option>
<option value="sierra leonean">Sierra Leonean</option>
<option value="singaporean">Singaporean</option>
<option value="slovakian">Slovakian</option>
<option value="slovenian">Slovenian</option>
<option value="solomon islander">Solomon Islander</option>
<option value="somali">Somali</option>
<option value="south african">South African</option>
<option value="south korean">South Korean</option>
<option value="spanish">Spanish</option>
<option value="sri lankan">Sri Lankan</option>
<option value="sudanese">Sudanese</option>
<option value="surinamer">Surinamer</option>
<option value="swazi">Swazi</option>
<option value="swedish">Swedish</option>
<option value="swiss">Swiss</option>
<option value="syrian">Syrian</option>
<option value="taiwanese">Taiwanese</option>
<option value="tajik">Tajik</option>
<option value="tanzanian">Tanzanian</option>
<option value="thai">Thai</option>
<option value="togolese">Togolese</option>
<option value="tongan">Tongan</option>
<option value="trinidadian or tobagonian">Trinidadian or Tobagonian</option>
<option value="tunisian">Tunisian</option>
<option value="turkish">Turkish</option>
<option value="tuvaluan">Tuvaluan</option>
<option value="ugandan">Ugandan</option>
<option value="ukrainian">Ukrainian</option>
<option value="uruguayan">Uruguayan</option>
<option value="uzbekistani">Uzbekistani</option>
<option value="venezuelan">Venezuelan</option>
<option value="vietnamese">Vietnamese</option>
<option value="welsh">Welsh</option>
<option value="yemenite">Yemenite</option>
<option value="zambian">Zambian</option>
<option value="zimbabwean">Zimbabwean</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Visa Type</h9>
<select id="inputVisa" class="form-control" data-ng-model="userUpdated.personal.visa" data-ng-options="visa.name group by visa.type for visa in visas"
required>
<option value="">Other visa...</option>
<option value="" selected>Choose visa...</option>
</select>
</div>
<div class="col-4 profile-form-row">
<h9 class="">Language (Select one or more)</h9>
<select id="inputLanguage" data-ng-model="userUpdated.personal.language" class="form-control" data-placeholder="Choose a Language..." required>
<option value="AF">Afrikanns</option>
<option value="SQ">Albanian</option>
<option value="AR">Arabic</option>
<option value="HY">Armenian</option>
<option value="EU">Basque</option>
<option value="BN">Bengali</option>
<option value="BG">Bulgarian</option>
<option value="CA">Catalan</option>
<option value="KM">Cambodian</option>
<option value="ZH">Chinese</option>
<option value="HR">Croation</option>
<option value="CS">Czech</option>
<option value="DA">Danish</option>
<option value="NL">Dutch</option>
<option value="EN" selected>English</option>
<option value="ET">Estonian</option>
<option value="FJ">Fiji</option>
<option value="FI">Finnish</option>
<option value="FR">French</option>
<option value="KA">Georgian</option>
<option value="DE">German</option>
<option value="EL">Greek</option>
<option value="GU">Gujarati</option>
<option value="HE">Hebrew</option>
<option value="HI">Hindi</option>
<option value="HU">Hungarian</option>
<option value="IS">Icelandic</option>
<option value="ID">Indonesian</option>
<option value="GA">Irish</option>
<option value="IT">Italian</option>
<option value="JA">Japanese</option>
<option value="JW">Javanese</option>
<option value="KO">Korean</option>
<option value="LA">Latin</option>
<option value="LV">Latvian</option>
<option value="LT">Lithuanian</option>
<option value="MK">Macedonian</option>
<option value="MS">Malay</option>
<option value="ML">Malayalam</option>
<option value="MT">Maltese</option>
<option value="MI">Maori</option>
<option value="MR">Marathi</option>
<option value="MN">Mongolian</option>
<option value="NE">Nepali</option>
<option value="NO">Norwegian</option>
<option value="FA">Persian</option>
<option value="PL">Polish</option>
<option value="PT">Portuguese</option>
<option value="PA">Punjabi</option>
<option value="QU">Quechua</option>
<option value="RO">Romanian</option>
<option value="RU">Russian</option>
<option value="SM">Samoan</option>
<option value="SR">Serbian</option>
<option value="SK">Slovak</option>
<option value="SL">Slovenian</option>
<option value="ES">Spanish</option>
<option value="SW">Swahili</option>
<option value="SV">Swedish </option>
<option value="TA">Tamil</option>
<option value="TT">Tatar</option>
<option value="TE">Telugu</option>
<option value="TH">Thai</option>
<option value="BO">Tibetan</option>
<option value="TO">Tonga</option>
<option value="TR">Turkish</option>
<option value="UK">Ukranian</option>
<option value="UR">Urdu</option>
<option value="UZ">Uzbek</option>
<option value="VI">Vietnamese</option>
<option value="CY">Welsh</option>
<option value="XH">Xhosa</option>
</select>
</div>
</div>
</div>
<div class="row ">
<div class="row ">
<div class="col-4 profile-form-row">
<h9 class="">Education</h9>
<input type="text" class="form-control" placeholder="" required>
<input type="text" class="form-control" placeholder="{{profile.personal.education}}" data-ng-model="userUpdated.personal.education" required>
</div>
</div>
</div>
<div class="row ">
<div class="col-4 profile-form-row">
<h5 class="card-title mt-4 ml-4 mr-4">Main Classification:</h5>
<input type="text" class="form-control" placeholder="Industry" required>
<h5 class="card-title mt-4 ml-4 mr-4">Main Classification:</h5>
<input type="text" class="form-control" placeholder="{{profile.personal.main_classification}}" data-ng-model="userUpdated.personal.main_classification" required>
</div>
<div class="col-4 profile-form-row">
<h5 class="card-title mt-4 ml-4 mr-4">Skills:</h5>
<input type="text" class="form-control" placeholder="Preofessions" required>
<h5 class="card-title mt-4 ml-4 mr-4">Skills:</h5>
<input type="text" class="form-control" placeholder="Professions" data-ng-model="userUpdated.personal.skills" required>
</div>
<div class="col-4 profile-form-row">
<div class="mt-4">
@ -379,52 +383,52 @@
<div class="ml-1 mb-4 btn btn-skills">Illustration</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-3 profile-form-row">
<h9 class="">Twitter</h9>
<input type="text" class="form-control" placeholder="Facebook"value="{{ profile.personal.twitter }}" >
</div>
<div class="col-3 profile-form-row">
<h9 class="">Facebook</h9>
<input type="text" class="form-control" placeholder="Facebook" value="{{ profile.personal.facebook }}" >
</div>
<div class="col-3 profile-form-row">
<h9 class="">Instagram</h9>
<input type="text" class="form-control" placeholder="Instagram" value="{{ profile.personal.instagram }}" >
</div>
<div class="col-3 profile-form-row">
<h9 class="">Linkedin</h9>
<input type="text" class="form-control" placeholder="Linkedin" value="{{ profile.personal.linkedin }}" >
</div>
<div class="col-3 profile-form-row">
<h9 class="">Twitter</h9>
<input type="text" class="form-control" data-ng-model="userUpdated.personal.twitter" placeholder="{{ profile.personal.twitter }}">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Facebook</h9>
<input type="text" class="form-control" data-ng-model="userUpdated.personal.facebook" placeholder="{{ profile.personal.facebook }}">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Instagram</h9>
<input type="text" class="form-control" data-ng-model="userUpdated.personal.instagram" placeholder="{{ profile.personal.instagram }}">
</div>
<div class="col-3 profile-form-row">
<h9 class="">Linkedin</h9>
<input type="text" class="form-control" data-ng-model="userUpdated.personal.linkedin" placeholder="{{ profile.personal.linkedin }}">
</div>
<div class="row ">
<div class="col-6 profile-form-row">
<button type="button" class="btn btn-gradient ">UPDATE</button>
<button type="button" class="btn btn-border ">CLEAR</button>
</div>
<div class="col-6 profile-form-row">
<form action="upload.asp" method="post" enctype="multipart/form-data">
<h9 class="cv">Curriculum </h9>
<input class="cv" type="file" name="file1" multiple>
<input type="submit" class="btn btn-cv btn-gradient" value="Upload">
</form>
</div>
<div class="row ">
<div class="col-6 profile-form-row">
<button type="submit" class="btn btn-gradient ">UPDATE</button>
<button type="reset" class="btn btn-border ">CLEAR</button>
</div>
<div class="col-6 profile-form-row">
</div>
<form action="upload.asp" method="post" enctype="multipart/form-data">
<h9 class="cv">Curriculum </h9>
<input class="cv" type="file" name="file1" multiple>
<input type="submit" class="btn btn-cv btn-gradient" value="Upload">
</form>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="masonry-item w-100 visible-user" ng-show="profile.role =='user'">
<div class="masonry-item w-100 visible-user" data-ng-show="profile.role =='user'">
<div class="card item-box">
<div class="card-body-profile">
@ -492,12 +496,13 @@
</div>
<!-- #company profile ========= -->
<div class="masonry-item w-100 visible-company" ng-show="profile.role == 'company'">
<div class="masonry-item w-100 visible-company" data-ng-show="profile.role == 'company'">
<div class="card item-box">
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/user-update.png" alt="">
<div class="testo">
<h5>{{ profile.name }}</h5> A global high-tech company and one of the key players in Aerospace, Defence and
<h5>{{ profile.name }}</h5> A global high-tech company and one of the key players in Aerospace, Defence
and
Security
</div>
</div>
@ -512,8 +517,7 @@
</div>
<div class="col-4 profile-form-row">
<h9 class="">Business Type</h9>
<input type="text" class="form-control" placeholder="Technological Innovation" value=""
required>
<input type="text" class="form-control" placeholder="Technological Innovation" value="" required>
</div>
<div class="col-4 profile-form-row">
<h9 class="">ABN</h9>
@ -593,7 +597,7 @@
</div>
<!-- #nomit profile ========= -->
<div class="masonry-item w-100 visible-nomit" ng-show="profile.role =='nomit'">
<div class="masonry-item w-100 visible-nomit" data-ng-show="profile.role =='nomit'">
<div class="card item-box">
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/nomit-logo.png" alt="">
@ -691,7 +695,7 @@
</div>
<!-- #referee profile ========= -->
<div class="masonry-item w-100 visible-nomit" ng-show="'profile.role' =='nomit'">
<div class="masonry-item w-100 visible-nomit" data-ng-show="'profile.role' =='nomit'">
<div class="card item-box">
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/user-update.png" alt="">
@ -731,8 +735,7 @@
</div>
<div class="col-4 profile-form-row">
<h9 class="">Website</h9>
<input type="text" class="form-control" placeholder="Phone" value="http://jobwatch.org.au/"
required>
<input type="text" class="form-control" placeholder="Phone" value="http://jobwatch.org.au/" required>
</div>
</div>
@ -827,4 +830,4 @@
</div>
<!--page container-->
</main>
</main>

+ 11
- 3
src/assets/scripts/profile/profile.service.js View File

@ -8,9 +8,17 @@ const ProfileService = ($http) => {
.catch( (error) => { return error; });
}
serv.updateUserProfile = (id) => {
return $http.get(`${process.env.RESTAPI_URL}/api/user/${id}`, { withCredentials: true })
.then( (result) => { return result.data; })
serv.updateUserProfile = (id, userUpdated) => {
return $http({
method: 'POST',
url: `${process.env.RESTAPI_URL}/api/user/${id}`,
data: userUpdated,
withCredentials: true
})
.then( (result) => {
console.log(result.data);
return result.data;
})
.catch( (error) => { return error; });
}
return serv;


Loading…
Cancel
Save