1
0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2024-12-05 16:24:21 +01:00
fab-manager/app/frontend/templates/admin/calendar/icalendar.html

97 lines
4.0 KiB
HTML
Raw Normal View History

2019-11-27 16:17:32 +01:00
<section class="heading b-b">
<div class="row no-gutter">
<div class="col-xs-2 col-sm-2 col-md-1">
<section class="heading-btn">
2020-09-29 14:35:42 +02:00
<a role="button" ng-click="backPrevLocation($event)"><i class="fas fa-long-arrow-alt-left "></i></a>
2019-11-27 16:17:32 +01:00
</section>
</div>
<div class="col-md-8 b-l b-r-md">
<section class="heading-title">
2019-12-16 16:54:40 +01:00
<h1 translate>{{ 'app.admin.icalendar.icalendar_import' }}</h1>
2019-11-27 16:17:32 +01:00
</section>
</div>
<div class="col-md-3">
<section class="heading-actions wrapper">
</section>
</div>
</div>
</section>
<section class="row no-gutter">
<div class="col-sm-12 col-md-12 col-lg-9">
<div class="alert alert-info m-lg" translate>
2019-12-16 16:54:40 +01:00
{{ 'app.admin.icalendar.intro' }}
2019-11-27 16:17:32 +01:00
</div>
<div class="wrapper-lg">
<table class="table" ng-show="calendars.length > 0">
<thead>
<tr>
2019-12-16 16:54:40 +01:00
<th style="width: 35%;" translate>{{ 'app.admin.icalendar.name' }}</th>
<th style="width: 35%;" translate>{{ 'app.admin.icalendar.url' }}</th>
<th translate>{{ 'app.admin.icalendar.display' }}</th>
2019-12-03 10:17:29 +01:00
<th style="width: 20%;"></th>
2019-11-27 16:17:32 +01:00
</tr>
</thead>
<tbody>
<tr ng-repeat="calendar in calendars">
2022-04-12 15:54:12 +02:00
<td class="calendar-name">{{calendar.name}} plop</td>
2019-11-27 17:39:19 +01:00
<td class="calendar-url"><a href="{{calendar.url}}" target="_blank">{{calendar.url}}</a></td>
2022-04-12 15:54:12 +02:00
<td class="calendar-legend-group"><span class="calendar-legend-item" ng-style="calendarStyle(calendar)" translate> {{ calendar.text_hidden ? '' : 'app.admin.icalendar.example' }}</span>
2019-11-27 16:17:32 +01:00
<td class="calendar-actions">
2019-12-02 12:19:30 +01:00
<button class="btn btn-info" ng-click="sync(calendar)"><i class="fa fa-refresh"></i></button>
2019-11-27 16:17:32 +01:00
<button class="btn btn-danger" ng-click="delete(calendar)"><i class="fa fa-trash"></i></button>
</td>
</tr>
</tbody>
</table>
<form class="calendar-form" name="newImportForm">
2019-12-16 16:54:40 +01:00
<h4 translate>{{ 'app.admin.icalendar.new_import' }}</h4>
2019-11-27 17:39:19 +01:00
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-font"></i>
</div>
2019-12-16 16:54:40 +01:00
<input type="text" ng-model="newCalendar.name" class="form-control" placeholder="{{ 'app.admin.icalendar.name' | translate }}" required>
2019-11-27 17:39:19 +01:00
</div>
2019-11-27 16:17:32 +01:00
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-link"></i>
</div>
2019-12-16 16:54:40 +01:00
<input type="url" ng-model="newCalendar.url" class="form-control" placeholder="{{ 'app.admin.icalendar.url' | translate }}" required>
2019-11-27 16:17:32 +01:00
</div>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-paint-brush"></i>
</div>
2019-12-16 16:54:40 +01:00
<input type="text" minicolors ng-model="newCalendar.color" class="form-control" placeholder="{{ 'app.admin.icalendar.color' | translate}}" required/>
2019-11-27 16:17:32 +01:00
</div>
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-paint-brush"></i>
</div>
2019-12-16 16:54:40 +01:00
<input type="text" minicolors ng-model="newCalendar.text_color" class="form-control" placeholder="{{ 'app.admin.icalendar.text_color' | translate}}" ng-required="!newCalendar.text_hidden"/>
2019-11-27 16:17:32 +01:00
</div>
<div class="input-group">
2019-12-16 16:54:40 +01:00
<label for="hideText" class="control-label m-r" translate>{{ 'app.admin.icalendar.hide_text' }}</label>
2019-11-27 16:17:32 +01:00
<input bs-switch
2019-12-03 10:17:29 +01:00
ng-model="newCalendar.text_hidden"
2019-11-27 16:17:32 +01:00
id="hideText"
type="checkbox"
class="form-control"
2019-12-16 16:54:40 +01:00
switch-on-text="{{ 'app.admin.icalendar.hidden' | translate }}"
switch-off-text="{{ 'app.admin.icalendar.shown' | translate }}"
2019-11-27 16:17:32 +01:00
switch-animate="true"/>
</div>
<div class="m-t text-right">
<button role="button" class="btn btn-warning" ng-click="save()" ng-disabled="newImportForm.$invalid" translate>
2019-12-16 16:54:40 +01:00
{{ 'app.shared.buttons.confirm' }}
2019-11-27 16:17:32 +01:00
</button>
</div>
</form>
</div>
</div>
</section>