From 78e7b936a51b9c1312a1954e3cd3f240a13dc877 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= Date: Tue, 8 Jul 2014 13:28:29 +0200 Subject: [PATCH] Wiki page --- app/partials/views/components/mainTitle.jade | 7 ++- app/partials/views/modules/wiki-nav.jade | 28 +++++++++ app/partials/views/modules/wiki-summary.jade | 21 +++++++ app/partials/wiki.jade | 60 ++++++++++++++++++++ app/styles/components/wysiwyg.scss | 39 +++++++++++++ app/styles/layout/wiki.scss | 3 + app/styles/main.scss | 4 ++ app/styles/modules/wiki-nav.scss | 30 ++++++++++ app/styles/modules/wiki-summary.scss | 24 ++++++++ 9 files changed, 213 insertions(+), 3 deletions(-) create mode 100644 app/partials/views/modules/wiki-nav.jade create mode 100644 app/partials/views/modules/wiki-summary.jade create mode 100644 app/partials/wiki.jade create mode 100644 app/styles/components/wysiwyg.scss create mode 100644 app/styles/layout/wiki.scss create mode 100644 app/styles/modules/wiki-nav.scss create mode 100644 app/styles/modules/wiki-summary.scss diff --git a/app/partials/views/components/mainTitle.jade b/app/partials/views/components/mainTitle.jade index ca4b6fd8..a9654a07 100644 --- a/app/partials/views/components/mainTitle.jade +++ b/app/partials/views/components/mainTitle.jade @@ -1,3 +1,4 @@ -h1 - span(tg-bo-html="project.name") - span.green(tg-bo-html="sectionName") +header + h1 + span(tg-bo-html="project.name") + span.green(tg-bo-html="sectionName") diff --git a/app/partials/views/modules/wiki-nav.jade b/app/partials/views/modules/wiki-nav.jade new file mode 100644 index 00000000..37f9054e --- /dev/null +++ b/app/partials/views/modules/wiki-nav.jade @@ -0,0 +1,28 @@ +section.wiki-nav + header + h1 Links + nav + ul + li + a(href="", title="link-name") + span Link1 + span.icon.icon-arrow-right + li + a(href="", title="link-name") + span Link1 + span.icon.icon-arrow-right + li + a(href="", title="link-name") + span Link1 + span.icon.icon-arrow-right + li + a(href="", title="link-name") + span Link1 + span.icon.icon-arrow-right + li + a(href="", title="link-name") + span Link1 + span.icon.icon-arrow-right + a.button.button-green(href="", title="Edit page") Edit page + a.button.button-gray(href="", title="Add page") Add page + a.button.button-red(href="", title="Delete page") Delete page diff --git a/app/partials/views/modules/wiki-summary.jade b/app/partials/views/modules/wiki-summary.jade new file mode 100644 index 00000000..138e73bc --- /dev/null +++ b/app/partials/views/modules/wiki-summary.jade @@ -0,0 +1,21 @@ +div.summary.wiki-summary + ul + li + span.number 20 + span.description document
created + li + span.number 20 + span.description document
attached + li + span.number 125 + span.description times
edited + li + span.number 12/05/2014 + span.description last
edit + li.username-edition + figure.avatar + img(src="http://thecodeplayer.com/u/uifaces/34.jpg", alt="username") + span.description last modification + span.username Anler Hernández + //- Do we really need a button for this? + a.button.button-green(href="", title="See history") See history diff --git a/app/partials/wiki.jade b/app/partials/wiki.jade new file mode 100644 index 00000000..d4c2cb59 --- /dev/null +++ b/app/partials/wiki.jade @@ -0,0 +1,60 @@ +extends layout + +block head + title Taiga Project management web application with scrum in mind! + +block content + div.wrapper + sidebar.menu-secondary.extrabar + include views/modules/wiki-nav + section.main.backlog + //Include views/components/mainTitle + header + h1 + span Taiga + span.green Wiki + include views/modules/wiki-summary + section.wiki-content.wysiwyg + h1 Page title + p. + Lorem fistrum pecador benemeritaar ese hombree diodeno ese que llega me cago en tus muelas. + Benemeritaar torpedo diodenoo la caidita mamaar sexuarl condemor te voy a borrar el cerito al ataquerl papaar papaar. + Pupita por la gloria de mi madre torpedo quietooor condemor apetecan. + Mamaar por la gloria de mi madre se calle ustée la caidita de la pradera ese que llega caballo blanco caballo negroorl ese hombree jarl. + No te digo trigo por no llamarte Rodrigor pecador te va a hasé pupitaa hasta luego Lucas está la cosa muy malar benemeritaar. + h2 Section Title + p. + No puedor mamaar a wan de la pradera diodenoo jarl diodenoo ese hombree. + Benemeritaar al ataquerl apetecan amatomaa ese que llega a peich al ataquerl torpedo a wan qué dise usteer mamaar. + Qué dise usteer condemor pupita papaar papaar quietooor pupita. + Papaar papaar va usté muy cargadoo está la cosa muy malar pecador jarl se calle ustée. + h3 Subsection title + p. + Qué dise usteer ese pedazo de no puedor te voy a borrar el cerito condemor se calle ustée no puedor a gramenawer a wan. + A wan no te digo trigo por no llamarte Rodrigor al ataquerl diodenoo la caidita está la cosa muy malar mamaar va usté muy cargadoo no te digo + trigo por no llamarte Rodrigor diodeno. + Se calle ustée caballo blanco caballo negroorl benemeritaar jarl amatomaa ahorarr pupita está la cosa muy malar. + ul + li text in paragraphs + li Qué dise usteer ese pedazo de no puedor te voy a borrar el cerito condemor se calle ustée no puedor a gramenawer a wan. + li Se calle ustée caballo blanco caballo negroorl benemeritaar jarl amatomaa ahorarr pupita está la cosa muy malar. + li text in paragraphs + li text in paragraphs + ol + li text in paragraphs + li Qué dise usteer ese pedazo de no puedor te voy a borrar el cerito condemor se calle ustée no puedor a gramenawer a wan. + li Se calle ustée caballo blanco caballo negroorl benemeritaar jarl amatomaa ahorarr pupita está la cosa muy malar. + li text in paragraphs + li text in paragraphs + p Se calle ustée caballo blanco caballo negroorl benemeritaar jarl amatomaa ahorarr pupita está la cosa muy malar. + a(href="") Benemeritaar torpedo diodenoo la caidita mamaar + blockquote + Pupita por la gloria de mi madre torpedo quietooor condemor apetecan. + pre. + .button { + color: $white; + display: block; + margin-bottom: .5rem; + text-align: center; + } + include views/modules/attachments diff --git a/app/styles/components/wysiwyg.scss b/app/styles/components/wysiwyg.scss new file mode 100644 index 00000000..09ae3872 --- /dev/null +++ b/app/styles/components/wysiwyg.scss @@ -0,0 +1,39 @@ +.wysiwyg { + h1 { + @extend %xlarge; + @extend %text; + margin-bottom: .5rem; + text-transform: uppercase; + } + h2 { + @extend %large; + @extend %bold; + margin-bottom: .5rem; + text-transform: uppercase; + } + h3 { + @extend %bold; + text-transform: uppercase; + } + ul, + ol { + list-style-position: inside; + } + ul { + list-style-type: disc; + } + a { + color: $green-taiga; + &:hover { + color: $fresh-taiga; + } + } + pre { + background: $whitish; + direction: ltr; + font-family: 'courier new', 'monospace'; + padding: 1rem; + unicode-bidi: embed; + white-space: pre; + } +} diff --git a/app/styles/layout/wiki.scss b/app/styles/layout/wiki.scss new file mode 100644 index 00000000..d8cfd8fb --- /dev/null +++ b/app/styles/layout/wiki.scss @@ -0,0 +1,3 @@ +.wiki-content { + margin-bottom: 2rem; +} diff --git a/app/styles/main.scss b/app/styles/main.scss index 99ec72a8..9346e44e 100755 --- a/app/styles/main.scss +++ b/app/styles/main.scss @@ -32,6 +32,7 @@ $prefix-for-spec: true; @import 'components/watchers'; @import 'components/level'; @import 'components/assigned-to'; +@import 'components/wysiwyg'; //Modules @import 'modules/nav'; @@ -64,6 +65,8 @@ $prefix-for-spec: true; @import 'modules/login-form'; @import 'modules/register-form'; @import 'modules/forgot-form'; +@import 'modules/wiki-nav'; +@import 'modules/wiki-summary'; //Layout @import 'layout/base'; @@ -76,6 +79,7 @@ $prefix-for-spec: true; @import 'layout/project-colors'; @import 'layout/kanban'; @import 'layout/issues'; +@import 'layout/wiki'; //Shame @import 'shame/shame'; diff --git a/app/styles/modules/wiki-nav.scss b/app/styles/modules/wiki-nav.scss new file mode 100644 index 00000000..583372b4 --- /dev/null +++ b/app/styles/modules/wiki-nav.scss @@ -0,0 +1,30 @@ +.wiki-nav { + li { + @extend %large; + @extend %title; + border-bottom: 1px solid #cdcdcd; + text-transform: uppercase; + &:hover { + .icon { + @include transition (opacity 1s linear); + opacity: 1; + } + } + a { + display: block; + padding: 1rem 0 1rem 1rem; + } + .icon { + @include transition (opacity 1s linear); + color: $blackish; + float: right; + opacity: 0; + } + } + .button { + color: $white; + display: block; + margin-bottom: .5rem; + text-align: center; + } +} diff --git a/app/styles/modules/wiki-summary.scss b/app/styles/modules/wiki-summary.scss new file mode 100644 index 00000000..32908299 --- /dev/null +++ b/app/styles/modules/wiki-summary.scss @@ -0,0 +1,24 @@ +.wiki-summary { + @include clearfix(); + figure { + float: left; + margin-right: .5rem; + vertical-align: sub; + width: 32px; + } + .username-edition { + width: 240px; + span { + display: block; + float: none; + } + .username { + @extend %large; + color: $fresh-taiga; + } + } + .button { + color: $white; + float: right; + } +}