Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Loading resources from workbook #453

Merged
merged 18 commits into from
Jun 3, 2019
Merged
Show file tree
Hide file tree
Changes from 15 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions build.gradle
Original file line number Diff line number Diff line change
Expand Up @@ -129,6 +129,9 @@ dependencies {
implementation 'org.wycliffeassociates:8woc2018-common'
implementation 'org.wycliffeassociates:kotlin-resource-container'
implementation 'com.github.WycliffeAssociates:jdenticon-kotlin:-SNAPSHOT'

//Atlassian commonmark (for rendering markdown)
implementation 'com.atlassian.commonmark:commonmark:0.12.1'
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Uses the BSD 2-clause license. Should be fine, but I'm not sure where/how we're keeping track of licenses.

}

//tell gradle what to put in the jar
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
package org.wycliffeassociates.otter.jvm.app.ui.resources.view

import org.wycliffeassociates.otter.jvm.app.ui.mainscreen.view.MainScreenStyles
import org.wycliffeassociates.otter.jvm.app.widgets.workbookheader.workbookheader
import org.wycliffeassociates.otter.jvm.app.widgets.resourcecard.styles.ResourceListStyles
import org.wycliffeassociates.otter.jvm.app.widgets.resourcecard.view.ResourceListView
import org.wycliffeassociates.otter.jvm.app.ui.resources.viewmodel.ResourcesViewModel
import tornadofx.*

class ResourceListFragment : Fragment() {
val viewModel: ResourcesViewModel by inject()

init {
importStylesheet<MainScreenStyles>()
importStylesheet<ResourceListStyles>()
}
override val root = vbox {

addClass(MainScreenStyles.main)

add(
workbookheader {
labelText = "${viewModel.chapter.title} ${messages["resources"]}"
aunger marked this conversation as resolved.
Show resolved Hide resolved
filterText = messages["hideCompleted"]
}
)
add(
ResourceListView(viewModel.resourceGroups)
)
}
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
package org.wycliffeassociates.otter.jvm.app.ui.resources.viewmodel

import io.reactivex.Observable
import javafx.application.Platform
import javafx.beans.property.SimpleObjectProperty
import javafx.beans.property.SimpleStringProperty
import org.wycliffeassociates.otter.common.data.workbook.*
import org.wycliffeassociates.otter.jvm.app.widgets.resourcecard.model.ResourceGroupCardItemList
import org.wycliffeassociates.otter.jvm.app.widgets.resourcecard.model.resourceGroupCardItem
import tornadofx.*

class ResourcesViewModel : ViewModel() {
val activeWorkbookProperty = SimpleObjectProperty<Workbook>()
val workbook: Workbook
get() = activeWorkbookProperty.value

val activeChapterProperty = SimpleObjectProperty<Chapter>()
val chapter: Chapter
get() = activeChapterProperty.value

val activeResourceSlugProperty = SimpleStringProperty()
val resourceSlug: String
get() = activeResourceSlugProperty.value

var resourceGroups: ResourceGroupCardItemList = ResourceGroupCardItemList(mutableListOf())

fun <T, R:Any> Observable<T>.mapNotNull(f: (T) -> R?): Observable<R> =
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this should probably just be moved out to its own file in a utils package

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Where would you like to see this go? Should a utils package be made in common or does it need to be under another package such as observable > utils?

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

put it in common.utils

maybe like RxUtils.kt

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

done

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@KJoslyn If it's a util, I guess it should have kdoc:

/**
 * Apply the given function as with `map()`, but remove any resulting nulls from the
 * observable stream.
 * 
 * This is how `observable.map(f).filter { it != null }` should behave, but it keeps
 * nulls from ever appearing in an Observable, which would cause a crash in that
 * two-step map/filter example.
 */

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome, thanks! Just added that.

concatMapIterable { listOfNotNull(f(it)) }

fun loadResourceGroups() {
chapter
.children
.startWith(chapter)
.mapNotNull { resourceGroupCardItem(it, resourceSlug, onSelect = this::navigateToTakesPage) }
.buffer(2) // Buffering by 2 prevents the list UI from jumping while groups are loading
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what happens if there's an odd number of resource groups?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

When the source observable completes, the observable will emit whatever is in the current buffer, so it won't matter if there's an odd number of resource groups.

.subscribe {
Platform.runLater {
resourceGroups.addAll(it)
}
}
}

private fun navigateToTakesPage(resource: Resource) {
// TODO use navigator
}
}
Original file line number Diff line number Diff line change
@@ -1,5 +1,40 @@
package org.wycliffeassociates.otter.jvm.app.widgets.resourcecard.model

data class ResourceCardItem(
val title: String
)
import io.reactivex.disposables.CompositeDisposable
import javafx.beans.property.DoubleProperty
import javafx.beans.property.SimpleDoubleProperty
import org.wycliffeassociates.otter.common.data.workbook.AssociatedAudio
import org.wycliffeassociates.otter.common.data.workbook.Resource
import org.commonmark.parser.Parser
import org.commonmark.renderer.text.TextContentRenderer

data class ResourceCardItem(val resource: Resource, val onSelect: () -> Unit) {
val title: String = renderTitleAsPlainText()
private val disposables = CompositeDisposable()
val titleProgressProperty: DoubleProperty = resource.titleAudio.progressProperty()
val bodyProgressProperty: DoubleProperty? = resource.bodyAudio?.progressProperty()
val hasBodyAudio: Boolean = resource.bodyAudio != null

fun clearDisposables() {
disposables.clear()
}

private fun AssociatedAudio.progressProperty(): DoubleProperty {
val progressProperty = SimpleDoubleProperty(0.0)
val sub = this.selected.subscribe {
progressProperty.set( if (it.value != null) 1.0 else 0.0)
}
disposables.add(sub)
return progressProperty
aunger marked this conversation as resolved.
Show resolved Hide resolved
}

companion object {
val parser: Parser = Parser.builder().build()
val renderer: TextContentRenderer = TextContentRenderer.builder().build()
}

private fun renderTitleAsPlainText(): String {
val document = parser.parse(resource.title.text)
return renderer.render(document)
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's not really a getter, so I'd rename this to something like "renderTitleAsHtml".

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's not needed yet, but the second time you need to transform MD to HTML, you should probably pull this commonmark stuff out into an dagger-injectable MarkdownToHtml singleton.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good points. I'm actually just rendering the title as plain text though and saving html rendering for the body when it appears on the takes page.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@SarabiaJ I would like to talk to you about dagger-injectable components like this, as opposed to an object in common, like ParseMd.kt.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'd prefer to keep dagger to injection in the framework classes (Android Activities/Fragments, TornadoFX Views/ Fragments, maybe viewmodels)

for a component like this, I'd rather you just pass the dependency into the constructor rather than make dagger do it for you

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sure. In this case, it seems like this can be solved without passing a dependency into the constructor. I think I can just create a MarkdownToHtml object like ParseMd that basically just holds static functions to do what I need.

}
Original file line number Diff line number Diff line change
@@ -1,8 +1,48 @@
package org.wycliffeassociates.otter.jvm.app.widgets.resourcecard.model

import io.reactivex.Observable
import org.wycliffeassociates.otter.common.data.workbook.*
import tornadofx.*
import tornadofx.FX.Companion.messages

data class ResourceGroupCardItem(
val title: String,
val resources: Observable<ResourceCardItem>
)
) {
fun onRemove() {
resources.forEach {
it.clearDisposables()
}
}
}

fun resourceGroupCardItem(element: BookElement, slug: String, onSelect: (Resource) -> Unit): ResourceGroupCardItem? {
return findResourceGroup(element, slug)?.let { rg ->
ResourceGroupCardItem(
getGroupTitle(element),
getResourceCardItems(rg, onSelect)
)
}
}

private fun findResourceGroup(element: BookElement, slug: String): ResourceGroup? {
return element.resources.firstOrNull {
it.info.slug == slug
}
}

private fun getGroupTitle(element: BookElement): String {
return when (element) {
is Chapter -> "${messages["chapter"]} ${element.title}"
is Chunk -> "${messages["chunk"]} ${element.title}"
else -> element.title
}
}

private fun getResourceCardItems(rg: ResourceGroup, onSelect: (Resource) -> Unit): Observable<ResourceCardItem> {
return rg.resources.map {
ResourceCardItem(it) {
onSelect(it)
}
}
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
package org.wycliffeassociates.otter.jvm.app.widgets.resourcecard.model

import com.sun.javafx.collections.ObservableListWrapper
import javafx.collections.ListChangeListener

class ResourceGroupCardItemList(list: List<ResourceGroupCardItem>) :
ObservableListWrapper<ResourceGroupCardItem>(list) {

init {
addListener(
ListChangeListener<ResourceGroupCardItem> {
while(it.next()) {
if (it.wasRemoved()) {
it.removed.forEach { item ->
item.onRemove()
}
}
}
}
)
}
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
package org.wycliffeassociates.otter.jvm.app.widgets.resourcecard.styles

import javafx.scene.paint.Color
import tornadofx.*

typealias LinearU = Dimension<Dimension.LinearUnits>

class ResourceListStyles : Stylesheet() {

companion object {
val resourceGroupList by cssclass()
}

init {
resourceGroupList {
borderColor += box(Color.TRANSPARENT) // Necessary for border under status bar banner to stay visible
padding = box(0.px, 0.px, 0.px, 80.px) // Left "margin"
scrollBar {
+margin(0.px, 0.px, 0.px, 80.px) // Margin between scrollbar and right side of cards
}

listCell {
// Add space between the cards (top margin)
// But need to make the "margin" at least as large as the dropshadow offsets
+margin(30.px, 4.px, 0.px, 0.px)
}
}
}

private fun margin(top: LinearU, right: LinearU, bottom: LinearU, left: LinearU) = mixin {
padding = box(top, right, bottom, left)
backgroundInsets += box(top, right, bottom, left)
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -15,8 +15,7 @@ import org.wycliffeassociates.otter.jvm.statusindicator.control.statusindicator
import tornadofx.*
import tornadofx.FX.Companion.messages

class ResourceCard(private val resource: ResourceCardItem) : HBox() {

class ResourceCard(private val item: ResourceCardItem) : HBox() {
val isCurrentResourceProperty = SimpleBooleanProperty(false)
var primaryColorProperty = SimpleObjectProperty<Color>(Color.ORANGE)
var primaryColor: Color by primaryColorProperty
Expand All @@ -33,17 +32,18 @@ class ResourceCard(private val resource: ResourceCardItem) : HBox() {
add(
statusindicator {
initForResourceCard()
progress = 1.0
progressProperty.bind(item.titleProgressProperty)
}
)
add(
statusindicator {
initForResourceCard()
progress = 0.0
item.bodyProgressProperty?.let { progressProperty.bind(it) }
isVisible = item.hasBodyAudio
}
)
}
text(resource.title)
text(item.title)
maxWidth = 150.0
}

Expand All @@ -59,6 +59,9 @@ class ResourceCard(private val resource: ResourceCardItem) : HBox() {
graphic = MaterialIconView(MaterialIcon.APPS, "25px")
maxWidth = 500.0
text = messages["viewRecordings"]
action {
item.onSelect()
}
}
)
}
Expand All @@ -70,7 +73,6 @@ class ResourceCard(private val resource: ResourceCardItem) : HBox() {
trackFill = Color.LIGHTGRAY
indicatorRadius = 3.0
}

}

fun resourcecard(resource: ResourceCardItem, init: ResourceCard.() -> Unit = {}): ResourceCard {
Expand Down
Original file line number Diff line number Diff line change
@@ -1,19 +1,26 @@
package org.wycliffeassociates.otter.jvm.app.widgets.resourcecard.view

import javafx.application.Platform
import javafx.scene.layout.VBox
import org.wycliffeassociates.otter.jvm.app.widgets.resourcecard.model.ResourceGroupCardItem
import tornadofx.*

class ResourceGroupCard(group: ResourceGroupCardItem) : VBox() {
private val RENDER_BATCH_SIZE = 10
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can make this a const if it's at the file level or in the companion object, I think.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think I like it in a companion object since it is specific to the resource group card.

init {
importStylesheet<ResourceGroupCardStyles>()

addClass(ResourceGroupCardStyles.resourceGroupCard)
label(group.title)
group.resources.subscribe {
add(
resourcecard(it)
)

group.resources.buffer(RENDER_BATCH_SIZE).subscribe { items ->
Platform.runLater {
items.forEach {
add(
resourcecard(it)
)
}
}
}
}
}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@ import javafx.scene.text.FontWeight
import tornadofx.*

class ResourceGroupCardStyles : Stylesheet() {

companion object {
val resourceGroupCard by cssclass()
}
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
package org.wycliffeassociates.otter.jvm.app.widgets.resourcecard.view

import javafx.collections.ObservableList
import javafx.scene.control.ListView
import javafx.scene.layout.Priority
import org.wycliffeassociates.otter.jvm.app.widgets.resourcecard.model.ResourceGroupCardItem
import org.wycliffeassociates.otter.jvm.app.widgets.resourcecard.styles.ResourceListStyles
import tornadofx.*

class ResourceListView(items: ObservableList<ResourceGroupCardItem>): ListView<ResourceGroupCardItem>(items) {
init {
vgrow = Priority.ALWAYS // This needs to be here
jsarabia marked this conversation as resolved.
Show resolved Hide resolved
cellFormat {
graphic = cache(it.title) {
resourcegroupcard(it)
}
}
isFocusTraversable = false
addClass(ResourceListStyles.resourceGroupList)
}
}
Loading