├── _config.yml ├── Mixed.png ├── OONote.png ├── blank.png ├── Checked.png ├── Expanded.png ├── Collapsed.png ├── Mixed-dark.png ├── OONote-dark.png ├── Unchecked.png ├── Checked-dark.png ├── Expanded-dark.png ├── LeafRowHandle.png ├── Collapsed-dark.png ├── Unchecked-dark.png ├── LeafRowHandle-dark.png ├── metadata.xml ├── README.md ├── styles.css ├── outliner.js └── jquery-3.1.0.min.js /_config.yml: -------------------------------------------------------------------------------- 1 | theme: jekyll-theme-minimal -------------------------------------------------------------------------------- /Mixed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/Mixed.png -------------------------------------------------------------------------------- /OONote.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/OONote.png -------------------------------------------------------------------------------- /blank.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/blank.png -------------------------------------------------------------------------------- /Checked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/Checked.png -------------------------------------------------------------------------------- /Expanded.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/Expanded.png -------------------------------------------------------------------------------- /Collapsed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/Collapsed.png -------------------------------------------------------------------------------- /Mixed-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/Mixed-dark.png -------------------------------------------------------------------------------- /OONote-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/OONote-dark.png -------------------------------------------------------------------------------- /Unchecked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/Unchecked.png -------------------------------------------------------------------------------- /Checked-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/Checked-dark.png -------------------------------------------------------------------------------- /Expanded-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/Expanded-dark.png -------------------------------------------------------------------------------- /LeafRowHandle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/LeafRowHandle.png -------------------------------------------------------------------------------- /Collapsed-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/Collapsed-dark.png -------------------------------------------------------------------------------- /Unchecked-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/Unchecked-dark.png -------------------------------------------------------------------------------- /LeafRowHandle-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Aristoteles-Phys.III.1-3/master/LeafRowHandle-dark.png -------------------------------------------------------------------------------- /metadata.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | dateCreated 6 | Mon, 27 Aug 2018 22:23:40 GMT 7 | 8 | 9 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Aristoteles - Phys. III.1-3 2 | 3 | Outline dinâmico em HTML dos capítulos 1-3 da Física de Aristóteles a partir do texto grego de Ross (1936) e da tradução de Joe Sachs (1995) com notas adicionais em português. 4 | 5 | **Para ver o outline: https://bcdavasconcelos.github.io/Aristoteles-Phys.III.1-3/** 6 | 7 | > Produzido com Omnioutliner 5.3 8 | -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | 2 | html { 3 | overflow-y: scroll; 4 | } 5 | 6 | body#wholeDocument { 7 | -webkit-text-size-adjust:none; 8 | font-family: Alegreya, Cambria, Gentium Plus, Menlo, Helvetica, serif; 9 | font-size: 12px; 10 | text-align: justify; 11 | line-height: 1.32; 12 | 13 | } 14 | /* height hack to make nested divs set to 100% height work in Chrome and Firefox */ 15 | table.whole-row, table.whole-note, table#column-header { 16 | height: 1px; 17 | } 18 | table { 19 | border-collapse: collapse; 20 | } 21 | div { 22 | width: 100%; 23 | box-sizing: border-box; 24 | min-height: 13px; 25 | } 26 | div#centered, .temp { 27 | display: block; 28 | text-align: center; 29 | } 30 | div#centered > table, div.temp-wrapper { 31 | margin: 0 auto; 32 | text-align: left; 33 | } 34 | tr.outline-row > td > div, table.note-table { 35 | display: inline-table; 36 | } 37 | tr.outline-row > td > div > div, tr.outline-row > td div.note-icon, tr.note-row > td > div, table.outline-column div, table.note-table div { 38 | display: inline-table; 39 | } 40 | div.column, div.note-filler > div { 41 | display: inline-block; 42 | } 43 | tr#header div { 44 | display: inline-block; 45 | } 46 | div.pdf-div { 47 | width: 100%; 48 | position: relative; 49 | display: block; 50 | } 51 | object.pdf-object { 52 | vertical-align: middle; 53 | width: 100%; 54 | height: 100%; 55 | position: absolute; 56 | top: 0; bottom: 0; left: 0; right: 0; 57 | } 58 | iframe.pdf-iframe { 59 | vertical-align: middle; 60 | width: 100%; 61 | height: 100%; 62 | border: none; 63 | } 64 | td,th { 65 | padding: 0px; 66 | empty-cells: show; 67 | } 68 | div.force-wrap { 69 | table-layout: fixed; 70 | word-wrap: break-word; 71 | } 72 | tr#header { 73 | 74 | border-bottom: 1px solid rgba(0,0,0,0.25); 75 | 76 | } 77 | /* This is the table used for just the outline column/note column and is nested in the cell for the outline column of the row */ 78 | table.outline-column td, table.outline-column-note td { 79 | border-bottom: 0px; 80 | border-left: 0px; 81 | } 82 | tr.outline-row > td, tr.note-row > td { 83 | height: inherit; 84 | } 85 | table.outline-column, tr.outline-row td, tr.note-row td, div.outline-column-div, div.note-filler, tr#header td, tr#header > td > div, div.note-outline-column-div { 86 | height: 100%; 87 | } 88 | @media all and (-ms-high-contrast:none) { 89 | /* Target IE */ 90 | div#centered tr.outline-row > td, div#centered tr.note-row > td, div#centered tr#header td { 91 | height: 5px; 92 | } 93 | } 94 | @supports (-ms-accelerator:true) { 95 | /* Target MS Edge */ 96 | div#centered tr.outline-row > td, div#centered tr.note-row > td, div#centered tr#header td { 97 | height: 5px; 98 | } 99 | } 100 | tr#header div, table.outline-column, table.note-table { 101 | width: 100%; 102 | } 103 | .handle { 104 | white-space: nowrap; 105 | text-align:right; 106 | vertical-align: baseline; 107 | } 108 | td.label { 109 | text-align: right; 110 | white-space: nowrap; 111 | } 112 | td.label, .column { 113 | vertical-align: baseline; 114 | } 115 | tr.note-row td.label { 116 | /* Same row label is put in invisibly the note to keep alignment but, 117 | if it's a large font size, this will cause the note to be taller 118 | than it should be. This works around that */ 119 | line-height: 0; 120 | } 121 | div.white-space { 122 | white-space: pre-wrap; 123 | } 124 | 125 | 126 | /********* START ******** 127 | Grid lines 128 | *************************/ 129 | tr#header td > div { 130 | 131 | } 132 | div.note-div, div.note-filler, div.outline-column-div, tr.outline-row > td:not(.column) > div.fill-cell, div.note-outline-column-div, tr.outline-row > td:nth-of-type(3) > div { 133 | 134 | } 135 | 136 | 137 | table#column-header { 138 | 139 | } 140 | table#column-header ~ table.whole-row:first-of-type { 141 | border-top: none; 142 | } 143 | tr.outline-row > td:last-of-type:not(.column) > div.fill-cell, tr.note-row > td:last-of-type:not(.note) > div.note-filler, tr#header td:last-of-type > div { 144 | 145 | } 146 | /* END grid lines */ 147 | 148 | table.outline-column-note { 149 | width: 100%; 150 | height: 100%; 151 | } 152 | .fill-cell { 153 | height: 100%; 154 | width: 100%; 155 | } 156 | 157 | .summary_node { 158 | background: rgba(0,0,0,.12); 159 | } 160 | 161 | /* To make checkbox columns always centered */ 162 | div#centered div.checkbox { 163 | text-align: center; 164 | } 165 | 166 | table.outline-column td:not(:last-of-type) { 167 | 168 | } 169 | 170 | /********* START ******** 171 | Expand/collapse 172 | *************************/ 173 | .visible { 174 | 175 | } 176 | .hidden { 177 | display: none; 178 | } 179 | .temp { 180 | min-height: 0px; 181 | } 182 | /* END expand/collapse */ 183 | 184 | div.note-outline-column-div table { 185 | vertical-align: top; 186 | } 187 | 188 | td.empty { 189 | display: none; 190 | } 191 | 192 | 193 | /********* START ******** 194 | Image handle styles 195 | *************************/ 196 | td.note { 197 | vertical-align: baseline; 198 | } 199 | div.handle img { 200 | vertical-align: middle; 201 | } 202 | div.note-icon { 203 | text-align: center; 204 | } 205 | img.status { 206 | height: 13px; 207 | width: 13px; 208 | position: relative; 209 | bottom: 1px; 210 | top: 0px; 211 | } 212 | img.checkbox-column { 213 | height: 13px; 214 | width: 13px; 215 | vertical-align: middle; 216 | } 217 | img.leaf { 218 | height: 5px; 219 | width: 5px; 220 | position: relative; 221 | top: -1px; 222 | } 223 | img.parent { 224 | height: 9px; 225 | width: 9px; 226 | } 227 | img.note-icon { 228 | height: 13px; 229 | width: 13px; 230 | position: relative; 231 | vertical-align: middle; 232 | } 233 | 234 | /* END image handle styles */ 235 | 236 | 237 | /********* START ******** 238 | Padding values 239 | *************************/ 240 | 241 | /* Column text */ 242 | table.outline-column td:nth-of-type(4), div.column, tr#header div > div > div { 243 | padding-left: 4px; 244 | padding-right: 4px; 245 | } 246 | 247 | table.outline-column td:nth-of-type(4), div.column, div.note-icon { 248 | padding-bottom: 2px; 249 | padding-top: 1px; 250 | } 251 | /* When a note is expanded, the row it belongs to doesn't have bottom row padding, that padding goes to the bottom of the note */ 252 | table.note-expanded table.outline-column td:nth-of-type(4), table.note-expanded div.column, table.note-expanded div.note-icon { 253 | padding-bottom: 0px; 254 | } 255 | /* last-child class is set by JS */ 256 | tr.last-child table.outline-column td:nth-of-type(4), tr.last-child div.column, tr.last-child div.note-icon { 257 | padding-bottom: 2px; 258 | } 259 | /* Note text */ 260 | table.note-table td:nth-of-type(4) { 261 | padding-left: 4px; 262 | padding-right: 4px; 263 | margin-top: 0px; 264 | padding-bottom: 2px; 265 | } 266 | table.note-table { 267 | margin-top: 0px; 268 | } 269 | /* Set above children padding */ 270 | tr[data-state="expanded"][data-has-children="1"] table.outline-column td:nth-of-type(4), tr[data-state="expanded"][data-has-children="1"] div.column { 271 | padding-bottom: 2px; 272 | } 273 | /* When there are children and note is expanded, don't set above children padding on the row, it goes to the note */ 274 | tr[data-state="expanded"][data-has-children="1"].note-expanded table.outline-column td:nth-of-type(4), tr[data-state="expanded"][data-has-children="1"].note-expanded div.column, tr[data-state="expanded"][data-has-children="1"].note-expanded div.note-icon { 275 | padding-bottom: 0px; 276 | } 277 | /* Set above children padding on the note when it is visible */ 278 | tr[data-state="expanded"][data-has-children="1"].note-expanded + tr.note-row table.note-table td:nth-of-type(4) { 279 | padding-bottom: 2px; 280 | } 281 | /* Set last child padding on the note when it is visible, last-child class is set through JS */ 282 | tr.note-row.last-child table.note-table td:nth-of-type(4) { 283 | padding-bottom: 2px; 284 | } 285 | 286 | 287 | 288 | td.label { 289 | padding-top: 0px; 290 | padding-left: 2px; 291 | padding-right: 3px; 292 | } 293 | td.label:empty { 294 | vertical-align: inherit; 295 | } 296 | img.parent { 297 | padding-right: 3px; 298 | } 299 | img.leaf { 300 | padding-right: 5px; 301 | } 302 | /* End padding values */ 303 | 304 | 305 | 306 | table.alt-row tr.outline-row > td > div.alt-row-layer, table.alt-row tr.note-row > td > div.alt-row-layer, table.alt-row.whole-note { 307 | background-color: rgba(0,0,0,0) 308 | } 309 | 310 | tr.note-row td.note { 311 | /* padding-left: 5px; 312 | padding-right: 3px; */ 313 | border: none; 314 | 315 | } 316 | tr.note-row td.note-bg { 317 | 318 | } 319 | table.whole-row, table.whole-note, table#column-header, div.temp-wrapper { 320 | width: 736px; 321 | 322 | } 323 | /****************** 324 | Column widths and styles, including background. Also applies to column titles. Skip tr.note-row for the outline column. 325 | These fold in any named styles applied to columns so any manual changes to named styles will also need to be done here 326 | *******************/ 327 | /* When notes are set to span columns, need to override column widths */ 328 | div#centered table.span-columns { 329 | width: 100%; 330 | max-width: 100%; 331 | } 332 | /* Column widths + backgrounds */ 333 | tr#header td:nth-of-type(1), tr.outline-row > td:nth-of-type(1), tr.note-row > td:nth-of-type(1) { 334 | width: 119px; 335 | max-width: 119px; 336 | 337 | } 338 | table.outline-column { 339 | width: 338px; 340 | max-width: 338px; 341 | } 342 | tr#header td:nth-of-type(2), tr.outline-row > td:nth-of-type(2) { 343 | width: 338px; 344 | max-width: 338px; 345 | background-color: rgba(255,255,255,0.2); 346 | 347 | } 348 | tr#header td:nth-of-type(3), tr.outline-row > td:nth-of-type(3), tr.note-row > td:nth-of-type(3) { 349 | width: 279px; 350 | max-width: 279px; 351 | 352 | } 353 | 354 | /* Column styles but not background. Separate from above because this doesn't apply to column titles. Skip tr.note-row for the outline column. */ 355 | tr.outline-row > td:nth-of-type(1), tr.note-row > td:nth-of-type(1){ 356 | font-family: Alegreya, Cambria, Gentium Plus, Menlo, Helvetica; 357 | font-size: 10px; 358 | 359 | } 360 | tr.outline-row > td:nth-of-type(2) { 361 | font-size: 13px; 362 | 363 | } 364 | tr.outline-row > td:nth-of-type(3), tr.note-row > td:nth-of-type(3){ 365 | 366 | } 367 | tr.outline-row > td:nth-of-type(3), tr.note-row > td:nth-of-type(3){ 368 | 369 | } 370 | 371 | 372 | /* Column header style */ 373 | 374 | tr#header div > div > div { 375 | padding-bottom: 2px; 376 | 377 | } 378 | tr#header > td > div > div { 379 | 380 | } 381 | 382 | 383 | /* Level Styles */ 384 | /***************** 385 | Level# styles – Does not include background colors. Applied to both nested outline column table and divs in non-nested row cells. Applied to row label cell of note rows. 386 | Level# background color – Applied to both div holding nested outline column table and divs in non-nested row cells 387 | Level# gutter color – Only applied to nested table for outline column 388 | ******************/ 389 | /* Level 1 styles */ 390 | tr.outline-row.level-1 td, tr.outline-row.level-1 div > div, tr.note-row.level-1 table.note-table td:nth-of-type(3) { 391 | 392 | } 393 | /* Level 1 background color */ 394 | tr.level-1 > td > div.alt-row-layer > div, tr.level-1.note-row > td > div { 395 | 396 | } 397 | /* Level 1 gutter color */ 398 | tr.outline-row.level-1 table.outline-column td:not(:last-of-type) { 399 | 400 | } 401 | 402 | /********************************************* 403 | Named styles info: 404 | Padding values are not included here because they are additive and can affect a different row than the one that has the attribute 405 | *********************************************/ 406 | /* Named Styles */ 407 | div#centered tr td .ns-nU7Pax9sHwm-DestaqueAmarelo, .ns-nU7Pax9sHwm-DestaqueAmarelo, div#centered .ns-nU7Pax9sHwm-DestaqueAmarelo div { 408 | 409 | } 410 | div#centered tr td .ns-m6c_M2fT6yP-DestaqueVermelho, .ns-m6c_M2fT6yP-DestaqueVermelho, div#centered .ns-m6c_M2fT6yP-DestaqueVermelho div { 411 | 412 | } 413 | div#centered tr td .ns-auoqZ5xVKeG-DestaqueVerde, .ns-auoqZ5xVKeG-DestaqueVerde, div#centered .ns-auoqZ5xVKeG-DestaqueVerde div { 414 | 415 | } 416 | div#centered tr td .ns-hE9mXgl4a8m-Roxo, .ns-hE9mXgl4a8m-Roxo, div#centered .ns-hE9mXgl4a8m-Roxo div { 417 | color: rgb(167,123,217); 418 | 419 | } 420 | div#centered tr td .ns-l2kopvXC4ak-Azul, .ns-l2kopvXC4ak-Azul, div#centered .ns-l2kopvXC4ak-Azul div { 421 | color: rgb(71,161,240); 422 | 423 | } 424 | div#centered tr td .ns-f7F2187eZ56-Azul-bondi, .ns-f7F2187eZ56-Azul-bondi, div#centered .ns-f7F2187eZ56-Azul-bondi div { 425 | color: rgb(0,200,203); 426 | 427 | } 428 | div#centered tr td .ns-kJhkVDl2Xsd-Verde, .ns-kJhkVDl2Xsd-Verde, div#centered .ns-kJhkVDl2Xsd-Verde div { 429 | color: rgb(120,195,68); 430 | 431 | } 432 | div#centered tr td .ns-inNRQJ-da6E-Amarelo, .ns-inNRQJ-da6E-Amarelo, div#centered .ns-inNRQJ-da6E-Amarelo div { 433 | color: rgb(255,197,0); 434 | 435 | } 436 | div#centered tr td .ns-nAm7imW-teW-Laranja, .ns-nAm7imW-teW-Laranja, div#centered .ns-nAm7imW-teW-Laranja div { 437 | color: rgb(255,163,94); 438 | 439 | } 440 | div#centered tr td .ns-jtC-ndQ7Pcw-Vermelho, .ns-jtC-ndQ7Pcw-Vermelho, div#centered .ns-jtC-ndQ7Pcw-Vermelho div { 441 | color: rgb(246,120,137); 442 | 443 | } 444 | div#centered tr td .ns-dI8s4BxgdIs-Grafite, .ns-dI8s4BxgdIs-Grafite, div#centered .ns-dI8s4BxgdIs-Grafite div { 445 | color: rgb(125,143,180); 446 | 447 | } 448 | 449 | /* Named Styles Backgroud Colors */ 450 | div#centered tr td .ns-bg-nU7Pax9sHwm-DestaqueAmarelo, .ns-bg-nU7Pax9sHwm-DestaqueAmarelo { 451 | background-color: rgba(255,197,0,0.25); 452 | 453 | } 454 | div#centered tr td .ns-bg-m6c_M2fT6yP-DestaqueVermelho, .ns-bg-m6c_M2fT6yP-DestaqueVermelho { 455 | background-color: rgba(246,120,137,0.25); 456 | 457 | } 458 | div#centered tr td .ns-bg-auoqZ5xVKeG-DestaqueVerde, .ns-bg-auoqZ5xVKeG-DestaqueVerde { 459 | background-color: rgba(120,195,68,0.25); 460 | 461 | } 462 | div#centered tr td .ns-bg-hE9mXgl4a8m-Roxo, .ns-bg-hE9mXgl4a8m-Roxo { 463 | 464 | } 465 | div#centered tr td .ns-bg-l2kopvXC4ak-Azul, .ns-bg-l2kopvXC4ak-Azul { 466 | 467 | } 468 | div#centered tr td .ns-bg-f7F2187eZ56-Azul-bondi, .ns-bg-f7F2187eZ56-Azul-bondi { 469 | 470 | } 471 | div#centered tr td .ns-bg-kJhkVDl2Xsd-Verde, .ns-bg-kJhkVDl2Xsd-Verde { 472 | 473 | } 474 | div#centered tr td .ns-bg-inNRQJ-da6E-Amarelo, .ns-bg-inNRQJ-da6E-Amarelo { 475 | 476 | } 477 | div#centered tr td .ns-bg-nAm7imW-teW-Laranja, .ns-bg-nAm7imW-teW-Laranja { 478 | 479 | } 480 | div#centered tr td .ns-bg-jtC-ndQ7Pcw-Vermelho, .ns-bg-jtC-ndQ7Pcw-Vermelho { 481 | 482 | } 483 | div#centered tr td .ns-bg-dI8s4BxgdIs-Grafite, .ns-bg-dI8s4BxgdIs-Grafite { 484 | 485 | } 486 | 487 | /* Named Styles Gutter Colors */ 488 | div#centered tr td .ns-gutter-nU7Pax9sHwm-DestaqueAmarelo, .ns-gutter-nU7Pax9sHwm-DestaqueAmarelo { 489 | 490 | } 491 | div#centered tr td .ns-gutter-m6c_M2fT6yP-DestaqueVermelho, .ns-gutter-m6c_M2fT6yP-DestaqueVermelho { 492 | 493 | } 494 | div#centered tr td .ns-gutter-auoqZ5xVKeG-DestaqueVerde, .ns-gutter-auoqZ5xVKeG-DestaqueVerde { 495 | 496 | } 497 | div#centered tr td .ns-gutter-hE9mXgl4a8m-Roxo, .ns-gutter-hE9mXgl4a8m-Roxo { 498 | 499 | } 500 | div#centered tr td .ns-gutter-l2kopvXC4ak-Azul, .ns-gutter-l2kopvXC4ak-Azul { 501 | 502 | } 503 | div#centered tr td .ns-gutter-f7F2187eZ56-Azul-bondi, .ns-gutter-f7F2187eZ56-Azul-bondi { 504 | 505 | } 506 | div#centered tr td .ns-gutter-kJhkVDl2Xsd-Verde, .ns-gutter-kJhkVDl2Xsd-Verde { 507 | 508 | } 509 | div#centered tr td .ns-gutter-inNRQJ-da6E-Amarelo, .ns-gutter-inNRQJ-da6E-Amarelo { 510 | 511 | } 512 | div#centered tr td .ns-gutter-nAm7imW-teW-Laranja, .ns-gutter-nAm7imW-teW-Laranja { 513 | 514 | } 515 | div#centered tr td .ns-gutter-jtC-ndQ7Pcw-Vermelho, .ns-gutter-jtC-ndQ7Pcw-Vermelho { 516 | 517 | } 518 | div#centered tr td .ns-gutter-dI8s4BxgdIs-Grafite, .ns-gutter-dI8s4BxgdIs-Grafite { 519 | 520 | } 521 | -------------------------------------------------------------------------------- /outliner.js: -------------------------------------------------------------------------------- 1 | var IMG_BLANK = 'blank.png'; 2 | 3 | 4 | function hover(iNode, over) { 5 | var theme = $('body').attr("data-theme"); 6 | if (theme == 'light') { 7 | img_expanded = 'Expanded.png'; 8 | img_collapsed = 'Collapsed.png'; 9 | img_leaf = 'LeafRowHandle.png'; 10 | } else if (theme == 'dark') { 11 | img_expanded = 'Expanded-dark.png'; 12 | img_collapsed = 'Collapsed-dark.png'; 13 | img_leaf = 'LeafRowHandle-dark.png'; 14 | } 15 | 16 | if (over) { 17 | t = document.getElementById(iNode).alt; 18 | 19 | if (t == '*') { 20 | document.getElementById(iNode).src=img_leaf; 21 | } else if (t == 'V') { 22 | document.getElementById(iNode).src=img_expanded; 23 | } else { 24 | document.getElementById(iNode).src=img_collapsed; 25 | } 26 | 27 | } else { 28 | document.getElementById(iNode).src=IMG_BLANK; 29 | } 30 | } 31 | 32 | function expand(ioNode, fully) { 33 | var theme = $('body').attr("data-theme"); 34 | if (theme == 'light') { 35 | img_expanded = 'Expanded.png'; 36 | } else if (theme == 'dark') { 37 | img_expanded = 'Expanded-dark.png'; 38 | } 39 | ioWedge = "i" + ioNode; 40 | 41 | if ($("#" + ioNode)[0] != null) { 42 | /* In case the wrapper gets left around by interrupting the slide up/down */ 43 | $('div.temp-wrapper').contents().unwrap(); 44 | $('div.temp').contents().unwrap(); 45 | 46 | var row = $("#" + ioNode)[0]; 47 | var baseLevel = Number($(row).attr("data-level")); 48 | var nextRow = $(row).next()[0]; 49 | var noteRow = $("#n" + ioNode)[0]; 50 | var previousLevel = baseLevel; 51 | var parentExpansionState = "expanded"; 52 | var parentVisibilityState = "visible"; 53 | var rowsBeingRevealed = []; 54 | 55 | if (nextRow != null) { 56 | // Check following sibling elements and see if its level is greater than the parent clicked 57 | // If so, for immediate children rows, make them visible 58 | // The row's note is first included just to make sure we interate past it 59 | while ((nextRow != null) && (($(nextRow).attr("data-level") > baseLevel) || $(nextRow).hasClass('whole-note'))) { 60 | if (!(($(nextRow).hasClass('whole-note')) && ($(nextRow).attr("data-level") == baseLevel))) { 61 | rowsBeingRevealed.push(nextRow); 62 | } 63 | // Advanced nextRow to next sibling 64 | nextRow = $(nextRow).next()[0] 65 | } 66 | } 67 | 68 | $(rowsBeingRevealed) 69 | .wrapAll('