package ru.mipt.spc
import io.ktor.server.application.Application
import io.ktor.server.application.call
import io.ktor.server.html.respondHtml
import io.ktor.server.http.content.files
import io.ktor.server.http.content.static
import io.ktor.server.routing.get
import io.ktor.server.routing.route
import io.ktor.server.routing.routing
import kotlinx.coroutines.runBlocking
import kotlinx.html.*
import space.kscience.dataforge.context.Context
import space.kscience.dataforge.context.fetch
import space.kscience.dataforge.data.await
import space.kscience.dataforge.data.getByType
import space.kscience.dataforge.meta.Meta
import space.kscience.dataforge.meta.get
import space.kscience.dataforge.meta.getIndexed
import space.kscience.dataforge.meta.string
import space.kscience.dataforge.names.Name
import space.kscience.dataforge.names.asName
import space.kscience.dataforge.names.plus
import space.kscience.dataforge.names.withIndex
import space.kscience.snark.*
import java.nio.file.Path
import kotlin.collections.component1
import kotlin.collections.component2
import kotlin.collections.set
//fun CssBuilder.magProgCss() {
// rule(".magprog-body") {
// rule(".magprog-header") {
// display = Display.flex
// alignItems = Align.center
// justifyContent = JustifyContent.center
// marginTop = 90.pt
// marginLeft = 40.pt
// }
// }
//}
class MagProgSection(
val id: String,
val title: String,
val style: String,
val content: FlowContent.() -> Unit,
)
private fun wrapSection(
id: String,
title: String,
sectionContent: FlowContent.() -> Unit,
): MagProgSection = MagProgSection(id, title, "wrapper style1 fullscreen fade-up") {
div("inner") {
h2 { +title }
sectionContent()
}
}
private fun wrapSection(
block: HtmlData,
idOverride: String? = null,
): MagProgSection = wrapSection(
idOverride ?: block.id,
block.meta["section_title"]?.string ?: error("Section without title"),
) {
htmlData(block)
}
private val CONTENT_NODE_NAME = Name.EMPTY//"content".asName()
private val INTRO_PATH: Name = CONTENT_NODE_NAME + "intro"
private val ENROLL_PATH: Name = CONTENT_NODE_NAME + "enroll"
private val CONTACTS_PATH: Name = CONTENT_NODE_NAME + "contacts"
private val PROGRAM_PATH: Name = CONTENT_NODE_NAME + "program"
private val RECOMMENDED_COURSES_PATH: Name = CONTENT_NODE_NAME + "recommendedCourses"
private val PARTNERS_PATH: Name = CONTENT_NODE_NAME + "partners"
context(PageContext) private fun FlowContent.programSection() {
val programBlock = resolveHtml(PROGRAM_PATH)!!
val recommendedBlock = resolveHtml(RECOMMENDED_COURSES_PATH)!!
div("inner") {
h2 { +"Учебная программа" }
htmlData(programBlock)
button(classes = "fit collapsible") {
attributes["data-target"] = "recommended-courses-content"
+"Рекомендованные курсы"
}
div(classes = "collapsible-content") {
id = "recommended-courses-content"
htmlData(recommendedBlock)
}
}
}
context(PageContext) private fun FlowContent.partners() {
//val partnersData: Meta = resolve<Any>(PARTNERS_PATH)?.meta ?: Meta.EMPTY
val partnersData: Meta = runBlocking { data.getByType<Meta>(PARTNERS_PATH)?.await() } ?: Meta.EMPTY
div("inner") {
h2 { +"Партнеры" }
div("features") {
partnersData.getIndexed("content".asName()).values.forEach { partner ->
section {
a(href = partner["link"].string, target = "_blank") {
rel = "noreferrer"
val imagePath = partner["logo"].string?.let { resolveRef(it) }
img(
classes = "icon major",
src = imagePath,
alt = imagePath
) {
h3 { +(partner["title"].string ?: "") }
}
}
}
}
}
}
}
class Person(val data: HtmlData) : HtmlData by data {
val name: String by meta.string { error("Mentor name is not defined") }
val photo: String? by meta.string()
}
context(PageContext) private fun FlowContent.team() {
val team = findByType("magprog_team").map { Person(it.value) }.sortedBy { it.order }
div("inner") {
h2 {
+"Команда"
}
}
team.forEach { member ->
section {
id = member.id
a(classes = "image", href = resolveRef("mentor-${member.id}")) {
member.photo?.let { photoPath ->
img(
src = resolveRef(photoPath),
alt = member.name
) {
attributes["data-position"] = "center center"
}
}
}
div("content") {
div("inner") {
h3 {
a(href = "#team_${member.id}") { +member.name }
}
htmlData(member)
}
}
}
}
}
context(PageContext) private fun FlowContent.mentors() {
val mentors = findByType("magprog_mentor").mapValues { Person(it.value) }.entries.sortedBy { it.value.id }
div("inner") {
h2 {
+"Научные руководители"
}
}
mentors.forEach { (name, mentor) ->
section {
id = mentor.id
a(classes = "image", href = resolveRef("mentor-${mentor.id}")) {
mentor.photo?.let { photoPath ->
img(
src = resolveRef(photoPath),
alt = mentor.name
) {
attributes["data-position"] = "center center"
}
}
}
div("content") {
div("inner") {
h2 {
a(href = resolveRef("mentor-${mentor.id}")) { +mentor.name }
}
val info = resolveHtml(name.withIndex("info"))
if (info != null) {
htmlData(info)
}
}
}
}
}
}
context(PageContext) internal fun HTML.magProgHead(title: String) {
head {
this.title = title
meta {
charset = "utf-8"
}
meta {
name = "viewport"
content = "width=device-width, initial-scale=1, user-scalable=no"
}
link {
rel = "stylesheet"
href = resolveRef("css/main.css")
}
link {
rel = "shortcut icon"
href = resolveRef("images/favicon-32x32.png")
}
noScript {
link {
rel = "stylesheet"
href = resolveRef("css/noscript.css")
}
}
}
}
context(PageContext) internal fun BODY.magProgFooter() {
footer("wrapper style1-alt") {
id = "footer"
div("inner") {
ul("menu") {
li { +"""SPC. All rights reserved.""" }
li {
+"""Design:"""
a {
href = "http://html5up.net"
+"""HTML5 UP"""
}
}
}
}
}
script {
src = resolveRef("js/jquery.min.js")
}
script {
src = resolveRef("js/jquery.scrollex.min.js")
}
script {
src = resolveRef("js/jquery.scrolly.min.js")
}
script {
src = resolveRef("js/browser.min.js")
}
script {
src = resolveRef("js/breakpoints.min.js")
}
script {
src = resolveRef("js/util.js")
}
script {
src = resolveRef("js/main.js")
}
}
internal val Person.mentorPageId get() = "mentor-${id}"
internal fun Application.spcMaster(context: Context, dataPath: Path, prefix: String = "/magprog") {
val snark = context.fetch(SnarkPlugin)
val magProgPageContext: PageContext = snark.parse(prefix, dataPath.resolve("content"))
routing {
route(prefix) {
with(magProgPageContext) {
static{
files(dataPath.resolve("assets").toFile())
static("images") {
files(dataPath.resolve("images").toFile())
}
}
get {
call.respondHtml {
val sections = listOf<MagProgSection>(
wrapSection(resolveHtml(INTRO_PATH)!!, "intro"),
MagProgSection(
id = "partners",
title = "Партнеры",
style = "wrapper style3 fullscreen fade-up"
) {
partners()
},
// section(props.data.partners),
MagProgSection(
id = "mentors",
title = "Научные руководители",
style = "wrapper style2 spotlights",
) {
mentors()
},
MagProgSection(
id = "program",
title = "Учебная программа",
style = "wrapper style3 fullscreen fade-up"
) {
programSection()
},
wrapSection(resolveHtml(ENROLL_PATH)!!, "enroll"),
MagProgSection(
id = "team",
title = "Команда",
style = "wrapper style2 spotlights",
) {
team()
},
wrapSection(resolveHtml(CONTACTS_PATH)!!, "contacts"),
)
magProgHead("Магистратура \"Научное программирование\"")
body("is-preload magprog-body") {
section {
id = "sidebar"
div("inner") {
nav {
ul {
sections.forEach { section ->
li {
a(href = "#${section.id}") {
+section.title
}
}
}
}
}
}
}
div {
id = "wrapper"
sections.forEach { sec ->
section(sec.style) {
id = sec.id
with(sec) { content() }
}
}
}
magProgFooter()
}
}
}
val mentors = findByType("magprog_mentor").map {
Person(it.value)
}.sortedBy {
it.order
}
mentors.forEach { mentor ->
get(mentor.mentorPageId) {
call.respondHtml {
magProgHead("Научное программирование: ${mentor.name}")
body("is-preload") {
header {
id = "header"
a(classes = "title") {
href = "$homeRef#mentors"
+"Научные руководители"
}
nav() {
ul {
mentors.forEach {
li {
a {
href = resolveRef(it.mentorPageId)
+it.name
}
}
}
}
}
}
div {
id = "wrapper"
section("wrapper") {
id = "main"
div("inner") {
h1("major") { +mentor.name }
span("image left") {
mentor.photo?.let { photoPath ->
img(
src = resolveRef(photoPath),
alt = mentor.name
)
}
}
htmlData(mentor)
}
}
}
magProgFooter()
}
}
}
}
}
}
}
}