Reorder fields in timesheet edit popup window, to make it similar to other popups layout

This commit is contained in:
Hadi Nategh 2014-03-11 09:59:35 +00:00
parent d241f9e019
commit f007e39cfd
2 changed files with 119 additions and 127 deletions

View File

@ -1,5 +1,40 @@
/* $Id$ */ /**
* Styles for etemplate2 widgets
*
* @version: $Id$
*/
.timesheet_titleSum,.timesheet_titleDetails { font-weight: bold; } .timesheet_titleSum,.timesheet_titleDetails { font-weight: bold; }
div#timesheet-edit.et2_container {
width: 842px; div#timesheet-edit.et2_container
{
width: 688px;
} }
//** add # sign behind the ts_id
.timesheet_timesheetId:before span { content:"#"; }
//** Fit the duration selectbox and input fields together
#timesheet-edit_ts_duration, #timesheet-edit_ts_duration select
{
width:74%;
white-space: noWrap;
}
#timesheet-edit_ts_duration input
{
width:4em !important;
}
//** make the modifier inline
.timesheet_modifier label
{
display: inline-block;
float: right;
}
.timesheet_modifier ul
{
display: inline-block;
float: left;
}

View File

@ -8,15 +8,27 @@
<column width="200"/> <column width="200"/>
<column width="102" disabled="@ts_viewtype"/> <column width="102" disabled="@ts_viewtype"/>
<column width="200" disabled="@ts_viewtype"/> <column width="200" disabled="@ts_viewtype"/>
<column width="220"/> <column width="40"/>
<column width="30"/>
</columns> </columns>
<rows> <rows>
<row class="row" disabled="@ts_viewtype"> <row>
<description value="Title" for="ts_title"/> <description value="Project" for="ts_project"/>
<textbox blur="@ts_title_blur" id="ts_title" size="65" maxlength="80" class="et2_fullWidth" tabindex="1"/> <hbox disabled="@pm_integration=none">
<description/> <link-entry id="pm_id" onchange="1" only_app='projectmanager' blur='None' class="et2_fullWidth"/>
<description/> </hbox>
<description/> <hbox disabled="@pm_integration=full" span="all">
<textbox blur="@ts_project_blur" id="ts_project" size="65" maxlength="80" class="et2_fullWidth"/>
</hbox>
</row>
<row disabled="@ts_viewtype">
<description value="Unitprice" for="ts_unitprice"/>
<hbox disabled="@pm_integration=none" >
<projectmanager-pricelist id="pl_id" class="et2_fullWidth" onchange="this.form['exec[ts_unitprice]'].value=this.options[this.selectedIndex].text.lastIndexOf('(') &lt; 0 ? '' : this.options[this.selectedIndex].text.slice(this.options[this.selectedIndex].text.lastIndexOf('(')+1,-1);" options="None"/>
</hbox>
<hbox disabled="@pm_integration=none">
<textbox type="float" id="ts_unitprice" span="all" class="et2_fullWidth"/>
</hbox>
</row> </row>
<row class="row" disabled="!@ts_viewtype"> <row class="row" disabled="!@ts_viewtype">
<description value="comment"/> <description value="comment"/>
@ -25,178 +37,128 @@
<description/> <description/>
<description/> <description/>
</row> </row>
<row class="row">
<description value="Category" for="cat_id"/>
<menulist>
<menupopup type="select-cat" id="cat_id" options="None,,,timesheet" class="et2_fullWidth"/>
</menulist>
<description/>
<description/>
<description/>
</row>
<row class="row">
<description value="Date" for="ts_start"/>
<date id="ts_start" needed="1" options=",8" class="et2_fullWidth"/>
<description value="Starttime"/>
<date-timeonly id="start_time" options="H:i" class="et2_fullWidth"/>
<description/>
</row>
<row class="row">
<description value="Duration" for="ts_duration"/>
<date-duration id="ts_duration" options=",hm" class="et2_fullWidth"/>
<description value="or endtime" class="noWrap"/>
<date-timeonly id="end_time" options="H:i" class="et2_fullWidth"/>
<description/>
</row>
<row class="row" disabled="@ts_viewtype"> <row class="row" disabled="@ts_viewtype">
<description value="Quantity" for="ts_quantity"/> <description value="Quantity" for="ts_quantity"/>
<textbox type="float" blur="@ts_quantity_blur" statustext="empty if identical to duration" id="ts_quantity" precision="3" class="et2_fullWidth"/> <textbox type="float" blur="@ts_quantity_blur" statustext="empty if identical to duration" id="ts_quantity" precision="3" class="et2_fullWidth"/>
<description/> <description value="Category" for="cat_id"/>
<description/> <menulist span="all">
<description/> <menupopup type="select-cat" id="cat_id" options="None,,,timesheet" class="et2_fullWidth"/>
</row>
<row class="row" disabled="@no_ts_status">
<description value="Status"/>
<menulist>
<menupopup statustext="select a status of the timesheet" id="ts_status" class="et2_fullWidth" options="please select"/>
</menulist> </menulist>
<description/>
<description/>
<description/>
</row> </row>
</rows> </rows>
</grid> </grid>
</template> </template>
<template id="timesheet.edit.notes" template="" lang="" group="0" version="1.5.001"> <template id="timesheet.edit.notes" template="" lang="" group="0" version="1.5.001">
<grid width="100%" height="165"> <box height="165" width="100%" overflow="auto">
<columns> <textbox multiline="true" id="ts_description" rows="11" cols="70" class="et2_fullWidth"/>
<column/> </box>
</columns>
<rows>
<row class="row" valign="top">
<textbox multiline="true" id="ts_description" rows="11" cols="70" class="et2_fullWidth"/>
</row>
</rows>
</grid>
</template> </template>
<template id="timesheet.edit.links" template="" lang="" group="0" version="0.1.001"> <template id="timesheet.edit.links" template="" lang="" group="0" version="0.1.001">
<grid width="100%" height="165" overflow="auto"> <grid width="100%" height="165" overflow="auto">
<columns> <columns>
<column width="100"/> <column width="99%"/>
<column/>
</columns> </columns>
<rows> <rows>
<row class="th" disabled="@view"> <row class="th" disabled="@view">
<description value="Create new links" span="all"/> <description value="Create new links"/>
</row> </row>
<row class="row" disabled="@status_only"> <row class="row" disabled="@status_only">
<link-to id="link_to" span="all"/> <link-to id="link_to"/>
</row> </row>
<row class="th"> <row class="th">
<description value="Existing links" span="all"/> <description value="Existing links"/>
</row> </row>
<row class="row_off" valign="top"> <row class="row_off" >
<link-list id="link_to" span="all"/> <link-list id="link_to"/>
</row> </row>
</rows> </rows>
</grid> </grid>
</template> </template>
<template id="timesheet.edit.customfields" template="" lang="" group="0" version="1.5.001"> <template id="timesheet.edit.customfields" template="" lang="" group="0" version="1.5.001">
<grid width="100%" height="165" overflow="auto"> <box height="165" width="100%" overflow="auto">
<columns> <customfields class="et2_fullWidth" height="165"/>
<column width="102"/> </box>
<column width="224"/>
<column width="520"/>
</columns>
<rows>
<row>
<customfields class="et2_fullWidth" span="2"/>
<description/>
</row>
</rows>
</grid>
</template> </template>
<template id="timesheet.edit.history" template="" lang="" group="0" version="1.7.001"> <template id="timesheet.edit.history" template="" lang="" group="0" version="1.7.001">
<historylog id="history" overflow="auto" height="165"/> <box height="165" width="100%" overflow="auto">
<historylog id="history"/>
</box>
</template> </template>
<template id="timesheet.edit" template="" lang="" group="0" version="1.9.002"> <template id="timesheet.edit" template="" lang="" group="0" version="1.9.002">
<grid width="100%"> <grid width="100%">
<columns> <columns>
<column width="107"/> <column width="107"/>
<column width="200"/> <column width="200"/>
<column width="534"/> <column width="107"/>
<column width="200"/>
<column width="40"/>
<column width="30"/>
<column width="4"/>
</columns> </columns>
<rows> <rows>
<row class="th dialog-header" height="28"> <row disabled="@ts_viewtype">
<description value="User" for="ts_owner"/> <description value="Title" for="ts_title"/>
<menulist > <textbox blur="@ts_title_blur" id="ts_title" size="65" maxlength="80" class="et2_fullWidth" tabindex="1" span="3"/>
<menupopup id="ts_owner" no_lang="1" class="et2_fullWidth"/> <appicon src="timesheet"/>
</menulist> <textbox type="integer" id="ts_id" readonly="true" class="timesheet_timesheetId"/>
<description/> <description />
</row> </row>
<row> <row>
<description value="Project" for="ts_project"/> <description value="Date" for="ts_start"/>
<grid> <date id="ts_start" needed="1" options=",8" class="et2_fullWidth"/>
<columns> <description value="Starttime"/>
<column/> <date-timeonly id="start_time" options="H:i" class="et2_fullWidth" span="3"/>
</columns>
<rows>
<row disabled="@pm_integration=none">
<link-entry id="pm_id" onchange="1" only_app='projectmanager' blur='None' class="et2_fullWidth"/>
</row>
<row disabled="@pm_integration=full">
<textbox blur="@ts_project_blur" id="ts_project" size="65" maxlength="80" class="et2_fullWidth"/>
</row>
</rows>
</grid>
<description/> <description/>
</row> </row>
<row disabled="@ts_viewtype"> <row class="row">
<description value="Unitprice" for="ts_unitprice"/> <description value="Duration" for="ts_duration"/>
<grid> <date-duration id="ts_duration" options=",hm" class="et2_fullWidth noWrap" />
<columns> <description value="or endtime" class="noWrap"/>
<column disabled="@pm_integration=none"/> <date-timeonly id="end_time" options="H:i" class="et2_fullWidth" span="3"/>
<column/>
</columns>
<rows>
<row>
<projectmanager-pricelist id="pl_id" onchange="this.form['exec[ts_unitprice]'].value=this.options[this.selectedIndex].text.lastIndexOf('(') &lt; 0 ? '' : this.options[this.selectedIndex].text.slice(this.options[this.selectedIndex].text.lastIndexOf('(')+1,-1);" options="None"/>
<textbox type="float" id="ts_unitprice" span="all" class="et2_fullWidth"/>
</row>
</rows>
</grid>
<description/> <description/>
</row> </row>
<row> <row>
<tabbox id="tabs" class="et2_nowrap" width="100%" span="all"> <tabbox id="tabs" class="et2_nowrap" width="100%" span="all">
<tabs> <tabs>
<tab id="general" label="General"/> <tab id="notes" label="Description"/>
<tab id="notes" label="Notes"/> <tab id="general" label="Details"/>
<tab id="links" label="Links"/> <tab id="links" label="Links"/>
<tab id="customfields" label="Custom Fields"/> <tab id="customfields" label="Custom Fields"/>
<tab id="history" label="History"/> <tab id="history" label="History"/>
</tabs> </tabs>
<tabpanels class="dialog-main-timeframe"> <tabpanels class="dialog-main-timeframe">
<template id="timesheet.edit.general"/>
<template id="timesheet.edit.notes"/> <template id="timesheet.edit.notes"/>
<template id="timesheet.edit.general"/>
<template id="timesheet.edit.links"/> <template id="timesheet.edit.links"/>
<template id="timesheet.edit.customfields"/> <template id="timesheet.edit.customfields"/>
<template id="timesheet.edit.history"/> <template id="timesheet.edit.history"/>
</tabpanels> </tabpanels>
</tabbox> </tabbox>
</row> </row>
<row disabled="!@ts_modified"> <row>
<description value="Last modified"/> <description value="User" for="ts_owner"/>
<hbox> <menulist >
<date-time id="ts_modified" readonly="true"/> <menupopup id="ts_owner" no_lang="1" class="et2_fullWidth"/>
<menulist> </menulist>
<menupopup type="select-account" label="by" id="ts_modifier" readonly="true"/> <description value="Status"/>
</menulist> <menulist span="3">
</hbox> <menupopup statustext="select a status of the timesheet" id="ts_status" class="et2_fullWidth" options="please select" />
</menulist>
<description/> <description/>
</row> </row>
<row disabled="!@ts_modified">
<description value="Last modified"/>
<hbox width="100%" class="timesheet_modifier">
<menulist>
<menupopup type="select-account" id="ts_modifier" readonly="true"/>
</menulist>
<date-time id="ts_modified" readonly="true"/>
</hbox>
<description span="all"/>
</row>
<row> <row>
<hbox orient="0" span="3"> <hbox orient="0" span="all">
<hbox> <hbox>
<button statustext="Edit this entry" label="Edit" id="button[edit]" image="edit" background_image="1"/> <button statustext="Edit this entry" label="Edit" id="button[edit]" image="edit" background_image="1"/>
<button statustext="Saves this entry and add a new one" label="Save &amp; New" id="button[save_new]" image="save_new" background_image="1"/> <button statustext="Saves this entry and add a new one" label="Save &amp; New" id="button[save_new]" image="save_new" background_image="1"/>
@ -211,10 +173,5 @@
</row> </row>
</rows> </rows>
</grid> </grid>
<styles>
.fullWidth select { widht: 100%; }
.fullWidth input { widht: 100%; }
.fullWidth textarea { widht: 100%; }
</styles>
</template> </template>
</overlay> </overlay>