mirror of
https://github.com/nextcloud/calendar.git
synced 2024-10-07 16:40:09 +02:00
First edition, structure, classes and menus
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv)
parent
fee4567a1f
commit
21121eeef4
7 changed files with 35 additions and 56 deletions
|
|
@ -157,10 +157,6 @@
|
|||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#app-navigation .app-navigation-list-item > a {
|
||||
padding: 0 66px 0 44px !important;
|
||||
}
|
||||
|
||||
#app-navigation .app-navigation-list-item > a.calendar-list-cut-name {
|
||||
padding: 0 107px 0 44px !important;
|
||||
}
|
||||
|
|
@ -347,6 +343,7 @@
|
|||
/* Spacing */
|
||||
#spacer {
|
||||
height: 44px;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Public */
|
||||
|
|
|
|||
|
|
@ -84,20 +84,16 @@ foreach ($scripts as $script) {
|
|||
</div>
|
||||
|
||||
<?php if(!$_['isPublic']): ?>
|
||||
<div ng-controller="CalendarListController" id="calendarlistcontainer" ng-cloak>
|
||||
<div id="scrollable">
|
||||
<ul ng-controller="CalendarListController" id="calendarlistcontainer" ng-cloak>
|
||||
<?php print_unescaped($this->inc('part.createcalendar')); ?>
|
||||
<?php print_unescaped($this->inc('part.calendarlist')); ?>
|
||||
<div id="spacer"></div><!-- Creates space between Subscriptionlist and Calendarlist.-->
|
||||
<div ng-controller="SubscriptionController">
|
||||
<?php print_unescaped($this->inc('part.createsubscription')); ?>
|
||||
</div>
|
||||
<li id="spacer"></li><!-- Creates space between Subscriptionlist and Calendarlist.-->
|
||||
<?php print_unescaped($this->inc('part.createsubscription')); ?>
|
||||
<?php print_unescaped($this->inc('part.subscriptionlist')); ?>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<div id="app-settings" ng-controller="SettingsController">
|
||||
<?php print_unescaped($this->inc('part.settings')); ?>
|
||||
</div>
|
||||
<div id="app-settings" ng-controller="SettingsController">
|
||||
<?php print_unescaped($this->inc('part.settings')); ?>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<div ng-controller="CalendarListController" id="publicinformationscontainer">
|
||||
|
|
|
|||
|
|
@ -27,9 +27,6 @@
|
|||
ng-show="item.displayColorIndicator()"
|
||||
ng-style="{ background : item.calendar.enabled == true ? item.calendar.color : 'transparent' }">
|
||||
</span>
|
||||
<span class="icon-loading-small pull-left"
|
||||
ng-show="item.displaySpinner()">
|
||||
</span>
|
||||
<a class="action permanent"
|
||||
ng-class="{'calendar-list-cut-name': item.calendar.isShared() || item.calendar.isPublished() }"
|
||||
href="#"
|
||||
|
|
@ -43,35 +40,26 @@
|
|||
</span>
|
||||
{{ item.calendar.displayname }}
|
||||
</a>
|
||||
<span class="utils"
|
||||
ng-show="item.displayActions()">
|
||||
<span class="action"
|
||||
ng-class="{'withitems': item.calendar.isShared() || item.calendar.isPublished() }">
|
||||
<span
|
||||
class="calendarlist-icon share permanent"
|
||||
ng-class="{'icon-shared shared-style': item.calendar.isShared() && !item.calendar.isPublished(), 'icon-public': item.calendar.isPublished(), 'icon-shared': !item.calendar.isShared() && !item.calendar.isPublished()}"
|
||||
<div class="app-navigation-entry-utils"
|
||||
ng-show="item.displayActions()">
|
||||
<ul ng-class="{'withitems': item.calendar.isShared() || item.calendar.isPublished() }">
|
||||
<li class="app-navigation-entry-utils-menu-button calendarlist-icon share permanent"
|
||||
ng-click="item.toggleEditingShares()"
|
||||
ng-if="item.showSharingIcon()"
|
||||
title="<?php p($l->t('Share Calendar')) ?>"
|
||||
role="button">
|
||||
</span>
|
||||
<!-- Add a label if the calendar has shares -->
|
||||
<span
|
||||
class="calendarlist-icon shared"
|
||||
role="button"><button ng-class="{'icon-shared shared-style': item.calendar.isShared() && !item.calendar.isPublished(), 'icon-public': item.calendar.isPublished(), 'icon-shared': !item.calendar.isShared() && !item.calendar.isPublished()}"></button></li>
|
||||
<li class="app-navigation-entry-utils-menu-button calendarlist-icon shared"
|
||||
ng-if="item.calendar.isShared() && item.calendar.isShareable() || item.calendar.isPublished()"
|
||||
ng-click="item.toggleEditingShares()">
|
||||
<?php p($l->t('Shared'))?>
|
||||
</span>
|
||||
</span>
|
||||
<span class="action">
|
||||
<span class="icon-more"
|
||||
href="#"
|
||||
on-toggle-show="#more-actions-{{ $id }}"
|
||||
title="<?php p($l->t('More')); ?>"
|
||||
role="button">
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="app-navigation-entry-utils-menu-button"
|
||||
href="#"
|
||||
on-toggle-show="#more-actions-{{ $id }}"
|
||||
title="<?php p($l->t('More')); ?>"
|
||||
role="button"><button></button></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="more-actions-{{ $id }}"
|
||||
class="app-navigation-entry-menu hidden">
|
||||
|
|
|
|||
|
|
@ -22,9 +22,8 @@
|
|||
*
|
||||
*/
|
||||
?>
|
||||
<ul class="app-navigation-list calendar-list">
|
||||
<div ng-class="{'icon-loading-small': is.loading}"></div>
|
||||
<li ng-repeat="item in calendarListItems | orderBy: item.calendar.order | calendarListFilter" class="app-navigation-list-item" ng-class="{active: item.calendar.enabled}">
|
||||
<?php print_unescaped($this->inc('part.calendarlist.item')); ?>
|
||||
</li>
|
||||
</ul>
|
||||
<li ng-if="is.loading" class="icon-loading-small"><a></a></li>
|
||||
<li ng-repeat="item in calendarListItems | orderBy: item.calendar.order | calendarListFilter"
|
||||
class="app-navigation-list-item" ng-class="{active: item.calendar.enabled, 'icon-loading-small': item.displaySpinner()}">
|
||||
<?php print_unescaped($this->inc('part.calendarlist.item')); ?>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
*
|
||||
*/
|
||||
?>
|
||||
<div class="new-entity-container">
|
||||
<li class="new-entity-container">
|
||||
|
||||
|
||||
<div
|
||||
|
|
@ -51,4 +51,4 @@
|
|||
</button>
|
||||
</form>
|
||||
</fieldset>
|
||||
</div>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
*/
|
||||
?>
|
||||
|
||||
<div class="new-entity-container">
|
||||
<li class="new-entity-container">
|
||||
<div
|
||||
class="new-entity"
|
||||
data-apps-slide-toggle=".add-new-subscription"
|
||||
|
|
@ -53,4 +53,4 @@
|
|||
value="<?php p($l->t('Create')); ?>" />
|
||||
</form>
|
||||
</fieldset>
|
||||
</div>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -22,9 +22,8 @@
|
|||
*
|
||||
*/
|
||||
?>
|
||||
<ul class="app-navigation-list subscription-list">
|
||||
<div ng-class="{'icon-loading-small': is.loading}"></div>
|
||||
<li ng-repeat="item in calendarListItems | orderBy: item.calendar.order | subscriptionListFilter" class="app-navigation-list-item" ng-class="{active: item.calendar.enabled}">
|
||||
<?php print_unescaped($this->inc('part.calendarlist.item')); ?>
|
||||
</li>
|
||||
</ul>
|
||||
<li ng-if="is.loading" class="icon-loading-small"><a></a></li>
|
||||
<li ng-repeat="item in calendarListItems | orderBy: item.calendar.order | subscriptionListFilter"
|
||||
class="app-navigation-list-item" ng-class="{active: item.calendar.enabled, 'icon-loading-small': item.displaySpinner()}">
|
||||
<?php print_unescaped($this->inc('part.calendarlist.item')); ?>
|
||||
</li>
|
||||
|
|
|
|||
Loading…
Reference in a new issue