Commit 18ed0a21d03f8f82f94cb9a8f9f701b8b78a4ad2
1 parent
72997128
mehrere Boxen mit jeweils eigenem Header pro Gruppe
Showing
7 changed files
with
124 additions
and
95 deletions
1 | /* ======================================================================= | 1 | /* ======================================================================= |
2 | * Styles for components | 2 | * Styles for components |
3 | * ======================================================================= */ | 3 | * ======================================================================= */ |
4 | -.bgc-bg1 { background-color: #888888 } | 4 | +.bgc-bg1 { background-color: #888888 } |
5 | /* ======================================================================= */ | 5 | /* ======================================================================= */ |
6 | 6 | ||
7 | /* ======================================================================= | 7 | /* ======================================================================= |
8 | * Styles for logical groups. A group is defined by a bounding box "grp*" | 8 | * Styles for logical groups. A group is defined by a bounding box "grp*" |
9 | * containing one or more header lines "head*" and content-boxes "box*" | 9 | * containing one or more header lines "head*" and content-boxes "box*" |
10 | * ======================================================================= */ | 10 | * ======================================================================= */ |
11 | -.bgc-grp1 { background-color: #aaaaaa } | ||
12 | -.bgc-box1 { background-color: #ffb400 } | ||
13 | -.bgc-head1 { background-color: #e5a200 } | 11 | +.bgc-grp1 { background-color: #aaaaaa } |
12 | +.bgc-box1 { background-color: #ffb400 } | ||
13 | +.bgc-grp-head1 { background-color: #e5a200 } | ||
14 | +.bgc-box-head1 { background-color: #ffc434 } | ||
14 | /* ======================================================================= */ | 15 | /* ======================================================================= */ |
15 | 16 | ||
16 | /* ======================================================================= | 17 | /* ======================================================================= |
17 | * Styles for tooltips | 18 | * Styles for tooltips |
18 | * ======================================================================= */ | 19 | * ======================================================================= */ |
19 | -.bgc-tt1 { background-color: #eeeeee } | 20 | +.bgc-tt1 { background-color: #eeeeee } |
20 | /* ======================================================================= */ | 21 | /* ======================================================================= */ |
@@ -20,11 +20,16 @@ | @@ -20,11 +20,16 @@ | ||
20 | margin-top: 1px; | 20 | margin-top: 1px; |
21 | margin-bottom: 1px | 21 | margin-bottom: 1px |
22 | } | 22 | } |
23 | -.d-head1 { | 23 | +.d-grp-head1 { |
24 | padding: 3px; | 24 | padding: 3px; |
25 | margin-top: 1px; | 25 | margin-top: 1px; |
26 | margin-bottom: 1px | 26 | margin-bottom: 1px |
27 | } | 27 | } |
28 | +.d-box-head1 { | ||
29 | + padding: 3px; | ||
30 | + margin-top: 1px; | ||
31 | + margin-bottom: 3px | ||
32 | +} | ||
28 | /* ======================================================================= */ | 33 | /* ======================================================================= */ |
29 | 34 | ||
30 | /* ======================================================================= | 35 | /* ======================================================================= |
@@ -19,12 +19,18 @@ | @@ -19,12 +19,18 @@ | ||
19 | font-weight: normal; | 19 | font-weight: normal; |
20 | color: #000000 | 20 | color: #000000 |
21 | } | 21 | } |
22 | -.f-head1 { | 22 | +.f-grp-head1 { |
23 | font-family: verdana, sans-serif; | 23 | font-family: verdana, sans-serif; |
24 | font-size: 10pt; | 24 | font-size: 10pt; |
25 | font-weight: bold; | 25 | font-weight: bold; |
26 | color: #000000 | 26 | color: #000000 |
27 | } | 27 | } |
28 | +.f-box-head1 { | ||
29 | + font-family: verdana, sans-serif; | ||
30 | + font-size: 10pt; | ||
31 | + font-weight: normal; | ||
32 | + color: #000000 | ||
33 | +} | ||
28 | /* ======================================================================= */ | 34 | /* ======================================================================= */ |
29 | 35 | ||
30 | /* ======================================================================= | 36 | /* ======================================================================= |
1 | function c_person (personId, photographerId, ownerId, firstname, surname, | 1 | function c_person (personId, photographerId, ownerId, firstname, surname, |
2 | company, email, url, cameraId, wmWidth, wmHeight, wmXPos, wmYPos) | 2 | company, email, url, cameraId, wmWidth, wmHeight, wmXPos, wmYPos) |
3 | { | 3 | { |
4 | - this.personId = personId; | ||
5 | - this.photographerId = photographerId; | ||
6 | - this.ownerId = ownerId; | ||
7 | - this.firstname = firstname; | ||
8 | - this.surname = surname; | ||
9 | - this.company = company; | ||
10 | - this.email = email; | ||
11 | - this.url = url; | ||
12 | - this.cameraId = cameraId; | ||
13 | - this.wmWidth = wmWidth; | ||
14 | - this.wmHeight = wmHeight; | ||
15 | - this.wmXPos = wmXPos; | ||
16 | - this.wmYPos = wmYPos; | 4 | + this.personId = this._personId = personId; |
5 | + this.photographerId = this._photographerId = photographerId; | ||
6 | + this.ownerId = this._ownerId = ownerId; | ||
7 | + this.firstname = this._firstname = firstname; | ||
8 | + this.surname = this._surname = surname; | ||
9 | + this.company = this._company = company; | ||
10 | + this.email = this._company = email; | ||
11 | + this.url = this._url = url; | ||
12 | + this.cameraId = this._cameraId = cameraId; | ||
13 | + this.wmWidth = this._wmWidth = wmWidth; | ||
14 | + this.wmHeight = this._wmHeight = wmHeight; | ||
15 | + this.wmXPos = this._wmXPos = wmXPos; | ||
16 | + this.wmYPos = this._wmYPos = wmYPos; | ||
17 | 17 | ||
18 | this.personForm = null; | 18 | this.personForm = null; |
19 | 19 |
@@ -77,11 +77,13 @@ function personInUp ( | @@ -77,11 +77,13 @@ function personInUp ( | ||
77 | { | 77 | { |
78 | case 'photographerId': | 78 | case 'photographerId': |
79 | this.un_fold (person[p], | 79 | this.un_fold (person[p], |
80 | - document.getElementById ('cameraId').parentNode.parentNode); | 80 | + document.getElementById ( |
81 | + 'cameraId').parentNode.parentNode.parentNode); | ||
81 | break; | 82 | break; |
82 | case 'ownerId': | 83 | case 'ownerId': |
83 | this.un_fold (person[p], | 84 | this.un_fold (person[p], |
84 | - document.getElementById ('wmWidth').parentNode.parentNode); | 85 | + document.getElementById ( |
86 | + 'wmWidth').parentNode.parentNode.parentNode); | ||
85 | } | 87 | } |
86 | } | 88 | } |
87 | } | 89 | } |
@@ -59,55 +59,59 @@ | @@ -59,55 +59,59 @@ | ||
59 | </tr></table> | 59 | </tr></table> |
60 | </div> | 60 | </div> |
61 | <div class="bgc-grp1 d-grp1" style="margin-top: 2px"> | 61 | <div class="bgc-grp1 d-grp1" style="margin-top: 2px"> |
62 | - <div class="bgc-head1 f-head1 d-head1"> | 62 | + <div class="bgc-grp-head1 f-grp-head1 d-grp-head1"> |
63 | <?=_('personal data')?> | 63 | <?=_('personal data')?> |
64 | </div> | 64 | </div> |
65 | - <div class="bgc-box1 f-box1 d-box1"> | ||
66 | - <div> | ||
67 | - <input type="hidden" id="personId" value="-1" disabled="true" /> | ||
68 | - </div> | ||
69 | - <div> | ||
70 | - <input type="hidden" id="photographerId" value="-1" | ||
71 | - disabled="true" /> | ||
72 | - </div> | ||
73 | - <div> | ||
74 | - <input type="hidden" id="ownerId" value="-1" disabled="true" /> | ||
75 | - </div> | ||
76 | - <div> | ||
77 | - <input type="text" style="width: 200px" maxlength="255" | ||
78 | - id="firstname" value="" disabled="true" | ||
79 | - onChange="pInUp.setFirstname (this.value)" /> | ||
80 | - <?=_('firstname')?> | ||
81 | - </div> | ||
82 | - <div> | ||
83 | - <input type="text" style="width: 200px" maxlength="255" | ||
84 | - id="surname" value="" disabled="true" | ||
85 | - onChange="pInUp.setSurname (this.value)" /> | ||
86 | - <?=_('surname')?> | ||
87 | - </div> | ||
88 | - <div> | ||
89 | - <input type="text" style="width: 200px" maxlength="255" | ||
90 | - id="company" value="" disabled="true" | ||
91 | - onChange="pInUp.setCompany (this.value)" /> | ||
92 | - <?=_('company')?> | ||
93 | - </div> | ||
94 | - <div> | ||
95 | - <input type="text" style="width: 200px" maxlength="255" | ||
96 | - id="email" value="" disabled="true" | ||
97 | - onChange="pInUp.setEmail (this.value)" /> | ||
98 | - <?=_('email')?> | ||
99 | - </div> | ||
100 | - <div> | ||
101 | - <input type="text" style="width: 200px" maxlength="255" | ||
102 | - id="url" value="" disabled="true" | ||
103 | - onChange="pInUp.setUrl (this.value)" /> | ||
104 | - <?=_('url')?> | 65 | + <div> |
66 | + <div class="bgc-box1 f-box1 d-box1"> | ||
67 | + <div> | ||
68 | + <input type="hidden" id="personId" value="-1" | ||
69 | + disabled="true" /> | ||
70 | + </div> | ||
71 | + <div> | ||
72 | + <input type="hidden" id="photographerId" value="-1" | ||
73 | + disabled="true" /> | ||
74 | + </div> | ||
75 | + <div> | ||
76 | + <input type="hidden" id="ownerId" value="-1" | ||
77 | + disabled="true" /> | ||
78 | + </div> | ||
79 | + <div> | ||
80 | + <input type="text" style="width: 200px" maxlength="255" | ||
81 | + id="firstname" value="" disabled="true" | ||
82 | + onChange="pInUp.setFirstname (this.value)" /> | ||
83 | + <?=_('firstname')?> | ||
84 | + </div> | ||
85 | + <div> | ||
86 | + <input type="text" style="width: 200px" maxlength="255" | ||
87 | + id="surname" value="" disabled="true" | ||
88 | + onChange="pInUp.setSurname (this.value)" /> | ||
89 | + <?=_('surname')?> | ||
90 | + </div> | ||
91 | + <div> | ||
92 | + <input type="text" style="width: 200px" maxlength="255" | ||
93 | + id="company" value="" disabled="true" | ||
94 | + onChange="pInUp.setCompany (this.value)" /> | ||
95 | + <?=_('company')?> | ||
96 | + </div> | ||
97 | + <div> | ||
98 | + <input type="text" style="width: 200px" maxlength="255" | ||
99 | + id="email" value="" disabled="true" | ||
100 | + onChange="pInUp.setEmail (this.value)" /> | ||
101 | + <?=_('email')?> | ||
102 | + </div> | ||
103 | + <div> | ||
104 | + <input type="text" style="width: 200px" maxlength="255" | ||
105 | + id="url" value="" disabled="true" | ||
106 | + onChange="pInUp.setUrl (this.value)" /> | ||
107 | + <?=_('url')?> | ||
108 | + </div> | ||
105 | </div> | 109 | </div> |
106 | </div> | 110 | </div> |
107 | </div> | 111 | </div> |
108 | 112 | ||
109 | <div class="bgc-grp1 d-grp1" style="margin-top: 2px"> | 113 | <div class="bgc-grp1 d-grp1" style="margin-top: 2px"> |
110 | - <div class="bgc-head1 f-head1 d-head1" id="_title_camera"> | 114 | + <div class="bgc-grp-head1 f-grp-head1 d-grp-head1" id="_title_camera"> |
111 | <img style=" | 115 | <img style=" |
112 | position: relative; | 116 | position: relative; |
113 | float: right; | 117 | float: right; |
@@ -116,18 +120,22 @@ | @@ -116,18 +120,22 @@ | ||
116 | onClick="showHideBlock ('_title_camera')" /> | 120 | onClick="showHideBlock ('_title_camera')" /> |
117 | <?=_('photographer')?> | 121 | <?=_('photographer')?> |
118 | </div> | 122 | </div> |
119 | - <div class="bgc-box1 f-box1 d-box1" style="display: none"> | ||
120 | - <div> | ||
121 | - <input type="text" style="width: 200px" maxlength="255" | ||
122 | - id="cameraId" value="-1" disabled="true" | ||
123 | - onChange="pInUp.setCameraId (this.value)" /> | ||
124 | - <?=_('cameraId')?> | 123 | + <div style="display: none"> |
124 | + <div class="bgc-box1 f-box1 d-box1"> | ||
125 | + <div class="bgc-box-head1 f-box-head1 d-box-head1">camera</div> | ||
126 | + <div> | ||
127 | + <input type="text" style="width: 200px" maxlength="255" | ||
128 | + id="cameraId" value="-1" disabled="true" | ||
129 | + onChange="pInUp.setCameraId (this.value)" /> | ||
130 | + <?=_('cameraId')?> | ||
131 | + </div> | ||
125 | </div> | 132 | </div> |
126 | </div> | 133 | </div> |
127 | </div> | 134 | </div> |
128 | 135 | ||
129 | <div class="bgc-grp1 d-grp1" style="margin-top: 2px"> | 136 | <div class="bgc-grp1 d-grp1" style="margin-top: 2px"> |
130 | - <div class="bgc-head1 f-head1 d-head1" id="_title_watermark"> | 137 | + <div class="bgc-grp-head1 f-grp-head1 d-grp-head1" |
138 | + id="_title_watermark"> | ||
131 | <img style=" | 139 | <img style=" |
132 | position: relative; | 140 | position: relative; |
133 | float: right; | 141 | float: right; |
@@ -136,30 +144,37 @@ | @@ -136,30 +144,37 @@ | ||
136 | onClick="showHideBlock ('_title_watermark')" /> | 144 | onClick="showHideBlock ('_title_watermark')" /> |
137 | <?=_('owner')?> | 145 | <?=_('owner')?> |
138 | </div> | 146 | </div> |
139 | - <div class="bgc-box1 f-box1 d-box1" style="display: none"> | ||
140 | - <div> | ||
141 | - <input type="text" style="width: 200px" maxlength="255" | ||
142 | - id="wmWidth" value="" disabled="true" | ||
143 | - onChange="pInUp.setWmWidth (this.value)" /> | ||
144 | - <?=_('watermark width')?> | ||
145 | - </div> | ||
146 | - <div> | ||
147 | - <input type="text" style="width: 200px" maxlength="255" | ||
148 | - id="wmHeight" value="" disabled="true" | ||
149 | - onChange="pInUp.setWmHeight (this.value)" /> | ||
150 | - <?=_('watermark height')?> | ||
151 | - </div> | ||
152 | - <div> | ||
153 | - <input type="text" style="width: 200px" maxlength="255" | ||
154 | - id="wmXPos" value="" disabled="true" | ||
155 | - onChange="pInUp.setWmXPos (this.value)" /> | ||
156 | - <?=_('watermark xPos')?> | 147 | + <div style="display: none"> |
148 | + <div class="bgc-box1 f-box1 d-box1"> | ||
149 | + <div class="bgc-box-head1 f-box-head1 d-box-head1"> | ||
150 | + watermark</div> | ||
151 | + <div> | ||
152 | + <input type="text" style="width: 200px" maxlength="255" | ||
153 | + id="wmWidth" value="" disabled="true" | ||
154 | + onChange="pInUp.setWmWidth (this.value)" /> | ||
155 | + <?=_('watermark width')?> | ||
156 | + </div> | ||
157 | + <div> | ||
158 | + <input type="text" style="width: 200px" maxlength="255" | ||
159 | + id="wmHeight" value="" disabled="true" | ||
160 | + onChange="pInUp.setWmHeight (this.value)" /> | ||
161 | + <?=_('watermark height')?> | ||
162 | + </div> | ||
163 | + <div> | ||
164 | + <input type="text" style="width: 200px" maxlength="255" | ||
165 | + id="wmXPos" value="" disabled="true" | ||
166 | + onChange="pInUp.setWmXPos (this.value)" /> | ||
167 | + <?=_('watermark xPos')?> | ||
168 | + </div> | ||
169 | + <div> | ||
170 | + <input type="text" style="width: 200px" maxlength="255" | ||
171 | + id="wmYPos" value="" disabled="true" | ||
172 | + onChange="pInUp.setWmYPos (this.value)" /> | ||
173 | + <?=_('watermark yPos')?> | ||
174 | + </div> | ||
157 | </div> | 175 | </div> |
158 | - <div> | ||
159 | - <input type="text" style="width: 200px" maxlength="255" | ||
160 | - id="wmYPos" value="" disabled="true" | ||
161 | - onChange="pInUp.setWmYPos (this.value)" /> | ||
162 | - <?=_('watermark yPos')?> | 176 | + <div class="bgc-box1 f-box1 d-box1"> |
177 | + <div class="bgc-box-head1 f-box-head1 d-box-head1">more</div> | ||
163 | </div> | 178 | </div> |
164 | </div> | 179 | </div> |
165 | </div> | 180 | </div> |
@@ -33,7 +33,7 @@ | @@ -33,7 +33,7 @@ | ||
33 | <div class="bgc-bg1 d-bg1"> | 33 | <div class="bgc-bg1 d-bg1"> |
34 | <div class="bgc-grp1 d-grp1"> | 34 | <div class="bgc-grp1 d-grp1"> |
35 | <form id="personForm" onSubmit="return false"> | 35 | <form id="personForm" onSubmit="return false"> |
36 | - <div class="bgc-head1 f-head1 d-head1"> | 36 | + <div class="bgc-grp-head1 f-grp-head1 d-grp-head1"> |
37 | <?=_('search')?> | 37 | <?=_('search')?> |
38 | </div> | 38 | </div> |
39 | <div class="bgc-box1 f-box1 d-box1"> | 39 | <div class="bgc-box1 f-box1 d-box1"> |
Please
register
or
login
to post a comment