rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-03-15 12:29:16 +01:00
Code Issues Releases Activity

(ui) enable advanced accounting button in separate box

Browse Source
This commit is contained in:
Sylvain 2022-11-24 10:56:15 +01:00
parent bc5e306091
commit 13eeff5964
5 changed files with 100 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

163
app/frontend/src/javascript/components/accounting/accounting-codes-settings.tsx
View File

@ -10,6 +10,7 @@ import { SettingName, SettingValue, accountingSettings } from '../../models/sett
import SettingAPI from '../../api/setting';
import SettingLib from '../../lib/setting';
import { FormSwitch } from '../form/form-switch';
import { FabPanel } from '../base/fab-panel';
declare const Application: IApplication;
@ -48,84 +49,90 @@ export const AccountingCodesSettings: React.FC<AccountingCodesSettingsProps> = (
return (
<form className="accounting-codes-settings" onSubmit={handleSubmit(onSubmit)}>
<h4>{t('app.admin.accounting_codes_settings.journal_code')}</h4>
<FormInput register={register} id="accounting_journal_code" label={t('app.admin.accounting_codes_settings.journal_code')} />
<h4>{t('app.admin.accounting_codes_settings.payment_means')}</h4>
<h5>{t('app.admin.accounting_codes_settings.card')}</h5>
<div className="cards">
<FormInput register={register} id="accounting_card_client_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_card_client_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.wallet_debit')}</h5>
<div className="wallets">
<FormInput register={register} id="accounting_wallet_client_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_wallet_client_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.other')}</h5>
<div className="others">
<FormInput register={register} id="accounting_other_client_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_other_client_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h4>{t('app.admin.accounting_codes_settings.sales')}</h4>
<h5>{t('app.admin.accounting_codes_settings.subscriptions')}</h5>
<div className="subscriptions">
<FormInput register={register} id="accounting_subscription_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_subscription_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.machine')}</h5>
<div className="machine">
<FormInput register={register} id="accounting_Machine_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_Machine_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.training')}</h5>
<div className="training">
<FormInput register={register} id="accounting_Training_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_Training_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.event')}</h5>
<div className="events">
<FormInput register={register} id="accounting_Event_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_Event_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.space')}</h5>
<div className="space">
<FormInput register={register} id="accounting_Space_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_Space_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.prepaid_pack')}</h5>
<div className="prepaid_pack">
<FormInput register={register} id="accounting_Pack_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_Pack_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.product')}</h5>
<div className="product">
<FormInput register={register} id="accounting_Product_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_Product_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h4>{t('app.admin.accounting_codes_settings.wallet_credit')}</h4>
<div className="wallets">
<FormInput register={register} id="accounting_wallet_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_wallet_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h4>{t('app.admin.accounting_codes_settings.VAT')}</h4>
<div className="vat">
<FormInput register={register} id="accounting_VAT_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_VAT_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h4>{t('app.admin.accounting_codes_settings.error')}</h4>
<div className="error">
<FormInput register={register} id="accounting_Error_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_Error_label"
label={t('app.admin.accounting_codes_settings.label')}
tooltip={t('app.admin.accounting_codes_settings.error_help')} />
</div>
<h4>{t('app.admin.accounting_codes_settings.advanced_accounting')}</h4>
<FormSwitch control={control} id="advanced_accounting"
label={t('app.admin.accounting_codes_settings.enable_advanced')}
tooltip={t('app.admin.accounting_codes_settings.enable_advanced_help')} />
<FabButton type="submit" className="is-info submit-btn">
{t('app.admin.accounting_codes_settings.save')}
</FabButton>
<FabPanel>
<h4>{t('app.admin.accounting_codes_settings.advanced_accounting')}</h4>
<FormSwitch control={control} id="advanced_accounting"
label={t('app.admin.accounting_codes_settings.enable_advanced')}
tooltip={t('app.admin.accounting_codes_settings.enable_advanced_help')} />
</FabPanel>
<FabPanel>
<h4>{t('app.admin.accounting_codes_settings.journal_code')}</h4>
<FormInput register={register} id="accounting_journal_code" label={t('app.admin.accounting_codes_settings.journal_code')} />
<h4>{t('app.admin.accounting_codes_settings.payment_means')}</h4>
<h5>{t('app.admin.accounting_codes_settings.card')}</h5>
<div className="cards">
<FormInput register={register} id="accounting_card_client_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_card_client_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.wallet_debit')}</h5>
<div className="wallets">
<FormInput register={register} id="accounting_wallet_client_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_wallet_client_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.other')}</h5>
<div className="others">
<FormInput register={register} id="accounting_other_client_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_other_client_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h4>{t('app.admin.accounting_codes_settings.sales')}</h4>
<h5>{t('app.admin.accounting_codes_settings.subscriptions')}</h5>
<div className="subscriptions">
<FormInput register={register} id="accounting_subscription_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_subscription_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.machine')}</h5>
<div className="machine">
<FormInput register={register} id="accounting_Machine_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_Machine_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.training')}</h5>
<div className="training">
<FormInput register={register} id="accounting_Training_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_Training_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.event')}</h5>
<div className="events">
<FormInput register={register} id="accounting_Event_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_Event_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.space')}</h5>
<div className="space">
<FormInput register={register} id="accounting_Space_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_Space_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.prepaid_pack')}</h5>
<div className="prepaid_pack">
<FormInput register={register} id="accounting_Pack_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_Pack_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h5>{t('app.admin.accounting_codes_settings.product')}</h5>
<div className="product">
<FormInput register={register} id="accounting_Product_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_Product_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h4>{t('app.admin.accounting_codes_settings.wallet_credit')}</h4>
<div className="wallets">
<FormInput register={register} id="accounting_wallet_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_wallet_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h4>{t('app.admin.accounting_codes_settings.VAT')}</h4>
<div className="vat">
<FormInput register={register} id="accounting_VAT_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_VAT_label" label={t('app.admin.accounting_codes_settings.label')} />
</div>
<h4>{t('app.admin.accounting_codes_settings.error')}</h4>
<div className="error">
<FormInput register={register} id="accounting_Error_code" label={t('app.admin.accounting_codes_settings.code')} />
<FormInput register={register} id="accounting_Error_label"
label={t('app.admin.accounting_codes_settings.label')}
tooltip={t('app.admin.accounting_codes_settings.error_help')} />
</div>
</FabPanel>
<FabPanel className="actions">
<FabButton type="submit" className="is-info submit-btn">
{t('app.admin.accounting_codes_settings.save')}
</FabButton>
</FabPanel>
</form>
);
};

9
app/frontend/src/stylesheets/modules/accounting/accounting-codes-settings.scss
View File

@ -8,6 +8,15 @@
margin-right: 32px;
}
}
.actions {
background-color: transparent;
border: none;
margin-top: 0;
margin-bottom: 0;
& > .no-header {
background-color: transparent;
}
}
.submit-btn {
float: right;
}

1
app/frontend/src/stylesheets/modules/base/fab-modal.scss
View File

@ -95,6 +95,7 @@
margin-left: auto;
background-color: var(--secondary);
border: none;
color: var(--secondary-text-color);
&:hover { background-color: var(--secondary-dark);}
}
}

3
app/frontend/src/stylesheets/modules/base/fab-panel.scss
View File

@ -3,7 +3,7 @@
border: 1px solid #ddd;
border-radius: 6px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
margin: 30px;
margin: 30px 30px 30px 0;
min-height: 1px;
position: relative;
display: block;
@ -49,6 +49,7 @@
.fab-panel {
width: 75%;
float: left;
margin-left: 30px;
}
}

10
app/frontend/templates/admin/invoices/codes.html
View File

@ -1,7 +1,3 @@
<div class="panel panel-default m-t-md accounting-codes">
<div class="panel-body">
<accounting-codes-settings on-success="onSuccess"
on-error="onError">
</accounting-codes-settings>
</div>
</div>
<accounting-codes-settings on-success="onSuccess"
on-error="onError">
</accounting-codes-settings>