1.2.11.12 Online Events
This commit is contained in:
@@ -8,6 +8,7 @@
|
||||
|
||||
<script type="text/javascript">
|
||||
sax.lbl.edit = '@(Localiser.GetJavascriptText("label.edit"))';
|
||||
sax.lbl.copy = '@(Localiser.GetJavascriptText("label.copy"))';
|
||||
</script>
|
||||
|
||||
@* Filter Form *@
|
||||
@@ -31,16 +32,18 @@
|
||||
</div>
|
||||
<div class="sax-content">
|
||||
<div class="sax-control row">
|
||||
<div class="col-sm-4"><div class="sax-label text-left text-sm-right">@Localiser["label.organisation"]</div></div>
|
||||
<div class="col-sm-8 row">
|
||||
<div class="col-sm-3"><div class="sax-label text-left text-sm-right">@Localiser["label.organisation"]</div></div>
|
||||
<div class="col-sm-9 row">
|
||||
@Html.HiddenFor(model => model.Filter.OrganisationId, new { @id = "ifFilterOrganisationId", @class = "FilterOrganisationId" })
|
||||
<div class="col"><input type="text" id="ifFilterOrganisation" class="FilterOrganisation sax-input" readonly="readonly" value="@(Model.Filter.OrganisationCaption)" /></div>
|
||||
<div class="fixed"><button class="sax-button SelectFilterOrganisation">@Localiser["label.select"]</button></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sax-control row">
|
||||
<div class="col-sm-4"><div class="sax-label text-left text-sm-right">@Localiser["label.search"]</div></div>
|
||||
<div class="col-sm-8"><input type="search" id="ifEventFilter" name="Filter.Event" class="EventFilter sax-input" maxlength="64" autocomplete="off" /></div>
|
||||
<div class="col-sm-3"><div class="sax-label text-left text-sm-right">@Localiser["label.period"]</div></div>
|
||||
<div class="col-sm-3">@Html.DropDownListFor(model => model.Filter.Period.Type, Model.EventPeriodTypesForDropdown, new { @id = "cbFilterPeriodType", @class = "FilterPeriodType sax-select" })</div>
|
||||
<div class="col-sm-3"><div class="sax-label text-left text-sm-right">@Localiser["label.search"]</div></div>
|
||||
<div class="col-sm-3"><input type="search" id="ifEventFilter" name="Filter.Event" class="EventFilter sax-input" maxlength="64" autocomplete="off" /></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -59,40 +62,46 @@
|
||||
@* Results Panel *@
|
||||
<div class="sax-panel-results">
|
||||
<div class="sax-panel-messages"></div>
|
||||
<div class="sax-panel-item-list"></div>
|
||||
<div class="sax-panel-item-table">
|
||||
<div class="sax-panel-info" style="min-height:120px;max-height:100%;overflow-y:auto;">
|
||||
<table class="sax-item-list">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="center">@Localiser["label.date"]</th>
|
||||
<th class="center">@Localiser["label.time"]</th>
|
||||
<th class="">@Localiser["label.summary"]</th>
|
||||
<th class="center">@Localiser["label.published"]</th>
|
||||
<th class="center">@Localiser["label.actions"]</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@* Element templates *@
|
||||
<div class="sax-panel-item-template">
|
||||
|
||||
@* Item template *@
|
||||
<div class="sax-panel-item Event">
|
||||
<div class="sax-header row">
|
||||
<div class="col">
|
||||
<div class="sax-caption"><div class="sax-action"><span class="EventDate"></span><span class=""></span></div></div>
|
||||
</div>
|
||||
<div class="fixed sax-actions">
|
||||
@* Burger menu *@
|
||||
<ul class="nav navbar-nav navbar-light navbar-right sax-burger">
|
||||
<li class="dropdown-toggle caret-off">
|
||||
<a href="#" class="dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="navbar-toggler-icon"></span></a>
|
||||
<ul class="dropdown-menu dropdown-menu-right sax-dropdown-menu">@* Menu items will be inserted here. *@</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sax-content">
|
||||
<div class="row">
|
||||
<div class="col-sm-12"><div class="EventSummary"></div></div>
|
||||
<div class="col-sm-6"><div class="EventRegionCaption sax-note"></div></div>
|
||||
<div class="col-sm-6 right"><div class="EventSportCaption sax-note"></div></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-4"><div class="sax-note">@Localiser["label.created"]: <span class="EventCreatedOn"></span></div></div>
|
||||
<div class="col-sm-4"><div class="EventPublished sax-note">@Localiser["label.published"]: <span class="EventPublishedOn"></span></div></div>
|
||||
<div class="col-sm-4 right"><div class="EventStatusDesc sax-note"></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<table>
|
||||
<tr class="sax-row-item Event">
|
||||
<td><div class="EventAtDate center"></div></td>
|
||||
<td><div class="EventAtTime center"></div></td>
|
||||
<td><div class="EventSummary pointer"></div></td>
|
||||
<td><div class="EventPublishedOn center"></div></td>
|
||||
<td>
|
||||
<div class="EventActions center">
|
||||
@* Burger menu *@
|
||||
<ul class="nav navbar-nav navbar-light navbar-right sax-burger">
|
||||
<li class="dropdown-toggle caret-off">
|
||||
<a href="#" class="dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="navbar-toggler-icon"></span></a>
|
||||
<ul class="dropdown-menu dropdown-menu-right sax-dropdown-menu">@* Menu items will be inserted here. *@</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
@* Burger dropdown item template - ul is ignored *@
|
||||
<ul class="sax-dropdown-menu Event">
|
||||
|
||||
@@ -2,6 +2,11 @@
|
||||
@inject SaxLocaliser Localiser
|
||||
@{
|
||||
/* Organisation Events - Event dialog panel */
|
||||
//Model.AdditionalFiles_CSS.Add("lib/jquery-timepicker/jquery.timepicker.min.css");
|
||||
//Model.AdditionalFiles_JS.Add("lib/jquery-timepicker/jquery.timepicker.min.js");
|
||||
//Model.AdditionalFiles_CSS.Add("lib/bootstrap4-datetimepicker/bootstrap-datetimepicker.min.css");
|
||||
//Model.AdditionalFiles_JS.Add("lib/moment.js/moment.min.js");
|
||||
//Model.AdditionalFiles_JS.Add("lib/bootstrap4-datetimepicker/bootstrap-datetimepicker.min.js");
|
||||
}
|
||||
|
||||
<script type="text/javascript">
|
||||
@@ -41,19 +46,79 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@* Event date and time *@
|
||||
<div class="sax-form-control EventDate">
|
||||
@* Event At date and time *@
|
||||
<div class="sax-form-control EventAtDate">
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<div class="sax-label">
|
||||
<label for="ifEventDate"><span>@Localiser["label.occurs"]</span><span class="required"> *</span></label>
|
||||
<label for="ifEventAtDate"><span>@Localiser["label.occurs"]</span><span class="required"> *</span></label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
<div class="sax-control">
|
||||
<input id="ifEventDate" name="EventDate" class="EventDate sax-input sax-calendar" readonly="readonly" />
|
||||
<div class="row">
|
||||
<div class="col-sm">
|
||||
<div class="sax-control">
|
||||
<input id="ifEventAtDate" name="EventAtDate" class="EventAtDate sax-input sax-calendar" readonly="readonly" />
|
||||
</div>
|
||||
<div class="sax-message"></div>
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
<div class="row">
|
||||
<div class="col pl-sm-4 pt-2">
|
||||
@Html.CheckBoxFor(model => model.EventAtTimeSet, new { @id = "chkEventAtTimeSet", @class = "sax-checkbox" })
|
||||
|
||||
<span class="sax-label pointer" onclick="$('#chkEventAtTimeSet').click()">@Localiser["label.starts"]</span>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="sax-control">
|
||||
<input type="time" id="ifEventAtTime" name="EventAtTime" class="EventAtTime sax-input" />
|
||||
</div>
|
||||
<div class="sax-message"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@* Event To date and time *@
|
||||
<div class="sax-form-control EventToDate">
|
||||
<div class="row">
|
||||
<div class="col-sm-3 row">
|
||||
<div class="col">
|
||||
<div class="sax-label"><span>@Localiser["label.until"]</span></div>
|
||||
</div>
|
||||
<div class="fixed">
|
||||
<div class="pt-2 pr-2">
|
||||
@Html.CheckBoxFor(model => model.EventToDateSet, new { @id = "chkEventToDateSet", @class = "sax-checkbox" })
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
<div class="row">
|
||||
<div class="col-sm">
|
||||
<div class="sax-control">
|
||||
<input id="ifEventToDate" name="EventToDate" class="EventToDate sax-input sax-calendar" readonly="readonly" />
|
||||
</div>
|
||||
<div class="sax-message"></div>
|
||||
</div>
|
||||
<div class="col-sm">
|
||||
<div class="row">
|
||||
<div class="col pl-sm-4 pt-2">
|
||||
@Html.CheckBoxFor(model => model.EventToTimeSet, new { @id = "chkEventToTimeSet", @class = "sax-checkbox" })
|
||||
|
||||
<span class="sax-label pointer" onclick="$('#chkEventToTimeSet').click()">@Localiser["label.finishes"]</span>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="sax-control">
|
||||
<input type="time" id="ifEventToTime" name="EventToTime" class="EventToTime sax-input" />
|
||||
</div>
|
||||
<div class="sax-message"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sax-message"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -64,7 +129,13 @@
|
||||
<label for="ifEventSummary"><span>@Localiser["label.summary"]</span><span class="required"> *</span></label>
|
||||
</div>
|
||||
<div class="sax-control">
|
||||
@Html.TextAreaFor(model => model.EventSummary, new { @id = "ifEventSummary", @class = "EventSummary sax-textarea", @rows = 3, @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.OrganisationEvent_Summary) })
|
||||
@Html.TextAreaFor(model => model.EventSummary, new
|
||||
{
|
||||
@id = "ifEventSummary",
|
||||
@class = "EventSummary sax-textarea",
|
||||
@rows = 3,
|
||||
@maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.OrganisationEvent_Summary)
|
||||
})
|
||||
</div>
|
||||
<div class="sax-message"></div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user