Advertisement
FiringBlanks

dialogAddSchool (HTML)

Oct 27th, 2019
228
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.91 KB | None | 0 0
  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