How to use highlightMe method in ng-mocks

Best JavaScript code snippet using ng-mocks

SidenavContent.js

Source:SidenavContent.js Github

copy

Full Screen

...76 <FlatButton className="sidebar-button" >77 <span className="nav-text">Preface</span>78 </FlatButton>79 <ul >80 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 8)"> About This Site</FlatButton></li>81 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleAndScroll(this, 8, 'translationFeatures')"> Some Features of the Translation</FlatButton></li>82 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleAndScroll(this, 8, 'transliteration')"> Transliteration of Arabic words</FlatButton></li>83 </ul>84 </li>85 <li >86 <FlatButton className="sidebar-button" onClick="highlightMe(this)" >87 <span className="nav-text">Intro</span>88 </FlatButton>89 <ul >90 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 11)"> Knowing the basics about <br /> the Qur-aan</FlatButton></li>91 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 13)"> Guidelines for Understanding <br /> the Qur-aan</FlatButton></li>92 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 15)"> Starting with the Right <br /> Perspective</FlatButton></li>93 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 14)"> Studying the Qur-aan with <br /> the Right Mindset</FlatButton></li>94 </ul>95 </li><li >96 <FlatButton className="sidebar-button" onClick="highlightMe(this)" >97 <span className="nav-text">The First Group</span>98 </FlatButton>99 <ul >100 <li>101 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 29)" > Intro to the First Group102 </FlatButton>103 </li>104 <li>105 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 1 Al-Faatiĥah106 </FlatButton>107 <ul >108 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-fatihah')" > Introduction and Background</FlatButton></li>109 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeTFatihah(this,'al-fatihah')" > Teachings</FlatButton></li>110 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeA(this, 'al-fatihah')" >The Significance of Al-Faatiĥah</FlatButton></li>111 </ul>112 </li>113 <li>114 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 2 Al-Baqarah115 </FlatButton>116 <ul >117 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-baqarah')" > Introduction and Background</FlatButton></li>118 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-baqarah')" > Teachings</FlatButton></li>119 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 17)"> Naasikh and Mansookh</FlatButton></li>120 </ul>121 </li>122 <li>123 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 3 Aaali 'Imran124 </FlatButton>125 <ul >126 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'aali-imran')" > Introduction and Background</FlatButton></li>127 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'aali-imran')" > Teachings</FlatButton></li>128 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 16)"> Muhkamaat and Mutashabihaat</FlatButton></li>129 </ul>130 </li>131 <li>132 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 4 An-Nisaa133 </FlatButton>134 <ul >135 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'an-nisa')" > Introduction and Background</FlatButton></li>136 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'an-nisa')" > Teachings</FlatButton></li>137 </ul>138 </li>139 <li>140 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 5 Al-Maaidah141 </FlatButton>142 <ul >143 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-maidah')" > Introduction and Background</FlatButton></li>144 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-maidah')" > Teachings</FlatButton></li>145 </ul>146 </li>147 </ul>148 </li>149 <li >150 <FlatButton className="sidebar-button" onClick="highlightMe(this)" >151 <span className="nav-text">The Second Group</span>152 </FlatButton>153 <ul >154 <li>155 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 30)" > Intro to the Second Group156 </FlatButton>157 </li>158 <li>159 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 6 Al-An'aam160 </FlatButton>161 <ul >162 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-anam')" > Introduction and Background</FlatButton></li>163 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-anam')" > Teachings</FlatButton></li>164 </ul>165 </li>166 <li>167 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 7 Al-A'raaf168 </FlatButton>169 <ul >170 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-araf')" > Introduction and Background</FlatButton></li>171 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-araf')" > Teachings</FlatButton></li>172 <li>173 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 61)" > The Story of Moosa and Khadhir174 </FlatButton>175 </li>176 </ul>177 </li>178 <li>179 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 8 Al-Anfaal180 </FlatButton>181 <ul >182 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-anfal')" > Introduction and Background</FlatButton></li>183 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-anfal')" > Teachings</FlatButton></li>184 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 45)" > The Truth and Lies About <br />the Battle of Badr</FlatButton></li>185 </ul>186 </li>187 <li>188 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 9 At-Tawbah or Al-Baraa'ah189 </FlatButton>190 <ul >191 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'at-taubah')" > Introduction and Background</FlatButton></li>192 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeTTaubah(this,'at-taubah')" > Teachings</FlatButton></li>193 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeA(this, 'at-taubah')" > Violence &amp; Genocide in the Bible</FlatButton></li>194 </ul>195 </li>196 </ul>197 </li>198 <li >199 <FlatButton className="sidebar-button" onClick="highlightMe(this)" >200 <span className="nav-text">The Third Group</span>201 </FlatButton>202 <ul >203 <li>204 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 31)" > Intro to the Third Group205 </FlatButton>206 </li>207 <li>208 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 10 Yoonus209 </FlatButton>210 <ul >211 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'yunus')" > Introduction and Background</FlatButton></li>212 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'yunus')" > Teachings</FlatButton></li>213 <li>214 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 64)" > The Story of Yoonus215 </FlatButton>216 </li>217 </ul>218 </li>219 <li>220 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 11 Hoode221 </FlatButton>222 <ul id="tree-hud">223 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'hud')" > Introduction and Background</FlatButton></li>224 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'hud')" > Teachings</FlatButton></li>225 <li>226 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 54)" > Location of Mount <br /> Al-Judiyy (Judi)227 </FlatButton>228 </li>229 <li>230 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 452)" > Noah of the Bible in comparison <br /> with Nooĥ of the Qur-aan231 </FlatButton>232 </li>233 <li>234 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 55)" > Have the Remnants of Noah’s <br /> Ark been Found?235 </FlatButton>236 </li>237 <li>238 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 56)" > Hoode and 'Aad of Iram239 </FlatButton>240 </li>241 <li>242 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 69)" > Thamood and Saalih243 </FlatButton>244 </li>245 </ul>246 </li>247 <li>248 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 12 Yoosuf249 </FlatButton>250 <ul >251 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'yusuf')" > Introduction and Background</FlatButton></li>252 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'yusuf')" > Teachings</FlatButton></li>253 <li>254 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 68)" > The Story of Yoosuf255 </FlatButton>256 </li>257 <li>258 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 60)" > Joseph of the Bible and the Talmud <br /> Compared with Qur-aan259 </FlatButton>260 </li>261 <li>262 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 62)" > Who Was the King Who Dreamed?263 </FlatButton>264 </li>265 <li>266 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 57)" > Jewish Mythology about Joseph <br /> and his Brothers267 </FlatButton>268 </li>269 </ul>270 </li>271 <li>272 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 13 Ar-Ra'd273 </FlatButton>274 <ul >275 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'ar-rad')" > Introduction and Background</FlatButton></li>276 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'ar-rad')" > Teachings</FlatButton></li>277 </ul>278 </li>279 <li>280 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 14 Ibraheem281 </FlatButton>282 <ul >283 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'ibrahim')" > Introduction and Background</FlatButton></li>284 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'ibrahim')" > Teachings</FlatButton></li>285 </ul>286 </li>287 <li>288 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 15 Al-Ĥijr289 </FlatButton>290 <ul >291 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-hijr')" > Introduction and Background</FlatButton></li>292 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-hijr')" > Teachings</FlatButton></li>293 </ul>294 </li>295 <li>296 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 16 An-Naĥl297 </FlatButton>298 <ul >299 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'an-nahl')" > Introduction and Background</FlatButton></li>300 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'an-nahl')" > Teachings</FlatButton></li>301 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 38)" > The Translation of <br /> Verse 101</FlatButton></li>302 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 47)" > Treatment of Daughters and <br /> Infantcide in Different Societies</FlatButton></li>303 </ul>304 </li>305 <li>306 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 17 Al-Israa or Banee Israʻeel307 </FlatButton>308 <ul >309 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-isra')" > Introduction and Background</FlatButton></li>310 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-isra')" > Teachings</FlatButton></li>311 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 20)" > The Qur-aanic Use of the Word <br />"Rooh"</FlatButton></li>312 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 23)" > The Reality of Israa and Miʻraaj <br />in the Light of the Qur-aan</FlatButton></li>313 </ul>314 </li>315 <li>316 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 18 Al-Kahf317 </FlatButton>318 <ul >319 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-kahf')" > Introduction and Background</FlatButton></li>320 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-kahf')" > Teachings</FlatButton></li>321 {/*<li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeA(this,'al-kahf')" class="sideMenuLink"></i> Stories of the Soorah</FlatButton></li>*/}322 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleAndScroll(this, 80, 'versions')"> The Qur-aanic vs. Judaeo-Christian Versions</FlatButton></li>323 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleAndScroll(this, 80, 'differences')"> Different Opinions about Al-Kahf Questions</FlatButton></li>324 </ul>325 </li>326 <li>327 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 19 Maryam328 </FlatButton>329 <ul >330 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'maryam')" > Introduction and Background</FlatButton></li>331 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'maryam')" > Teachings</FlatButton></li>332 </ul>333 </li>334 <li>335 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 20 Ŧaa Haa336 </FlatButton>337 <ul >338 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'ta-ha')" > Introduction and Background</FlatButton></li>339 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'ta-ha')" > Teachings</FlatButton></li>340 </ul>341 </li>342 <li>343 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 21 Al-Anbiyaa344 </FlatButton>345 <ul >346 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-anbiya')" > Introduction and Background</FlatButton></li>347 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-anbiya')" > Teachings</FlatButton></li>348 </ul>349 </li>350 <li>351 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 22 Al-Ĥajj352 </FlatButton>353 <ul >354 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-haj')" > Introduction and Background</FlatButton></li>355 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-haj')" > Teachings</FlatButton></li>356 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeA(this,'al-haj')" > False Allegations About Verse 52 </FlatButton></li>357 </ul>358 </li>359 <li>360 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 23 Al-Mu’minoon361 </FlatButton>362 <ul >363 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-muminun')" > Introduction and Background</FlatButton></li>364 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-muminun')" > Teachings</FlatButton></li>365 </ul>366 </li>367 <li>368 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 24 An-Noor369 </FlatButton>370 <ul >371 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'an-nur')" > Introduction and Background</FlatButton></li>372 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'an-nur')" > Teachings</FlatButton></li>373 </ul>374 </li>375 </ul>376 </li>377 <li >378 <FlatButton className="sidebar-button" onClick="highlightMe(this)" >379 <span className="nav-text">The Fourth Group</span>380 </FlatButton>381 <ul >382 <li>383 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 32)" > Intro to the Fourth Group384 </FlatButton>385 </li>386 <li>387 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 25 Al-Furqaan388 </FlatButton>389 <ul >390 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-furqan')" > Introduction and Background</FlatButton></li>391 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-furqan')" > Teachings</FlatButton></li>392 </ul>393 </li>394 <li>395 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 26 Ash-Shu‘araa396 </FlatButton>397 <ul >398 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'ash-shuara')" > Introduction and Background</FlatButton></li>399 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'ash-shuara')" > Teachings</FlatButton></li>400 </ul>401 </li>402 <li>403 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 27 An-Naml404 </FlatButton>405 <ul >406 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'an-naml')" > Introduction and Background</FlatButton></li>407 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'an-naml')" > Teachings</FlatButton></li>408 </ul>409 </li>410 <li>411 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 28 Al-Qaŝaŝ412 </FlatButton>413 <ul >414 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-qasas')" > Introduction and Background</FlatButton></li>415 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-qasas')" > Teachings</FlatButton></li>416 </ul>417 </li>418 <li>419 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 29 Al-‘Ankaboot420 </FlatButton>421 <ul >422 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-ankabut')" > Introduction and Background</FlatButton></li>423 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-ankabut')" > Teachings</FlatButton></li>424 </ul>425 </li>426 <li>427 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 30 Ar-Room428 </FlatButton>429 <ul >430 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'ar-rum')" > Introduction and Background</FlatButton></li>431 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'ar-rum')" > Teachings</FlatButton></li>432 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeA(this,'ar-rum')" > More Information About the <br /> Rome/Persian War </FlatButton></li>433 </ul>434 </li>435 <li>436 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 31 Luqman437 </FlatButton>438 <ul >439 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'luqman')" > Introduction and Background</FlatButton></li>440 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'luqman')" > Teachings</FlatButton></li>441 </ul>442 </li>443 <li>444 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 32 As-Sajdah445 </FlatButton>446 <ul >447 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'as-sajdah')" > Introduction and Background</FlatButton></li>448 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'as-sajdah')" > Teachings</FlatButton></li>449 </ul>450 </li>451 <li>452 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 33 Al-Aĥzaab453 </FlatButton>454 <ul >455 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-ahzab')" > Introduction and Background</FlatButton></li>456 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-ahzab')" > Teachings</FlatButton></li>457 </ul>458 </li>459 </ul>460 </li>461 <li >462 <FlatButton className="sidebar-button" onClick="highlightMe(this)" >463 <span className="nav-text">The Fifth Group</span>464 </FlatButton>465 <ul >466 <li>467 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 33)" > Intro to the Fifth Group468 </FlatButton>469 </li>470 <li>471 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 34 Sabaa472 </FlatButton>473 <ul >474 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'saba')" > Introduction and Background</FlatButton></li>475 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'saba')" > Teachings</FlatButton></li>476 </ul>477 </li>478 <li>479 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 35 Faaŧir480 </FlatButton>481 <ul >482 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-fatir')" > Introduction and Background</FlatButton></li>483 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-fatir')" > Teachings</FlatButton></li>484 </ul>485 </li>486 <li>487 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 36 Yaa-Seen488 </FlatButton>489 <ul >490 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'ya-sin')" > Introduction and Background</FlatButton></li>491 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'ya-sin')" > Teachings</FlatButton></li>492 </ul>493 </li>494 <li>495 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 37 Aŝ-Ŝaafaat496 </FlatButton>497 <ul >498 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'as-saffah')" > Introduction and Background</FlatButton></li>499 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'as-saffah')" > Teachings</FlatButton></li>500 </ul>501 </li>502 <li>503 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 38 Ŝaad504 </FlatButton>505 <ul >506 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'sad')" > Introduction and Background</FlatButton></li>507 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'sad')" > Teachings</FlatButton></li>508 </ul>509 </li>510 <li>511 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 39 Az-Zumar512 </FlatButton>513 <ul >514 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'az-zumar')" > Introduction and Background</FlatButton></li>515 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'az-zumar')" > Teachings</FlatButton></li>516 </ul>517 </li>518 <li>519 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 40 Al-Mu’min or Ghaafir520 </FlatButton>521 <ul >522 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'ghafar')" > Introduction and Background</FlatButton></li>523 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'ghafar')" > Teachings</FlatButton></li>524 </ul>525 </li>526 <li>527 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 41 Ĥaa Meem As-Sajdah or Fuŝŝilat528 </FlatButton>529 <ul >530 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'fusilat')" > Introduction and Background</FlatButton></li>531 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'fusilat')" > Teachings</FlatButton></li>532 </ul>533 </li>534 <li>535 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 42 Ash-Shoora536 </FlatButton>537 <ul >538 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'ash-shura')" > Introduction and Background</FlatButton></li>539 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'ash-shura')" > Teachings</FlatButton></li>540 </ul>541 </li>542 <li>543 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 43 Az-Zukhruf544 </FlatButton>545 <ul >546 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'az-zukhruf')" > Introduction and Background</FlatButton></li>547 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'az-zukhruf')" > Teachings</FlatButton></li>548 </ul>549 </li>550 <li>551 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 44 Ad-Dukhaan552 </FlatButton>553 <ul >554 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'ad-dukhan')" > Introduction and Background</FlatButton></li>555 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'ad-dukhan')" > Teachings</FlatButton></li>556 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeA(this,'ad-dukhan')" > Analysis of the Ahaadeeth <br /> about Famine in Makkah </FlatButton></li>557 </ul>558 </li>559 <li>560 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 45 Al-Jaathiyah561 </FlatButton>562 <ul >563 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-jathiyah')" > Introduction and Background</FlatButton></li>564 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-jathiyah')" > Teachings</FlatButton></li>565 </ul>566 </li>567 <li>568 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 46 Al-Aĥqaaf569 </FlatButton>570 <ul >571 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-ahqaf')" > Introduction and Background</FlatButton></li>572 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-ahqaf')" > Teachings</FlatButton></li>573 </ul>574 </li>575 <li>576 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 47 Muĥammad577 </FlatButton>578 <ul >579 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'muhammad')" > Introduction and Background</FlatButton></li>580 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'muhammad')" > Teachings</FlatButton></li>581 </ul>582 </li>583 <li>584 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 48 Al-Fatĥ585 </FlatButton>586 <ul >587 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-fath')" > Introduction and Background</FlatButton></li>588 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-fath')" > Teachings</FlatButton></li>589 </ul>590 </li>591 <li>592 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 49 Al-Ĥujuraat593 </FlatButton>594 <ul >595 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-hujurat')" > Introduction and Background</FlatButton></li>596 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-hujurat')" > Teachings</FlatButton></li>597 </ul>598 </li>599 </ul>600 </li>601 <li >602 <FlatButton className="sidebar-button" onClick="highlightMe(this)" >603 <span className="nav-text">The Sixth Group</span>604 </FlatButton>605 <ul >606 <li>607 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 34)" > Intro to the Sixth Group608 </FlatButton>609 </li>610 <li>611 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 50 Qaaf612 </FlatButton>613 <ul >614 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'qaf')" > Introduction and Background</FlatButton></li>615 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'qaf')" > Teachings</FlatButton></li>616 </ul>617 </li>618 <li>619 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 51 Adz-Dzaariyaat620 </FlatButton>621 <ul >622 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'adz-dazariyah')" > Introduction and Background</FlatButton></li>623 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'adz-dazariyah')" > Teachings</FlatButton></li>624 </ul>625 </li>626 <li>627 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 52 Aŧ-Ŧoor628 </FlatButton>629 <ul >630 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'at-tur')" > Introduction and Background</FlatButton></li>631 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'at-tur')" > Teachings</FlatButton></li>632 </ul>633 </li>634 <li>635 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 53 An-Najm636 </FlatButton>637 <ul >638 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'an-najm')" > Introduction and Background</FlatButton></li>639 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'an-najm')" > Teachings</FlatButton></li>640 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeA(this,'an-najm')" > Did the Prophet see Allaah?</FlatButton></li>641 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 53)" > Who Were Al-Laat, Al-'Uzza <br /> and Manaat? </FlatButton>642 </li>643 </ul>644 </li>645 <li>646 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 54 Al-Qamar647 </FlatButton>648 <ul >649 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-qamar')" > Introduction and Background</FlatButton></li>650 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-qamar')" > Teachings</FlatButton></li>651 </ul>652 </li>653 <li>654 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 55 Ar-Raĥmaan655 </FlatButton>656 <ul >657 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'ar-rahman')" > Introduction and Background</FlatButton></li>658 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'ar-rahman')" > Teachings</FlatButton></li>659 </ul>660 </li>661 <li>662 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 56 Al-Waaqiʻah663 </FlatButton>664 <ul >665 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-waqiah')" > Introduction and Background</FlatButton></li>666 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-waqiah')" > Teachings</FlatButton></li>667 </ul>668 </li>669 <li>670 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 57 Al-Ĥadeed671 </FlatButton>672 <ul >673 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-hadid')" > Introduction and Background</FlatButton></li>674 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-hadid')" > Teachings</FlatButton></li>675 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeA(this,'al-hadid')" > The Problems Caused by <br /> Christian Monasticism </FlatButton></li>676 </ul>677 </li>678 <li>679 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 58 Al-Mujaadalah680 </FlatButton>681 <ul >682 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-mujadilah')" > Introduction and Background</FlatButton></li>683 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-mujadilah')" > Teachings</FlatButton></li>684 </ul>685 </li>686 <li>687 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 59 Al-Ĥashr688 </FlatButton>689 <ul >690 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-hashr')" > Introduction and Background</FlatButton></li>691 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-hashr')" > Teachings</FlatButton></li>692 </ul>693 </li>694 <li>695 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 60 Al-Mumtaĥinah696 </FlatButton>697 <ul >698 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-muhtahanah')" > Introduction and Background</FlatButton></li>699 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-muhtahanah')" > Teachings</FlatButton></li>700 </ul>701 </li>702 <li>703 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 61 Aŝ-Ŝaff704 </FlatButton>705 <ul >706 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'as-saf')" > Introduction and Background</FlatButton></li>707 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'as-saf')" > Teachings</FlatButton></li>708 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeA(this,'as-saf')" > How Jesus foretold the Advent <br />of Muhammad (ŜAʻWS)</FlatButton></li>709 </ul>710 </li>711 <li>712 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 62 Al-Jumuʻah713 </FlatButton>714 <ul >715 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-jumah')" > Introduction and Background</FlatButton></li>716 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-jumah')" > Teachings</FlatButton></li>717 </ul>718 </li>719 <li>720 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 63 Al-Munaafiqoon721 </FlatButton>722 <ul >723 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-munafiqun')" > Introduction and Background</FlatButton></li>724 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-munafiqun')" > Teachings</FlatButton></li>725 </ul>726 </li>727 <li>728 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 64 At-Taghaabun729 </FlatButton>730 <ul >731 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'at-taghabun')" > Introduction and Background</FlatButton></li>732 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'at-taghabun')" > Teachings</FlatButton></li>733 </ul>734 </li>735 <li>736 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 65 Aŧ-Ŧalaaq737 </FlatButton>738 <ul >739 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'at-talaq')" > Introduction and Background</FlatButton></li>740 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'at-talaq')" > Teachings</FlatButton></li>741 </ul>742 </li>743 <li>744 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 66 At-Taĥreem745 </FlatButton>746 <ul >747 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'at-tahrim')" > Introduction and Background</FlatButton></li>748 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'at-tahrim')" > Teachings</FlatButton></li>749 </ul>750 </li>751 </ul>752 </li>753 <li >754 <FlatButton className="sidebar-button" onClick="highlightMe(this)" >755 <span className="nav-text">The Seventh Group</span>756 </FlatButton>757 <ul >758 <li>759 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 6)" > Intro to the Seventh Group760 </FlatButton>761 </li>762 <li>763 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 67 Al-Mulk764 </FlatButton>765 <ul >766 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-mulk')" > Introduction and Background</FlatButton></li>767 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-mulk')" > Teachings</FlatButton></li>768 </ul>769 </li>770 <li>771 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 68 Al-Qalam772 </FlatButton>773 <ul >774 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-qalam')" > Introduction and Background</FlatButton></li>775 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-qalam')" > Teachings</FlatButton></li>776 </ul>777 </li>778 <li>779 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 69 Al-Ĥaaqqah780 </FlatButton>781 <ul >782 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-haqqah')" > Introduction and Background</FlatButton></li>783 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-haqqah')" > Teachings</FlatButton></li>784 </ul>785 </li>786 <li>787 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 70 Al-Ma‘aarij788 </FlatButton>789 <ul >790 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-mararij')" > Introduction and Background</FlatButton></li>791 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-mararij')" > Teachings</FlatButton></li>792 </ul>793 </li>794 <li>795 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 71 Nooĥ796 </FlatButton>797 <ul >798 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'nuh')" > Introduction and Background</FlatButton></li>799 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'nuh')" > Teachings</FlatButton></li>800 </ul>801 </li>802 <li>803 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 72 Al-Jinn804 </FlatButton>805 <ul >806 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-jinn')" > Introduction and Background</FlatButton></li>807 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-jinn')" > Teachings</FlatButton></li>808 </ul>809 </li>810 <li>811 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 73 Al-Muzzammil812 </FlatButton>813 <ul >814 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-muzammil')" > Introduction and Background</FlatButton></li>815 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-muzammil')" > Teachings</FlatButton></li>816 </ul>817 </li>818 <li>819 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 74 Al-Muddaththir820 </FlatButton>821 <ul >822 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-mudaththir')" > Introduction and Background</FlatButton></li>823 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-mudaththir')" > Teachings</FlatButton></li>824 </ul>825 </li>826 <li>827 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 75 Al-Qiyaamah828 </FlatButton>829 <ul >830 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-qiyamah')" > Introduction and Background</FlatButton></li>831 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-qiyamah')" > Teachings</FlatButton></li>832 </ul>833 </li>834 <li>835 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 76 Ad-Dahr or Al-Insaan836 </FlatButton>837 <ul >838 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-insan')" > Introduction and Background</FlatButton></li>839 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-insan')" > Teachings</FlatButton></li>840 </ul>841 </li>842 <li>843 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 77 Al-Mursalaat844 </FlatButton>845 <ul >846 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-mursalat')" > Introduction and Background</FlatButton></li>847 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-mursalat')" > Teachings</FlatButton></li>848 </ul>849 </li>850 <li>851 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 78 An-Nabaa852 </FlatButton>853 <ul >854 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'an-naba')" > Introduction and Background</FlatButton></li>855 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'an-naba')" > Teachings</FlatButton></li>856 </ul>857 </li>858 <li>859 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 79 An-Naazi‘aat860 </FlatButton>861 <ul >862 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'an-naza')" > Introduction and Background</FlatButton></li>863 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'an-naza')" > Teachings</FlatButton></li>864 </ul>865 </li>866 <li>867 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 80 ‘Abasa868 </FlatButton>869 <ul >870 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'abasa')" > Introduction and Background</FlatButton></li>871 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'abasa')" > Teachings</FlatButton></li>872 </ul>873 </li>874 <li>875 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 81 At-Takweer876 </FlatButton>877 <ul >878 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'at-takwir')" > Introduction and Background</FlatButton></li>879 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'at-takwir')" > Teachings</FlatButton></li>880 <li><FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 47)" > Treatment of Daughters and <br /> Infantcide in Different Societies</FlatButton></li>881 </ul>882 </li>883 <li>884 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 82 Al-Infiŧaar885 </FlatButton>886 <ul >887 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-infitar')" > Introduction and Background</FlatButton></li>888 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-infitar')" > Teachings</FlatButton></li>889 </ul>890 </li>891 <li>892 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 83 Al-Muŧaffifeen893 </FlatButton>894 <ul >895 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-mutaffifin')" > Introduction and Background</FlatButton></li>896 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-mutaffifin')" > Teachings</FlatButton></li>897 </ul>898 </li>899 <li>900 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 84 Al-Inshiqaaq901 </FlatButton>902 <ul >903 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-inshiqaq')" > Introduction and Background</FlatButton></li>904 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-inshiqaq')" > Teachings</FlatButton></li>905 </ul>906 </li>907 <li>908 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 85 Al-Burooj909 </FlatButton>910 <ul >911 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-buruj')" > Introduction and Background</FlatButton></li>912 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-buruj')" > Teachings</FlatButton></li>913 </ul>914 </li>915 <li>916 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 86 Aŧ-Ŧaariq917 </FlatButton>918 <ul >919 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-tariq')" > Introduction and Background</FlatButton></li>920 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-tariq')" > Teachings</FlatButton></li>921 </ul>922 </li>923 <li>924 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 87 Al-A‘laa925 </FlatButton>926 <ul >927 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-ala')" > Introduction and Background</FlatButton></li>928 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-ala')" > Teachings</FlatButton></li>929 </ul>930 </li>931 <li>932 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 88 Al-Ghaashiyah933 </FlatButton>934 <ul >935 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-ghashiyah')" > Introduction and Background</FlatButton></li>936 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-ghashiyah')" > Teachings</FlatButton></li>937 </ul>938 </li>939 <li>940 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 89 Al-Fajr941 </FlatButton>942 <ul >943 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-fajr')" > Introduction and Background</FlatButton></li>944 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-fajr')" > Teachings</FlatButton></li>945 </ul>946 </li>947 <li>948 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 90 Al-Balad949 </FlatButton>950 <ul >951 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-balad')" > Introduction and Background</FlatButton></li>952 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-balad')" > Teachings</FlatButton></li>953 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeA(this,'al-balad')" > Helping the Needy</FlatButton></li>954 </ul>955 </li>956 <li>957 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 91 Ash-Shams958 </FlatButton>959 <ul >960 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'ash-shams')" > Introduction and Background</FlatButton></li>961 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'ash-shams')" > Teachings</FlatButton></li>962 </ul>963 </li>964 <li>965 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 92 Al-Layl966 </FlatButton>967 <ul >968 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-layl')" > Introduction and Background</FlatButton></li>969 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-layl')" > Teachings</FlatButton></li>970 </ul>971 </li>972 <li>973 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 93 Adh-Dhuhaa974 </FlatButton>975 <ul >976 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'adh-dhuba')" > Introduction and Background</FlatButton></li>977 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'adh-dhuba')" > Teachings</FlatButton></li>978 </ul>979 </li>980 <li>981 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 94 Alam-Nashraĥ or Al-Insharaaĥ982 </FlatButton>983 <ul >984 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-inshirah')" > Introduction and Background</FlatButton></li>985 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-inshirah')" > Teachings</FlatButton></li>986 </ul>987 </li>988 <li>989 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 95 At-Teen990 </FlatButton>991 <ul >992 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'at-tin')" > Introduction and Background</FlatButton></li>993 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'at-tin')" > Teachings</FlatButton></li>994 </ul>995 </li>996 <li>997 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 96 Al-‘Alaq998 </FlatButton>999 <ul >1000 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-alaq')" > Introduction and Background</FlatButton></li>1001 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-alaq')" > Teachings</FlatButton></li>1002 </ul>1003 </li>1004 <li>1005 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 97 Al-Qadr1006 </FlatButton>1007 <ul >1008 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-qadar')" > Introduction and Background</FlatButton></li>1009 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-qadar')" > Teachings</FlatButton></li>1010 </ul>1011 </li>1012 <li>1013 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 98 Al-Bayyinah1014 </FlatButton>1015 <ul >1016 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-bayinah')" > Introduction and Background</FlatButton></li>1017 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-bayinah')" > Teachings</FlatButton></li>1018 </ul>1019 </li>1020 <li>1021 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 99 Az-Zilzaal1022 </FlatButton>1023 <ul >1024 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'az-zalzalah')" > Introduction and Background</FlatButton></li>1025 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'az-zalzalah')" > Teachings</FlatButton></li>1026 </ul>1027 </li>1028 <li>1029 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 100 Al-‘Aadiyaat1030 </FlatButton>1031 <ul >1032 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-adiyah')" > Introduction and Background</FlatButton></li>1033 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-adiyah')" > Teachings</FlatButton></li>1034 </ul>1035 </li>1036 <li>1037 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 101 Al-Qaari‘ah1038 </FlatButton>1039 <ul >1040 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-qari')" > Introduction and Background</FlatButton></li>1041 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-qari')" > Teachings</FlatButton></li>1042 </ul>1043 </li>1044 <li>1045 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 102 At-Takaathur1046 </FlatButton>1047 <ul >1048 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'at-takathur')" > Introduction and Background</FlatButton></li>1049 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'at-takathur')" > Teachings</FlatButton></li>1050 </ul>1051 </li>1052 <li>1053 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 103 Al-‘Aŝr1054 </FlatButton>1055 <ul >1056 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-asr')" > Introduction and Background</FlatButton></li>1057 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-asr')" > Teachings</FlatButton></li>1058 </ul>1059 </li>1060 <li>1061 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 104 Al-Humazah1062 </FlatButton>1063 <ul >1064 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-humazah')" > Introduction and Background</FlatButton></li>1065 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-humazah')" > Teachings</FlatButton></li>1066 </ul>1067 </li>1068 <li>1069 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 105 Al-Feel1070 </FlatButton>1071 <ul >1072 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-fil')" > Introduction and Background</FlatButton></li>1073 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-fil')" > Teachings</FlatButton></li>1074 </ul>1075 </li>1076 <li>1077 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 106 Al-Quraish1078 </FlatButton>1079 <ul >1080 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'quraish')" > Introduction and Background</FlatButton></li>1081 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'quraish')" > Teachings</FlatButton></li>1082 </ul>1083 </li>1084 <li>1085 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 107 Al-Maa‘oon1086 </FlatButton>1087 <ul >1088 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-maun')" > Introduction and Background</FlatButton></li>1089 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-maun')" > Teachings</FlatButton></li>1090 </ul>1091 </li>1092 <li>1093 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 108 Al-Kawthar1094 </FlatButton>1095 <ul >1096 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-kauthar')" > Introduction and Background</FlatButton></li>1097 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-kauthar')" > Teachings</FlatButton></li>1098 </ul>1099 </li>1100 <li>1101 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 109 Al-Kaafiroon1102 </FlatButton>1103 <ul >1104 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-kafirun')" > Introduction and Background</FlatButton></li>1105 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-kafirun')" > Teachings</FlatButton></li>1106 </ul>1107 </li>1108 <li>1109 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 110 An-Naŝr1110 </FlatButton>1111 <ul >1112 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'an-nasr')" > Introduction and Background</FlatButton></li>1113 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'an-nasr')" > Teachings</FlatButton></li>1114 </ul>1115 </li>1116 <li>1117 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 111 Al-Lahab or Al-Masadd1118 </FlatButton>1119 <ul >1120 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-masad')" > Introduction and Background</FlatButton></li>1121 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-masad')" > Teachings</FlatButton></li>1122 </ul>1123 </li>1124 <li>1125 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 112 Al-Ikhlaaŝ1126 </FlatButton>1127 <ul >1128 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-ikhlas')" > Introduction and Background</FlatButton></li>1129 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-ikhlas')" > Teachings</FlatButton></li>1130 </ul>1131 </li>1132 <li>1133 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 113 Al-Falaq1134 </FlatButton>1135 <ul >1136 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'al-falaq')" > Introduction and Background</FlatButton></li>1137 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'al-falaq')" > Teachings</FlatButton></li>1138 </ul>1139 </li>1140 <li>1141 <FlatButton className="sidebar-button" onClick="highlightMe(this)" > 114 An-Naas1142 </FlatButton>1143 <ul >1144 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChange(this,'an-nas')" > Introduction and Background</FlatButton></li>1145 <li><FlatButton className="sidebar-button" onClick="highlightMeAndChangeT(this,'an-nas')" > Teachings</FlatButton></li>1146 </ul>1147 </li>1148 </ul>1149 </li>1150 <li >1151 <FlatButton className="sidebar-button" onClick="highlightMe(this)" >1152 <span className="nav-text">Appendices</span>1153 </FlatButton>1154 <ul >1155 <li>1156 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 82)" > Can Anyone Produce<br />a Qur-aan-like Chapter?1157 </FlatButton>1158 </li>1159 <li>1160 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 17)" > Evolutionary Change through <br />Successive Commands1161 </FlatButton>1162 </li>1163 <li>1164 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 16)" > Two Major Categories of the <br />Verses of the Qur-aan1165 </FlatButton>1166 </li>1167 <li>1168 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 18)" > Deen1169 </FlatButton>1170 </li>1171 <li>1172 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 58)" > Bid'ah1173 </FlatButton>1174 </li>1175 <li>1176 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 79)" > The Reality About <br /> Predetermination (Taqdeer)1177 </FlatButton>1178 </li>1179 <li>1180 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 19)" > Sunnatullah -- Allaah's Sunnah1181 </FlatButton>1182 </li>1183 <li>1184 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 45)" > The Truth and Lies about <br /> the Battle of Badr1185 </FlatButton>1186 </li>1187 <li>1188 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 20)" > The Qur-aanic Use of the Word <br />"Rooh"1189 </FlatButton>1190 </li>1191 <li>1192 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 21)" > What is the Matter with the Qalb?1193 </FlatButton>1194 </li>1195 <li>1196 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 22)" > What is Meant by the "Nafs" <br />in the Qur-aan1197 </FlatButton>1198 </li>1199 <li>1200 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 24)" > The Islamic View about <br />Intercession (Shafaa‘ah)1201 </FlatButton>1202 </li>1203 <li>1204 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 23)" > The Reality of Israa and Miʻraaj <br />in the Light of the Qur-aan1205 </FlatButton>1206 </li>1207 <li>1208 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 47)" > Treatment of Daughters and <br /> Infantcide in Different Societies1209 </FlatButton>1210 </li>1211 <li>1212 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 53)" > Who Were Al-Laat, Al-'Uzza <br /> and Manaat?1213 </FlatButton>1214 </li>1215 <li>1216 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 39)" > The Sources of the Information <br /> Contained in the Qur-aan1217 </FlatButton>1218 </li>1219 <li>1220 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 76)" > Justice and Mercy of Allaah SWT1221 </FlatButton>1222 </li>1223 <li>1224 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 77)" > Where Shall the Disbelievers <br /> End Up!1225 </FlatButton>1226 </li>1227 <li>1228 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 78)" > Natural Disasters and the <br /> Questions They Raise1229 </FlatButton>1230 </li>1231 <li>1232 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 83)" > Sacrificing an Animal vs. <br /> Paying Money1233 </FlatButton>1234 </li>1235 <li>1236 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 84)" > Can a Muslim be a Vegan?1237 </FlatButton>1238 </li>1239 </ul>1240 </li>1241 <li >1242 <FlatButton className="sidebar-button" onClick="highlightMe(this)" >1243 <span className="nav-text">About Prophets</span>1244 </FlatButton>1245 <ul >1246 <li>1247 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 37)" > Adam The First Human <br /> and the First Muslim1248 </FlatButton>1249 </li>1250 <li>1251 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 65)" > The Story of Nooh1252 </FlatButton>1253 </li>1254 <li className="submenuitem">1255 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 54)" > Location of Mount <br /> Al-Judiyy (Judi)1256 </FlatButton>1257 </li>1258 <li className="submenuitem">1259 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 70 )" > Noah of the Bible in comparison <br /> with Nooĥ of the Qur-aan1260 </FlatButton>1261 </li>1262 <li className="submenuitem">1263 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 55)" > Have the Remnants of Noah’s <br /> Ark been Found?1264 </FlatButton>1265 </li>1266 <li>1267 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 56)" > Hoode and 'Aad of Iram1268 </FlatButton>1269 </li>1270 <li>1271 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 69)" > Thamood and Saalih1272 </FlatButton>1273 </li>1274 <li>1275 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 66)" > Ibraheem -- Allaah's Friend1276 </FlatButton>1277 </li>1278 <li>1279 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 67)" > The Story of Loot1280 </FlatButton>1281 </li>1282 <li>1283 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 64)" > The Story of Yoonus1284 </FlatButton>1285 </li>1286 <li>1287 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 68)" > The Story of Yoosuf1288 </FlatButton>1289 </li>1290 <li className="submenuitem">1291 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 60)" > Joseph of the Bible and the <br /> Talmud Compared with Qur-aan1292 </FlatButton>1293 </li>1294 <li className="submenuitem">1295 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 62)" > Who Was the King Who Dreamed?1296 </FlatButton>1297 </li>1298 <li className="submenuitem">1299 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 57)" > Jewish Mythology about Joseph <br /> and his Brothers1300 </FlatButton>1301 </li>1302 <li>1303 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 48)" > Moosa -- with whom Allaah spoke1304 </FlatButton>1305 </li>1306 <li className="submenuitem">1307 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 49)" > Who Drowned? Pharaohs <br /> &amp; Their Timelines1308 </FlatButton>1309 </li>1310 <li className="submenuitem">1311 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 50)" > Which Body of Water <br /> Did Moosa Cross?1312 </FlatButton>1313 </li>1314 <li className="submenuitem">1315 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 52)" > Moses' Story in the Qur-aan, <br /> the Bible and the Talmud1316 </FlatButton>1317 </li>1318 <li className="submenuitem">1319 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 51)" > Examples of Myths in the Bible <br /> and the Talmud1320 </FlatButton>1321 </li>1322 <li className="submenuitem">1323 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 61)" > The Story of Moosa and Khadhir1324 </FlatButton>1325 </li>1326 <li className="submenuitem">1327 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 59)" > Was Moosa's Speech Impaired?1328 </FlatButton>1329 </li>1330 <li>1331 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 63)" > Maryam1332 </FlatButton>1333 </li>1334 <li>1335 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 72)" > The Story of 'Eesa1336 </FlatButton>1337 </li>1338 <li>1339 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 74)" > Was Muhammad’s Advent Foretold?1340 </FlatButton>1341 </li>1342 <li>1343 <FlatButton className="sidebar-button" onClick="highlightMe(this); getArticleID(this, 75)" > Was Muhammad a Messenger of Allaah?1344 </FlatButton>1345 </li>1346 </ul>1347 </li>1348 <li >1349 <FlatButton className="sidebar-button" onClick="showGlossary(this);highlightMe(this)" >1350 <span className="nav-text">Glossary</span>1351 </FlatButton>1352 </li>1353 </ul>1354 );1355 }1356}...

Full Screen

Full Screen

LifeCycleImage.jsx

Source:LifeCycleImage.jsx Github

copy

Full Screen

1/*2 * Copyright (c) 2019, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.3 *4 * WSO2 Inc. licenses this file to you under the Apache License,5 * Version 2.0 (the "License"); you may not use this file except6 * in compliance with the License.7 * You may obtain a copy of the License at8 *9 * http://www.apache.org/licenses/LICENSE-2.010 *11 * Unless required by applicable law or agreed to in writing,12 * software distributed under the License is distributed on an13 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY14 * KIND, either express or implied. See the License for the15 * specific language governing permissions and limitations16 * under the License.17 */18/*19 `max-len` es-lint rule has been disabled for the entire file due to the generated svg elements in the file.20 it's impossible to get them under 120 columns rule21 */22/* eslint-disable max-len */23import React from 'react';24import PropTypes from 'prop-types';25import { withStyles } from '@material-ui/core/styles';26const styles = () => ({27 root: {28 marginTop: 30,29 },30});31/**32 *33 *34 * @class LifeCycleImage35 * @extends {React.Component}36 */37class LifeCycleImage extends React.Component {38 /**39 *40 *41 * @param {*} element42 * @returns43 * @memberof LifeCycleImage44 */45 highLightMe(element) {46 const style = {};47 if (!element.startsWith(this.props.lifeCycleStatus.toLowerCase())) {48 style.opacity = 0.2;49 }50 return style;51 }52 /**53 *54 *55 * @returns56 * @memberof LifeCycleImage57 */58 render() {59 const { classes } = this.props;60 return (61 <svg62 xmlns='http://www.w3.org/2000/svg'63 width='633'64 height='244'65 viewBox='0 0 743.09858 287.34519'66 id='svg5953'67 className={classes.root}68 >69 <defs id='defs5955'>70 <path71 transform='scale(.26458)'72 id='path5588'73 d='m 1738.3694,290.45336 a 290.37688,290.37688 0 0 1 268.3994,-179.55952 290.37688,290.37688 0 0 1 5.8758,0.0595'74 style={{ isolation: 'auto', mixBlendMode: 'normal' }}75 color='#000'76 overflow='visible'77 fill='none'78 strokeWidth='6.633'79 strokeLinejoin='round'80 />81 <path82 transform='scale(.26458)'83 id='path5578'84 d='m 2103.6746,127.54094 a 290.37688,290.37688 0 0 1 193.3409,265.03704'85 style={{ isolation: 'auto', mixBlendMode: 'normal' }}86 color='#000'87 overflow='visible'88 fill='none'89 strokeWidth='6.633'90 strokeLinejoin='round'91 />92 <path93 transform='scale(.26458)'94 id='path5547'95 d='m 1748.9295,534.82816 a 290.37688,290.37688 0 0 0 257.8393,156.81941 290.37688,290.37688 0 0 0 5.8709,-0.0593'96 style={{ isolation: 'auto', mixBlendMode: 'normal' }}97 color='#000'98 overflow='visible'99 fill='none'100 strokeWidth='6.633'101 strokeLinejoin='round'102 />103 <path104 transform='scale(.26458)'105 id='path4189'106 d='m 1748.9295,534.82816 a 290.37688,290.37688 0 0 0 257.8393,156.81941 290.37688,290.37688 0 0 0 5.8709,-0.0593'107 style={{ isolation: 'auto', mixBlendMode: 'normal' }}108 color='#000'109 overflow='visible'110 fill='none'111 strokeWidth='6.633'112 strokeLinejoin='round'113 />114 </defs>115 <g id='layer1' transform='translate(51.512 4.77)'>116 <path d='m 99,13.3622 24,0 0,24 -24,0 z' id='path6746' fill='none' />117 <g id='prototyped' style={this.highLightMe('prototyped')}>118 <text119 id='text6729'120 y='6.362'121 x='61'122 style={{ lineHeight: '125%' }}123 fontWeight='400'124 fontSize='15'125 fontFamily='sans-serif'126 letterSpacing='0'127 wordSpacing='0'128 fill='#2b2b2b'129 >130 <tspan y='6.362' x='61' id='tspan6731'>131 PROTOTYPED132 </tspan>133 </text>134 <path135 id='path6748'136 d='m 118,16.3622 -4.18,0 c -0.42,-1.16 -1.52,-2 -2.82,-2 -1.3,0 -2.4,0.84 -2.82,2 l -4.18,0 c -1.1,0 -2,0.9 -2,2 l 0,14 c 0,1.1 0.9,2 2,2 l 14,0 c 1.1,0 2,-0.9 2,-2 l 0,-14 c 0,-1.1 -0.9,-2 -2,-2 z m -7,0 c 0.55,0 1,0.45 1,1 0,0.55 -0.45,1 -1,1 -0.55,0 -1,-0.45 -1,-1 0,-0.55 0.45,-1 1,-1 z m -2,14 -4,-4 1.41,-1.41 2.59,2.58 6.59,-6.59 1.41,1.42 -8,8 z'137 />138 </g>139 <path d='m 224.5,133.8622 24,0 0,24 -24,0 z' id='path6762' fill='none' />140 <g id='published' style={this.highLightMe('published')}>141 <text142 id='text6524'143 y='125.476'144 x='207'145 style={{ lineHeight: '125%' }}146 fontWeight='400'147 fontSize='15'148 fontFamily='sans-serif'149 letterSpacing='0'150 wordSpacing='0'151 >152 <tspan y='125.476' x='207' id='tspan6526'>153 PUBLISHED154 </tspan>155 </text>156 <path157 id='path6764'158 d='m 240.5,144.8622 c 1.66,0 2.99,-1.34 2.99,-3 0,-1.66 -1.33,-3 -2.99,-3 -1.66,0 -3,1.34 -3,3 0,1.66 1.34,3 3,3 z m -8,0 c 1.66,0 2.99,-1.34 2.99,-3 0,-1.66 -1.33,-3 -2.99,-3 -1.66,0 -3,1.34 -3,3 0,1.66 1.34,3 3,3 z m 0,2 c -2.33,0 -7,1.17 -7,3.5 l 0,2.5 14,0 0,-2.5 c 0,-2.33 -4.67,-3.5 -7,-3.5 z m 8,0 c -0.29,0 -0.62,0.02 -0.97,0.05 1.16,0.84 1.97,1.97 1.97,3.45 l 0,2.5 6,0 0,-2.5 c 0,-2.33 -4.67,-3.5 -7,-3.5 z'159 />160 </g>161 <g id='created' style={this.highLightMe('created')}>162 <text163 id='text6520'164 y='282.362'165 x='68'166 style={{ lineHeight: '125%' }}167 fontWeight='400'168 fontSize='15'169 fontFamily='sans-serif'170 letterSpacing='0'171 wordSpacing='0'172 >173 <tspan y='282.362' x='68' id='tspan6522'>174 CREATED175 </tspan>176 </text>177 <path178 id='path6778'179 d='m 97,238.8622 c -1.1,0 -1.99,0.9 -1.99,2 l -0.01,16 c 0,1.1 0.89,2 1.99,2 l 12.01,0 c 1.1,0 2,-0.9 2,-2 l 0,-12 -6,-6 -8,0 z m 7,7 0,-5.5 5.5,5.5 -5.5,0 z'180 />181 </g>182 <path d='m 91,236.8622 24,0 0,24 -24,0 z' id='path6780' fill='none' />183 <g id='deprecated' style={this.highLightMe('deprecated')}>184 <text185 id='text6536'186 y='125.476'187 x='397.858'188 style={{ lineHeight: '125%' }}189 fontWeight='400'190 fontSize='15'191 fontFamily='sans-serif'192 letterSpacing='0'193 wordSpacing='0'194 >195 <tspan y='125.476' x='397.858' id='tspan6538'>196 DEPRECATED197 </tspan>198 </text>199 <path200 id='path6794'201 d='m 433.52944,97.811947 c 0,1.1 0.9,2 2,2 l 8,0 c 1.1,0 2,-0.9 2,-2 l 0,-12 -12,0 0,12 z m 13,-15 -3.5,0 -1,-1 -5,0 -1,1 -3.5,0 0,2 14,0 0,-2 z'202 />203 <path id='path6796' d='m 427.52944,78.811947 24,0 0,24.000003 -24,0 z' fill='none' />204 </g>205 <path d='m 427.52944,236.8622 24,0 0,24 -24,0 z' id='path6810' clipRule='evenodd' fill='none' />206 <g id='blocked' style={this.highLightMe('blocked')}>207 <text208 id='text6532'209 y='282.362'210 x='386.858'211 style={{ lineHeight: '125%' }}212 fontWeight='400'213 fontSize='15'214 fontFamily='sans-serif'215 letterSpacing='0'216 wordSpacing='0'217 >218 <tspan y='282.362' x='386.858' id='tspan6534'>219 BLOCKED220 </tspan>221 </text>222 <path223 id='path6812'224 d='m 450.22944,255.8622 -9.1,-9.1 c 0.9,-2.3 0.4,-5 -1.5,-6.9 -2,-2 -5,-2.4 -7.4,-1.3 l 4.3,4.3 -3,3 -4.4,-4.3 c -1.2,2.4 -0.7,5.4 1.3,7.4 1.9,1.9 4.6,2.4 6.9,1.5 l 9.1,9.1 c 0.4,0.4 1,0.4 1.4,0 l 2.3,-2.3 c 0.5,-0.4 0.5,-1.1 0.1,-1.4 z'225 />226 </g>227 <g id='retired' style={this.highLightMe('retired')}>228 <text229 id='text6540'230 y='125.483'231 x='627.485'232 style={{ lineHeight: '125%' }}233 fontWeight='400'234 fontSize='15'235 fontFamily='sans-serif'236 letterSpacing='0'237 wordSpacing='0'238 >239 <tspan y='125.483' x='627.485' id='tspan6542'>240 RETIRED241 </tspan>242 </text>243 <path244 id='path6826'245 d='m 663.36667,89.811947 0,2 -13,0 0,-6 9,0 c 2.21,0 4,1.79 4,4 z m -20,3 0,2 6,0 0,2 8,0 0,-2 6,0 0,-2 -20,0 z m 5.14,-1.9 c 1.16,-1.19 1.14,-3.08 -0.04,-4.24 -1.19,-1.16 -3.08,-1.14 -4.24,0.04 -1.16,1.19 -1.14,3.08 0.04,4.24 1.19,1.16 3.08,1.14 4.24,-0.04 z'246 />247 <path id='path6828' d='m 641.36667,78.811947 24,0 0,24.000003 -24,0 z' fill='none' />248 </g>249 <g id='published_to_created' style={this.highLightMe('published_to_created')}>250 <path251 id='path6872'252 d='m 235.84375,184.86133 c -11.86654,31.99459 -35.12697,58.48216 -65.32031,74.38281 l -5.4624,15.71344 14.85695,3.63617 c 35.16928,-17.95415 62.42125,-48.3249 76.47461,-85.22656 l -15.28708,7.18109 z'253 style={{ isolation: 'auto', mixBlendMode: 'normal' }}254 color='#000'255 overflow='visible'256 fill='#065381'257 />258 <path259 id='path6985'260 d='m 178.61585,255.22337 -4.875,15.375 14.5,3.625'261 fill='none'262 fillRule='evenodd'263 stroke='#fff'264 />265 <path266 d='m 187.11585,249.22337 -4.875,15.375 14.5,3.625'267 id='path6987'268 fill='none'269 fillRule='evenodd'270 stroke='#fff'271 />272 </g>273 <g id='created_to_published' style={this.highLightMe('created_to_published')}>274 <path275 id='path6850'276 d='m 202.80469,171.18359 c -8.60566,23.79669 -25.78994,43.52064 -48.1836,55.30469 l 15.33148,4.4495 -5.74163,15.30245 c 27.19915,-14.16065 48.15744,-37.93366 58.79687,-66.69335 l -4.08764,-14.98782 z'277 style={{ isolation: 'auto', mixBlendMode: 'normal' }}278 color='#000'279 overflow='visible'280 fill='#34b2e4'281 />282 <path283 d='m 200.07828,178.47337 15.66836,-6.25318 3.78013,13.89858'284 id='path6979'285 fill='none'286 fillRule='evenodd'287 stroke='#fff'288 />289 <path290 id='path6991'291 d='m 195.3937,187.48898 15.66836,-6.25318 3.78013,13.89858'292 fill='none'293 fillRule='evenodd'294 stroke='#fff'295 />296 </g>297 <g id='prototyped_to_published' style={this.highLightMe('prototyped_to_published')}>298 <path299 id='path6874'300 d='m 181.42383,-4.0683594 5.18392,15.3553234 -15.14681,3.480614 c 26.97521,14.497097 48.38501,37.525806 60.88086,65.484375 l 16.41911,5.795641 4.09261,-14.231188 C 238.22018,39.231643 213.06477,12.507292 181.42383,-4.0683594 Z'301 style={{ isolation: 'auto', mixBlendMode: 'normal' }}302 color='#000'303 overflow='visible'304 fill='#fe912a'305 />306 <path307 id='path6993'308 d='m 228.26421,71.982698 16.39604,5.833631 3.93328,-14.097941'309 fill='none'310 fillRule='evenodd'311 stroke='#fff'312 />313 <path314 d='m 224.76421,65.357698 16.39604,5.833631 3.93328,-14.097941'315 id='path6995'316 fill='none'317 fillRule='evenodd'318 stroke='#fff'319 />320 </g>321 <g id='published_to_prototyped' style={this.highLightMe('published_to_prototyped')}>322 <path323 id='path6855'324 d='m 164.61328,27.712891 -16.76273,3.798407 6.57718,15.455499 c 19.64736,10.327117 35.3679,26.809879 44.75391,46.923828 l 6.94786,-12.105746 13.33339,3.763949 C 208.07457,60.73778 188.78631,40.399355 164.61328,27.712891 Z'325 style={{ isolation: 'auto', mixBlendMode: 'normal' }}326 color='#000'327 overflow='visible'328 fill='#ffc95c'329 />330 <path331 id='path6997'332 d='m 163.43006,52.336437 -6.45235,-15.202795 16.61701,-3.535534'333 fill='none'334 fillRule='evenodd'335 stroke='#fff'336 />337 <path338 d='M 171.82695,57.993291 165.3746,42.790496 181.99161,39.254962'339 id='path6999'340 fill='none'341 fillRule='evenodd'342 stroke='#fff'343 />344 </g>345 <g id='created_to_prototyped' style={this.highLightMe('created_to_prototyped')}>346 <path347 id='path6870'348 d='M 35.433594,-4.7226562 C -17.800688,22.43674 -51.366944,77.095386 -51.511719,136.85742 c 0.08726,60.42038 34.333636,115.59607 88.439453,142.48828 l -5.963174,-14.43529 14.818643,-3.6858 C -1.8626488,238.10436 -32.152993,189.83798 -32.251953,136.87891 -32.191581,84.271252 -2.3316563,36.239603 44.818359,12.90625 l 7.576833,-14.3582512 z'349 style={{ isolation: 'auto', mixBlendMode: 'normal' }}350 color='#000'351 overflow='visible'352 fill='#8b103e'353 />354 <path355 id='path7001'356 d='m 25.625,1.1122031 16.25,3 -7.125,13.7499999'357 fill='none'358 fillRule='evenodd'359 stroke='#fff'360 />361 <path362 d='m 16.375,7.1122031 16.25,2.9999999 -7.125,13.75'363 id='path7003'364 fill='none'365 fillRule='evenodd'366 stroke='#fff'367 />368 </g>369 <g id='prototyped_to_created' style={this.highLightMe('prototyped_to_created')}>370 <path371 id='path6840'372 d='M 52.171875,26.720703 C 10.473112,47.61586 -15.897048,90.22032 -16,136.86133 c 0.06835,46.84095 26.630186,89.61173 68.585938,110.43945 l 18.169686,-5.17409 -8.489999,-14.63841 C 27.868397,210.36444 6.0894455,175.28511 6,136.86133 6.0597413,98.328986 27.932967,63.153267 62.464844,46.056641 l -14.466177,-4.2932 z'373 style={{ isolation: 'auto', mixBlendMode: 'normal' }}374 color='#000'375 overflow='visible'376 fill='#e34856'377 />378 <path379 id='path7005'380 d='m 39.421204,240.07329 17.677669,-4.94975 -7.778174,-14.49569'381 fill='none'382 fillRule='evenodd'383 stroke='#fff'384 />385 <path386 d='m 27.930719,230.8809 17.677669,-4.94975 -7.778174,-14.49569'387 id='path7007'388 fill='none'389 fillRule='evenodd'390 stroke='#fff'391 />392 </g>393 <g id='deprecated_to_retired' style={this.highLightMe('deprecated_to_retired')}>394 <path395 id='rect7009'396 d='m 530.25049,110.51652 68.24164,0 9.89949,9.52539 -9.89949,9.40863 -68.24164,0 9.54594,-9.76218 z'397 style={{ isolation: 'auto', mixBlendMode: 'normal' }}398 color='#000'399 overflow='visible'400 fill='#5c5c5c'401 strokeWidth='6.016'402 strokeLinecap='round'403 strokeLinejoin='round'404 />405 <path406 id='path7016'407 d='m 589.97554,111.03345 9.31051,8.95242 -9.42988,8.89273'408 fill='none'409 fillRule='evenodd'410 stroke='#fff'411 strokeWidth='.955'412 />413 <path414 d='m 581.28804,111.03345 9.31051,8.95242 -9.42988,8.89273'415 id='path7018'416 fill='none'417 fillRule='evenodd'418 stroke='#fff'419 strokeWidth='.955'420 />421 </g>422 <g id='published_to_deprecated' style={this.highLightMe('published_to_deprecated')}>423 <path424 style={{ isolation: 'auto', mixBlendMode: 'normal' }}425 d='m 306.25049,110.51652 68.24164,0 9.89949,9.52539 -9.89949,9.40863 -68.24164,0 9.54594,-9.76218 z'426 id='path7020'427 color='#000'428 overflow='visible'429 fill='#5c5c5c'430 strokeWidth='6.016'431 strokeLinecap='round'432 strokeLinejoin='round'433 />434 <path435 d='m 365.97554,111.03345 9.31051,8.95242 -9.42988,8.89273'436 id='path7022'437 fill='none'438 fillRule='evenodd'439 stroke='#fff'440 strokeWidth='.955'441 />442 <path443 id='path7024'444 d='m 357.28804,111.03345 9.31051,8.95242 -9.42988,8.89273'445 fill='none'446 fillRule='evenodd'447 stroke='#fff'448 strokeWidth='.955'449 />450 </g>451 <g id='published_to_blocked' style={this.highLightMe('published_to_blocked')}>452 <path453 style={{ isolation: 'auto', mixBlendMode: 'normal' }}454 d='m 306.92162,149.0749 92.7941,75.49823 1.41692,13.66474 -13.63383,0.80053 -92.79411,-75.49822 13.59185,-1.29876 z'455 id='path7026'456 color='#000'457 overflow='visible'458 fill='#65daad'459 strokeWidth='6.016'460 strokeLinecap='round'461 strokeLinejoin='round'462 />463 <path464 d='m 392.87565,219.47284 1.33665,12.84698 -12.94218,0.70939'465 id='path7028'466 fill='none'467 fillRule='evenodd'468 stroke='#fff'469 strokeWidth='.955'470 />471 <path472 id='path7030'473 d='m 386.23855,213.86735 1.33664,12.84698 -12.94218,0.70939'474 fill='none'475 fillRule='evenodd'476 stroke='#fff'477 strokeWidth='.955'478 />479 </g>480 <g481 id='blocked_to_published'482 transform='rotate(180 338.919 207.057)'483 style={this.highLightMe('blocked_to_published')}484 >485 <path486 id='path7039'487 d='m 306.92162,149.0749 92.7941,75.49823 1.41692,13.66474 -13.63383,0.80053 -92.79411,-75.49822 13.59185,-1.29876 z'488 style={{ isolation: 'auto', mixBlendMode: 'normal' }}489 color='#000'490 overflow='visible'491 fill='#64d0da'492 strokeWidth='6.016'493 strokeLinecap='round'494 strokeLinejoin='round'495 />496 <path497 id='path7041'498 d='m 392.87565,219.47284 1.33665,12.84698 -12.94218,0.70939'499 fill='none'500 fillRule='evenodd'501 stroke='#fff'502 strokeWidth='.955'503 />504 <path505 d='m 386.23855,213.86735 1.33664,12.84698 -12.94218,0.70939'506 id='path7043'507 fill='none'508 fillRule='evenodd'509 stroke='#fff'510 strokeWidth='.955'511 />512 </g>513 <g id='blocked_to_deprecated' style={this.highLightMe('blocked_to_deprecated')}>514 <path515 style={{ isolation: 'auto', mixBlendMode: 'normal' }}516 d='m 427.85405,225.05409 0,-68.24164 9.52539,-9.89949 9.40863,9.89949 0,68.24164 -9.76218,-9.54594 z'517 id='path7045'518 color='#000'519 overflow='visible'520 fill='#5c5c5c'521 strokeWidth='6.016'522 strokeLinecap='round'523 strokeLinejoin='round'524 />525 <path526 d='m 428.37098,165.32904 8.95242,-9.31051 8.89273,9.42988'527 id='path7047'528 fill='none'529 fillRule='evenodd'530 stroke='#fff'531 strokeWidth='.955'532 />533 <path534 id='path7049'535 d='m 428.37098,174.01654 8.95242,-9.31051 8.89273,9.42988'536 fill='none'537 fillRule='evenodd'538 stroke='#fff'539 strokeWidth='.955'540 />541 </g>542 </g>543 </svg>544 );545 }546}547LifeCycleImage.propTypes = {548 classes: PropTypes.shape({}).isRequired,549 lifeCycleStatus: PropTypes.string.isRequired,550};...

Full Screen

Full Screen

cube_demo.js

Source:cube_demo.js Github

copy

Full Screen

1"use strict";2window.onload = function() {3 var rotatex = document.getElementById("rotatex");4 var rotatey = document.getElementById("rotatey");5 var rotatez = document.getElementById("rotatez"); 6 var cube = document.getElementById("cube"); 7 var front = document.getElementById("front"); 8 var back = document.getElementById("back");9 var bottom = document.getElementById("bottom"); 10 var left = document.getElementById("left");11 var right = document.getElementById("right"); 12 var top = document.getElementById("top"); 13 14 15 16 rotatex.onchange = moveCube;17 rotatey.onchange = moveCube;18 rotatez.onchange = moveCube;19 20 21 document.getElementById("insertFront").onclick = function(e) {22 document.getElementById("frontHTML").style.display = "block";23 document.getElementById("frontCSS").style.display = "block"; 24 front.style.animation = "moveFront 4s forwards linear";25 document.getElementById("frontHTML").style.animation = "highlightMe 7s forwards linear";26 document.getElementById("frontCSS").style.animation = "highlightMe 7s forwards linear"; 27 e.target.disabled = true; 28 };29 30 document.getElementById("insertBack").onclick = function(e) {31 document.getElementById("backHTML").style.display = "block";32 document.getElementById("backCSS").style.display = "block"; 33 back.style.animation = "moveBack 4s forwards linear";34 document.getElementById("backHTML").style.animation = "highlightMe 7s forwards linear";35 document.getElementById("backCSS").style.animation = "highlightMe 7s forwards linear"; 36 e.target.disabled = true; 37 }; 38 39 document.getElementById("insertBottom").onclick = function(e) { 40 document.getElementById("bottomHTML").style.display = "block";41 document.getElementById("bottomCSS").style.display = "block"; 42 bottom.style.animation = "moveBottom 4s forwards linear";43 document.getElementById("bottomHTML").style.animation = "highlightMe 7s forwards linear";44 document.getElementById("bottomCSS").style.animation = "highlightMe 7s forwards linear"; 45 e.target.disabled = true; 46 };47 48 document.getElementById("insertLeft").onclick = function(e) { 49 document.getElementById("leftHTML").style.display = "block";50 document.getElementById("leftCSS").style.display = "block"; 51 left.style.animation = "moveLeft 4s forwards linear";52 document.getElementById("leftHTML").style.animation = "highlightMe 7s forwards linear";53 document.getElementById("leftCSS").style.animation = "highlightMe 7s forwards linear"; 54 e.target.disabled = true; 55 }; 56 57 document.getElementById("insertRight").onclick = function(e) { 58 document.getElementById("rightHTML").style.display = "block";59 document.getElementById("rightCSS").style.display = "block"; 60 right.style.animation = "moveRight 4s forwards linear";61 document.getElementById("rightHTML").style.animation = "highlightMe 7s forwards linear";62 document.getElementById("rightCSS").style.animation = "highlightMe 7s forwards linear"; 63 e.target.disabled = true; 64 };65 66 document.getElementById("insertTop").onclick = function(e) { 67 document.getElementById("topHTML").style.display = "block";68 document.getElementById("topCSS").style.display = "block"; 69 top.style.animation = "moveTop 4s forwards linear";70 document.getElementById("topHTML").style.animation = "highlightMe 7s forwards linear";71 document.getElementById("topCSS").style.animation = "highlightMe 7s forwards linear"; 72 e.target.disabled = true; 73 }; 74 75 76 77 function moveCube() { 78 cube.style.transform = "rotateX(" + rotatex.value + "deg) rotateY(" + rotatey.value + "deg) rotateZ(" + rotatez.value + "deg)";79 document.getElementById("cubeTranscode").textContent = cube.style.transform;80 }81 ...

Full Screen

Full Screen

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.

LambdaTest Learning Hubs:

YouTube

You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.

Run ng-mocks automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

... View sample repo... View DocumentationSign up Free
›
_

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

...
Sign up with GoogleSign up with Email
Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful