From 7a7c965f7a52cfdd4cc77a76ab404ae51c0bb080 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= Date: Tue, 26 Aug 2014 16:02:09 +0200 Subject: [PATCH] Admin-project-profile radio buttons for project privacy --- app/partials/admin-project-profile.jade | 8 ++++++ .../modules/admin/admin-project-profile.scss | 27 ++++++++++++++++++- 2 files changed, 34 insertions(+), 1 deletion(-) diff --git a/app/partials/admin-project-profile.jade b/app/partials/admin-project-profile.jade index 1938928f..b328b1bd 100644 --- a/app/partials/admin-project-profile.jade +++ b/app/partials/admin-project-profile.jade @@ -43,6 +43,14 @@ block content textarea(name="description", placeholder="Description", id="project-description", ng-model="project.description", data-required="true") + div.privacy-settings + div + input.hidden(type="radio", id="public-project", name="project-privacy", ng-checked="!project.is_private") + label.button(for="public-project") Public Project + div + input.hidden(type="radio", id="private-project", name="project-privacy", ng-checked="project.is_private") + label.button(for="private-project") Private Project + input(type="submit", class="hidden") a.button.button-green(href="") Save a.delete-project(href="", title="Delete this project", ng-click="ctrl.openDeleteLightbox()") Delete this project diff --git a/app/styles/modules/admin/admin-project-profile.scss b/app/styles/modules/admin/admin-project-profile.scss index 49cc7441..1ae6cda1 100644 --- a/app/styles/modules/admin/admin-project-profile.scss +++ b/app/styles/modules/admin/admin-project-profile.scss @@ -8,7 +8,6 @@ @extend %title; } fieldset { - @include table-flex(); margin-bottom: 1rem; } label { @@ -19,6 +18,32 @@ textarea { height: 10rem; } + .privacy-settings { + @include table-flex(); + margin-bottom: 2rem; + div { + @include table-flex-child(1, 0, 0, 40%); + &:first-child { + margin-right: .5rem; + } + } + label { + @extend %title; + background: $white; + border: 1px solid $whitish; + cursor: pointer; + display: block; + text-align: center; + } + input { + &:checked { + +label { + background: $green-taiga; + color: $white; + } + } + } + } .button-green { color: $white; display: block;