jQuery dialog for sharing files from within file browser - Not functional yet

apps/files_sharing/appinfo/app.php

@@ -2,6 +2,8 @@
 
 require_once('apps/files_sharing/lib_share.php');
 
+OC_UTIL::addScript("files_sharing", "share");
+
 OC_APP::addNavigationEntry( array( "id" => "files_sharing_list",
   "order" => 10, 
   "href" => OC_HELPER::linkTo( "files_sharing", "list.php" ),

apps/files_sharing/js/share.js

@@ -0,0 +1,84 @@
+$(document).ready(function() {
+	$('.share').click(function(event) {
+		event.preventDefault();
+		// TODO Replace with getSelectedFiles() from files.js
+		var files = '';
+		$('td.selection input:checkbox:checked').parent().parent().each(function(i, element) {
+			files += ', ' + $(element).attr('data-file');
+		});
+		files = files.substr(1);
+		var html = "<div title='Share "+files+"' align='center'>";
+		html += "<label><input type='radio' name='share_type' value='private' checked='checked' /> Private</label>";
+		html += "<label><input type='radio' name='share_type' value='public' /> Public</label>";
+		html += "<br />";
+		html += "<div id='private'>";
+		html += "<label>Share with <input placeholder='User or Group' class='uid_shared_with' /></label>";
+		html += "<button id='hey' class='add-uid_shared_with fancybutton'>+</button>";
+		html += "<br />";
+		html += "<a id='toggle-private-advanced'>Advanced</a>";
+		html += "<br />";
+		html += "<div id='private-advanced' style='display: none'>";
+		html += "<label><input type='checkbox' name='share_permissions' value='read' checked='checked' disabled='disable' /> Read</lable><br />";
+		html += "<label><input type='checkbox' name='share_permissions' value='write' /> Write</label><br />";
+		html += "<label><input type='checkbox' name='share_permissions' value='rename' /> Rename</label><br />";
+		html += "<label><input type='checkbox' name='share_permissions' value='delete' /> Delete</label><br />";
+		html += "</div>";
+		html += "</div>";
+		html += "<div id='public' style='display: none'>";
+		html += "TODO: Construct a public link";
+		html += "</div>";
+		html += "<br />";
+		html += "<button class='submit fancybutton'>Share</button>";
+		html += "<div>";
+		$(html).dialog();
+	});
+	$("input[name=share_type]").live('change', function() {
+		$('#private').toggle();
+		$('#public').toggle();
+	});
+	$('.uid_shared_with').live('keyup', function() {
+		$(this).autocomplete({
+			source: "../apps/files_sharing/ajax/userautocomplete.php",
+			minLength: 1
+		});
+	});
+	$('button.add-uid_shared_with').live('click', function(event) {
+		event.preventDefault();
+		// TODO Make sure previous textbox has a valid user or group name
+		var html = "<br />";
+		html += "<label>Share with <input placeholder='User or Group' class='uid_shared_with' /></label>";
+		html += "<button class='add-uid_shared_with fancybutton'>+</button>";
+		$(html).insertAfter('.add-uid_shared_with');
+		$(this).html("&nbsp-&nbsp&nbsp");
+		$(this).removeClass("add-uid_shared_with fancybutton");
+		$(this).addClass("remove-uid_shared_with fancybutton");
+	});
+	$('button.remove-uid_shared_with').live('click', function(event) {
+		event.preventDefault();
+		alert("remove");
+		// TODO Remove corresponding row
+	});
+	$('#toggle-private-advanced').live('click', function(event) {
+		event.preventDefault();
+		$('#private-advanced').toggle();
+	});
+	$('button.submit').live('click', function(event) {
+		event.preventDefault();
+		if ($("input[name=share_type]:checked").val() == 'public') {
+			// TODO Construct public link
+		} else {
+			// TODO Construct shared item
+			// TODO Check all inputs are valid
+// 			var source;
+// 			var uid_shared_with;
+// 			var permissions;
+// 			var data = 'source='+source+'&uid_shared_with='+uid_shared_with+'&permissions='+permissions;
+// 			$.ajax({
+// 				type: 'GET',
+// 				url: 'ajax/share.php',
+// 				cache: false,
+// 				data: data
+// 			});
+		}
+	});
+});

files/templates/index.php

@@ -15,7 +15,7 @@
 			<input class="prettybutton" type="submit" id="file_newfolder_submit" name="file_newfolder_submit" value="OK" />
 		</form>
 		<a href="" title="" class="download"><?php echo $l->t( 'Download' ); ?></a>
-		<!--<a href="" title="" class="share"><?php echo $l->t( 'Share' ); ?></a>-->
+		<a href="" title="" class="share"><?php echo $l->t( 'Share' ); ?></a>
 		<a href="" title="" class="delete"><?php echo $l->t( 'Delete' ); ?></a>
 	</div>
 	<div id="file_action_panel">