Change create project wizard order
parent
3ea5065505
commit
2081194857
|
@ -1,15 +1,5 @@
|
||||||
form
|
form
|
||||||
section.wizard-step.create-step1.active(data-step="step1")
|
section.wizard-step.create-step1(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")
|
|
||||||
div.title
|
div.title
|
||||||
h1 Choose a template
|
h1 Choose a template
|
||||||
p Which template would fit better in your project?
|
p Which template would fit better in your project?
|
||||||
|
@ -24,28 +14,26 @@ form
|
||||||
h2 {{ template.name }}
|
h2 {{ template.name }}
|
||||||
p {{ template.description }}
|
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
|
fieldset.wizard-action
|
||||||
div
|
div
|
||||||
a.button-prev.button.button-gray(href="", title="Prev") Prev
|
a.button-prev.button.button-gray(href="", title="Prev") Prev
|
||||||
a.button-submit.button.button-green(href="", title="Create") Create
|
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-bar
|
||||||
div.progress-state
|
div.progress-state
|
||||||
span Name and description
|
|
||||||
span Template selection
|
span Template selection
|
||||||
|
span Name and description
|
||||||
// span Final touches
|
// span Final touches
|
||||||
div.progress-bar-wrapper
|
div.progress-bar-wrapper
|
||||||
div.bar
|
div.bar
|
||||||
|
|
|
@ -41,11 +41,11 @@
|
||||||
@include animation-direction(alternate-reverse);
|
@include animation-direction(alternate-reverse);
|
||||||
&.active {
|
&.active {
|
||||||
@include animation(formSlide .4s ease-in-out);
|
@include animation(formSlide .4s ease-in-out);
|
||||||
&.create-step1,
|
&.create-step2,
|
||||||
&.create-step3 {
|
&.create-step3 {
|
||||||
@include table-flex();
|
@include table-flex();
|
||||||
}
|
}
|
||||||
&.create-step2 {
|
&.create-step1 {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -63,7 +63,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.create-step2 {
|
.create-step1 {
|
||||||
.template-inner {
|
.template-inner {
|
||||||
@include table-flex();
|
@include table-flex();
|
||||||
fieldset {
|
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 {
|
.progress-state {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
Loading…
Reference in New Issue