diff options
Diffstat (limited to 'client/components/sidebar/templates.html.old')
-rw-r--r-- | client/components/sidebar/templates.html.old | 307 |
1 files changed, 307 insertions, 0 deletions
diff --git a/client/components/sidebar/templates.html.old b/client/components/sidebar/templates.html.old new file mode 100644 index 00000000..d8b063f0 --- /dev/null +++ b/client/components/sidebar/templates.html.old @@ -0,0 +1,307 @@ +<template name="boardWidgets"> + <a href="#" class="sidebar-show-btn dark-hover js-show-sidebar"> + <span class="icon-sm fa fa-chevron-left"></span> + <span class="text">{{_ 'show-sidebar'}}</span> + </a> + <div class="board-widgets {{#if session 'sidebarIsOpen'}}show{{else}}hide{{/if}}"> + <div> + <a href="#" class="sidebar-hide-btn dark-hover js-hide-sidebar" title="{{_ 'close-sidebar-title'}}"> + <span class="icon-sm fa fa-chevron-right"></span> + </a> + {{#unless isTrue currentWidget "homeWidget"}} + <div class="board-widgets-title clearfix"> + <a href="#" class="board-sidebar-back-btn js-pop-widget-view"> + <span class="left-arrow"></span>{{_ 'back'}} + </a> + <h3 class="text">{{currentWidgetTitle}}</h3> + <hr> + </div> + {{/unless}} + <div class="board-widgets-content-wrapper"> + <div class="board-widgets-content default fancy-scrollbar short{{#unless session 'menuWidgetIsOpen'}} short{{/unless}}"> + {{> UI.dynamic template=currentWidget data=this }} + </div> + </div> + </div> + </div> +</template> + +<template name="homeWidget"> +{{ > menuWidget }} +{{ > membersWidget }} +{{ > activityWidget }} +</template> + +<template name="menuWidget"> + <div class="board-widget board-widget-nav clearfix{{#unless session 'menuWidgetIsOpen'}} collapsed{{/unless}}"> + <h3 class="dark-hover toggle-widget-nav js-toggle-widget-nav">{{_ 'menu'}} + <span class="icon-sm fa fa-chevron-circle-down toggle-menu-icon"></span> + </h3> + <ul class="nav-list"> + <hr style="margin-top: 0;"> + <li> + <a href="#" class="nav-list-item js-open-archive"> + <span class="icon-sm fa fa-archive icon-type"></span> + {{_ 'archived-items'}} + </a> + </li> + <li> + <a href="#" class="nav-list-item js-open-card-filter"> + <span class="icon-sm fa fa-filter icon-type"></span> + {{_ 'filter-cards'}} + </a> + </li> + {{#if currentUser.isBoardAdmin}} + <hr> + <li> + <a class="nav-list-item nav-list-sub-item board-settings-background js-change-background"> + <span class="board-settings-background-preview" style="background-color:{{board.background.color}}"></span> + {{_ 'change-background'}}… + </a> + </li> + {{#unless isSandstorm }} + <li> + <a class="nav-list-item nav-list-sub-item js-close-board" href="#">{{_ 'close-board'}}</a> + </li> + {{/unless}} + {{/if}} + {{! + XXX Language should be handled by sandstorm, but for now display a language selection link in the board menu. + This link is normally present in the header bar that is not displayed on sandstorm. + }} + {{#if isSandstorm}} + <hr> + <li> + <a class="nav-list-item nav-list-sub-item js-language">{{_ 'language'}}</a> + </li> + {{/if}} + </ul> + </div> +</template> + +<template name="membersWidget"> + <hr> + <div class="board-widget board-widget-members clearfix"> + <div class="board-widget-title"> + <h3>{{_ 'members'}}</h3> + </div> + <div class="board-widget-content"> + <div class="board-widget-members js-list-board-members clearfix js-list-draggable-board-members"> + {{# each board.members }} + {{> userAvatar userId=this.userId draggable=true size="small" showBadges=true}} + {{/ each }} + </div> + {{# unless isSandstrom }} + {{# if currentUser.isBoardAdmin }} + <a href="#" class="button-link js-open-manage-board-members"> + <span class="icon-sm fa fa-user"></span> {{_ 'add-members'}} + </a> + {{/ if }} + {{/ unless }} + </div> + </div> +</template> + +<template name="activityWidget"> + {{# if board.activities.count }} + <hr> + <div class="board-widget board-widget-activity bottom clearfix"> + <div class="board-widget-title"> + <h3>{{_ 'activity'}}</h3> + </div> + <div class="board-widget-content"> + <div class="activity-gradient-t"></div> + <div class="activity-gradient-b"></div> + <div class="board-actions-list fancy-scrollbar"> + {{ > activities }} + </div> + </div> + </div> + {{/if}} +</template> + +<template name="memberPopup"> + <div class="board-member-menu"> + <div class="mini-profile-info"> + {{> userAvatar user=user}} + <div class="info"> + <h3 class="bottom" style="margin-right: 40px;"> + <a class="js-profile" href="{{ pathFor route='Profile' username=user.username }}">{{ user.profile.name }}</a> + </h3> + <p class="quiet bottom">@{{ user.username }}</p> + </div> + </div> + {{# if currentUser.isBoardMember }} + <ul class="pop-over-list"> + {{# if currentUser.isBoardAdmin }} + <li> + <a class="js-change-role" href="#"> + {{_ 'change-permissions'}} <span class="quiet" style="font-weight: normal;">({{ memberType }})</span> + </a> + </li> + {{/ if }} + + <li> + {{# if currentUser.isBoardAdmin }} + <a class="js-remove-member">{{_ 'remove-from-board'}}</a> + {{ else }} + <a class="js-leave-member">{{_ 'leave-board'}}</a> + {{/ if }} + </li> + </ul> + {{/ if }} + </div> +</template> + +<template name="filterWidget"> + <ul class="pop-over-label-list checkable"> + {{#each board.labels}} + <li class="item matches-filter"> + <a class="name js-toggle-label-filter"> + <span class="card-label card-label-{{color}}"></span> + <span class="full-name"> + {{#if name}} + {{name}} + {{else}} + <span class="quiet">{{_ "label-default" color}}</span> + {{/if}} + </span> + {{#if Filter.labelIds.isSelected _id}} + <span class="icon-sm fa fa-check"></span> + {{/if}} + </a> + </li> + {{/each}} + </ul> + <hr> + <ul class="pop-over-member-list checkable"> + {{#each board.members}} + {{#with getUser userId}} + <li class="item js-member-item {{#if Filter.members.isSelected _id}}active{{/if}}"> + <a href="#" class="name js-toogle-member-filter"> + {{> userAvatar user=this size="small" }} + <span class="full-name"> + {{ profile.name }} + (<span class="username">{{ username }}</span>) + </span> + {{#if Filter.members.isSelected _id}} + <span class="icon-sm fa fa-check checked-icon"></span> + {{/if}} + </a> + </li> + {{/with}} + {{/each}} + </ul> + <hr> + <ul class="pop-over-list inset normal-weight"> + <li> + <a class="js-clear-all {{#unless Filter.isActive}}disabled{{/unless}}" style="padding-left: 40px;"> + {{_ 'filter-clear'}} + </a> + </li> + </ul> +</template> + +<template name="backgroundWidget"> + <div class="board-widgets-content-wrapper fancy-scrollbar"> + <div class="board-widgets-content"> + <div class="board-backgrounds-list clearfix"> + {{#each backgroundColors}} + <div class="board-background-select js-select-background"> + <span class="background-box " style="background-color: {{this}}; "></span> + </div> + {{/each}} + </div> + {{!-- + <h2 class="clear">Photos</h2> + <div class="board-backgrounds-list relative clearfix js-gold-photos-list disabled"> + <div class="board-background-select js-select-background"> + <span class="background-box " style="background-image: url("{{url}}");"> + <a class="background-option js-background-attribution" href={{href}} target="_blank" title={{title}}> + <img src="https://d78fikflryjgj.cloudfront.net/images/d906fe5c1274c56c5571d49705547587/cc.png" style="height: 14px; width: 14px; vertical-align: text-top;" title="http://creativecommons.org/licenses/by/2.0/deed.en"> + <span class="text" style="margin-left: 2px;">{{author}}</span> + </a> + </span> + </div> + </div> + --}} + </div> + </div> +</template> + +<template name="closeBoardPopup"> + <p>{{_ 'close-board-pop'}}</p> + <input type="submit" class="js-confirm negate full" value="{{_ 'close'}}"> +</template> + +<template name="removeMemberPopup"> + <p>{{_ 'remove-member-pop' + name=user.profile.name + username=user.username + boardTitle=board.title}}</p> + <input type="submit" class="js-confirm negate full" value="{{_ 'remove-member'}}"> +</template> + +<template name="addMemberPopup"> + <div class="search-with-spinner"> + {{> esInput index="users" }} + </div> + + <div class="manage-member-section hide js-search-results" style="display: block;"> + <ul class="pop-over-member-list options js-list"> + {{# esEach index="users"}} + <li class="item js-member-item {{# if isBoardMember }}disabled{{/if}}"> + <a href="#" class="name js-select-member {{# if isBoardMember }}multi-line{{/if}}" title="{{ profile.name }} ({{ username }})"> + {{> userAvatar user=this size="small" }} + <span class="full-name"> + {{ profile.name }} (<span class="username">{{ username }}</span>) + </span> + {{# if isBoardMember }} + <div class="extra-text quiet">({{_ 'joined'}})</div> + {{/if}} + <span class="icon-sm fa fa-chevron-right light option js-open-option"></span> + </a> + </li> + {{/esEach }} + </ul> + </div> + + {{# ifEsIsSearching index='users' }} + <div class="tac"> + <span class="tabbed-pane-main-col-loading-spinner spinner"></span> + </div> + {{ /ifEsIsSearching }} + + {{# ifEsHasNoResults index="users" }} + <div class="manage-member-section js-no-results"> + <p class="quiet center" style="padding: 16px 4px;">{{_ 'no-results'}}</p> + </div> + {{ /ifEsHasNoResults }} + + <div class="manage-member-section js-helper"> + <p class="bottom quiet" style="padding: 6px;">{{_ 'search-member-desc'}}</p> + </div> +</template> + +<template name="changePermissionsPopup"> + <ul class="pop-over-list"> + <li> + <a class="{{#if isLastAdmin}}disabled{{else}}js-set-admin{{/if}}"> + {{_ 'admin'}} + {{#if isAdmin}}<span class="icon-sm fa fa-check"></span>{{/if}} + <span class="sub-name">{{_ 'admin-desc'}}</span> + </a> + </li> + <li> + <a class="{{#if isLastAdmin}}disabled{{else}}js-set-normal{{/if}}"> + {{_ 'normal'}} + {{#unless isAdmin}}<span class="icon-sm fa fa-check"></span>{{/unless}} + <span class="sub-name">{{_ 'normal-desc'}}</span> + </a> + </li> + </ul> + {{#if isLastAdmin}} + <hr> + <p class="quiet bottom">{{_ 'last-admin-desc'}}</p> + {{/if}} +</template> |