Change create project wizard order

stable
Jesús Espino 2014-10-02 16:59:22 +02:00
parent 3ea5065505
commit 2081194857
2 changed files with 16 additions and 45 deletions

View File

@ -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

View File

@ -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;