Group up existing components into elements

2019-11-19 16:12:52 +09:00
parent dc4fc1410d
commit c542bcdcd6
77 changed files with 291 additions and 349 deletions
--- a/elements/Quote/Quote.pixy
+++ b/elements/Quote/Quote.pixy
@ -0,0 +1,14 @@
+component Quote(quote *arn.Quote, user *arn.User)
+	.quote.mountable
+		QuoteContent(quote, user)
+		QuoteFooter(quote)
+
+component QuoteContent(quote *arn.Quote, user *arn.User)
+	.quote-content
+		a.quotation(href=quote.Link())
+			QuoteText(quote)
+		
+		QuoteCharacter(quote, user)
+
+component QuoteText(quote *arn.Quote)
+	blockquote!= utils.RenderQuoteText(quote.Text.English)
--- a/elements/Quote/Quote.scarlet
+++ b/elements/Quote/Quote.scarlet
@ -0,0 +1,56 @@
+const quote-margin = 1rem
+
+.quote
+	vertical
+	flex 1
+	flex-basis 500px
+	margin quote-margin 0
+
+> 500px
+	.quote
+		margin quote-margin
+
+.quote-content
+	vertical
+	ui-element
+	border-left 5px solid quote-side-border-color !important
+	box-shadow shadow-light
+
+.quote-line
+	// ...
+
+.quote-character
+	horizontal
+	align-self flex-end
+	margin 0 1em 1em 0
+
+	.character
+		margin 0
+
+.quote-footer
+	media-footer
+
+blockquote
+	flex-grow 1
+	padding 1em
+
+	p
+		line-height 2em
+		quotes "\201C""\201D"
+		color text-color
+
+		:before
+			color quote-color
+			content open-quote
+			font-size 4em
+			line-height 0.1em
+			margin-right 0.25em
+			vertical-align -0.4em
+
+		:after
+			color quote-color
+			content close-quote
+			font-size 4em
+			line-height 0.1em
+			margin-left  0.25em
+			vertical-align -0.4em
--- a/elements/Quote/QuoteCharacter.pixy
+++ b/elements/Quote/QuoteCharacter.pixy
@ -0,0 +1,4 @@
+component QuoteCharacter(quote *arn.Quote, user *arn.User)
+	if quote.CharacterID != "" && quote.Character() != nil
+		footer.quote-character
+			CharacterSmall(quote.Character(), user)
--- a/elements/Quote/QuoteFooter.pixy
+++ b/elements/Quote/QuoteFooter.pixy
@ -0,0 +1,6 @@
+component QuoteFooter(quote *arn.Quote)
+	footer.quote-footer
+		span  posted 
+		span.utc-date.no-tip(data-date=quote.Created)
+		span  by 
+		a(href=quote.Creator().Link())= quote.Creator().Nick
--- a/elements/Quote/QuotePreview.pixy
+++ b/elements/Quote/QuotePreview.pixy
@ -0,0 +1,14 @@
+component QuotePreview(quote *arn.Quote, user *arn.User)
+	.quote.mountable
+		QuoteContentPreview(quote, user)
+		QuoteFooter(quote)
+
+component QuoteContentPreview(quote *arn.Quote, user *arn.User)
+	.quote-content
+		a.quotation(href=quote.Link())
+			QuoteTextPreview(quote)
+		
+		QuoteCharacter(quote, user)
+
+component QuoteTextPreview(quote *arn.Quote)
+	blockquote!= utils.RenderQuoteText(utils.CutLongDescription(quote.Text.English))