From 61fb08de6cccefddc0564b10eb6ec69dcc413423 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jes=C3=BAs=20Espino?= Date: Thu, 2 Oct 2014 16:59:22 +0200 Subject: [PATCH] Change create project wizard order --- .../views/modules/wizard-create-project.jade | 38 +++++++------------ app/styles/modules/common/wizard.scss | 23 ++--------- 2 files changed, 16 insertions(+), 45 deletions(-) diff --git a/app/partials/views/modules/wizard-create-project.jade b/app/partials/views/modules/wizard-create-project.jade index 2de41207..c8008524 100644 --- a/app/partials/views/modules/wizard-create-project.jade +++ b/app/partials/views/modules/wizard-create-project.jade @@ -1,15 +1,5 @@ form - section.wizard-step.create-step1.active(data-step="step1") - div.title - h1 Create Project - p Fresh and clean. So exciting! - fieldset - input(type="text", name="name", ng-model="data.name", data-required="true", placeholder="Name", maxlength="45") - fieldset - textarea(name="description", ng-model="data.description", data-required="true", placeholder="Description") - fieldset - a.button-next.button.button-green(href="", title="Next") Next - section.wizard-step.create-step2(data-step="step2") + section.wizard-step.create-step1(data-step="step1") div.title h1 Choose a template p Which template would fit better in your project? @@ -24,28 +14,26 @@ form h2 {{ template.name }} p {{ template.description }} + fieldset + a.button-next.button.button-green(href="", title="Next") Next + + section.wizard-step.create-step2.active(data-step="step2") + div.title + h1 Create Project + p Fresh and clean. So exciting! + fieldset + input(type="text", name="name", ng-model="data.name", data-required="true", placeholder="Name", maxlength="45") + fieldset + textarea(name="description", ng-model="data.description", data-required="true", placeholder="Description") fieldset.wizard-action div a.button-prev.button.button-gray(href="", title="Prev") Prev a.button-submit.button.button-green(href="", title="Create") Create - // section.wizard-step.create-step3(data-step="step3") - // div.title - // h1 Final Touch - // p Give a final touch and make this project totally yours - // fieldset - // input(type="number", name="total_story_points", min="0", ng-model="data.total_story_points", data-type="digits", data-required="true", placeholder="Total story points") - // fieldset - // input(type="number", name="total_milestones", min="0", ng-model="data.total_milestones", data-type="digits", placeholder="Total milestones") - // fieldset.wizard-action - // div - // a.button-prev.button.button-gray(href="", title="Prev") Prev - // a.button-submit.button.button-green(href="", title="Create") Create - div.progress-bar div.progress-state - span Name and description span Template selection + span Name and description // span Final touches div.progress-bar-wrapper div.bar diff --git a/app/styles/modules/common/wizard.scss b/app/styles/modules/common/wizard.scss index e7cbc7ea..1ea1a730 100644 --- a/app/styles/modules/common/wizard.scss +++ b/app/styles/modules/common/wizard.scss @@ -41,11 +41,11 @@ @include animation-direction(alternate-reverse); &.active { @include animation(formSlide .4s ease-in-out); - &.create-step1, + &.create-step2, &.create-step3 { @include table-flex(); } - &.create-step2 { + &.create-step1 { display: block; } } @@ -63,7 +63,7 @@ } } } - .create-step2 { + .create-step1 { .template-inner { @include table-flex(); fieldset { @@ -147,23 +147,6 @@ } } } - // &.step3 { - // .bar { - // @include transition(width .6s ease-in-out); - // width: 75%; - // } - // .progress-state { - // span { - // &:nth-child(1), - // &:nth-child(2), - // &:nth-child(3) { - // @include transition(color .3s ease-in-out); - // @include transition-delay(.6s); - // color: rgba($white, 1); - // } - // } - // } - // } } .progress-state { position: absolute;