Move OC.Share to compiled handlebars

Signed-off-by: Roeland Jago Douma <roeland@famdouma.nl>

7 files changed, 286 insertions, 0 deletions

diff --git a/core/js/share/sharedialoglinkshareview.handlebars b/core/js/share/sharedialoglinkshareview.handlebars
new file mode 100644
index 00000000000..e0787cc7d3b
--- /dev/null
+++ b/core/js/share/sharedialoglinkshareview.handlebars
@@ -0,0 +1,25 @@
+{{#if shareAllowed}}
+<ul id="shareLink" class="shareWithList">
+	<li data-share-id="{{cid}}">
+		<div class="avatar icon-public-white"></div><span class="username" title="{{linkShareLabel}}">{{linkShareLabel}}</span>
+		<span class="sharingOptionsGroup">
+			<span class="shareOption">
+				<span class="icon-loading-small hidden"></span>
+				<input id="linkCheckbox-{{cid}}" {{#if isLinkShare}}checked="checked"{{/if}} type="checkbox" name="linkCheckbox" class="linkCheckbox permissions checkbox">
+				<label for="linkCheckbox-{{cid}}">{{linkShareEnableLabel}}</label>
+			</span>
+			{{#if showMenu}}
+				<div class="share-menu" tabindex="0"><span class="icon icon-more"></span>
+					{{#if showPending}}
+						{{{pendingPopoverMenu}}}
+					{{else}}
+						{{{popoverMenu}}}
+					{{/if}}
+				</div>
+			{{/if}}
+		</span>
+	</li>
+</ul>
+{{else}}
+{{#if noSharingPlaceholder}}<input id="shareWith-{{cid}}" class="shareWithField" type="text" placeholder="{{noSharingPlaceholder}}" disabled="disabled"/>{{/if}}
+{{/if}}'
diff --git a/core/js/share/sharedialoglinkshareview_popover_menu.handlebars b/core/js/share/sharedialoglinkshareview_popover_menu.handlebars
new file mode 100644
index 00000000000..412ed8efca0
--- /dev/null
+++ b/core/js/share/sharedialoglinkshareview_popover_menu.handlebars
@@ -0,0 +1,96 @@
+<div class="popovermenu menu">
+	<ul>
+		<li>
+			<a href="#" class="menuitem clipboardButton" data-clipboard-text="{{shareLinkURL}}">
+				<span class="icon icon-clippy" ></span>
+				<span>{{copyLabel}}</span>
+			</a>
+		</li>
+		<li class="hidden linkTextMenu">
+			<span class="menuitem icon-link-text">
+				<input id="linkText-{{cid}}" class="linkText" type="text" readonly="readonly" value="{{shareLinkURL}}" />
+			</span>
+		</li>
+		{{#if publicUpload}}
+			<li>
+				<span class="shareOption menuitem">
+					<span class="icon-loading-small hidden"></span>
+					<input type="radio" name="publicUpload" value="{{publicUploadRValue}}" id="sharingDialogAllowPublicUpload-r-{{cid}}" class="radio publicUploadRadio" {{{publicUploadRChecked}}} />
+					<label for="sharingDialogAllowPublicUpload-r-{{cid}}">{{publicUploadRLabel}}</label>
+				</span>
+			</li>
+			<li>
+				<span class="shareOption menuitem">
+					<span class="icon-loading-small hidden"></span>
+					<input type="radio" name="publicUpload" value="{{publicUploadRWValue}}" id="sharingDialogAllowPublicUpload-rw-{{cid}}" class="radio publicUploadRadio" {{{publicUploadRWChecked}}} />
+					<label for="sharingDialogAllowPublicUpload-rw-{{cid}}">{{publicUploadRWLabel}}</label>
+				</span></li>
+			<li>
+				<span class="shareOption menuitem">
+					<span class="icon-loading-small hidden"></span>
+					<input type="radio" name="publicUpload" value="{{publicUploadWValue}}" id="sharingDialogAllowPublicUpload-w-{{cid}}" class="radio publicUploadRadio" {{{publicUploadWChecked}}} />
+					<label for="sharingDialogAllowPublicUpload-w-{{cid}}">{{publicUploadWLabel}}</label>
+				</span>
+			</li>
+		{{/if}}
+		{{#if publicEditing}}
+			<li id="allowPublicEditingWrapper">
+				<span class="shareOption menuitem">
+					<span class="icon-loading-small hidden"></span>
+					<input type="checkbox" name="allowPublicEditing" id="sharingDialogAllowPublicEditing-{{cid}}" class="checkbox publicEditingCheckbox" {{{publicEditingChecked}}} />
+					<label for="sharingDialogAllowPublicEditing-{{cid}}">{{publicEditingLabel}}</label>
+				</span>
+			</li>
+		{{/if}}
+		{{#if showPasswordCheckBox}}
+			<li>
+				<span class="shareOption menuitem">
+					<input type="checkbox" name="showPassword" id="showPassword-{{cid}}" class="checkbox showPasswordCheckbox"
+					{{#if isPasswordSet}}checked="checked"{{/if}} {{#if isPasswordEnforced}}disabled="disabled"{{/if}} value="1" />
+					<label for="showPassword-{{cid}}">{{enablePasswordLabel}}</label>
+				</span>
+			</li>
+			<li class="{{#unless isPasswordSet}}hidden{{/unless}} linkPassMenu">
+				<span class="shareOption menuitem icon-share-pass">
+					<input id="linkPassText-{{cid}}" class="linkPassText" type="password" placeholder="{{passwordPlaceholder}}" autocomplete="new-password" />
+					<span class="icon icon-loading-small hidden"></span>
+				</span>
+			</li>
+		{{/if}}
+		<li>
+			<span class="shareOption menuitem">
+				<input id="expireDate-{{cid}}" type="checkbox" name="expirationDate" class="expireDate checkbox"
+				{{#if hasExpireDate}}checked="checked"{{/if}} {{#if isExpirationEnforced}}disabled="disabled"{{/if}}" />
+				<label for="expireDate-{{cid}}">{{expireDateLabel}}</label>
+			</span>
+		</li>
+		<li class="{{#unless hasExpireDate}}hidden{{/unless}}">
+			<span class="menuitem icon-expiredate expirationDateContainer-{{cid}}">
+				<label for="expirationDatePicker-{{cid}}" class="hidden-visually" value="{{expirationDate}}">{{expirationLabel}}</label>
+				<input id="expirationDatePicker-{{cid}}" class="datepicker" type="text" placeholder="{{expirationDatePlaceholder}}" value="{{#if hasExpireDate}}{{expireDate}}{{else}}{{defaultExpireDate}}{{/if}}" />
+			</span>
+			</li>
+		<li>
+			<a href="#" class="share-add">
+				<span class="icon-loading-small hidden"></span>
+				<span class="icon icon-edit"></span>
+				<span>{{addNoteLabel}}</span>
+				<input type="button" class="share-note-delete icon-delete">
+			</a>
+		</li>
+		<li class="share-note-form share-note-link hidden">
+			<span class="menuitem icon-note">
+				<textarea class="share-note">{{shareNote}}</textarea>
+				<input type="submit" class="icon-confirm share-note-submit" value="" id="add-note-{{shareId}}" />
+				</span>
+		</li>
+		{{#each social}}
+			<li>
+				<a href="#" class="shareOption menuitem pop-up" data-url="{{url}}" data-window="{{newWindow}}">
+					<span class="icon {{iconClass}}"></span>
+					<span>{{label}}</span>
+				</a>
+			</li>
+		{{/each}}
+	</ul>
+</div>
diff --git a/core/js/share/sharedialoglinkshareview_popover_menu_pending.handlebars b/core/js/share/sharedialoglinkshareview_popover_menu_pending.handlebars
new file mode 100644
index 00000000000..e39c082315b
--- /dev/null
+++ b/core/js/share/sharedialoglinkshareview_popover_menu_pending.handlebars
@@ -0,0 +1,14 @@
+<div class="popovermenu pendingpopover menu">
+	<ul>
+		{{#if isPasswordEnforced}}
+			<li><span class="shareOption menuitem">
+				<input type="checkbox" name="showPassword" id="showPassword-{{cid}}" checked="checked" disabled class="checkbox showPasswordCheckbox" value="1" />
+				<label for="showPassword-{{cid}}">{{enablePasswordLabel}}</label>
+			</span></li>
+			<li class="linkPassMenu"><span class="shareOption menuitem icon-share-pass">
+				<input id="linkPassText-{{cid}}" class="linkPassText" type="password" placeholder="{{passwordPlaceholder}}" autocomplete="new-password" />
+				<span class="icon icon-loading-small hidden"></span>
+			</span></li>
+		{{/if}}
+	</ul>
+</div>
diff --git a/core/js/share/sharedialogresharerinfoview.handlebars b/core/js/share/sharedialogresharerinfoview.handlebars
new file mode 100644
index 00000000000..e2cfa13da96
--- /dev/null
+++ b/core/js/share/sharedialogresharerinfoview.handlebars
@@ -0,0 +1,5 @@
+<span class="reshare">
+	<div class="avatar" data-userName="{{reshareOwner}}"></div>
+	{{sharedByText}}
+</span>' +
+{{#if hasShareNote}}<div class="share-note">{{shareNote}}</div>{{/if}}
diff --git a/core/js/share/sharedialogshareelistview.handlebars b/core/js/share/sharedialogshareelistview.handlebars
new file mode 100644
index 00000000000..ba9aa6e510a
--- /dev/null
+++ b/core/js/share/sharedialogshareelistview.handlebars
@@ -0,0 +1,28 @@
+<ul id="shareWithList" class="shareWithList">
+	{{#each sharees}}
+		<li data-share-id="{{shareId}}" data-share-type="{{shareType}}" data-share-with="{{shareWith}}">
+			<div class="avatar {{#if modSeed}}imageplaceholderseed{{/if}}" data-username="{{shareWith}}" data-avatar="{{shareWithAvatar}}" data-displayname="{{shareWithDisplayName}}" {{#if modSeed}}data-seed="{{shareWith}} {{shareType}}"{{/if}}></div>
+			<span class="username" title="{{shareWithTitle}}">{{shareWithDisplayName}}</span>
+			<span class="sharingOptionsGroup">
+				{{#if editPermissionPossible}}
+					<span class="shareOption">
+						<input id="canEdit-{{cid}}-{{shareId}}" type="checkbox" name="edit" class="permissions checkbox" />
+						<label for="canEdit-{{cid}}-{{shareId}}">{{canEditLabel}}</label>
+					</span>
+				{{/if}}
+				<div tabindex="0" class="share-menu"><span class="icon icon-more"></span>
+					{{{popoverMenu}}}
+				</div>
+			</span>
+		</li>
+		{{/each}}
+	{{#each linkReshares}}
+		<li data-share-id="{{shareId}}" data-share-type="{{shareType}}">
+			<div class="avatar" data-username="{{shareInitiator}}"></div>
+			<span class="has-tooltip username" title="{{shareInitiator}}"> t('core', '{{shareInitiatorDisplayName}} shared via link') + '</span>
+			<span class="sharingOptionsGroup">
+				<a href="#" class="unshare"><span class="icon-loading-small hidden"></span><span class="icon icon-delete"></span><span class="hidden-visually">{{unshareLabel}}</span></a>
+			</span>
+		</li>
+	{{/each}}
+</ul>
diff --git a/core/js/share/sharedialogshareelistview_popover_menu.handlebars b/core/js/share/sharedialogshareelistview_popover_menu.handlebars
new file mode 100644
index 00000000000..c135d31b081
--- /dev/null
+++ b/core/js/share/sharedialogshareelistview_popover_menu.handlebars
@@ -0,0 +1,106 @@
+<div class="popovermenu bubble hidden menu">
+	<ul>
+		{{#if isResharingAllowed}} {{#if sharePermissionPossible}} {{#unless isMailShare}}
+			<li>
+				<span class="shareOption menuitem">
+					<input id="canShare-{{cid}}-{{shareId}}" type="checkbox" name="share" class="permissions checkbox" {{#if hasSharePermission}}checked="checked"{{/if}} data-permissions="{{sharePermission}}" />
+					<label for="canShare-{{cid}}-{{shareId}}">{{canShareLabel}}</label>
+				</span>
+				</li>
+			{{/unless}} {{/if}} {{/if}}
+		{{#if isFolder}}
+			{{#if createPermissionPossible}}{{#unless isMailShare}}
+				<li>
+					<span class="shareOption menuitem">
+						<input id="canCreate-{{cid}}-{{shareId}}" type="checkbox" name="create" class="permissions checkbox" {{#if hasCreatePermission}}checked="checked"{{/if}} data-permissions="{{createPermission}}"/>
+						<label for="canCreate-{{cid}}-{{shareId}}">{{createPermissionLabel}}</label>
+					</span>
+				</li>
+			{{/unless}}{{/if}}
+			{{#if updatePermissionPossible}}{{#unless isMailShare}}
+				<li>
+					<span class="shareOption menuitem">
+						<input id="canUpdate-{{cid}}-{{shareId}}" type="checkbox" name="update" class="permissions checkbox" {{#if hasUpdatePermission}}checked="checked"{{/if}} data-permissions="{{updatePermission}}"/>
+						<label for="canUpdate-{{cid}}-{{shareId}}">{{updatePermissionLabel}}</label>
+					</span>
+				</li>
+				{{/unless}}{{/if}}
+			{{#if deletePermissionPossible}}{{#unless isMailShare}}
+				<li>
+					<span class="shareOption menuitem">
+						<input id="canDelete-{{cid}}-{{shareId}}" type="checkbox" name="delete" class="permissions checkbox" {{#if hasDeletePermission}}checked="checked"{{/if}} data-permissions="{{deletePermission}}"/>
+						<label for="canDelete-{{cid}}-{{shareId}}">{{deletePermissionLabel}}</label>
+					</span>
+				</li>
+				{{/unless}}{{/if}}
+			{{/if}}
+		{{#if isMailShare}}
+			{{#if hasCreatePermission}}
+				<li>
+					<span class="shareOption menuitem">
+						<input id="secureDrop-{{cid}}-{{shareId}}" type="checkbox" name="secureDrop" class="checkbox secureDrop" {{#if secureDropMode}}checked="checked"{{/if}} data-permissions="{{readPermission}}"/>
+						<label for="secureDrop-{{cid}}-{{shareId}}">{{secureDropLabel}}</label>
+					</span>
+				</li>
+			{{/if}}
+			<li>
+				<span class="shareOption menuitem">
+					<input id="password-{{cid}}-{{shareId}}" type="checkbox" name="password" class="password checkbox" {{#if isPasswordSet}}checked="checked"{{/if}}{{#if isPasswordSet}}{{#if isPasswordForMailSharesRequired}}disabled=""{{/if}}{{/if}}" />
+					<label for="password-{{cid}}-{{shareId}}">{{passwordLabel}}</label>
+				</span>
+			</li>
+			<li class="passwordMenu-{{cid}}-{{shareId}} {{#unless isPasswordSet}}hidden{{/unless}}">
+				<span class="passwordContainer-{{cid}}-{{shareId}} icon-passwordmail menuitem">
+					<label for="passwordField-{{cid}}-{{shareId}}" class="hidden-visually" value="{{password}}">{{passwordLabel}}</label>
+					<input id="passwordField-{{cid}}-{{shareId}}" class="passwordField" type="password" placeholder="{{passwordPlaceholder}}" value="{{passwordValue}}" autocomplete="new-password" />
+					<span class="icon-loading-small hidden"></span>
+				</span>
+			</li>
+			{{#if isTalkEnabled}}
+				<li>
+					<span class="shareOption menuitem">
+						<input id="passwordByTalk-{{cid}}-{{shareId}}" type="checkbox" name="passwordByTalk" class="passwordByTalk checkbox" {{#if isPasswordByTalkSet}}checked="checked"{{/if}} />
+						<label for="passwordByTalk-{{cid}}-{{shareId}}">{{passwordByTalkLabel}}</label>
+					</span>
+				</li>
+				<li class="passwordByTalkMenu-{{cid}}-{{shareId}} {{#unless isPasswordByTalkSet}}hidden{{/unless}}">
+					<span class="passwordByTalkContainer-{{cid}}-{{shareId}} icon-passwordtalk menuitem">
+						<label for="passwordByTalkField-{{cid}}-{{shareId}}" class="hidden-visually" value="{{password}}">{{passwordByTalkLabel}}</label>
+						<input id="passwordByTalkField-{{cid}}-{{shareId}}" class="passwordField" type="password" placeholder="{{passwordByTalkPlaceholder}}" value="{{passwordValue}}" autocomplete="new-password" />
+						<span class="icon-loading-small hidden"></span>
+					</span>
+				</li>
+				{{/if}}
+			{{/if}}
+		<li>
+			<span class="shareOption menuitem">
+				<input id="expireDate-{{cid}}-{{shareId}}" type="checkbox" name="expirationDate" class="expireDate checkbox" {{#if hasExpireDate}}checked="checked"{{/if}}" />
+				<label for="expireDate-{{cid}}-{{shareId}}">{{expireDateLabel}}</label>
+			</span>
+		</li>
+		<li class="expirationDateMenu-{{cid}}-{{shareId}} {{#unless hasExpireDate}}hidden{{/unless}}">
+			<span class="expirationDateContainer-{{cid}}-{{shareId}} icon-expiredate menuitem">
+				<label for="expirationDatePicker-{{cid}}-{{shareId}}" class="hidden-visually" value="{{expirationDate}}">{{expirationLabel}}</label>
+				<input id="expirationDatePicker-{{cid}}-{{shareId}}" class="datepicker" type="text" placeholder="{{expirationDatePlaceholder}}" value="{{#if hasExpireDate}}{{expireDate}}{{else}}{{defaultExpireDate}}{{/if}}" />
+			</span>
+		</li>
+		{{#if isNoteAvailable}}
+			<li>
+				<a href="#" class="share-add"><span class="icon-loading-small hidden"></span>
+					<span class="icon icon-edit"></span>
+					<span>{{addNoteLabel}}</span>
+					<input type="button" class="share-note-delete icon-delete">
+				</a>
+			</li>
+			<li class="share-note-form hidden">
+				<span class="menuitem icon-note">
+					<textarea class="share-note">{{shareNote}}</textarea>
+					<input type="submit" class="icon-confirm share-note-submit" value="" id="add-note-{{shareId}}" />
+				</span>
+			</li>
+		{{/if}}
+		<li>
+			<a href="#" class="unshare"><span class="icon-loading-small hidden"></span><span class="icon icon-delete"></span><span>{{unshareLabel}}</span></a>
+		</li>
+	</ul>
+</div>
diff --git a/core/js/share/sharedialogview.handlebars b/core/js/share/sharedialogview.handlebars
new file mode 100644
index 00000000000..d364be901ab
--- /dev/null
+++ b/core/js/share/sharedialogview.handlebars
@@ -0,0 +1,12 @@
+<div class="resharerInfoView subView"></div>
+{{#if isSharingAllowed}}
+	<label for="shareWith-{{cid}}" class="hidden-visually">{{shareLabel}}</label>
+	<div class="oneline">
+		<input id="shareWith-{{cid}}" class="shareWithField" type="text" placeholder="{{sharePlaceholder}}" />
+		<span class="shareWithLoading icon-loading-small hidden"></span>'+
+		<span class="shareWithConfirm icon icon-confirm"></span>
+	</div>
+{{/if}}
+<div class="linkShareView subView"></div>
+<div class="shareeListView subView"></div>
+<div class="loading hidden" style="height: 50px"></div>';