API tools faq
paste
Advertisement
FiringBlanks

dialogAddSchool (HTML)

FiringBlanks
Oct 27th, 2019
257
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.91 KB | None | 0 0
raw download clone embed print report
  1. <h3 class="ui dividing header">Add School</h3>
  2.  
  3. <form style="margin-top:12px;">
  4. <div class="ui basic center aligned segment" style="margin-bottom:0px;">
  5. <p>
  6. <mat-form-field style="margin-right: 12px;">
  7. <input matInput placeholder="School Name" [(ngModel)]="schoolToAddName" name="schoolToAddName">
  8. <mat-hint>Must follow <a (click)="changeViewNamingGuidelines()">Naming Guidelines</a></mat-hint>
  9. </mat-form-field>
  10.  
  11. <mat-form-field>
  12. <mat-select placeholder="Country" name="schoolToAddCountry" [(ngModel)]="schoolToAddCountry">
  13. <mat-option value="United States">United States</mat-option>
  14. <mat-option value="Afghanistan">Afghanistan</mat-option>
  15. <mat-option value="Albania">Albania</mat-option>
  16. <mat-option value="Algeria">Algeria</mat-option>
  17. <mat-option value="Andorra">Andorra</mat-option>
  18. <mat-option value="Antigua and Barbuda">Antigua and Barbuda</mat-option>
  19. <mat-option value="Argentina">Argentina</mat-option>
  20. <mat-option value="Armenia">Armenia</mat-option>
  21. <mat-option value="Australia">Australia</mat-option>
  22. <mat-option value="Austria">Austria</mat-option>
  23. <mat-option value="Azerbaijan">Azerbaijan</mat-option>
  24. <mat-option value="Bahamas">Bahamas</mat-option>
  25. <mat-option value="Bahrain">Bahrain</mat-option>
  26. <mat-option value="Bangladesh">Bangladesh</mat-option>
  27. <mat-option value="Barbados">Barbados</mat-option>
  28. <mat-option value="Belarus">Belarus</mat-option>
  29. <mat-option value="Belgium">Belgium</mat-option>
  30. <mat-option value="Belize">Belize</mat-option>
  31. <mat-option value="Benin">Benin</mat-option>
  32. <mat-option value="Bhutan">Bhutan</mat-option>
  33. <mat-option value="Bolivia">Bolivia</mat-option>
  34. <mat-option value="Bosnia and Herzegovina">Bosnia and Herzegovina</mat-option>
  35. <mat-option value="Botswana">Botswana</mat-option>
  36. <mat-option value="Brazil">Brazil</mat-option>
  37. <mat-option value="Brunei">Brunei</mat-option>
  38. <mat-option value="Bulgaria">Bulgaria</mat-option>
  39. <mat-option value="Burkina Faso">Burkina Faso</mat-option>
  40. <mat-option value="Burundi">Burundi</mat-option>
  41. <mat-option value="Cambodia">Cambodia</mat-option>
  42. <mat-option value="Cameroon">Cameroon</mat-option>
  43. <mat-option value="Canada">Canada</mat-option>
  44. <mat-option value="Cape Verde">Cape Verde</mat-option>
  45. <mat-option value="Central African Republic">Central African Republic</mat-option>
  46. <mat-option value="Chad">Chad</mat-option>
  47. <mat-option value="Chile">Chile</mat-option>
  48. <mat-option value="China">China</mat-option>
  49. <mat-option value="Colombia">Colombia</mat-option>
  50. <mat-option value="Comoros">Comoros</mat-option>
  51. <mat-option value="Congo">Congo</mat-option>
  52. <mat-option value="Costa Rica">Costa Rica</mat-option>
  53. <mat-option value="Cote d'Ivoire">Cote d'Ivoire</mat-option>
  54. <mat-option value="Croatia">Croatia</mat-option>
  55. <mat-option value="Cuba">Cuba</mat-option>
  56. <mat-option value="Cyprus">Cyprus</mat-option>
  57. <mat-option value="Czech Republic">Czech Republic</mat-option>
  58. <mat-option value="Denmark">Denmark</mat-option>
  59. <mat-option value="Djibouti">Djibouti</mat-option>
  60. <mat-option value="Dominica">Dominica</mat-option>
  61. <mat-option value="Dominican Republic">Dominican Republic</mat-option>
  62. <mat-option value="East Timor">East Timor</mat-option>
  63. <mat-option value="Ecuador">Ecuador</mat-option>
  64. <mat-option value="Egypt">Egypt</mat-option>
  65. <mat-option value="El Salvador">El Salvador</mat-option>
  66. <mat-option value="Equatorial Guinea">Equatorial Guinea</mat-option>
  67. <mat-option value="Eritrea">Eritrea</mat-option>
  68. <mat-option value="Estonia">Estonia</mat-option>
  69. <mat-option value="Ethiopia">Ethiopia</mat-option>
  70. <mat-option value="Fiji">Fiji</mat-option>
  71. <mat-option value="Finland">Finland</mat-option>
  72. <mat-option value="France">France</mat-option>
  73. <mat-option value="Gabon">Gabon</mat-option>
  74. <mat-option value="Gambia">Gambia</mat-option>
  75. <mat-option value="Georgia">Georgia</mat-option>
  76. <mat-option value="Germany">Germany</mat-option>
  77. <mat-option value="Ghana">Ghana</mat-option>
  78. <mat-option value="Greece">Greece</mat-option>
  79. <mat-option value="Grenada">Grenada</mat-option>
  80. <mat-option value="Guatemala">Guatemala</mat-option>
  81. <mat-option value="Guinea">Guinea</mat-option>
  82. <mat-option value="Guinea-Bissau">Guinea-Bissau</mat-option>
  83. <mat-option value="Guyana">Guyana</mat-option>
  84. <mat-option value="Haiti">Haiti</mat-option>
  85. <mat-option value="Honduras">Honduras</mat-option>
  86. <mat-option value="Hong Kong">Hong Kong</mat-option>
  87. <mat-option value="Hungary">Hungary</mat-option>
  88. <mat-option value="Iceland">Iceland</mat-option>
  89. <mat-option value="India">India</mat-option>
  90. <mat-option value="Indonesia">Indonesia</mat-option>
  91. <mat-option value="Iran">Iran</mat-option>
  92. <mat-option value="Iraq">Iraq</mat-option>
  93. <mat-option value="Ireland">Ireland</mat-option>
  94. <mat-option value="Israel">Israel</mat-option>
  95. <mat-option value="Italy">Italy</mat-option>
  96. <mat-option value="Jamaica">Jamaica</mat-option>
  97. <mat-option value="Japan">Japan</mat-option>
  98. <mat-option value="Jordan">Jordan</mat-option>
  99. <mat-option value="Kazakhstan">Kazakhstan</mat-option>
  100. <mat-option value="Kenya">Kenya</mat-option>
  101. <mat-option value="Kiribati">Kiribati</mat-option>
  102. <mat-option value="North Korea">North Korea</mat-option>
  103. <mat-option value="South Korea">South Korea</mat-option>
  104. <mat-option value="Kuwait">Kuwait</mat-option>
  105. <mat-option value="Kyrgyzstan">Kyrgyzstan</mat-option>
  106. <mat-option value="Laos">Laos</mat-option>
  107. <mat-option value="Latvia">Latvia</mat-option>
  108. <mat-option value="Lebanon">Lebanon</mat-option>
  109. <mat-option value="Lesotho">Lesotho</mat-option>
  110. <mat-option value="Liberia">Liberia</mat-option>
  111. <mat-option value="Libya">Libya</mat-option>
  112. <mat-option value="Liechtenstein">Liechtenstein</mat-option>
  113. <mat-option value="Lithuania">Lithuania</mat-option>
  114. <mat-option value="Luxembourg">Luxembourg</mat-option>
  115. <mat-option value="Macedonia">Macedonia</mat-option>
  116. <mat-option value="Madagascar">Madagascar</mat-option>
  117. <mat-option value="Malawi">Malawi</mat-option>
  118. <mat-option value="Malaysia">Malaysia</mat-option>
  119. <mat-option value="Maldives">Maldives</mat-option>
  120. <mat-option value="Mali">Mali</mat-option>
  121. <mat-option value="Malta">Malta</mat-option>
  122. <mat-option value="Marshall Islands">Marshall Islands</mat-option>
  123. <mat-option value="Mauritania">Mauritania</mat-option>
  124. <mat-option value="Mauritius">Mauritius</mat-option>
  125. <mat-option value="Mexico">Mexico</mat-option>
  126. <mat-option value="Micronesia">Micronesia</mat-option>
  127. <mat-option value="Moldova">Moldova</mat-option>
  128. <mat-option value="Monaco">Monaco</mat-option>
  129. <mat-option value="Mongolia">Mongolia</mat-option>
  130. <mat-option value="Montenegro">Montenegro</mat-option>
  131. <mat-option value="Morocco">Morocco</mat-option>
  132. <mat-option value="Mozambique">Mozambique</mat-option>
  133. <mat-option value="Myanmar">Myanmar</mat-option>
  134. <mat-option value="Namibia">Namibia</mat-option>
  135. <mat-option value="Nauru">Nauru</mat-option>
  136. <mat-option value="Nepal">Nepal</mat-option>
  137. <mat-option value="Netherlands">Netherlands</mat-option>
  138. <mat-option value="New Zealand">New Zealand</mat-option>
  139. <mat-option value="Nicaragua">Nicaragua</mat-option>
  140. <mat-option value="Niger">Niger</mat-option>
  141. <mat-option value="Nigeria">Nigeria</mat-option>
  142. <mat-option value="Norway">Norway</mat-option>
  143. <mat-option value="Oman">Oman</mat-option>
  144. <mat-option value="Pakistan">Pakistan</mat-option>
  145. <mat-option value="Palau">Palau</mat-option>
  146. <mat-option value="Panama">Panama</mat-option>
  147. <mat-option value="Papua New Guinea">Papua New Guinea</mat-option>
  148. <mat-option value="Paraguay">Paraguay</mat-option>
  149. <mat-option value="Peru">Peru</mat-option>
  150. <mat-option value="Philippines">Philippines</mat-option>
  151. <mat-option value="Poland">Poland</mat-option>
  152. <mat-option value="Portugal">Portugal</mat-option>
  153. <mat-option value="Puerto Rico">Puerto Rico</mat-option>
  154. <mat-option value="Qatar">Qatar</mat-option>
  155. <mat-option value="Romania">Romania</mat-option>
  156. <mat-option value="Russia">Russia</mat-option>
  157. <mat-option value="Rwanda">Rwanda</mat-option>
  158. <mat-option value="Saint Kitts and Nevis">Saint Kitts and Nevis</mat-option>
  159. <mat-option value="Saint Lucia">Saint Lucia</mat-option>
  160. <mat-option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</mat-option>
  161. <mat-option value="Samoa">Samoa</mat-option>
  162. <mat-option value="San Marino">San Marino</mat-option>
  163. <mat-option value="Sao Tome and Principe">Sao Tome and Principe</mat-option>
  164. <mat-option value="Saudi Arabia">Saudi Arabia</mat-option>
  165. <mat-option value="Senegal">Senegal</mat-option>
  166. <mat-option value="Serbia and Montenegro">Serbia and Montenegro</mat-option>
  167. <mat-option value="Seychelles">Seychelles</mat-option>
  168. <mat-option value="Sierra Leone">Sierra Leone</mat-option>
  169. <mat-option value="Singapore">Singapore</mat-option>
  170. <mat-option value="Slovakia">Slovakia</mat-option>
  171. <mat-option value="Slovenia">Slovenia</mat-option>
  172. <mat-option value="Solomon Islands">Solomon Islands</mat-option>
  173. <mat-option value="Somalia">Somalia</mat-option>
  174. <mat-option value="South Africa">South Africa</mat-option>
  175. <mat-option value="Spain">Spain</mat-option>
  176. <mat-option value="Sri Lanka">Sri Lanka</mat-option>
  177. <mat-option value="Sudan">Sudan</mat-option>
  178. <mat-option value="Suriname">Suriname</mat-option>
  179. <mat-option value="Swaziland">Swaziland</mat-option>
  180. <mat-option value="Sweden">Sweden</mat-option>
  181. <mat-option value="Switzerland">Switzerland</mat-option>
  182. <mat-option value="Syria">Syria</mat-option>
  183. <mat-option value="Taiwan">Taiwan</mat-option>
  184. <mat-option value="Tajikistan">Tajikistan</mat-option>
  185. <mat-option value="Tanzania">Tanzania</mat-option>
  186. <mat-option value="Thailand">Thailand</mat-option>
  187. <mat-option value="Togo">Togo</mat-option>
  188. <mat-option value="Tonga">Tonga</mat-option>
  189. <mat-option value="Trinidad and Tobago">Trinidad and Tobago</mat-option>
  190. <mat-option value="Tunisia">Tunisia</mat-option>
  191. <mat-option value="Turkey">Turkey</mat-option>
  192. <mat-option value="Turkmenistan">Turkmenistan</mat-option>
  193. <mat-option value="Tuvalu">Tuvalu</mat-option>
  194. <mat-option value="Uganda">Uganda</mat-option>
  195. <mat-option value="Ukraine">Ukraine</mat-option>
  196. <mat-option value="United Arab Emirates">United Arab Emirates</mat-option>
  197. <mat-option value="United Kingdom">United Kingdom</mat-option>
  198. <mat-option value="Uruguay">Uruguay</mat-option>
  199. <mat-option value="Uzbekistan">Uzbekistan</mat-option>
  200. <mat-option value="Vanuatu">Vanuatu</mat-option>
  201. <mat-option value="Vatican City">Vatican City</mat-option>
  202. <mat-option value="Venezuela">Venezuela</mat-option>
  203. <mat-option value="Vietnam">Vietnam</mat-option>
  204. <mat-option value="Yemen">Yemen</mat-option>
  205. <mat-option value="Zambia">Zambia</mat-option>
  206. <mat-option value="Zimbabwe">Zimbabwe</mat-option>
  207. </mat-select>
  208. </mat-form-field>
  209.  
  210. <mat-form-field style="margin-right: 12px;">
  211. <input matInput placeholder="City" [(ngModel)]="schoolToAddCity" name="schoolToAddCity">
  212. </mat-form-field>
  213.  
  214. <mat-form-field>
  215. <!-- <input matInput placeholder="State" [(ngModel)]="schoolToAddState" name="schoolToAddState"> -->
  216. <mat-select placeholder="State" name="schoolToAddState" [(ngModel)]="schoolToAddState" [disabled]="schoolToAddCountry != 'United States' ">
  217. <mat-option value="AL">Alabama</mat-option>
  218. <mat-option value="AK">Alaska</mat-option>
  219. <mat-option value="AZ">Arizona</mat-option>
  220. <mat-option value="AR">Arkansas</mat-option>
  221. <mat-option value="CA">California</mat-option>
  222. <mat-option value="CO">Colorado</mat-option>
  223. <mat-option value="CT">Connecticut</mat-option>
  224. <mat-option value="DE">Delaware</mat-option>
  225. <mat-option value="DC">District Of Columbia</mat-option>
  226. <mat-option value="FL">Florida</mat-option>
  227. <mat-option value="GA">Georgia</mat-option>
  228. <mat-option value="HI">Hawaii</mat-option>
  229. <mat-option value="ID">Idaho</mat-option>
  230. <mat-option value="IL">Illinois</mat-option>
  231. <mat-option value="IN">Indiana</mat-option>
  232. <mat-option value="IA">Iowa</mat-option>
  233. <mat-option value="KS">Kansas</mat-option>
  234. <mat-option value="KY">Kentucky</mat-option>
  235. <mat-option value="LA">Louisiana</mat-option>
  236. <mat-option value="ME">Maine</mat-option>
  237. <mat-option value="MD">Maryland</mat-option>
  238. <mat-option value="MA">Massachusetts</mat-option>
  239. <mat-option value="MI">Michigan</mat-option>
  240. <mat-option value="MN">Minnesota</mat-option>
  241. <mat-option value="MS">Mississippi</mat-option>
  242. <mat-option value="MO">Missouri</mat-option>
  243. <mat-option value="MT">Montana</mat-option>
  244. <mat-option value="NE">Nebraska</mat-option>
  245. <mat-option value="NV">Nevada</mat-option>
  246. <mat-option value="NH">New Hampshire</mat-option>
  247. <mat-option value="NJ">New Jersey</mat-option>
  248. <mat-option value="NM">New Mexico</mat-option>
  249. <mat-option value="NY">New York</mat-option>
  250. <mat-option value="NC">North Carolina</mat-option>
  251. <mat-option value="ND">North Dakota</mat-option>
  252. <mat-option value="OH">Ohio</mat-option>
  253. <mat-option value="OK">Oklahoma</mat-option>
  254. <mat-option value="OR">Oregon</mat-option>
  255. <mat-option value="PA">Pennsylvania</mat-option>
  256. <mat-option value="RI">Rhode Island</mat-option>
  257. <mat-option value="SC">South Carolina</mat-option>
  258. <mat-option value="SD">South Dakota</mat-option>
  259. <mat-option value="TN">Tennessee</mat-option>
  260. <mat-option value="TX">Texas</mat-option>
  261. <mat-option value="UT">Utah</mat-option>
  262. <mat-option value="VT">Vermont</mat-option>
  263. <mat-option value="VA">Virginia</mat-option>
  264. <mat-option value="WA">Washington</mat-option>
  265. <mat-option value="WV">West Virginia</mat-option>
  266. <mat-option value="WI">Wisconsin</mat-option>
  267. <mat-option value="WY">Wyoming</mat-option>
  268. </mat-select>
  269. </mat-form-field>
  270. </p>
  271. </div>
  272.  
  273. <div *ngIf="namingGuidelinesVisibility">
  274.  
  275. <div class="ui basic center aligned segment">
  276. <h5>
  277. School names should follow the full official name of the school, as listed on reputable sites
  278. like Wikipedia.
  279. </h5>
  280. </div>
  281.  
  282. <table class="ui compact table" style="margin-bottom: 0px;">
  283. <thead>
  284. <tr>
  285. <th> <i class="green check icon"></i> Correct</th>
  286. <th> <i class="red close icon"></i> Incorrect</th>
  287. </tr>
  288. </thead>
  289. <tbody>
  290. <tr>
  291. <td>University of California, Los Angeles</td>
  292. <td class="error">UCLA</td>
  293. </tr>
  294. <tr>
  295. <td>American River College</td>
  296. <td class="error">American River; ARC</td>
  297. </tr>
  298. <tr>
  299. <td>California State University, Sacramento</td>
  300. <td class="error">Sacramento State University; Sac State; CSUS</td>
  301. </tr>
  302. <tr>
  303. <td>Harvard University</td>
  304. <td class="error">Harvard; Harvard Law School</td>
  305. </tr>
  306. <tr>
  307. <td>École Polytechnique Fédérale de Lausanne</td>
  308. <td class="error">Federal Institute of Technology of Lausanne; EPFL</td>
  309. </tr>
  310. <tr>
  311. <td>State University of New York at Stony Brook</td>
  312. <td class="error">SUNY; SUNY Stony Brook</td>
  313. </tr>
  314. </tbody>
  315. </table>
  316.  
  317. <div class="ui center aligned very basic segment" style="margin-top: 0px;">
  318. <h6 style="margin: 0px 0px;">Schools that do not follow these naming guidelines may be removed.</h6>
  319. </div>
  320. </div>
  321.  
  322.  
  323.  
  324. <div class="ui basic right aligned segment" style="margin: 0px;">
  325. <!-- <span *ngIf="schoolToAddName && schoolToAddCountry && schoolToAddCity && schoolToAddState; then enabled else disabled"></span> -->
  326. <span *ngIf="schoolToAddName && ((schoolToAddCountry == 'United States' && schoolToAddState) || schoolToAddCountry != 'United States' ) && schoolToAddCity; then enabled else disabled"></span>
  327.  
  328. <ng-template #enabled>
  329. <button class="ui blue button" mat-Button style="margin: 0px;" (click)="validateAndAdd()" value="Submit">
  330. <i class="ui plus icon"></i>
  331. Add
  332. </button>
  333. </ng-template>
  334. <ng-template #disabled>
  335. <button class="ui blue disabled button" mat-Button style="margin: 0px;" value="Submit">
  336. <i class="ui plus icon"></i>
  337. Add
  338. </button>
  339. </ng-template>
  340.  
  341. </div>
  342.  
  343. </form>
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!