ghopp
/
image-manager
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

mehrere Boxen mit jeweils eigenem Header pro Gruppe

master
Georg Hopp 18 years ago
parent
7299712885
commit
18ed0a21d0
7 changed files with 124 additions and 95 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 11
      css/background-colors.css
  2. 7
      css/displays.css
  3. 8
      css/fonts.css
  4. 26
      js/personAdmin/person.js
  5. 6
      js/personAdmin/personInUp.js
  6. 159
      templates/personAdmin/personInUp.tpl.php
  7. 2
      templates/personAdmin/personSearch1.tpl.php

11
css/background-colors.css
View File

@ -1,20 +1,21 @@
/* ======================================================================= /* =======================================================================
* Styles for components * Styles for components
* ======================================================================= */ * ======================================================================= */
.bgc-bg1 { background-color: #888888 }
.bgc-bg1 { background-color: #888888 }
/* ======================================================================= */ /* ======================================================================= */
/* ======================================================================= /* =======================================================================
* Styles for logical groups. A group is defined by a bounding box "grp*" * Styles for logical groups. A group is defined by a bounding box "grp*"
* containing one or more header lines "head*" and content-boxes "box*" * containing one or more header lines "head*" and content-boxes "box*"
* ======================================================================= */ * ======================================================================= */
.bgc-grp1 { background-color: #aaaaaa }
.bgc-box1 { background-color: #ffb400 }
.bgc-head1 { background-color: #e5a200 }
.bgc-grp1 { background-color: #aaaaaa }
.bgc-box1 { background-color: #ffb400 }
.bgc-grp-head1 { background-color: #e5a200 }
.bgc-box-head1 { background-color: #ffc434 }
/* ======================================================================= */ /* ======================================================================= */
/* ======================================================================= /* =======================================================================
* Styles for tooltips * Styles for tooltips
* ======================================================================= */ * ======================================================================= */
.bgc-tt1 { background-color: #eeeeee }
.bgc-tt1 { background-color: #eeeeee }
/* ======================================================================= */ /* ======================================================================= */

7
css/displays.css
View File

@ -20,11 +20,16 @@
margin-top: 1px; margin-top: 1px;
margin-bottom: 1px margin-bottom: 1px
} }
.d-head1 {
.d-grp-head1 {
padding: 3px; padding: 3px;
margin-top: 1px; margin-top: 1px;
margin-bottom: 1px margin-bottom: 1px
} }
.d-box-head1 {
padding: 3px;
margin-top: 1px;
margin-bottom: 3px
}
/* ======================================================================= */ /* ======================================================================= */
/* ======================================================================= /* =======================================================================

8
css/fonts.css
View File

@ -19,12 +19,18 @@
font-weight: normal; font-weight: normal;
color: #000000 color: #000000
} }
.f-head1 {
.f-grp-head1 {
font-family: verdana, sans-serif; font-family: verdana, sans-serif;
font-size: 10pt; font-size: 10pt;
font-weight: bold; font-weight: bold;
color: #000000 color: #000000
} }
.f-box-head1 {
font-family: verdana, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #000000
}
/* ======================================================================= */ /* ======================================================================= */
/* ======================================================================= /* =======================================================================

26
js/personAdmin/person.js
View File

@ -1,19 +1,19 @@
function c_person (personId, photographerId, ownerId, firstname, surname, function c_person (personId, photographerId, ownerId, firstname, surname,
company, email, url, cameraId, wmWidth, wmHeight, wmXPos, wmYPos) company, email, url, cameraId, wmWidth, wmHeight, wmXPos, wmYPos)
{ {
this.personId = personId;
this.photographerId = photographerId;
this.ownerId = ownerId;
this.firstname = firstname;
this.surname = surname;
this.company = company;
this.email = email;
this.url = url;
this.cameraId = cameraId;
this.wmWidth = wmWidth;
this.wmHeight = wmHeight;
this.wmXPos = wmXPos;
this.wmYPos = wmYPos;
this.personId = this._personId = personId;
this.photographerId = this._photographerId = photographerId;
this.ownerId = this._ownerId = ownerId;
this.firstname = this._firstname = firstname;
this.surname = this._surname = surname;
this.company = this._company = company;
this.email = this._company = email;
this.url = this._url = url;
this.cameraId = this._cameraId = cameraId;
this.wmWidth = this._wmWidth = wmWidth;
this.wmHeight = this._wmHeight = wmHeight;
this.wmXPos = this._wmXPos = wmXPos;
this.wmYPos = this._wmYPos = wmYPos;
this.personForm = null; this.personForm = null;

6
js/personAdmin/personInUp.js
View File

@ -77,11 +77,13 @@ function personInUp (
{ {
case 'photographerId': case 'photographerId':
this.un_fold (person[p], this.un_fold (person[p],
document.getElementById ('cameraId').parentNode.parentNode);
document.getElementById (
'cameraId').parentNode.parentNode.parentNode);
break; break;
case 'ownerId': case 'ownerId':
this.un_fold (person[p], this.un_fold (person[p],
document.getElementById ('wmWidth').parentNode.parentNode);
document.getElementById (
'wmWidth').parentNode.parentNode.parentNode);
} }
} }
} }

159
templates/personAdmin/personInUp.tpl.php
View File

@ -59,55 +59,59 @@
</tr></table> </tr></table>
</div> </div>
<div class="bgc-grp1 d-grp1" style="margin-top: 2px"> <div class="bgc-grp1 d-grp1" style="margin-top: 2px">
<div class="bgc-head1 f-head1 d-head1">
<div class="bgc-grp-head1 f-grp-head1 d-grp-head1">
<?=_('personal data')?> <?=_('personal data')?>
</div> </div>
<div class="bgc-box1 f-box1 d-box1">
<div>
<input type="hidden" id="personId" value="-1" disabled="true" />
</div>
<div>
<input type="hidden" id="photographerId" value="-1"
disabled="true" />
</div>
<div>
<input type="hidden" id="ownerId" value="-1" disabled="true" />
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="firstname" value="" disabled="true"
onChange="pInUp.setFirstname (this.value)" />
<?=_('firstname')?>
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="surname" value="" disabled="true"
onChange="pInUp.setSurname (this.value)" />
<?=_('surname')?>
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="company" value="" disabled="true"
onChange="pInUp.setCompany (this.value)" />
<?=_('company')?>
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="email" value="" disabled="true"
onChange="pInUp.setEmail (this.value)" />
<?=_('email')?>
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="url" value="" disabled="true"
onChange="pInUp.setUrl (this.value)" />
<?=_('url')?>
<div>
<div class="bgc-box1 f-box1 d-box1">
<div>
<input type="hidden" id="personId" value="-1"
disabled="true" />
</div>
<div>
<input type="hidden" id="photographerId" value="-1"
disabled="true" />
</div>
<div>
<input type="hidden" id="ownerId" value="-1"
disabled="true" />
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="firstname" value="" disabled="true"
onChange="pInUp.setFirstname (this.value)" />
<?=_('firstname')?>
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="surname" value="" disabled="true"
onChange="pInUp.setSurname (this.value)" />
<?=_('surname')?>
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="company" value="" disabled="true"
onChange="pInUp.setCompany (this.value)" />
<?=_('company')?>
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="email" value="" disabled="true"
onChange="pInUp.setEmail (this.value)" />
<?=_('email')?>
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="url" value="" disabled="true"
onChange="pInUp.setUrl (this.value)" />
<?=_('url')?>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="bgc-grp1 d-grp1" style="margin-top: 2px"> <div class="bgc-grp1 d-grp1" style="margin-top: 2px">
<div class="bgc-head1 f-head1 d-head1" id="_title_camera">
<div class="bgc-grp-head1 f-grp-head1 d-grp-head1" id="_title_camera">
<img style=" <img style="
position: relative; position: relative;
float: right; float: right;
@ -116,18 +120,22 @@
onClick="showHideBlock ('_title_camera')" /> onClick="showHideBlock ('_title_camera')" />
<?=_('photographer')?> <?=_('photographer')?>
</div> </div>
<div class="bgc-box1 f-box1 d-box1" style="display: none">
<div>
<input type="text" style="width: 200px" maxlength="255"
id="cameraId" value="-1" disabled="true"
onChange="pInUp.setCameraId (this.value)" />
<?=_('cameraId')?>
<div style="display: none">
<div class="bgc-box1 f-box1 d-box1">
<div class="bgc-box-head1 f-box-head1 d-box-head1">camera</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="cameraId" value="-1" disabled="true"
onChange="pInUp.setCameraId (this.value)" />
<?=_('cameraId')?>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="bgc-grp1 d-grp1" style="margin-top: 2px"> <div class="bgc-grp1 d-grp1" style="margin-top: 2px">
<div class="bgc-head1 f-head1 d-head1" id="_title_watermark">
<div class="bgc-grp-head1 f-grp-head1 d-grp-head1"
id="_title_watermark">
<img style=" <img style="
position: relative; position: relative;
float: right; float: right;
@ -136,30 +144,37 @@
onClick="showHideBlock ('_title_watermark')" /> onClick="showHideBlock ('_title_watermark')" />
<?=_('owner')?> <?=_('owner')?>
</div> </div>
<div class="bgc-box1 f-box1 d-box1" style="display: none">
<div>
<input type="text" style="width: 200px" maxlength="255"
id="wmWidth" value="" disabled="true"
onChange="pInUp.setWmWidth (this.value)" />
<?=_('watermark width')?>
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="wmHeight" value="" disabled="true"
onChange="pInUp.setWmHeight (this.value)" />
<?=_('watermark height')?>
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="wmXPos" value="" disabled="true"
onChange="pInUp.setWmXPos (this.value)" />
<?=_('watermark xPos')?>
<div style="display: none">
<div class="bgc-box1 f-box1 d-box1">
<div class="bgc-box-head1 f-box-head1 d-box-head1">
watermark</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="wmWidth" value="" disabled="true"
onChange="pInUp.setWmWidth (this.value)" />
<?=_('watermark width')?>
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="wmHeight" value="" disabled="true"
onChange="pInUp.setWmHeight (this.value)" />
<?=_('watermark height')?>
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="wmXPos" value="" disabled="true"
onChange="pInUp.setWmXPos (this.value)" />
<?=_('watermark xPos')?>
</div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="wmYPos" value="" disabled="true"
onChange="pInUp.setWmYPos (this.value)" />
<?=_('watermark yPos')?>
</div>
</div> </div>
<div>
<input type="text" style="width: 200px" maxlength="255"
id="wmYPos" value="" disabled="true"
onChange="pInUp.setWmYPos (this.value)" />
<?=_('watermark yPos')?>
<div class="bgc-box1 f-box1 d-box1">
<div class="bgc-box-head1 f-box-head1 d-box-head1">more</div>
</div> </div>
</div> </div>
</div> </div>

2
templates/personAdmin/personSearch1.tpl.php
View File

@ -33,7 +33,7 @@
<div class="bgc-bg1 d-bg1"> <div class="bgc-bg1 d-bg1">
<div class="bgc-grp1 d-grp1"> <div class="bgc-grp1 d-grp1">
<form id="personForm" onSubmit="return false"> <form id="personForm" onSubmit="return false">
<div class="bgc-head1 f-head1 d-head1">
<div class="bgc-grp-head1 f-grp-head1 d-grp-head1">
<?=_('search')?> <?=_('search')?>
</div> </div>
<div class="bgc-box1 f-box1 d-box1"> <div class="bgc-box1 f-box1 d-box1">

Write Preview
Loading…
Cancel
Save