salix/modules/agency/front/events/index.html

<div class="main-with-right-menu">
    <vn-zone-calendar
        id="calendar"
        data="data"
        on-selection="$ctrl.onSelection($days, $type, $weekday, $data)"
        class="vn-w-md">
    </vn-zone-calendar>
</div>
<vn-side-menu side="right">
    <div class="vn-pa-md">
        <h6
            class="text-secondary"
            style="font-weight: normal;"
            translate>
            Edit mode
        </h6>
        <vn-vertical>
            <vn-radio
                label="Include"
                val="include"
                ng-model="$ctrl.editMode">
            </vn-radio>
            <vn-radio
                label="Exclude"
                val="exclude"
                ng-model="$ctrl.editMode">
            </vn-radio>
        </vn-vertical>
    </div>
    <h6
        class="text-secondary vn-px-md"
        style="font-weight: normal;"
        translate>
        Events
    </h6>
    <vn-data-viewer
        data="data.events"
        is-loading="!data.events"
        class="vn-w-sm">
        <div class="vn-list">
        <a
            ng-repeat="row in data.events"
            translate-attr="{title: 'Edit'}"
            ng-click="$ctrl.onEditClick(row, $event)"
            class="vn-list-item">
            <vn-horizontal>
                <vn-one>
                    <div
                        ng-if="::row.from && !row.to"
                        class="vn-mb-sm">
                        {{::row.from | date:'dd/MM/yy'}}
                    </div>
                    <div
                        ng-if="::!row.from || row.to"
                        class="vn-mb-sm ellipsize">
                        <span ng-if="row.to">
                            {{::row.from | date:'dd/MM/yy'}} - {{::row.to | date:'dd/MM/yy'}}
                        </span>
                        <span ng-if="!row.to" translate>
                            Indefinitely
                        </span>
                        <span ng-if="row.weekDays">
                            ({{::$ctrl.formatWdays(row.weekDays)}})
                        </span>
                    </div>
                    <vn-label-value
                        label="Closing" 
                        value="{{::row.hour | date:'hh:mm'}}">
                    </vn-label-value>
                    <vn-label-value
                        label="Traveling days" 
                        value="{{::row.travelingDays}}">
                    </vn-label-value>
                    <vn-label-value
                        label="Price" 
                        value="{{::row.price | currency:'EUR':2}}">
                    </vn-label-value>
                    <vn-label-value
                        label="Bonus" 
                        value="{{::row.bonus | currency:'EUR':2}}">
                    </vn-label-value>
                </vn-one>
                <vn-horizontal class="buttons">
                    <vn-icon-button
                        icon="delete"
                        translate-attr="{title: 'Delete'}"
                        ng-click="$ctrl.onDeleteClick(row.id, $event)">
                    </vn-icon-button>
                </vn-horizontal>
            </vn-horizontal>
        </a>
        </div>
    </vn-data-viewer>
</vn-side-menu>
<vn-dialog 
    vn-id="dialog"
    on-response="$ctrl.onSave(response)">
    <tpl-body>
        <vn-vertical>
            <vn-vertical class="vn-pb-md">
                <vn-radio
                    ng-model="$ctrl.eventType"
                    label="One day"
                    val="day">
                </vn-radio>
                <vn-radio
                    ng-model="$ctrl.eventType"
                    label="Indefinitely"
                    val="indefinitely">
                </vn-radio>
                <vn-radio
                    ng-model="$ctrl.eventType"
                    label="Range of dates"
                    val="range">
                </vn-radio>
            </vn-vertical>
            <vn-wday-picker
                ng-if="$ctrl.eventType != 'day'"
                ng-model="$ctrl.selected.wdays">
            </vn-wday-picker>
            <vn-date-picker
                ng-if="$ctrl.eventType == 'day'"
                label="Day"
                ng-model="$ctrl.selected.from">
            </vn-date-picker>
            <vn-horizontal
                ng-if="$ctrl.eventType == 'range'">
                <vn-date-picker
                    label="From"
                    ng-model="$ctrl.selected.from">
                </vn-date-picker>
                <vn-date-picker
                    label="To"
                    ng-model="$ctrl.selected.to">
                </vn-date-picker>
            </vn-horizontal>
            <vn-input-time
                label="Closing"
                ng-model="$ctrl.selected.hour">
            </vn-input-time>
            <vn-input-number
                label="Traveling days"
                ng-model="$ctrl.selected.travelingDays"
                min="0"
                step="1">
            </vn-input-number>
            <vn-input-number
                label="Price"
                ng-model="$ctrl.selected.price"
                min="0"
                step="0.01">
            </vn-input-number>
            <vn-input-number
                label="Bonus"
                ng-model="$ctrl.selected.bonus"
                min="0"
                step="0.01">
            </vn-input-number>
        </vn-vertical>
    </tpl-body>
    <tpl-buttons>
        <input
            type="button"
            response="CANCEL"
            translate-attr="{value: 'Cancel'}">
        </input>
        <button
            ng-if="!$ctrl.isNew"
            response="DELETE"
            translate>
            Delete
        </button>
        <button response="ACCEPT">
            <span ng-if="$ctrl.isNew" translate>Add</span>
            <span ng-if="!$ctrl.isNew" translate>Save</span>
        </button>
    </tpl-buttons>
</vn-dialog>
<vn-confirm 
    vn-id="confirm"
    message="This item will be deleted"
    question="Are you sure you want to continue?"
    on-response="$ctrl.delete(response)">
</vn-confirm>