API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 23rd, 2019
128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta name="viewport" content="width=device-width" />
  6. <link rel="sabio-icon" sizes="76x76" href="https://sabio-checkin.azurewebsites.net/assets/img/sabio_logo.png">
  7. <link rel="icon" type="image/png" href="https://sabio-checkin.azurewebsites.net/assets/img/sabio_logo.png">
  8.  
  9.  
  10. <title>Sabio Practical Assessment - Web Section</title>
  11.  
  12.  
  13. <!-- Custom styles for this template -->
  14. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
  15. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  16. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  17. <!--[if lt IE 9]>
  18. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  19. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  20. <![endif]-->
  21. <!-- Fonts and icons -->
  22. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
  23. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
  24.  
  25.  
  26. <link href="https://sabio-checkin.azurewebsites.net/assets/css/now-ui-kit.css?v=1.1.0" rel="stylesheet" />
  27. <link href="https://sabio-checkin.azurewebsites.net/Content/assessments/assessments-content.css" rel="stylesheet" />
  28.  
  29.  
  30. </head>
  31.  
  32. <body class="template-page sidebar-collapse">
  33.  
  34. <!-- Navbar -->
  35. <nav class="navbar navbar-expand-lg bg-primary fixed-top ">
  36. <div class="container">
  37. <div class="navbar-translate">
  38. <a class="navbar-brand template-page">
  39. Sabio Web Assessment
  40. </a>
  41. </div>
  42.  
  43. </div>
  44. </nav>
  45.  
  46. <div class="wrapper">
  47. <div class="container">
  48. <div class="assess-template col-sm-12">
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55. <div class="container">
  56. <br />
  57. <div class="row">
  58.  
  59. <div class="col-sm-12">
  60. <h1>Create a Job Profile</h1>
  61. <hr />
  62. <p>
  63. <ol>
  64.  
  65. <li>
  66. Wire up a click handler to the CREATE JOB PROFILE button such that the form can
  67. be submitted and the data is pulled from the form for processing.
  68. </li>
  69.  
  70. <li>
  71. Every time a new job profile is submitted: the data must be displayed below the
  72. form using the example html.
  73. <ul>
  74. <li>
  75. The fields that have drop downs should have their text values displayed
  76. (ie. state should show "CA" and not "1")
  77. </li>
  78.  
  79. </ul>
  80.  
  81. </li>
  82. <li>
  83. The LinkedIn URL should show the LinkedIn link as the example does. This is done
  84. by manipulating the href attribute of the anchor tag.
  85. </li>
  86. <li>
  87. Add a red delete button for each individual job profile added. When clicked this
  88. button should remove only that profile from the list.
  89. </li>
  90. <li>
  91. After a job profile is added to the list, the form must be reset back to it's
  92. original state (i.e. all fields empty and the dropdown should says "Please
  93. Select").
  94. </li>
  95. <li>
  96. If the user does not select anything, it should show an alert to select a state
  97. </li>
  98.  
  99. <li>
  100. If the user does not fill a * marked field you should show an alert that tells
  101. them to fill that field
  102. </li>
  103.  
  104. </ol>
  105. </p>
  106. <div class="well">
  107.  
  108. <p>
  109. While we are looking for working pages, however you can make that happen, we would
  110. like to see code with:
  111. <ul>
  112. <li>JavaScript Namespacing</li>
  113. <li>No inline functions unless absolutely required</li>
  114. </ul>
  115. </p>
  116. <p>Functional pages are the #1 priority though.</p>
  117. <p><strong>Main focus will be on items 1-4, </strong>but attempt to do the rest after
  118. finishing everything else</p>
  119.  
  120. </div>
  121.  
  122. <hr />
  123. <hr />
  124. <form class="form-horizontal">
  125. <div class="form-group">
  126. <label class="col-sm-2 control-label">Full Name *</label>
  127. <div class="col-sm-10">
  128. <input type="text" class="form-control" id="fName" placeholder="Full Name">
  129. </div>
  130. </div>
  131. <div class="form-group">
  132. <label class="col-sm-2 control-label">Headline *</label>
  133. <div class="col-sm-10">
  134. <input type="text" class="form-control" id="headline"
  135. placeholder="One Line about your job">
  136. </div>
  137. </div>
  138. <div class="form-group">
  139. <label class="col-sm-2 control-label">Current Position</label>
  140. <div class="col-sm-10">
  141. <input type="text" class="form-control" id="currentPosition"
  142. placeholder="Current Position">
  143. </div>
  144. </div>
  145. <!-- region input-->
  146. <div class="form-group">
  147. <label class="col-sm-2 control-label">State / Province / Region *</label>
  148. <div class="col-sm-10">
  149. <select id="state" name="state" class="form-control input-xlarge">
  150. <option value="" selected>Please Select</option>
  151. <option value="AL">AL</option>
  152. <option value="AK">AK</option>
  153. <option value="AZ">AZ</option>
  154. <option value="AR">AR</option>
  155. <option value="CA">CA</option>
  156. <option value="CO">CO</option>
  157. <option value="CT">CT</option>
  158. <option value="DC">DC</option>
  159. <option value="DE">DE</option>
  160. <option value="FL">FL</option>
  161. <option value="GA">GA</option>
  162. <option value="HI">HI</option>
  163. <option value="ID">ID</option>
  164. <option value="IL">IL</option>
  165. <option value="IN">IN</option>
  166. <option value="IA">IA</option>
  167. <option value="KS">KS</option>
  168. <option value="KY">KY</option>
  169. <option value="LA">LA</option>
  170. <option value="ME">ME</option>
  171. <option value="MD">MD</option>
  172. <option value="MA">MA</option>
  173. <option value="MI">MI</option>
  174. <option value="MN">MN</option>
  175. <option value="MS">MS</option>
  176. <option value="MO">MO</option>
  177. <option value="MT">MT</option>
  178. <option value="NE">NE</option>
  179. <option value="NV">NV</option>
  180. <option value="NH">NH</option>
  181. <option value="NJ">NJ</option>
  182. <option value="NM">NM</option>
  183. <option value="NY">NY</option>
  184. <option value="NC">NC</option>
  185. <option value="ND">ND</option>
  186. <option value="OH">OH</option>
  187. <option value="OK">OK</option>
  188. <option value="OR">OR</option>
  189. <option value="PA">PA</option>
  190. <option value="RI">RI</option>
  191. <option value="SC">SC</option>
  192. <option value="SD">SD</option>
  193. <option value="TN">TN</option>
  194. <option value="TX">TX</option>
  195. <option value="UT">UT</option>
  196. <option value="VT">VT</option>
  197. <option value="VA">VA</option>
  198. <option value="WA">WA</option>
  199. <option value="WV">WV</option>
  200. <option value="WI">WI</option>
  201. <option value="WY">WY</option>
  202. <option value="">-Terr.-</option>
  203. <option value="AS">AS</option>
  204. <option value="FM">FM</option>
  205. <option value="GU">GU</option>
  206. <option value="MI">MI</option>
  207. <option value="PR">PR</option>
  208. <option value="VI">VI</option>
  209. </select>
  210. <p class="help-block"></p>
  211. </div>
  212. </div>
  213.  
  214. <!-- country select -->
  215. <div class="form-group">
  216. <label class="col-sm-2 control-label">Country *</label>
  217. <div class="col-sm-10">
  218. <select id="country" name="country" class="form-control input-xlarge">
  219. <option value="" selected="selected">Please Select</option>
  220. <option value="AF">Afghanistan</option>
  221. <option value="AL">Albania</option>
  222. <option value="DZ">Algeria</option>
  223. <option value="AS">American Samoa</option>
  224. <option value="AD">Andorra</option>
  225. <option value="AO">Angola</option>
  226. <option value="AI">Anguilla</option>
  227. <option value="AQ">Antarctica</option>
  228. <option value="AG">Antigua and Barbuda</option>
  229. <option value="AR">Argentina</option>
  230. <option value="AM">Armenia</option>
  231. <option value="AW">Aruba</option>
  232. <option value="AU">Australia</option>
  233. <option value="AT">Austria</option>
  234. <option value="AZ">Azerbaijan</option>
  235. <option value="BS">Bahamas</option>
  236. <option value="BH">Bahrain</option>
  237. <option value="BD">Bangladesh</option>
  238. <option value="BB">Barbados</option>
  239. <option value="BY">Belarus</option>
  240. <option value="BE">Belgium</option>
  241. <option value="BZ">Belize</option>
  242. <option value="BJ">Benin</option>
  243. <option value="BM">Bermuda</option>
  244. <option value="BT">Bhutan</option>
  245. <option value="BO">Bolivia</option>
  246. <option value="BA">Bosnia and Herzegowina</option>
  247. <option value="BW">Botswana</option>
  248. <option value="BV">Bouvet Island</option>
  249. <option value="BR">Brazil</option>
  250. <option value="IO">British Indian Ocean Territory</option>
  251. <option value="BN">Brunei Darussalam</option>
  252. <option value="BG">Bulgaria</option>
  253. <option value="BF">Burkina Faso</option>
  254. <option value="BI">Burundi</option>
  255. <option value="KH">Cambodia</option>
  256. <option value="CM">Cameroon</option>
  257. <option value="CA">Canada</option>
  258. <option value="CV">Cape Verde</option>
  259. <option value="KY">Cayman Islands</option>
  260. <option value="CF">Central African Republic</option>
  261. <option value="TD">Chad</option>
  262. <option value="CL">Chile</option>
  263. <option value="CN">China</option>
  264. <option value="CX">Christmas Island</option>
  265. <option value="CC">Cocos (Keeling) Islands</option>
  266. <option value="CO">Colombia</option>
  267. <option value="KM">Comoros</option>
  268. <option value="CG">Congo</option>
  269. <option value="CD">Congo, the Democratic Republic of the</option>
  270. <option value="CK">Cook Islands</option>
  271. <option value="CR">Costa Rica</option>
  272. <option value="CI">Cote d'Ivoire</option>
  273. <option value="HR">Croatia (Hrvatska)</option>
  274. <option value="CU">Cuba</option>
  275. <option value="CY">Cyprus</option>
  276. <option value="CZ">Czech Republic</option>
  277. <option value="DK">Denmark</option>
  278. <option value="DJ">Djibouti</option>
  279. <option value="DM">Dominica</option>
  280. <option value="DO">Dominican Republic</option>
  281. <option value="TP">East Timor</option>
  282. <option value="EC">Ecuador</option>
  283. <option value="EG">Egypt</option>
  284. <option value="SV">El Salvador</option>
  285. <option value="GQ">Equatorial Guinea</option>
  286. <option value="ER">Eritrea</option>
  287. <option value="EE">Estonia</option>
  288. <option value="ET">Ethiopia</option>
  289. <option value="FK">Falkland Islands (Malvinas)</option>
  290. <option value="FO">Faroe Islands</option>
  291. <option value="FJ">Fiji</option>
  292. <option value="FI">Finland</option>
  293. <option value="FR">France</option>
  294. <option value="FX">France, Metropolitan</option>
  295. <option value="GF">French Guiana</option>
  296. <option value="PF">French Polynesia</option>
  297. <option value="TF">French Southern Territories</option>
  298. <option value="GA">Gabon</option>
  299. <option value="GM">Gambia</option>
  300. <option value="GE">Georgia</option>
  301. <option value="DE">Germany</option>
  302. <option value="GH">Ghana</option>
  303. <option value="GI">Gibraltar</option>
  304. <option value="GR">Greece</option>
  305. <option value="GL">Greenland</option>
  306. <option value="GD">Grenada</option>
  307. <option value="GP">Guadeloupe</option>
  308. <option value="GU">Guam</option>
  309. <option value="GT">Guatemala</option>
  310. <option value="GN">Guinea</option>
  311. <option value="GW">Guinea-Bissau</option>
  312. <option value="GY">Guyana</option>
  313. <option value="HT">Haiti</option>
  314. <option value="HM">Heard and Mc Donald Islands</option>
  315. <option value="VA">Holy See (Vatican City State)</option>
  316. <option value="HN">Honduras</option>
  317. <option value="HK">Hong Kong</option>
  318. <option value="HU">Hungary</option>
  319. <option value="IS">Iceland</option>
  320. <option value="IN">India</option>
  321. <option value="ID">Indonesia</option>
  322. <option value="IR">Iran (Islamic Republic of)</option>
  323. <option value="IQ">Iraq</option>
  324. <option value="IE">Ireland</option>
  325. <option value="IL">Israel</option>
  326. <option value="IT">Italy</option>
  327. <option value="JM">Jamaica</option>
  328. <option value="JP">Japan</option>
  329. <option value="JO">Jordan</option>
  330. <option value="KZ">Kazakhstan</option>
  331. <option value="KE">Kenya</option>
  332. <option value="KI">Kiribati</option>
  333. <option value="KP">Korea, Democratic People's Republic of</option>
  334. <option value="KR">Korea, Republic of</option>
  335. <option value="KW">Kuwait</option>
  336. <option value="KG">Kyrgyzstan</option>
  337. <option value="LA">Lao People's Democratic Republic</option>
  338. <option value="LV">Latvia</option>
  339. <option value="LB">Lebanon</option>
  340. <option value="LS">Lesotho</option>
  341. <option value="LR">Liberia</option>
  342. <option value="LY">Libyan Arab Jamahiriya</option>
  343. <option value="LI">Liechtenstein</option>
  344. <option value="LT">Lithuania</option>
  345. <option value="LU">Luxembourg</option>
  346. <option value="MO">Macau</option>
  347. <option value="MK">Macedonia, The Former Yugoslav Republic of</option>
  348. <option value="MG">Madagascar</option>
  349. <option value="MW">Malawi</option>
  350. <option value="MY">Malaysia</option>
  351. <option value="MV">Maldives</option>
  352. <option value="ML">Mali</option>
  353. <option value="MT">Malta</option>
  354. <option value="MH">Marshall Islands</option>
  355. <option value="MQ">Martinique</option>
  356. <option value="MR">Mauritania</option>
  357. <option value="MU">Mauritius</option>
  358. <option value="YT">Mayotte</option>
  359. <option value="MX">Mexico</option>
  360. <option value="FM">Micronesia, Federated States of</option>
  361. <option value="MD">Moldova, Republic of</option>
  362. <option value="MC">Monaco</option>
  363. <option value="MN">Mongolia</option>
  364. <option value="MS">Montserrat</option>
  365. <option value="MA">Morocco</option>
  366. <option value="MZ">Mozambique</option>
  367. <option value="MM">Myanmar</option>
  368. <option value="NA">Namibia</option>
  369. <option value="NR">Nauru</option>
  370. <option value="NP">Nepal</option>
  371. <option value="NL">Netherlands</option>
  372. <option value="AN">Netherlands Antilles</option>
  373. <option value="NC">New Caledonia</option>
  374. <option value="NZ">New Zealand</option>
  375. <option value="NI">Nicaragua</option>
  376. <option value="NE">Niger</option>
  377. <option value="NG">Nigeria</option>
  378. <option value="NU">Niue</option>
  379. <option value="NF">Norfolk Island</option>
  380. <option value="MP">Northern Mariana Islands</option>
  381. <option value="NO">Norway</option>
  382. <option value="OM">Oman</option>
  383. <option value="PK">Pakistan</option>
  384. <option value="PW">Palau</option>
  385. <option value="PA">Panama</option>
  386. <option value="PG">Papua New Guinea</option>
  387. <option value="PY">Paraguay</option>
  388. <option value="PE">Peru</option>
  389. <option value="PH">Philippines</option>
  390. <option value="PN">Pitcairn</option>
  391. <option value="PL">Poland</option>
  392. <option value="PT">Portugal</option>
  393. <option value="PR">Puerto Rico</option>
  394. <option value="QA">Qatar</option>
  395. <option value="RE">Reunion</option>
  396. <option value="RO">Romania</option>
  397. <option value="RU">Russian Federation</option>
  398. <option value="RW">Rwanda</option>
  399. <option value="KN">Saint Kitts and Nevis</option>
  400. <option value="LC">Saint LUCIA</option>
  401. <option value="VC">Saint Vincent and the Grenadines</option>
  402. <option value="WS">Samoa</option>
  403. <option value="SM">San Marino</option>
  404. <option value="ST">Sao Tome and Principe</option>
  405. <option value="SA">Saudi Arabia</option>
  406. <option value="SN">Senegal</option>
  407. <option value="SC">Seychelles</option>
  408. <option value="SL">Sierra Leone</option>
  409. <option value="SG">Singapore</option>
  410. <option value="SK">Slovakia (Slovak Republic)</option>
  411. <option value="SI">Slovenia</option>
  412. <option value="SB">Solomon Islands</option>
  413. <option value="SO">Somalia</option>
  414. <option value="ZA">South Africa</option>
  415. <option value="GS">South Georgia and the South Sandwich Islands</option>
  416. <option value="ES">Spain</option>
  417. <option value="LK">Sri Lanka</option>
  418. <option value="SH">St. Helena</option>
  419. <option value="PM">St. Pierre and Miquelon</option>
  420. <option value="SD">Sudan</option>
  421. <option value="SR">Suriname</option>
  422. <option value="SJ">Svalbard and Jan Mayen Islands</option>
  423. <option value="SZ">Swaziland</option>
  424. <option value="SE">Sweden</option>
  425. <option value="CH">Switzerland</option>
  426. <option value="SY">Syrian Arab Republic</option>
  427. <option value="TW">Taiwan, Province of China</option>
  428. <option value="TJ">Tajikistan</option>
  429. <option value="TZ">Tanzania, United Republic of</option>
  430. <option value="TH">Thailand</option>
  431. <option value="TG">Togo</option>
  432. <option value="TK">Tokelau</option>
  433. <option value="TO">Tonga</option>
  434. <option value="TT">Trinidad and Tobago</option>
  435. <option value="TN">Tunisia</option>
  436. <option value="TR">Turkey</option>
  437. <option value="TM">Turkmenistan</option>
  438. <option value="TC">Turks and Caicos Islands</option>
  439. <option value="TV">Tuvalu</option>
  440. <option value="UG">Uganda</option>
  441. <option value="UA">Ukraine</option>
  442. <option value="AE">United Arab Emirates</option>
  443. <option value="GB">United Kingdom</option>
  444. <option value="US">United States</option>
  445. <option value="UM">United States Minor Outlying Islands</option>
  446. <option value="UY">Uruguay</option>
  447. <option value="UZ">Uzbekistan</option>
  448. <option value="VU">Vanuatu</option>
  449. <option value="VE">Venezuela</option>
  450. <option value="VN">Viet Nam</option>
  451. <option value="VG">Virgin Islands (British)</option>
  452. <option value="VI">Virgin Islands (U.S.)</option>
  453. <option value="WF">Wallis and Futuna Islands</option>
  454. <option value="EH">Western Sahara</option>
  455. <option value="YE">Yemen</option>
  456. <option value="YU">Yugoslavia</option>
  457. <option value="ZM">Zambia</option>
  458. <option value="ZW">Zimbabwe</option>
  459. </select>
  460. </div>
  461. </div>
  462.  
  463. <div class="form-group">
  464. <label class="col-sm-2 control-label">Education</label>
  465. <div class="col-sm-10">
  466. <input type="text" class="form-control" id="education"
  467. placeholder="Highest Education">
  468. </div>
  469. </div>
  470.  
  471. <div class="form-group">
  472. <label class="col-sm-2 control-label">Skills</label>
  473. <div class="col-sm-10">
  474. <input type="text" class="form-control" id="skills" placeholder="Skills">
  475. </div>
  476. </div>
  477.  
  478. <div class="form-group">
  479. <label class="col-sm-2 control-label">My LinkedIn URL</label>
  480. <div class="col-sm-10">
  481. <input id="my-linkedin" name="my-linkedin" type="text"
  482. placeholder="Link to your LinkedIn profile" class="form-control">
  483.  
  484. </div>
  485. </div>
  486.  
  487.  
  488. <div class="form-group">
  489. <div class="col-sm-offset-2 col-sm-10">
  490. <button type="submit" id="addProfileBtn" class="btn btn-primary">Add to Profile
  491. List</button>
  492. <button type="button" id="deleteProfileBtn"
  493. class="btn btn-danger">Delete</button>
  494. </div>
  495. </div>
  496. </form>
  497. <br />
  498. <div id="LineUp" class="col-md-6 col-sm-12 account-sidebar hidden-sm listings">
  499. <!-- SINGLE ACCOUNT START -->
  500. <div class="row listing-row">
  501.  
  502. <div class="col-sm-10">
  503. <h3 class="user-name">Satya Nadella</h3>
  504. <p></p>
  505. <p>Headline: <strong>Entrepreneur</strong></p>
  506. <p>Location: Seattle, WA, USA</p>
  507. <p>Current Position: CEO of Microsoft</p>
  508. <p>Education: Masters in Harvard University</p>
  509. <p>Skills: Visionary, Adaptable</p>
  510. <a class="img-responsive"
  511. href="https://www.linkedin.com/in/satya-nadella-3145136/">LinkedIn URL</a>
  512.  
  513. </div>
  514. </div>
  515. <!-- SINGLE ACCOUNT END -->
  516. </div>
  517. </div>
  518. </div>
  519. </div>
  520.  
  521.  
  522. </div>
  523. </div>
  524. <!--Footer-->
  525. <footer class="footer">
  526. <div class="container">
  527. <nav>
  528. <ul>
  529. <li>
  530. <a href="" class="home">
  531. Home
  532. </a>
  533. </li>
  534. <li>
  535. <a href="#">
  536. Contact Us
  537. </a>
  538. </li>
  539. </ul>
  540. </nav>
  541. <div class="copyright">
  542. &copy;
  543. <script>
  544. document.write(new Date().getFullYear())
  545. </script>, Sabio Assessment. Coded by
  546. <a href="https://www.sabio.la" target="_blank">Sabio</a>.
  547. </div>
  548. </div>
  549. </footer>
  550.  
  551. </div>
  552.  
  553.  
  554.  
  555. <!-- Bootstrap core JavaScript
  556. ================================================== -->
  557. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  558. <script src="https://sabio-checkin.azurewebsites.net/Scripts/jquery-2.1.4.min.js"></script>
  559. <!-- Include all compiled plugins (below), or include individual files as needed -->
  560. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  561. <script src="https://sabio-checkin.azurewebsites.net/Scripts/sabio.js"></script>
  562.  
  563.  
  564. <!-- All your code goes below here-->
  565. <script type="text/javascript">
  566.  
  567. var firstId = 0;
  568.  
  569. $("form").submit(function (event) {
  570. event.preventDefault();
  571. })
  572.  
  573. var fullName = ("#Fname").val();
  574. var headline = ("#text").val();
  575. var stateSelct = $("#state option:selected").html();
  576. var countrySelct = $("#country option:selected").html();
  577. var currentPosition = ("#position").val();
  578. var education = ("#Education").val();
  579. var skills = ("#skills").val();
  580. var linkedIn = ("#linkedIn").val();
  581.  
  582. if (fullName == null)
  583. alert("Full name must be filled out");
  584.  
  585. if (headline == null)
  586. alert("Headline must be filled out");
  587.  
  588. if (stateSelct == null)
  589. alert("State must be selected");
  590.  
  591. if (countrySelct == null)
  592. alert("Country must be selected");
  593.  
  594. if (currentPosition == null)
  595. alert("Current Position must be filled out");
  596.  
  597. if (education == null)
  598. alart("Education must be filled out");
  599.  
  600. if (skill == null)
  601. alart("Skills must be filled out");
  602.  
  603. if (linkedIn == null)
  604. alart("LinkedIn must be filled out");
  605.  
  606. addNewProfile(fullname, currentPosition, stateSelct, countrySelct, currentPosition, education, skills, linkedIn);
  607.  
  608. function addNewProfile(fullname, currentPosition, stateSelct, countrySelct, currentPosition, education, skills, linkedIn) {
  609. var htmltext = "";
  610.  
  611. htmlText.concat('<div class="row listing-row"> id="profile-' + firstId++ + '"');
  612. htmlText.concat('<div class="col-sm-10">');
  613. htmlText.concat('<h3 class="user-name">' + fullName + '</h3>');
  614. htmlText.concat('<p></p>');
  615.  
  616.  
  617. htmlText.concat('<p>Headline: <strong></strong></p>');
  618. htmlText.concat('<p>Location: </p>');
  619. htmlText.concat('<p>Current Position: </p>');
  620. htmlText.concat('<p>Education: </p>');
  621. htmlText.concat('<p>Skills: </p>');
  622.  
  623. htmlText.concat('<a class="img-responsive" href="' + linkedIn = '">LinkedIn URL</a>');
  624.  
  625.  
  626. htmlText.concat('<p><button onclick="onDeleteClick(' + deleteProfileBtn + ')">Delete Entry</button></p>');
  627.  
  628. htmlText.concat('</div>');
  629. htmlText.concat('</div>');
  630.  
  631. $("#LineUp").append(htmlText);
  632. }
  633.  
  634. function onDeleteClick(someId) {
  635. $("#profile-" + someId).remove();
  636. }
  637.  
  638.  
  639.  
  640.  
  641.  
  642. </script>
  643.  
  644.  
  645. </body>
  646.  
  647. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!