| @@ -1,85 +1,96 | |||
|
|
1 | 1 | /* |
|
|
2 | 2 | * font-family: 'Droid Sans', sans-serif; |
|
|
3 | 3 | * font-family: 'Ubuntu', sans-serif; |
|
|
4 | 4 | * font-family: 'Open Sans', sans-serif; |
|
|
5 | 5 | * font-family: 'Open Sans Condensed', sans-serif; |
|
|
6 | 6 | * font-family: 'Roboto Condensed', sans-serif; |
|
|
7 | 7 | */ |
|
|
8 | 8 | |
|
|
9 | 9 | body { font-size: 12px; } |
|
|
10 | 10 | header {border: 1px solid #fcc; font-size: 2em; height: 50px; text-align: center; line-height: 50px} |
|
|
11 | 11 | #schema {margin: 0 auto; width: 980px; border: 1px solid #f00; padding: 10px 10px 10px 10px} |
|
|
12 | 12 | #content {border: 1px solid #1cc; margin-top: 5px; margin-bottom: 5px} |
|
|
13 | 13 | #content #leftcolumn {float: left;border: 1px solid #c55; width: 150px; } |
|
|
14 | 14 | #content #maincolumn {float: left; border: 1px solid #000; width: 800px; padding-left: 20px;} |
|
|
15 | 15 | footer {border: 1px solid #200; font-size: 0.9em; height: 30px; text-align: center; line-height: 20px} |
|
|
16 | 16 | |
|
|
17 | 17 | .cleardivs {clear: both; border: 0px solid #400; height: 0px} |
|
|
18 | 18 | /****************************************************************************************/ |
|
|
19 | 19 | /****** ESTILOS GENERALES *****************/ |
|
|
20 | 20 | /****************************************************************************************/ |
|
|
21 | 21 | .mnu{ height: 22px; border: 0px solid #c55 !important;} |
|
|
22 | 22 | .mnu li{ display:inline;} |
|
|
23 | 23 | .MnuVertical, .MnuHorizontal { font-family: 'Droid Sans', sans-serif; font-size: 1.2em; font-style: italic; text-shadow: 2px 2px #eee} |
|
|
24 | 24 | .MnuHorizontal ul{ list-style: none; list-style-type: none; margin: 0;} |
|
|
25 | 25 | |
|
|
26 | 26 | /*.MnuHorizontal{ display: -webkit-box; -webkit-box-orient:horizontal;}*/ |
|
|
27 | 27 | /*.MnuHorizontal a{ display:block; padding:10px; -webkit-box-flex:1; text-align:center; }*/ |
|
|
28 | 28 | |
|
|
29 | 29 | /****************************************************************************************/ |
|
|
30 | 30 | /****** MENU DE NAVEGACION DE PERFILES **********************************/ |
|
|
31 | 31 | /****************************************************************************************/ |
|
|
32 | 32 | #content #infoProfiles {border: 1px solid #d00 !important; width: 140px; margin: 0px; padding-top: 2px; padding-bottom: 2px} |
|
|
33 | 33 | .lblInfo {padding-left: 12px; line-height: 20px;} |
|
|
34 | 34 | #infoProfiles select {padding-left: 12px; line-height: 20px;margin-left: 12px} |
|
|
35 | 35 | #content nav {border: 0px solid #c55 !important; margin: 0px;} |
|
|
36 | 36 | |
|
|
37 | 37 | #leftcolumn #mnuProfiles{ margin: 5px 0px; border: 0px solid #1494F6 !important; } |
|
|
38 | 38 | #mnuProfiles ul{list-style: none; list-style-type: none; margin: 0; padding-left: 20px; border: 0px solid #f00 !important} |
|
|
39 | 39 | #mnuProfiles li{ width: 80px; padding: 2px; border: 0px solid #c55 !important; line-height: 22px} |
|
|
40 | 40 | #mnuProfiles a{ font-weight: normal; color: #1494F6; display: block; border: 0px solid #1cc !important; text-align: left} |
|
|
41 | 41 | |
|
|
42 | 42 | /****************************************************************************************/ |
|
|
43 | 43 | /******** FORMULARIO DE PERFILES *************************************/ |
|
|
44 | 44 | /****************************************************************************************/ |
|
|
45 | 45 | #divProfile { border: 0px solid #dff; margin: 10px 0px; padding: 10px 10px; width: 500px } |
|
|
46 |
.flsAntenna { margin: |
|
|
|
46 | .flsAntenna { margin: 0; width: 750px; padding: 5px } | |
|
|
47 | 47 | #divPattern textarea,input[type=text],label{ font-family: "Open Sans"; font-size: inherit; } |
|
|
48 | ||
|
|
49 | 48 | #divPattern textarea {resize: none; overflow: hidden} |
|
|
50 | ||
|
|
51 |
. |
|
|
|
49 | .antenna{ border: 1px solid #1494F6 !important; padding: 5px} | |
|
|
50 | .infoAntenna{ border: 0px solid #f00 !important; width: 480px; float: left} | |
|
|
51 | .overJRO{ border: 0px solid #1cc !important; width: 250px; float: left; margin: 0px 5px} | |
|
|
52 | .divAntenna { float: left; margin: 10px; border: 0px solid #fcc !important; width: 190px } | |
|
|
52 | 53 | .divAntenna label{ display: block } |
|
|
53 |
.txtAntenna { width: |
|
|
|
54 | .divAntenna p{ width: 250px; max-width: 250px; height: 130px; max-height: 130px; border: 1px solid #eee !important} | |
|
|
54 | .txtAntenna { width: 175px; max-width: 180px; height: 160px; max-height: 165px; background: #fdfdfb; padding: 4px; | |
|
|
55 | border: 2px solid #eee !important; /*font-family: "Ubuntu"; font-size: inherit;*/ | |
|
|
56 | text-align: justify; margin: 0 auto; line-height: 20px} | |
|
|
57 | .divAntenna p{ width: 175px; max-width: 180px; height: 160px; max-height: 165px; background: #fdfdfb; padding: 2px; | |
|
|
58 | border: 1px solid #eee !important; font-family: "Ubuntu"; font-size: inherit; | |
|
|
59 | text-align: justify; margin: 0 auto; line-height: 20px} | |
|
|
55 | 60 | |
|
|
56 | 61 | .divTx { display: block; float: left; margin: 10px; height: 150px } |
|
|
57 | 62 | .divTx label{ display: block } |
|
|
58 | 63 | .divTx textarea{ width: 135px; max-width: 135px; height: 135px; max-height: 140px; text-align: justify } |
|
|
59 |
.divTx p{ width: 1 |
|
|
|
64 | .divTx p{ width: 100px; max-width: 105px; height: 160px; max-height: 165px; background: #fdfdfb; padding: 2px; | |
|
|
65 | border: 1px solid #eee !important; font-family: "Ubuntu"; font-size: inherit; | |
|
|
66 | text-align: justify; margin: 0 auto; line-height: 20px;} | |
|
|
60 | 67 | |
|
|
61 | 68 | .divUes { display: block; margin: 10px} |
|
|
62 | .divUes input[type=text] { width: 240px; max-width: 240px;} | |
|
|
69 | .divUes input[type=text] { width: 240px; max-width: 240px; font-family: "Ubuntu"; font-size: inherit;} | |
|
|
70 | ||
|
|
71 | .overJRO img{width: 200; height: 145px; text-align: center; vertical-align: middle; margin: 25px 5px 5px 5px; | |
|
|
72 | display: block; background: #fdfdfb; border: 1px solid #eee !important;} | |
|
|
73 | .overJRO a{ text-align: center; margin: 0 auto; display: block} | |
|
|
63 | 74 | |
|
|
64 | 75 | /****************************************************************************************/ |
|
|
65 | 76 | /****** MENU DE NAVEGACION DE PATRONES **********************************/ |
|
|
66 | 77 | /****************************************************************************************/ |
|
|
67 | 78 | #divMnuPattern{ width: 280px; height: 25px; display: block; border: 0px solid #1cc !important; float: left; margin-left: 500px} |
|
|
68 | 79 | #divMnuPattern li{ float: left; display: block; width: 60px; border: 0px solid #2cc !important} |
|
|
69 | 80 | #divMnuPattern a{ display: block; line-height: 22px; text-decoration: none; padding: 0px 5px; |
|
|
70 | 81 | border-bottom: 1px solid #1494F6 !important; margin: 0px 2px; text-align: center; color: #1494F6 |
|
|
71 | 82 | } |
|
|
72 | 83 | #infoPattern{ display: block; border: 1px solid #1494f6 !important, margin: 5px 2px; } |
|
|
73 | 84 | |
|
|
74 | 85 | #navPatterns{ margin: 10px auto; border: 0px solid #d00 !important; width: 500px; height: 30px; font-family: 'Ubuntu', sans-serif; font-size: 14px; |
|
|
75 | 86 | padding: 10px 0px} |
|
|
76 | 87 | #navPatternList{ margin: 0px auto; border: 1px solid #ecc !important} |
|
|
77 | 88 | #navPatternList ul{ list-style: none; list-style-type: none; margin: 0;} |
|
|
78 | 89 | #navPatternList ul li{ float: left; width: 50px; border: 1px solid #eee !important; } |
|
|
79 | 90 | #navPatternList a{ width: 50px; border: 0px solid #1cc !important; display: block; text-align: center; line-height: 25px} |
|
|
80 | 91 | .lnkPattern{ background-color: #ccc !important; color: #eee;} |
|
|
81 | 92 | .lnkPatternSelected{ background-color: #2cc !important; color: #fff;} |
|
|
82 | 93 | |
|
|
83 | 94 | .divListofPatterns{ width: 650px; display: block; border: 1px solid #1cc !important; margin: 0 auto} |
|
|
84 | 95 | .divPattern{ width: 600px; display: block; border: 1px solid #f00 !important; margin: 2px auto; } |
|
|
85 | 96 | |
| @@ -1,12 +1,15 | |||
|
|
1 | 1 | /** |
|
|
2 | 2 | * @author Jose Antonio Sal y Rosas Celi |
|
|
3 | 3 | * @contact: jose.salyrosas@jro.igp.gob.pe, arturo.jasyrc@gmail.com |
|
|
4 | 4 | */ |
|
|
5 | 5 | |
|
|
6 | 6 | $(document).on('ready',function(){ |
|
|
7 | 7 | $('#listProfiles').change(function() { |
|
|
8 | 8 | if($(this).val() != -1){ |
|
|
9 | 9 | location.href="/abscontrol/view/" + $(this).val(); |
|
|
10 | 10 | } |
|
|
11 | 11 | }); |
|
|
12 | $('.activeOverJRO').click(function() { | |
|
|
13 | alert("OverJRO"); | |
|
|
14 | }); | |
|
|
12 | 15 | }); No newline at end of file |
| @@ -1,60 +1,64 | |||
|
|
1 | 1 | {% extends "abscontrol/index.html" %} |
|
|
2 | 2 | {% block title %}ABS CONTROL:::::NEW PROFILE{% endblock %} |
|
|
3 | 3 | |
|
|
4 | 4 | {% block maincolumn%} |
|
|
5 | 5 | <div id="maincolumn"> |
|
|
6 | 6 | <form action="/abscontrol/save/" method="post"> |
|
|
7 | 7 | <div id="divProfile"> |
|
|
8 | 8 | <label for="lblName">Profile:</label> |
|
|
9 | 9 | <input type="text" name="txtProfile" id="" value="" /> |
|
|
10 | 10 | <input type="submit" value="Save" /> |
|
|
11 | 11 | </div> |
|
|
12 | 12 | <div id="divPattern"> |
|
|
13 | 13 | <div id="antennaUp"> |
|
|
14 | 14 | <fieldset class="flsAntenna"> |
|
|
15 | 15 | <legend>UP</legend> |
|
|
16 | 16 | <div class="divAntenna"> |
|
|
17 | 17 | <label for="lblAntenna">Antenna</label> |
|
|
18 | 18 | <textarea name="txtAntennaUp" class="txtAntenna" cols="38" rows="8">{{ txtAntenna }}</textarea> |
|
|
19 | 19 | </div> |
|
|
20 | 20 | <div class="divTx"> |
|
|
21 | 21 | <label for="lblTx">Tx</label> |
|
|
22 | 22 | <textarea name="txtTxUp" class="txtTR" cols="20" rows="8">{{ txtTxUp }}</textarea> |
|
|
23 | 23 | </div> |
|
|
24 | 24 | <div class="divTx"> |
|
|
25 | 25 | <label for="lblRx">Rx</label> |
|
|
26 | 26 | <textarea name="txtRxUp" class="txtTR" cols="20" rows="8">{{ txtRxUp }}</textarea> |
|
|
27 | 27 | </div> |
|
|
28 | 28 | <div class="cleardivs"></div> |
|
|
29 | 29 | <div class="divUes"> |
|
|
30 | 30 | <label for="lblUes">Ues:</label> |
|
|
31 | 31 | <input type="text" name="txtUesUp" value="{{ txtUes }}" /> |
|
|
32 | <input type="checkbox" name="chkOnlyRxUp" value="" /> | |
|
|
33 | <label for="lblOnlyRx">Only RX</label> | |
|
|
32 | 34 | </div> |
|
|
33 | 35 | </fieldset> |
|
|
34 | 36 | </div> |
|
|
35 | 37 | <div id="antennaDown"> |
|
|
36 | 38 | <fieldset class="flsAntenna"> |
|
|
37 | 39 | <legend>DOWN</legend> |
|
|
38 | 40 | <div class="divAntenna"> |
|
|
39 | 41 | <label for="lblAntenna">Antenna</label> |
|
|
40 | 42 | <textarea name="txtAntennaDown" class="txtAntenna" cols="38" rows="8">{{ txtAntenna }}</textarea> |
|
|
41 | 43 | </div> |
|
|
42 | 44 | <div class="divTx"> |
|
|
43 | 45 | <label for="lblTx">Tx</label> |
|
|
44 | 46 | <textarea name="txtTxDown" class="txtTR" cols="20" rows="8">{{ txtTxDown }}</textarea> |
|
|
45 | 47 | </div> |
|
|
46 | 48 | <div class="divTx"> |
|
|
47 | 49 | <label for="lblRx">Rx</label> |
|
|
48 | 50 | <textarea name="txtRxDown" class="txtTR" cols="20" rows="8">{{ txtRxDown }}</textarea> |
|
|
49 | 51 | </div> |
|
|
50 | 52 | <div class="cleardivs"></div> |
|
|
51 | 53 | <div class="divUes"> |
|
|
52 | 54 | <label for="lblUes">Ues:</label> |
|
|
53 | 55 | <input type="text" name="txtUesDown" value="{{ txtUes }}" /> |
|
|
56 | <input type="checkbox" name="chkOnlyRxDown" value="" /> | |
|
|
57 | <label for="lblOnlyRx">Only RX</label> | |
|
|
54 | 58 | </div> |
|
|
55 | 59 | </fieldset> |
|
|
56 | 60 | </div> |
|
|
57 | 61 | </div> |
|
|
58 | 62 | </form> |
|
|
59 | 63 | </div> |
|
|
60 | 64 | {% endblock %} |
| @@ -1,74 +1,100 | |||
|
|
1 | 1 | {% extends "abscontrol/index.html" %} |
|
|
2 | 2 | {% block title %}ABS CONTROL:::PROFILE:::{{ objProfile.name }}{% endblock %} |
|
|
3 | 3 | |
|
|
4 | 4 | {% block maincolumn%} |
|
|
5 | 5 | <div id="maincolumn"> |
|
|
6 | 6 | <div id="divProfile"> |
|
|
7 | 7 | <label for="lblName">Profile:</label> |
|
|
8 | 8 | <label for="lblProfile">{{ objProfile.name }}</label> |
|
|
9 | 9 | </div> |
|
|
10 | 10 | <div id="divPattern"> |
|
|
11 | 11 | <div id="infoPattern"> |
|
|
12 | 12 | {% if patternChoosen %} |
|
|
13 | 13 | <div id="navPatterns"> |
|
|
14 | 14 | <nav class="" id="navPatternList"> |
|
|
15 | 15 | <ul> |
|
|
16 | 16 | {% for element in lsPatterns %} |
|
|
17 | 17 | {% if patternChoosen.id == element.id %} |
|
|
18 | 18 | <li><a href="/abscontrol/{{ objProfile.id }}/view/{{ element.id }}" class="lnkPatternSelected">{{ element.value }}</a></li> |
|
|
19 | 19 | {% else %} |
|
|
20 | 20 | <li><a href="/abscontrol/{{ objProfile.id }}/view/{{ element.id }}" class="lnkPattern">{{ element.value }}</a></li> |
|
|
21 | 21 | {% endif %} |
|
|
22 | 22 | {% endfor %} |
|
|
23 | 23 | </ul> |
|
|
24 | 24 | </nav> |
|
|
25 | 25 | </div> |
|
|
26 | 26 | {% endif %} |
|
|
27 | <div id="antennaUp"> | |
|
|
27 | <div id="antennaUp" class="antenna"> | |
|
|
28 | 28 | <fieldset class="flsAntenna"> |
|
|
29 | 29 | <legend>UP</legend> |
|
|
30 |
<div class=" |
|
|
|
31 |
< |
|
|
|
32 | <p>{{ antennaUp.value }}</p> | |
|
|
30 | <div class="infoAntenna"> | |
|
|
31 | <div class="divAntenna"> | |
|
|
32 | <label for="lblAntenna">Antenna</label> | |
|
|
33 | <p>{{ antennaUp.value }}</p> | |
|
|
34 | </div> | |
|
|
35 | <div class="divTx"> | |
|
|
36 | <label for="lblTx">Tx</label> | |
|
|
37 | <p>{{ antennaUp.tx }}</p> | |
|
|
38 | </div> | |
|
|
39 | <div class="divTx"> | |
|
|
40 | <label for="lblRx">Rx</label> | |
|
|
41 | <p>{{ antennaUp.rx }}</p> | |
|
|
42 | </div> | |
|
|
43 | <div class="cleardivs"></div> | |
|
|
44 | <div class="divUes"> | |
|
|
45 | <label for="lblUes">Ues:</label> | |
|
|
46 | <label for="lblAntennaUpUes">{{ antennaUp.ues }}</label> | |
|
|
47 | {% if antennaUp.only_rx == 0 %} | |
|
|
48 | <input type="checkbox" name="chkOnlyRxUp" value="" /> | |
|
|
49 | {% else %} | |
|
|
50 | <input type="checkbox" name="chkOnlyRxUp" value="" checked="checked"/> | |
|
|
51 | {% endif %} | |
|
|
52 | <label for="lblOnlyRx">Only RX</label> | |
|
|
53 | </div> | |
|
|
33 | 54 | </div> |
|
|
34 |
<div class=" |
|
|
|
35 |
< |
|
|
|
36 | <p>{{ antennaUp.tx }}</p> | |
|
|
37 | </div> | |
|
|
38 | <div class="divTx"> | |
|
|
39 | <label for="lblRx">Rx</label> | |
|
|
40 | <p>{{ antennaUp.rx }}</p> | |
|
|
55 | <div class="overJRO"> | |
|
|
56 | <img /> | |
|
|
57 | <a href="#" class="activeOverJRO" id="patternChoosen.id">Preview</a> | |
|
|
41 | 58 | </div> |
|
|
42 | 59 | <div class="cleardivs"></div> |
|
|
43 | <div class="divUes"> | |
|
|
44 | <label for="lblUes">Ues:</label> | |
|
|
45 | <label for="lblAntennaUpUes">{{ antennaUp.ues }}</label> | |
|
|
46 | </div> | |
|
|
47 | 60 | </fieldset> |
|
|
48 | 61 | </div> |
|
|
49 | <div id="antennaDown"> | |
|
|
62 | <div id="antennaDown" class="antenna"> | |
|
|
50 | 63 | <fieldset class="flsAntenna"> |
|
|
51 | 64 | <legend>DOWN</legend> |
|
|
52 |
<div class=" |
|
|
|
53 |
< |
|
|
|
54 | <p>{{ antennaDown.value }}</p> | |
|
|
65 | <div class="infoAntenna"> | |
|
|
66 | <div class="divAntenna"> | |
|
|
67 | <label for="lblAntenna">Antenna</label> | |
|
|
68 | <p>{{ antennaDown.value }}</p> | |
|
|
69 | </div> | |
|
|
70 | <div class="divTx"> | |
|
|
71 | <label for="lblTx">Tx</label> | |
|
|
72 | <p>{{ antennaDown.tx }}</p> | |
|
|
73 | </div> | |
|
|
74 | <div class="divTx"> | |
|
|
75 | <label for="lblRx">Rx</label> | |
|
|
76 | <p>{{ antennaDown.rx }}</p> | |
|
|
77 | </div> | |
|
|
78 | <div class="cleardivs"></div> | |
|
|
79 | <div class="divUes"> | |
|
|
80 | <label for="lblUes">Ues:</label> | |
|
|
81 | <label for="lblAntennaDownUes">{{ antennaDown.ues }}</label> | |
|
|
82 | {% if antennaDown.only_rx == 0 %} | |
|
|
83 | <input type="checkbox" name="chkOnlyRxDown" value="" /> | |
|
|
84 | {% else %} | |
|
|
85 | <input type="checkbox" name="chkOnlyRxDown" value="" checked="checked"/> | |
|
|
86 | {% endif %} | |
|
|
87 | <label for="lblOnlyRx">Only RX</label> | |
|
|
88 | </div> | |
|
|
55 | 89 | </div> |
|
|
56 |
<div class=" |
|
|
|
57 |
< |
|
|
|
58 | <p>{{ antennaDown.tx }}</p> | |
|
|
59 | </div> | |
|
|
60 | <div class="divTx"> | |
|
|
61 | <label for="lblRx">Rx</label> | |
|
|
62 | <p>{{ antennaDown.rx }}</p> | |
|
|
90 | <div class="overJRO"> | |
|
|
91 | <img /> | |
|
|
92 | <a href="#" class="activeOverJRO" id="{{ patternChoosen.id }}">Preview</a> | |
|
|
63 | 93 | </div> |
|
|
64 | 94 | <div class="cleardivs"></div> |
|
|
65 | <div class="divUes"> | |
|
|
66 | <label for="lblUes">Ues:</label> | |
|
|
67 | <label for="lblAntennaDownUes">{{ antennaDown.ues }}</label> | |
|
|
68 | </div> | |
|
|
69 | 95 | </fieldset> |
|
|
70 | 96 | </div> |
|
|
71 | 97 | </div> |
|
|
72 | 98 | </div> |
|
|
73 | 99 | </div> |
|
|
74 | 100 | {% endblock %} |
General Comments 0
You need to be logged in to leave comments.
Login now