discontinued / image-manager · Commits

Commit 18ed0a21d03f8f82f94cb9a8f9f701b8b78a4ad2

Authored by Georg Hopp
1 parent 72997128

mehrere Boxen mit jeweils eigenem Header pro Gruppe

Inline Side-by-side
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