Skip to content

Instantly share code, notes, and snippets.

@AlexandrBasan

AlexandrBasan/gist:6ed9744bdc8067581b5d

Created October 6, 2014 14:19
Show Gist options
  • Save AlexandrBasan/6ed9744bdc8067581b5d to your computer and use it in GitHub Desktop.
Save AlexandrBasan/6ed9744bdc8067581b5d to your computer and use it in GitHub Desktop.
Download ZIP
Teleport SaaS (www.teleport-ds.com) create user form
Raw
gistfile1.js
<!DOCTYPE html>
<html>
<head>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<!-- CSS Styles-->
<style>
.overflowb{
overflow: auto!important;
height: 100%;
max-height: 800px;
}
</style>
<!-- Initialize AJAX -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Initialize AJAX -->
</head>
<body>
<div id="teleport_form" >
<div class="row">
<div class="panel-group" id="accordion">
<!--form-->
<div class="row-fluid">
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseinquiry">
Create user
</a>
</h4>
</div>
<div id="collapseinquiry" class="panel-collapse collapse in">
<form id="create_user" accept-charset="UTF-8">
<label>User name</label>
<input id="user_name" name="user[name]" type="text" class="form-control">
<label>User email</label>
<input id="user_site" name="user[email]" type="text" class="form-control">
<label>User password</label>
<input id="user_manager" name="user[password]" type="password" class="form-control">
<label>Confirmation</label>
<input id="user_manager" name="user[password_confirmation]" type="password" class="form-control">
<!-- user country code -->
<label>User country code</label>
<select id="user_countrycode" name="user[countrycode]" class="form-control">
<option value="+376">Andorre (+376)</option>
<option value="+971">United Arab Emirates (+971)</option>
<option value="+93">Afghanistan (+93)</option>
<option value="+1">Antigua and Barbuda (+1)</option>
<option value="+1">Anguilla (+1)</option>
<option value="+355">Albania (+355)</option>
<option value="+374">Armenia (+374)</option>
<option value="+599">Netherlands Antilles (+599)</option>
<option value="+244">Angola (+244)</option>
<option value="+672">Antarctica (+672)</option>
<option value="+54">Argentina (+54)</option>
<option value="+1">American Samoa (+1)</option>
<option value="+43">Austria (+43)</option>
<option value="+61">Australia (+61)</option>
<option value="+297">Aruba (+297)</option>
<option value="+358">Åland Islands (+358)</option>
<option value="+994">Azerbaijan (+994)</option>
<option value="+387">Bosnia and Herzegovina (+387)</option>
<option value="+1">Barbade (+1)</option>
<option value="+880">Bangladesh (+880)</option>
<option value="+32">Belgium (+32)</option>
<option value="+226">Burkina Faso (+226)</option>
<option value="+359">Bulgaria (+359)</option>
<option value="+973">Bahrain (+973)</option>
<option value="+257">Burundi (+257)</option>
<option value="+229">Benin (+229)</option>
<option value="+590">Saint Barthélemy (+590)</option>
<option value="+1">Bermuda (+1)</option>
<option value="+673">Brunei (+673)</option>
<option value="+591">Bolivia (+591)</option>
<option value="+599">Bonaire, Sint Eustatius and Saba (+599)</option>
<option value="+55">Brazil (+55)</option>
<option value="+1">Bahamas (+1)</option>
<option value="+975">Bhutan (+975)</option>
<option value="+">Bouvet Island (+)</option>
<option value="+267">Botswana (+267)</option>
<option value="+375">Belarus (+375)</option>
<option value="+501">Belize (+501)</option>
<option value="+1">Canada (+1)</option>
<option value="+61">Cocos (Keeling) Islands (+61)</option>
<option value="+243">Congo (Dem. Rep.) (+243)</option>
<option value="+236">Central African Republic (+236)</option>
<option value="+242">Congo (+242)</option>
<option value="+41">Switzerland (+41)</option>
<option value="+225">Côte D'Ivoire (+225)</option>
<option value="+682">Cook Islands (+682)</option>
<option value="+56">Chile (+56)</option>
<option value="+237">Cameroon (+237)</option>
<option value="+86">China (+86)</option>
<option value="+57">Colombia (+57)</option>
<option value="+506">Costa Rica (+506)</option>
<option value="+53">Cuba (+53)</option>
<option value="+238">Cape Verde (+238)</option>
<option value="+599">Curaçao (+599)</option>
<option value="+61">Christmas Island (+61)</option>
<option value="+357">Cyprus (+357)</option>
<option value="+420">Czech Republic (+420)</option>
<option value="+49">Germany (+49)</option>
<option value="+253">Djibouti (+253)</option>
<option value="+45">Denmark (+45)</option>
<option value="+1">Dominica (+1)</option>
<option value="+1">Dominican Republic (+1)</option>
<option value="+213">Algeria (+213)</option>
<option value="+593">Ecuador (+593)</option>
<option value="+372">Estonia (+372)</option>
<option value="+20">Egypt (+20)</option>
<option value="+212">Western Sahara (+212)</option>
<option value="+291">Eritrea (+291)</option>
<option value="+34">Spain (+34)</option>
<option value="+251">Ethiopia (+251)</option>
<option value="+358">Finland (+358)</option>
<option value="+679">Fiji (+679)</option>
<option value="+500">Falkland Islands (+500)</option>
<option value="+691">Micronesia (+691)</option>
<option value="+298">Faroe Islands (+298)</option>
<option value="+33">France (+33)</option>
<option value="+241">Gabon (+241)</option>
<option value="+44">United Kingdom (+44)</option>
<option value="+1">Grenada (+1)</option>
<option value="+995">Georgia (+995)</option>
<option value="+594">French Guiana (+594)</option>
<option value="+44">Guernsey and Alderney (+44)</option>
<option value="+233">Ghana (+233)</option>
<option value="+350">Gibraltar (+350)</option>
<option value="+299">Greenland (+299)</option>
<option value="+220">Gambia (+220)</option>
<option value="+224">Guinea (+224)</option>
<option value="+590">Guadeloupe (+590)</option>
<option value="+240">Equatorial Guinea (+240)</option>
<option value="+30">Greece (+30)</option>
<option value="+500">South Georgia and the South Sandwich Islands (+500)</option>
<option value="+502">Guatemala (+502)</option>
<option value="+1">Guam (+1)</option>
<option value="+245">Guinea-Bissau (+245)</option>
<option value="+592">Guyana (+592)</option>
<option value="+852">Hong Kong (+852)</option>
<option value="+">Heard and McDonald Islands (+)</option>
<option value="+504">Honduras (+504)</option>
<option value="+385">Croatia (+385)</option>
<option value="+509">Haiti (+509)</option>
<option value="+36">Hungary (+36)</option>
<option value="+62">Indonesia (+62)</option>
<option value="+353">Ireland (+353)</option>
<option value="+972">Israel (+972)</option>
<option value="+44">Isle of Man (+44)</option>
<option value="+91">India (+91)</option>
<option value="+246">British Indian Ocean Territory (+246)</option>
<option value="+964">Iraq (+964)</option>
<option value="+98">Iran (+98)</option>
<option value="+354">Iceland (+354)</option>
<option value="+39">Italy (+39)</option>
<option value="+44">Jersey (+44)</option>
<option value="+1">Jamaica (+1)</option>
<option value="+962">Jordan (+962)</option>
<option value="+81">Japan (+81)</option>
<option value="+254">Kenya (+254)</option>
<option value="+996">Kyrgyzstan (+996)</option>
<option value="+855">Cambodia (+855)</option>
<option value="+686">Kiribati (+686)</option>
<option value="+269">Comoros (+269)</option>
<option value="+1">Saint Kitts and Nevis (+1)</option>
<option value="+850">Korea (North) (+850)</option>
<option value="+82">Korea (South) (+82)</option>
<option value="+965">Kuwait (+965)</option>
<option value="+1">Cayman Islands (+1)</option>
<option value="+7">Kazakhstan (+7)</option>
<option value="+856">Laos (+856)</option>
<option value="+961">Lebanon (+961)</option>
<option value="+1">Saint Lucia (+1)</option>
<option value="+423">Liechtenstein (+423)</option>
<option value="+94">Sri Lanka (+94)</option>
<option value="+231">Liberia (+231)</option>
<option value="+266">Lesotho (+266)</option>
<option value="+370">Lithuania (+370)</option>
<option value="+352">Luxembourg (+352)</option>
<option value="+371">Latvia (+371)</option>
<option value="+218">Libya (+218)</option>
<option value="+212">Morocco (+212)</option>
<option value="+377">Monaco (+377)</option>
<option value="+373">Moldova (+373)</option>
<option value="+382">Crna Gora (+382)</option>
<option value="+590">Saint Martin (+590)</option>
<option value="+261">Madagascar (+261)</option>
<option value="+692">Marshall Islands (+692)</option>
<option value="+389">Macedonia (+389)</option>
<option value="+223">Mali (+223)</option>
<option value="+95">Myanmar (+95)</option>
<option value="+976">Mongolia (+976)</option>
<option value="+853">Macao (+853)</option>
<option value="+1">Northern Mariana Islands (+1)</option>
<option value="+596">Martinique (+596)</option>
<option value="+222">Mauritania (+222)</option>
<option value="+1">Montserrat (+1)</option>
<option value="+356">Malta (+356)</option>
<option value="+230">Mauritius (+230)</option>
<option value="+960">Maldives (+960)</option>
<option value="+265">Malawi (+265)</option>
<option value="+52">Mexico (+52)</option>
<option value="+60">Malaysia (+60)</option>
<option value="+258">Mozambique (+258)</option>
<option value="+264">Namibia (+264)</option>
<option value="+687">New Caledonia (+687)</option>
<option value="+227">Niger (+227)</option>
<option value="+672">Norfolk Island (+672)</option>
<option value="+234">Nigeria (+234)</option>
<option value="+505">Nicaragua (+505)</option>
<option value="+31">Netherlands (+31)</option>
<option value="+47">Norway (+47)</option>
<option value="+977">Nepal (+977)</option>
<option value="+674">Nauru (+674)</option>
<option value="+683">Niue (+683)</option>
<option value="+64">New Zealand (+64)</option>
<option value="+968">Oman (+968)</option>
<option value="+507">Panama (+507)</option>
<option value="+51">Peru (+51)</option>
<option value="+689">French Polynesia (+689)</option>
<option value="+675">Papua New Guinea (+675)</option>
<option value="+63">Philippines (+63)</option>
<option value="+92">Pakistan (+92)</option>
<option value="+48">Poland (+48)</option>
<option value="+508">Saint Pierre and Miquelon (+508)</option>
<option value="+">Pitcairn (+)</option>
<option value="+1">Puerto Rico (+1)</option>
<option value="+970">Palestine (+970)</option>
<option value="+351">Portugal (+351)</option>
<option value="+680">Palau (+680)</option>
<option value="+595">Paraguay (+595)</option>
<option value="+974">Qatar (+974)</option>
<option value="+262">Réunion (+262)</option>
<option value="+40">Romania (+40)</option>
<option value="+381">Serbia (+381)</option>
<option value="+7">Russia (+7)</option>
<option value="+250">Rwanda (+250)</option>
<option value="+966">Saudi Arabia (+966)</option>
<option value="+677">Solomon Islands (+677)</option>
<option value="+248">Seychelles (+248)</option>
<option value="+249">Sudan (+249)</option>
<option value="+46">Sweden (+46)</option>
<option value="+65">Singapore (+65)</option>
<option value="+290">Saint Helena (+290)</option>
<option value="+386">Slovenia (+386)</option>
<option value="+47">Svalbard and Jan Mayen (+47)</option>
<option value="+421">Slovakia (+421)</option>
<option value="+232">Sierra Leone (+232)</option>
<option value="+378">San Marino (+378)</option>
<option value="+221">Senegal (+221)</option>
<option value="+252">Somalia (+252)</option>
<option value="+597">Suriname (+597)</option>
<option value="+211">South Sudan (+211)</option>
<option value="+239">São Tomé and Príncipe (+239)</option>
<option value="+503">El Salvador (+503)</option>
<option value="+1">Sint Maarten (+1)</option>
<option value="+963">Syria (+963)</option>
<option value="+268">Swaziland (+268)</option>
<option value="+1">Turks and Caicos Islands (+1)</option>
<option value="+235">Chad (+235)</option>
<option value="+">French Southern Territories (+)</option>
<option value="+228">Togo (+228)</option>
<option value="+66">Thailand (+66)</option>
<option value="+992">Tajikistan (+992)</option>
<option value="+690">Tokelau (+690)</option>
<option value="+670">East Timor (+670)</option>
<option value="+993">Turkmenistan (+993)</option>
<option value="+216">Tunisia (+216)</option>
<option value="+676">Tonga (+676)</option>
<option value="+90">Turkey (+90)</option>
<option value="+1">Trinidad and Tobago (+1)</option>
<option value="+688">Tuvalu (+688)</option>
<option value="+886">Taiwan (+886)</option>
<option value="+255">Tanzania (+255)</option>
<option value="+380">Ukraine (+380)</option>
<option value="+256">Uganda (+256)</option>
<option value="+">United States Minor Outlying Islands (+)</option>
<option value="+1">United States of America (+1)</option>
<option value="+598">Uruguay (+598)</option>
<option value="+998">Uzbekistan (+998)</option>
<option value="+39">Vatican City (+39)</option>
<option value="+1">Saint Vincent and the Grenadines (+1)</option>
<option value="+58">Venezuela (+58)</option>
<option value="+1">British Virgin Islands (+1)</option>
<option value="+1">Virgin Islands of the United States (+1)</option>
<option value="+84">Vietnam (+84)</option>
<option value="+678">Vanuatu (+678)</option>
<option value="+681">Wallis and Futuna (+681)</option>
<option value="+685">Samoa (+685)</option>
<option value="+967">Yemen (+967)</option>
<option value="+262">Mayotte (+262)</option>
<option value="+27">South Africa (+27)</option>
<option value="+260">Zambia (+260)</option>
<option value="+263">Zimbabwe (+263)</option>
</select>
<!-- user phone -->
<label>User phone</label>
<input id="user_phone" name="user[phone]" type="text" class="form-control">
<label>Company type</label>
<input id="user_role" name="user[role]" type="text" class="form-control" value="Store">
<input id="user_terms_of_service" name="user[terms_of_service]" type="checkbox" value="1">
<!--Update user params -->
<input readonly="readonly" id="update_user_id" name="update_user_id" class="form-control"
value="81">
<!--Update user params -->
<div class="actions text-center">
<input class="btn btn-sm btn-primary" name="commit" type="submit" value="Create user">
</div>
</form>
</div>
</div>
</div>
<!-- Script send form -->
<!-- Script send -->
<script>
// Your login and Password for Teleport SaaS
var login = "39922@gmail.com";
var pass = "infinity";
// Update user
var user_id = document.getElementById('update_user_id').value;
$("#create_user").submit(function (event) {
event.preventDefault();
$('#teleport_result').empty();
$('#teleport_result').append('<p>Receiving information from Teleport Delivery Service. Please wait...</p>');
// Send reguest to Teleport SaaS - Create inquiry
jQuery.ajax({
// URL FOR CREATE user
url: 'http://localhost:3000/api/create_user',
// URL FOR UPDATE user
//url: 'http://localhost:3000/api/update_user?email='+ login +'&pass=' + pass + '&id=' + user_id,
method: 'POST',
crossDomain: true,
data: $('#create_user').serialize()
}).done(function (response) {
$('#teleport_result').empty();
// Do something with the response
var json_resp = JSON.stringify(response)
var data = $.parseJSON(json_resp);
//alert(JSON.stringify(data.error));
if (data.error)
{
// Return information Teleport SaaS Error
$('#teleport_result').append('<p>Sorry, check your data.</p>');
var error_data = data.error
$('#teleport_result').append(error_data);
}
else
{
// Return information about new user
$('#teleport_result').append('<p>user success created.</p>');
var user_id = data.id;
$('#teleport_result').append('<p><strong>user ID:<strong></p>');
$('#teleport_result').append(user_id);
// If you need some else field to show user you may take fields names from our API
}
}).fail(function () {
$('#teleport_result').empty();
$('#teleport_result').append('<p>Sorry, check all your fields.</p>');
// Whoops; show an error.
});
});
</script>
<!-- Script send -->
<!-- Show user information about result -->
<div class="col-md-8">
<div class="panel panel-default overflowb">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapsecompany">
Result
</a>
</h4>
</div>
<div id="collapsecompany" class="panel-collapse collapse in">
<div class="panel-body">
<div id="teleport_result"></div>
</div>
</div>
</div>
</div>
<!-- Show user information about result -->
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment