Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Luciano Barletta
/
mini-web
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
Commit e4cf6fdd
authored
2019-11-27 14:06:07 +0000
by
Luciano Barletta
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
merge
1 parent
b10b3783
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
47 additions
and
8 deletions
Luciano/static/Scripts/ArmadoDeForm.js
Luciano/static/Style/ArmadoDeForm.css
Luciano/templates/generate.html
Luciano/static/Scripts/ArmadoDeForm.js
View file @
e4cf6fd
function
ArmarForm
(
data
)
{
document
.
getElementById
(
"ArmarFormContainer"
).
style
.
display
=
"none"
;
document
.
getElementById
(
"BotonesContainer"
).
style
.
display
=
"block"
;
document
.
getElementById
(
"TabsContainer"
).
style
.
display
=
"block"
;
document
.
getElementById
(
"FormularioResultante"
).
style
.
display
=
"block"
;
let
m
=
data
.
length
;
for
(
let
n
=
0
;
n
<
m
;
n
++
)
{
...
...
Luciano/static/Style/ArmadoDeForm.css
View file @
e4cf6fd
html
{
--Color
:
rgb
(
1
22
,
230
,
163
);
--Color
:
rgb
(
1
,
194
,
120
);
}
#BotonesContainer
{
#FormularioResultante
{
width
:
98%
;
margin
:
auto
;
height
:
100%
;
}
.BotonesContainer
{
width
:
100%
;
height
:
5%
;
text-align
:
center
;
}
.BotonFormResultante
{
font-size
:
30px
;
border
:
none
;
color
:
white
;
height
:
90%
;
width
:
48%
;
margin
:
0.5%
;
margin-top
:
2%
;
border-radius
:
5px
;
text-align
:
center
;
background-color
:
rgb
(
151
,
151
,
151
);
}
#TabsContainer
{
width
:
100%
;
height
:
95
%
;
height
:
82
%
;
}
.Botones
{
...
...
@@ -22,6 +42,7 @@ html {
}
.BotonesActive
{
background-color
:
var
(
--Color
);
border-bottom
:
none
;
height
:
6%
;
...
...
@@ -37,3 +58,14 @@ html {
height
:
100%
;
border
:
3px
solid
var
(
--Color
);
}
@media
(
max-width
:
600px
)
{
.BotonResultCont
{
margin
:
1%
auto
;
height
:
10%
;
vertical-align
:
baseline
;
align-content
:
center
;
}
}
/*
@media (min-width: 1300px) {*/
\ No newline at end of file
Luciano/templates/generate.html
View file @
e4cf6fd
...
...
@@ -27,11 +27,19 @@
</div>
<p
id=
"ErrorMessage"
style=
"font-weight: bold; text-align: center; color: red;"
></p>
<h3
id=
"ContinuarText"
>
Cuando se encuentre conforme con el formulario presione Continuar
</h3>
<button
id=
"ContinuarButton"
onclick=
"ArmarForm( generate(document.getElementById('tabs')) )"
>
Continuar
</button>
<button
id=
"ContinuarButton"
onclick=
"ArmarForm( generate(document.getElementById('tabs')) )"
>
Continuar
</button>
</section>
<section
id=
"FormularioResultante"
style=
"display: none;"
>
<h1
style=
"margin: 2% 0% 2% 0;"
>
Su Formulario Ya Esta Listo!
</h1>
<section
id=
"BotonesContainer"
class=
"BotonesContainer"
>
</section>
<section
id=
"BotonesContainer"
style=
"display: none;
"
>
<section
id=
"TabsContainer
"
>
</section>
<section
id=
"TabsContainer"
style=
"display: none;"
>
<div
class=
"BotonesContainer BotonResultCont"
>
<button
class=
"BotonFormResultante"
>
Editar
</button>
<button
class=
"BotonFormResultante"
style=
"background-color: var(--Color);"
>
Continuar
</button>
</div>
</section>
</body>
...
...
Write
Preview
Styling with
Markdown
is supported
Attach a file
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to post a comment