mirror of
https://github.com/LaCasemate/fab-manager.git
synced 2025-02-26 20:54:21 +01:00
(ui) Add editorial text block
This commit is contained in:
vincent
Sylvain
parent
98e10dc774
commit
6e38e72851
@ -0,0 +1,29 @@
|
||||
import React from 'react';
|
||||
import { IApplication } from '../../models/application';
|
||||
import { Loader } from '../base/loader';
|
||||
import { react2angular } from 'react2angular';
|
||||
import { FabButton } from './fab-button';
|
||||
|
||||
declare const Application: IApplication;
|
||||
|
||||
/**
|
||||
* Display a editorial text block with an optional cta button
|
||||
*/
|
||||
export const EditorialBlock: React.FC = () => {
|
||||
return (
|
||||
<div className='editorial-block'>
|
||||
<div dangerouslySetInnerHTML={{ __html: '<h3>Lorem ipsum</h3><p>sit amet consectetur adipisicing elit. Voluptates, possimus excepturi deleniti sed pariatur sint.</p>' }}></div>
|
||||
<FabButton className='is-main'>CTA label</FabButton>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
const EditorialBlockWrapper: React.FC = (props) => {
|
||||
return (
|
||||
<Loader>
|
||||
<EditorialBlock {...props} />
|
||||
</Loader>
|
||||
);
|
||||
};
|
||||
|
||||
Application.Components.component('editorialBlock', react2angular(EditorialBlockWrapper, []));
|
||||
@ -283,7 +283,7 @@ export const EventForm: React.FC<EventFormProps> = ({ action, event, onError, on
|
||||
label={t('app.admin.event_form.standard_rate')}
|
||||
tooltip={t('app.admin.event_form.0_equal_free')}
|
||||
addOn={FormatLib.currencySymbol()} />
|
||||
{/* TODO: need ui */}
|
||||
|
||||
{priceCategoriesOptions && <div className="additional-prices">
|
||||
{fields.map((price, index) => (
|
||||
<div key={index} className={`price-item ${output.event_price_categories_attributes && output.event_price_categories_attributes[index]?._destroy ? 'destroyed-item' : ''}`}>
|
||||
|
||||
@ -39,9 +39,10 @@ export const TrainingForm: React.FC<TrainingFormProps> = ({ action, training, on
|
||||
|
||||
const [machineModule, setMachineModule] = useState<Setting>(null);
|
||||
const [isActiveCancellation, setIsActiveCancellation] = useState<boolean>(false);
|
||||
const [isActiveTextBlock, setIsActiveTextBlock] = useState<boolean>(false);
|
||||
const [isActiveCta, setIsActiveCta] = useState<boolean>(false);
|
||||
const [isActiveAccounting, setIsActiveAccounting] = useState<boolean>(false);
|
||||
const [isActiveAuthorizationValidity, setIsActiveAuthorizationValidity] = useState<boolean>(false);
|
||||
const [isActiveValidationRule, setIsActiveValidationRule] = useState<boolean>(false);
|
||||
|
||||
const { handleSubmit, register, control, setValue, formState } = useForm<Training>({ defaultValues: { ...training } });
|
||||
const output = useWatch<Training>({ control });
|
||||
|
||||
@ -86,35 +87,19 @@ export const TrainingForm: React.FC<TrainingFormProps> = ({ action, training, on
|
||||
};
|
||||
|
||||
/**
|
||||
* Callback triggered when the text block switch has changed.
|
||||
* Callback triggered when the authorisation validity switch has changed.
|
||||
*/
|
||||
const toggleTextBlockSwitch = (value: boolean) => {
|
||||
setIsActiveTextBlock(value);
|
||||
const toggleAuthorizationValidity = (value: boolean) => {
|
||||
setIsActiveAuthorizationValidity(value);
|
||||
};
|
||||
|
||||
/**
|
||||
* Callback triggered when the CTA switch has changed.
|
||||
*/
|
||||
const toggleTextBlockCta = (value: boolean) => {
|
||||
setIsActiveCta(value);
|
||||
};
|
||||
|
||||
/**
|
||||
* Callback triggered when the CTA label has changed.
|
||||
*/
|
||||
const handleCtaLabelChange = (event: React.ChangeEvent<HTMLInputElement>): void => {
|
||||
console.log('cta label:', event.target.value);
|
||||
};
|
||||
/**
|
||||
* Callback triggered when the cta url has changed.
|
||||
* Callback triggered when the authorisation validity switch has changed.
|
||||
*/
|
||||
const handleCtaUrlChange = (event: React.ChangeEvent<HTMLInputElement>): void => {
|
||||
console.log('cta url:', event.target.value);
|
||||
const toggleValidationRule = (value: boolean) => {
|
||||
setIsActiveValidationRule(value);
|
||||
};
|
||||
|
||||
// regular expression to validate the input fields
|
||||
const urlRegex = /^(https?:\/\/)([^.]+)\.(.{2,30})(\/.*)*\/?$/;
|
||||
|
||||
return (
|
||||
<div className="training-form">
|
||||
<header>
|
||||
@ -221,40 +206,44 @@ export const TrainingForm: React.FC<TrainingFormProps> = ({ action, training, on
|
||||
|
||||
<section>
|
||||
<header>
|
||||
<p className="title">{t('app.admin.training_form.generic_text_block')}</p>
|
||||
<p className="description">{t('app.admin.training_form.generic_text_block_info')}</p>
|
||||
<p className="title">{t('app.admin.training_form.authorization_validity')}</p>
|
||||
<p className="description">{t('app.admin.training_form.authorization_validity_info')}</p>
|
||||
</header>
|
||||
|
||||
<div className="content">
|
||||
<FormSwitch id="active_text_block" control={control}
|
||||
onChange={toggleTextBlockSwitch} formState={formState}
|
||||
defaultValue={isActiveTextBlock}
|
||||
label={t('app.admin.training_form.generic_text_block_switch')} />
|
||||
<FormSwitch id="authorization_validity" control={control}
|
||||
onChange={toggleAuthorizationValidity} formState={formState}
|
||||
defaultValue={isActiveAuthorizationValidity}
|
||||
label={t('app.admin.training_form.authorization_validity_switch')} />
|
||||
{isActiveAuthorizationValidity && <>
|
||||
<FormInput id="authorization_validity_duration"
|
||||
type="number"
|
||||
register={register}
|
||||
rules={{ required: isActiveAuthorizationValidity, min: 1 }}
|
||||
step={1}
|
||||
formState={formState}
|
||||
label={t('app.admin.training_form.authorization_validity_period')} />
|
||||
</>}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<FormRichText id="text_block"
|
||||
control={control}
|
||||
heading
|
||||
limit={280}
|
||||
disabled={!isActiveTextBlock} />
|
||||
|
||||
{isActiveTextBlock && <>
|
||||
<FormSwitch id="active_cta" control={control}
|
||||
onChange={toggleTextBlockCta} formState={formState}
|
||||
label={t('app.admin.training_form.cta_switch')} />
|
||||
|
||||
{isActiveCta && <>
|
||||
<FormInput id="cta_label"
|
||||
register={register}
|
||||
rules={{ required: true }}
|
||||
onChange={handleCtaLabelChange}
|
||||
maxLength={40}
|
||||
label={t('app.admin.training_form.cta_label')} />
|
||||
<FormInput id="cta_url"
|
||||
register={register}
|
||||
rules={{ required: true, pattern: urlRegex }}
|
||||
onChange={handleCtaUrlChange}
|
||||
label={t('app.admin.training_form.cta_url')} />
|
||||
</>}
|
||||
<section>
|
||||
<header>
|
||||
<p className="title">{t('app.admin.training_form.validation_rule')}</p>
|
||||
<p className="description">{t('app.admin.training_form.validation_rule_info')}</p>
|
||||
</header>
|
||||
<div className="content">
|
||||
<FormSwitch id="validation_rule" control={control}
|
||||
onChange={toggleValidationRule} formState={formState}
|
||||
defaultValue={isActiveValidationRule}
|
||||
label={t('app.admin.training_form.validation_rule_switch')} />
|
||||
{isActiveValidationRule && <>
|
||||
<FormInput id="validation_rule_period"
|
||||
type="number"
|
||||
register={register}
|
||||
rules={{ required: isActiveValidationRule, min: 1 }}
|
||||
step={1}
|
||||
formState={formState}
|
||||
label={t('app.admin.training_form.validation_rule_period')} />
|
||||
</>}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -5,7 +5,6 @@ import { Loader } from '../base/loader';
|
||||
import { react2angular } from 'react2angular';
|
||||
import { ErrorBoundary } from '../base/error-boundary';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { FabAlert } from '../base/fab-alert';
|
||||
import { useForm, SubmitHandler } from 'react-hook-form';
|
||||
import { FormRichText } from '../form/form-rich-text';
|
||||
import { FormSwitch } from '../form/form-switch';
|
||||
@ -30,7 +29,9 @@ export const TrainingsSettings: React.FC<TrainingsSettingsProps> = () => {
|
||||
const urlRegex = /^(https?:\/\/)([^.]+)\.(.{2,30})(\/.*)*\/?$/;
|
||||
|
||||
const [isActiveAutoCancellation, setIsActiveAutoCancellation] = useState<boolean>(false);
|
||||
const [isActiveAuthorizationValidity, setIsActiveAuthorizationValidity] = useState<boolean>(false);
|
||||
const [isActiveTextBlock, setIsActiveTextBlock] = useState<boolean>(false);
|
||||
const [isActiveValidationRule, setIsActiveValidationRule] = useState<boolean>(false);
|
||||
const [isActiveCta, setIsActiveCta] = useState<boolean>(false);
|
||||
|
||||
/**
|
||||
@ -39,6 +40,21 @@ export const TrainingsSettings: React.FC<TrainingsSettingsProps> = () => {
|
||||
const toggleAutoCancellation = (value: boolean) => {
|
||||
setIsActiveAutoCancellation(value);
|
||||
};
|
||||
|
||||
/**
|
||||
* Callback triggered when the authorisation validity switch has changed.
|
||||
*/
|
||||
const toggleAuthorizationValidity = (value: boolean) => {
|
||||
setIsActiveAuthorizationValidity(value);
|
||||
};
|
||||
|
||||
/**
|
||||
* Callback triggered when the authorisation validity switch has changed.
|
||||
*/
|
||||
const toggleValidationRule = (value: boolean) => {
|
||||
setIsActiveValidationRule(value);
|
||||
};
|
||||
|
||||
/**
|
||||
* Callback triggered when the text block switch has changed.
|
||||
*/
|
||||
@ -80,37 +96,6 @@ export const TrainingsSettings: React.FC<TrainingsSettingsProps> = () => {
|
||||
<FabButton onClick={handleSubmit(onSubmit)} className='save-btn is-main'>{t('app.admin.trainings_settings.save')}</FabButton>
|
||||
</header>
|
||||
<form className="trainings-settings-content">
|
||||
<div className="settings-section">
|
||||
<header>
|
||||
<p className="title">{t('app.admin.trainings_settings.automatic_cancellation')}</p>
|
||||
<p className="description">{t('app.admin.trainings_settings.automatic_cancellation_info')}</p>
|
||||
</header>
|
||||
|
||||
<div className="content">
|
||||
<FormSwitch id="active_auto_cancellation" control={control}
|
||||
onChange={toggleAutoCancellation} formState={formState}
|
||||
defaultValue={isActiveAutoCancellation}
|
||||
label={t('app.admin.trainings_settings.automatic_cancellation_switch')} />
|
||||
|
||||
{isActiveAutoCancellation && <>
|
||||
<FormInput id="auto_cancellation_threshold"
|
||||
type="number"
|
||||
register={register}
|
||||
rules={{ required: isActiveAutoCancellation, min: 0 }}
|
||||
step={1}
|
||||
formState={formState}
|
||||
label={t('app.admin.trainings_settings.automatic_cancellation_threshold')} />
|
||||
<FormInput id="auto_cancellation_deadline"
|
||||
type="number"
|
||||
register={register}
|
||||
rules={{ required: isActiveAutoCancellation, min: 1 }}
|
||||
step={1}
|
||||
formState={formState}
|
||||
label={t('app.admin.trainings_settings.automatic_cancellation_deadline')} />
|
||||
</>}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="settings-section">
|
||||
<header>
|
||||
<p className="title">{t('app.admin.trainings_settings.generic_text_block')}</p>
|
||||
@ -150,6 +135,81 @@ export const TrainingsSettings: React.FC<TrainingsSettingsProps> = () => {
|
||||
</>}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="settings-section">
|
||||
<header>
|
||||
<p className="title">{t('app.admin.trainings_settings.automatic_cancellation')}</p>
|
||||
<p className="description">{t('app.admin.trainings_settings.automatic_cancellation_info')}</p>
|
||||
</header>
|
||||
|
||||
<div className="content">
|
||||
<FormSwitch id="active_auto_cancellation" control={control}
|
||||
onChange={toggleAutoCancellation} formState={formState}
|
||||
defaultValue={isActiveAutoCancellation}
|
||||
label={t('app.admin.trainings_settings.automatic_cancellation_switch')} />
|
||||
|
||||
{isActiveAutoCancellation && <>
|
||||
<FormInput id="auto_cancellation_threshold"
|
||||
type="number"
|
||||
register={register}
|
||||
rules={{ required: isActiveAutoCancellation, min: 0 }}
|
||||
step={1}
|
||||
formState={formState}
|
||||
label={t('app.admin.trainings_settings.automatic_cancellation_threshold')} />
|
||||
<FormInput id="auto_cancellation_deadline"
|
||||
type="number"
|
||||
register={register}
|
||||
rules={{ required: isActiveAutoCancellation, min: 1 }}
|
||||
step={1}
|
||||
formState={formState}
|
||||
label={t('app.admin.trainings_settings.automatic_cancellation_deadline')} />
|
||||
</>}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="settings-section">
|
||||
<header>
|
||||
<p className="title">{t('app.admin.trainings_settings.authorization_validity')}</p>
|
||||
<p className="description">{t('app.admin.trainings_settings.authorization_validity_info')}</p>
|
||||
</header>
|
||||
<div className="content">
|
||||
<FormSwitch id="authorization_validity" control={control}
|
||||
onChange={toggleAuthorizationValidity} formState={formState}
|
||||
defaultValue={isActiveAuthorizationValidity}
|
||||
label={t('app.admin.trainings_settings.authorization_validity_switch')} />
|
||||
{isActiveAuthorizationValidity && <>
|
||||
<FormInput id="authorization_validity_duration"
|
||||
type="number"
|
||||
register={register}
|
||||
rules={{ required: isActiveAuthorizationValidity, min: 1 }}
|
||||
step={1}
|
||||
formState={formState}
|
||||
label={t('app.admin.trainings_settings.authorization_validity_duration')} />
|
||||
</>}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="settings-section">
|
||||
<header>
|
||||
<p className="title">{t('app.admin.trainings_settings.validation_rule')}</p>
|
||||
<p className="description">{t('app.admin.trainings_settings.validation_rule_info')}</p>
|
||||
</header>
|
||||
<div className="content">
|
||||
<FormSwitch id="validation_rule" control={control}
|
||||
onChange={toggleValidationRule} formState={formState}
|
||||
defaultValue={isActiveValidationRule}
|
||||
label={t('app.admin.trainings_settings.validation_rule_switch')} />
|
||||
{isActiveValidationRule && <>
|
||||
<FormInput id="validation_rule_period"
|
||||
type="number"
|
||||
register={register}
|
||||
rules={{ required: isActiveValidationRule, min: 1 }}
|
||||
step={1}
|
||||
formState={formState}
|
||||
label={t('app.admin.trainings_settings.validation_rule_period')} />
|
||||
</>}
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
|
||||
import { FabButton } from '../base/fab-button';
|
||||
import Select from 'react-select';
|
||||
import { SelectOption } from '../../models/select';
|
||||
import { PencilSimple, Trash } from 'phosphor-react';
|
||||
import { CalendarBlank, PencilSimple, Trash } from 'phosphor-react';
|
||||
|
||||
declare const Application: IApplication;
|
||||
|
||||
@ -59,6 +59,8 @@ export const Trainings: React.FC<TrainingsProps> = () => {
|
||||
<header>
|
||||
<h2>{t('app.admin.trainings.all_trainings')}</h2>
|
||||
<div className='grpBtn'>
|
||||
{/* lien vers l'agenda */}
|
||||
<FabButton><CalendarBlank size={20} /></FabButton>
|
||||
<FabButton className="main-action-btn" onClick={newTraining}>{t('app.admin.trainings.add_a_new_training')}</FabButton>
|
||||
</div>
|
||||
</header>
|
||||
@ -76,29 +78,52 @@ export const Trainings: React.FC<TrainingsProps> = () => {
|
||||
|
||||
<div className='trainings-list'>
|
||||
{/* map
|
||||
.is-override si l'item a des paramètres d'annulation auto spécifiques
|
||||
ajouter la classe .is-override si l'item a au moins un réglage spécifique (différent des paramètres généraux)
|
||||
*/}
|
||||
<div className='trainings-list-item'>
|
||||
<div className='name'>
|
||||
<span>{t('app.admin.trainings.name')}</span>
|
||||
<p>All you can learn : super training</p>
|
||||
</div>
|
||||
|
||||
<div className='machines'>
|
||||
<span>{t('app.admin.trainings.associated_machines')}</span>
|
||||
<p>Découpeuse laser, Découpeuse vinyle, Shopbot / Grande fraiseuse, Petite Fraiseuse, Imprimante 3D</p>
|
||||
</div>
|
||||
|
||||
<div className='cancel'>
|
||||
<span>{t('app.admin.trainings.cancellation')}</span>
|
||||
<p>5 {t('app.admin.trainings.cancellation_minimum')} <span>|</span> 48 {t('app.admin.trainings.cancellation_deadline')}
|
||||
{/* si l'item a des paramètres d'annulation auto spécifiques */}
|
||||
{false && <span className='override'> ({t('app.admin.trainings.cancellation_override')})</span> }
|
||||
<p>5 {t('app.admin.trainings.cancellation_minimum')}<span>|</span>48 {t('app.admin.trainings.cancellation_deadline')}
|
||||
{/* si l'item a un réglage spécifique (différent des paramètres généraux) */}
|
||||
{true && <span className='override'>{t('app.admin.trainings.override')}</span> }
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className='capacity'>
|
||||
<span>{t('app.admin.trainings.capacity')}</span>
|
||||
<p>10</p>
|
||||
</div>
|
||||
|
||||
<div className='authorisation'>
|
||||
<span>{t('app.admin.trainings.authorisation')}</span>
|
||||
<p>
|
||||
{t('app.admin.trainings.active_true')}
|
||||
<span>|</span>{t('app.admin.trainings.period_MONTH', { MONTH: 48 })}
|
||||
{/* si l'item a un réglage spécifique (différent des paramètres généraux) */}
|
||||
{true && <span className='override'>{t('app.admin.trainings.override')}</span> }
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className='rule'>
|
||||
<span>{t('app.admin.trainings.validation_rule')}</span>
|
||||
<p>
|
||||
{t('app.admin.trainings.active_false')}
|
||||
<span>|</span>
|
||||
{/* si l'item a un réglage spécifique (différent des paramètres généraux) */}
|
||||
{true && <span className='override'>{t('app.admin.trainings.override')}</span> }
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className='actions'>
|
||||
<div className='grpBtn'>
|
||||
<FabButton className='edit-btn'>
|
||||
|
||||
@ -23,6 +23,7 @@
|
||||
@import "modules/authentication-provider/openid-connect-data-mapping-form";
|
||||
@import "modules/authentication-provider/provider-form";
|
||||
@import "modules/authentication-provider/type-mapping-modal";
|
||||
@import "modules/base/editorial-block";
|
||||
@import "modules/base/fab-alert";
|
||||
@import "modules/base/fab-button";
|
||||
@import "modules/base/fab-input";
|
||||
|
||||
@ -0,0 +1,20 @@
|
||||
.editorial-block {
|
||||
margin-bottom: 3.2rem;
|
||||
padding: 2.4rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 2.4rem;
|
||||
border: 1px solid var(--gray-soft-dark);
|
||||
border-radius: var(--border-radius);
|
||||
@include editor;
|
||||
|
||||
@media (min-width: 540px) {
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
@ -32,12 +32,24 @@
|
||||
}
|
||||
.price-item {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
gap: 0 2.4rem;
|
||||
|
||||
.remove-price {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
margin: 2.6rem 2rem 0;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
@media (min-width: 640px) {
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
.remove-price {
|
||||
margin: 2.6rem 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.destroyed-item {
|
||||
display: none;
|
||||
@ -53,8 +65,4 @@
|
||||
margin-right: 2.4rem;
|
||||
}
|
||||
}
|
||||
.submit-btn {
|
||||
margin-top: 2rem;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
@ -39,7 +39,7 @@
|
||||
width: 100%;
|
||||
display: grid;
|
||||
justify-content: space-between;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-columns: 1fr;
|
||||
gap: 1.6rem;
|
||||
padding: 1.6rem;
|
||||
border: 1px solid var(--gray-soft-dark);
|
||||
@ -55,7 +55,10 @@
|
||||
p {
|
||||
margin: 0;
|
||||
@include text-base(600);
|
||||
span { @include text-base(400); }
|
||||
span {
|
||||
margin: 0 1ch;
|
||||
@include text-base(400);
|
||||
}
|
||||
}
|
||||
|
||||
.name,
|
||||
@ -64,11 +67,11 @@
|
||||
overflow: hidden ;
|
||||
p { @extend .text-ellipsis; }
|
||||
}
|
||||
.cancel {
|
||||
.override {
|
||||
@include text-sm;
|
||||
color: var(--alert-light);
|
||||
}
|
||||
.override {
|
||||
margin-left: 1ch;
|
||||
@include text-sm;
|
||||
font-style: italic;
|
||||
color: var(--alert-light);
|
||||
}
|
||||
.actions {
|
||||
grid-column-end: -1;
|
||||
@ -91,20 +94,16 @@
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
grid-template-columns: 2fr 1fr max-content;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
@media (min-width: 1440px) {
|
||||
grid-template-columns: 2fr 1fr 1fr max-content;
|
||||
grid-auto-flow: column;
|
||||
gap: 1.6rem 3.2rem;
|
||||
.name { grid-area: 1/1/2/2; }
|
||||
.machines { grid-area: 2/1/3/2; }
|
||||
.actions { grid-row: 1/3; }
|
||||
}
|
||||
@media (min-width: 1440px) {
|
||||
grid-template-columns: 1fr 40ch repeat(2, 1fr) max-content;
|
||||
align-items: center;
|
||||
.name,
|
||||
.machines,
|
||||
.cancel,
|
||||
.capacity,
|
||||
.actions { grid-area: auto; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -33,16 +33,16 @@
|
||||
<div>
|
||||
<uib-tabset justified="true" active="tabs.active">
|
||||
|
||||
<uib-tab heading="{{ 'app.admin.machines.all_machines' | translate }}" index="0" select="selectTab()">
|
||||
<div ng-if="tabs.active === 0">
|
||||
<ng-include src="'/admin/machines/machines.html'"></ng-include>
|
||||
</div>
|
||||
<uib-tab heading="{{ 'app.admin.machines.machines_settings' | translate }}" index="1" select="selectTab()">
|
||||
<machines-settings on-error="onError" on-success="on-success"></machines-settings>
|
||||
</uib-tab>
|
||||
|
||||
<uib-tab heading="{{ 'app.admin.machines.manage_machines_categories' | translate }}" index="1" select="selectTab()">
|
||||
<div ng-if="tabs.active === 1">
|
||||
<ng-include src="'/admin/machines/categories.html'"></ng-include>
|
||||
</div>
|
||||
<uib-tab heading="{{ 'app.admin.machines.all_machines' | translate }}" index="0" select="selectTab()">
|
||||
<ng-include src="'/admin/machines/machines.html'"></ng-include>
|
||||
</uib-tab>
|
||||
|
||||
<uib-tab heading="{{ 'app.admin.machines.manage_machines_categories' | translate }}" index="2" select="selectTab()">
|
||||
<ng-include src="'/admin/machines/categories.html'"></ng-include>
|
||||
</uib-tab>
|
||||
|
||||
</uib-tabset>
|
||||
|
||||
@ -5,19 +5,11 @@
|
||||
<a ng-click="backPrevLocation($event)"><i class="fas fa-long-arrow-alt-left "></i></a>
|
||||
</section>
|
||||
</div>
|
||||
<div class="col-xs-10 col-sm-10 col-md-8 b-l b-r-md">
|
||||
<div class="col-xs-10 col-sm-10 col-md-11 b-l b-r-md">
|
||||
<section class="heading-title">
|
||||
<h1 translate>{{ 'app.admin.trainings.trainings_monitoring' }}</h1>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-12 col-md-3 b-t hide-b-md">
|
||||
<section class="heading-actions wrapper">
|
||||
<a role="button" ui-sref="app.admin.calendar" class="btn btn-lg btn-default rounded m-t-sm text-sm">
|
||||
<i class="fa fa-calendar-check-o m-r" aria-hidden="true"></i><span translate>{{ 'app.admin.trainings.plan_session' }}</span>
|
||||
</a>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -39,7 +31,7 @@
|
||||
<uib-tab heading="{{ 'app.admin.trainings.all_trainings' | translate }}" index="0" class="manage-trainings">
|
||||
<trainings on-error="onError" on-success="on-success"></trainings>
|
||||
|
||||
<div class="m-t m-b">
|
||||
<!--<div class="m-t m-b">
|
||||
<button type="button" class="btn btn-warning" ui-sref="app.admin.trainings_new" ng-show="isAuthorized('admin')">
|
||||
<i class="fa fa-plus m-r"></i>
|
||||
<span translate>{{ 'app.admin.trainings.add_a_new_training' }}</span>
|
||||
@ -80,7 +72,7 @@
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</table>-->
|
||||
</uib-tab>
|
||||
|
||||
<uib-tab heading="{{ 'app.admin.trainings.trainings_monitoring' | translate }}" class="post-tracking" index="2">
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<a ng-click="backPrevLocation($event)"><i class="fas fa-long-arrow-alt-left "></i></a>
|
||||
</section>
|
||||
</div>
|
||||
<div class="col-xs-10 col-sm-10 col-md-8 b-l b-r-md">
|
||||
<div class="col-xs-10 col-sm-10 col-md-11 b-l">
|
||||
<section class="heading-title">
|
||||
<h1 translate>{{ 'app.public.trainings_list.the_trainings' }}</h1>
|
||||
</section>
|
||||
@ -16,6 +16,7 @@
|
||||
|
||||
|
||||
<section class="m-lg">
|
||||
<editorial-block></editorial-block>
|
||||
|
||||
<div class="row" ng-repeat="training in (trainings.length/3 | array)">
|
||||
|
||||
|
||||
@ -5,6 +5,7 @@ en:
|
||||
the_fablab_s_machines: "The FabLab's machines"
|
||||
all_machines: "All machines"
|
||||
manage_machines_categories: "Manage machines categories"
|
||||
machines_settings: "Settings"
|
||||
machine_categories_list:
|
||||
machine_categories: "Machines categories"
|
||||
add_a_machine_category: "Add a machine category"
|
||||
@ -66,16 +67,18 @@ en:
|
||||
disable_training: "Disable the training"
|
||||
disabled_help: "When disabled, the training won't be reservable and won't appear by default in the trainings list."
|
||||
automatic_cancellation: "Automatic cancellation"
|
||||
automatic_cancellation_info: "Activating this option will override the general cancellation settings for this training."
|
||||
automatic_cancellation_info: "If you edit specific conditions here, the general cancellation conditions will no longer be taken into account. You will be notified if a session is cancelled. Credit notes and refunds will be automatic if the wallet is enabled. Otherwise you will have to do it manually."
|
||||
automatic_cancellation_switch: "Activate automatic cancellation for this training"
|
||||
automatic_cancellation_threshold: "Minimum number of registrations to maintain a session"
|
||||
automatic_cancellation_deadline: "Deadline, in hours, before automatic cancellation"
|
||||
generic_text_block: "Generic text block"
|
||||
generic_text_block_info: "Displays an editorial block above the training description visible to members."
|
||||
generic_text_block_switch: "Display editorial block"
|
||||
cta_switch: "Display a button"
|
||||
cta_label: "Button label"
|
||||
cta_url: "url"
|
||||
authorization_validity: "Authorisations validity period"
|
||||
authorization_validity_info: "You can define a specific validity period in months for this training. The general conditions will no longer be taken into account."
|
||||
authorization_validity_switch: "Activate an authorization validity period"
|
||||
authorization_validity_period: "Validity period in months"
|
||||
validation_rule: "Authorisations cancellation rule"
|
||||
validation_rule_info: "Define a rule that cancel an authorisation if the machines associated with the training are not reserved for a specific period of time. This rule prevails over the authorisations validity period."
|
||||
validation_rule_switch: "Activate the validation rule"
|
||||
validation_rule_period: "Time limit in months"
|
||||
save: "Save"
|
||||
create_success: "The training was created successfully"
|
||||
update_success: "The training was updated successfully"
|
||||
@ -413,7 +416,6 @@ en:
|
||||
#track and monitor the trainings
|
||||
trainings:
|
||||
trainings_monitoring: "Trainings monitoring"
|
||||
plan_session: "Schedule a new session"
|
||||
all_trainings: "All trainings"
|
||||
add_a_new_training: "Add a new training"
|
||||
name: "Training name"
|
||||
@ -421,8 +423,13 @@ en:
|
||||
cancellation: "Cancellation (attendees | deadline)"
|
||||
cancellation_minimum: "minimum"
|
||||
cancellation_deadline: "h"
|
||||
cancellation_override: "Override"
|
||||
capacity: "Capacity (max. attendees)"
|
||||
authorisation: "Time-limited authorisation"
|
||||
period_MONTH: "{MONTH} {MONTH, plural, one{month} other{months}}"
|
||||
active_true: "Yes"
|
||||
active_false: "No"
|
||||
validation_rule: "Lapsed without reservation"
|
||||
override: "(Modified)"
|
||||
select_a_training: "Select a training"
|
||||
training: "Training"
|
||||
date: "Date"
|
||||
@ -455,11 +462,19 @@ en:
|
||||
trainings_settings:
|
||||
title: "Settings"
|
||||
automatic_cancellation: "Trainings automatic cancellation"
|
||||
automatic_cancellation_info: "If this setting is activated, a minimum number of participants will be required to maintain a session. You will be notified by email if a session is cancelled. If the wallet is enabled, credit notes and refunds will be automatic, otherwise you will have to generate credit notes and make refunds manually."
|
||||
automatic_cancellation_info: "Minimum number of participants required to maintain a session. You will be notified if a session is cancelled. Credit notes and refunds will be automatic if the wallet is enabled. Otherwise you will have to do it manually."
|
||||
automatic_cancellation_switch: "Activate automatic cancellation for all the trainings"
|
||||
automatic_cancellation_threshold: "Minimum number of registrations to maintain a session"
|
||||
automatic_cancellation_deadline: "Deadline, in hours, before automatic cancellation"
|
||||
generic_text_block: "Generic text block"
|
||||
authorization_validity: "Authorisations validity period"
|
||||
authorization_validity_info: "Define a validity period for all training authorisations. After this period, the authorisation will lapse"
|
||||
authorization_validity_switch: "Activate an authorization validity period"
|
||||
authorization_validity_period: "Validity period in months"
|
||||
validation_rule: "Authorisations cancellation rule"
|
||||
validation_rule_info: "Define a rule that cancel an authorisation if the machines associated with the training are not reserved for a specific period of time. This rule prevails over the authorisations validity period."
|
||||
validation_rule_switch: "Activate the validation rule"
|
||||
validation_rule_period: "Time limit in months"
|
||||
generic_text_block: "Editorial text block"
|
||||
generic_text_block_info: "Displays an editorial block above the list of trainings visible to members."
|
||||
generic_text_block_switch: "Display editorial block"
|
||||
cta_switch: "Display a button"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user