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 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 8 * Styles for logical groups. A group is defined by a bounding box "grp*"
9 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 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 20 margin-top: 1px;
21 21 margin-bottom: 1px
22 22 }
23   -.d-head1 {
  23 +.d-grp-head1 {
24 24 padding: 3px;
25 25 margin-top: 1px;
26 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 19 font-weight: normal;
20 20 color: #000000
21 21 }
22   -.f-head1 {
  22 +.f-grp-head1 {
23 23 font-family: verdana, sans-serif;
24 24 font-size: 10pt;
25 25 font-weight: bold;
26 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 1 function c_person (personId, photographerId, ownerId, firstname, surname,
2 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 18 this.personForm = null;
19 19
... ...
... ... @@ -77,11 +77,13 @@ function personInUp (
77 77 {
78 78 case 'photographerId':
79 79 this.un_fold (person[p],
80   - document.getElementById ('cameraId').parentNode.parentNode);
  80 + document.getElementById (
  81 + 'cameraId').parentNode.parentNode.parentNode);
81 82 break;
82 83 case 'ownerId':
83 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 59 </tr></table>
60 60 </div>
61 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 63 <?=_('personal data')?>
64 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 109 </div>
106 110 </div>
107 111 </div>
108 112
109 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 115 <img style="
112 116 position: relative;
113 117 float: right;
... ... @@ -116,18 +120,22 @@
116 120 onClick="showHideBlock ('_title_camera')" />
117 121 <?=_('photographer')?>
118 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 132 </div>
126 133 </div>
127 134 </div>
128 135
129 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 139 <img style="
132 140 position: relative;
133 141 float: right;
... ... @@ -136,30 +144,37 @@
136 144 onClick="showHideBlock ('_title_watermark')" />
137 145 <?=_('owner')?>
138 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 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 178 </div>
164 179 </div>
165 180 </div>
... ...
... ... @@ -33,7 +33,7 @@
33 33 <div class="bgc-bg1 d-bg1">
34 34 <div class="bgc-grp1 d-grp1">
35 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 37 <?=_('search')?>
38 38 </div>
39 39 <div class="bgc-box1 f-box1 d-box1">
... ...
Please register or login to post a comment