namespaced the widget code

git-svn-id: http://code.elgg.org/elgg/trunk@7693 36083f99-b078-4883-b0ff-0f9b5a30f544

7 files changed, 49 insertions, 56 deletions

diff --git a/views/default/css/screen.php b/views/default/css/screen.php
index 971b5b734..a96aaaa90 100644
--- a/views/default/css/screen.php
+++ b/views/default/css/screen.php
@@ -142,22 +142,20 @@ echo elgg_view('css/elements/skin', $vars);
 	float: right;
 	min-height: 30px;
 }
-#widget-add-button {
-	padding: 0px;
+.elgg-widget-add-control {
 	text-align: right;
-	margin-bottom: 15px;
-	margin-right: 5px;
+	margin: 5px 5px 15px;
 }
-.widgets-add-panel {
+.elgg-widgets-add-panel {
 	padding: 10px;
 	margin: 0 5px 15px;
 	background: #dedede;
 }
-.widgets-add-panel ul {
+.elgg-widgets-add-panel ul {
 	padding: 0;
 	margin: 0;
 }
-.widgets-add-panel li {
+.elgg-widgets-add-panel li {
 	float: left;
 	margin: 2px 10px;
 	list-style: none;
@@ -165,36 +163,36 @@ echo elgg_view('css/elements/skin', $vars);
 	padding: 4px;
 	background-color: #cccccc;
 }
-.widgets-add-panel li a {
+.elgg-widgets-add-panel li a {
 	display: block;
 }
-.widget-available {
+.elgg-widget-available {
 	cursor: pointer;
 }
-.widget-unavailable {
+.elgg-widget-unavailable {
 	color: #888888;
 }
-.widget {
+.elgg-widget {
 	background-color: #dedede;
 	padding: 2px;
 	margin: 0 5px 15px;
 	position: relative;
 }
-.widget:hover {
+.elgg-widget:hover {
 	background-color: #cccccc;
 }
-.widget-title {
+.elgg-widget-title {
 	background-color: #dedede;
 	height: 30px;
 	line-height: 30px;
 	overflow: hidden;
 }
-.widget-title h3 {
+.elgg-widget-title h3 {
 	float: left;
 	padding: 0 45px 0 20px;
 	color: #333333;
 }
-.widget-controls a {
+.elgg-widget-controls a {
 	position: absolute;
 	top: 5px;
 	display: block;
@@ -202,42 +200,42 @@ echo elgg_view('css/elements/skin', $vars);
 	height: 18px;
 	border: 1px solid transparent;
 }
-a.widget-collapse-button {
+a.elgg-widget-collapse-button {
 	left: 5px;
 	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat 0px -385px;
 }
-.widget-controls a.widget-collapsed {
+.elgg-widget-controls a.elgg-widget-collapsed {
 	background-position: 0px -365px;
 }
-a.widget-delete-button {
+a.elgg-widget-delete-button {
 	right: 5px;
 	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -198px 3px;
 }
-a.widget-edit-button {
+a.elgg-widget-edit-button {
 	right: 25px;
 	background:transparent url(<?php echo elgg_get_site_url(); ?>_graphics/elgg_sprites.png) no-repeat -300px -1px;
 }
-a.widget-edit-button:hover, a.widget-delete-button:hover {
+a.elgg-widget-edit-button:hover, a.elgg-widget-delete-button:hover {
 	border: 1px solid #cccccc;
 }
-.widget-container {
+.elgg-widget-container {
 	background-color: white;
 	width: 100%;
 	overflow: hidden;
 }
-.widget-edit {
+.elgg-widget-edit {
 	display: none;
 	width: 96%;
 	padding: 2%;
 	border-bottom: 2px solid #dedede;
 }
-.widget-content {
+.elgg-widget-content {
 	padding: 10px;
 }
 .drag-handle {
 	cursor: move;
 }
-.widget-placeholder {
+.elgg-widget-placeholder {
 	border: 2px dashed #dedede;
 	margin-bottom: 15px;
 }
diff --git a/views/default/layout/objects/widget.php b/views/default/layout/objects/widget.php
index d109693e1..1ba274aa6 100644
--- a/views/default/layout/objects/widget.php
+++ b/views/default/layout/objects/widget.php
@@ -19,12 +19,12 @@ $title = $widget->getTitle();
 
 $can_edit = $widget->canEdit();
 
-$widget_id = "widget-$widget->guid";
-$widget_instance = "widget-instance-$handler";
+$widget_id = "elgg-widget-$widget->guid";
+$widget_instance = "elgg-widget-instance-$handler";
 
 ?>
-<div class="widget draggable <?php echo $widget_instance?>" id="<?php echo $widget_id; ?>">
-	<div class="widget-title drag-handle">
+<div class="elgg-widget draggable <?php echo $widget_instance?>" id="<?php echo $widget_id; ?>">
+	<div class="elgg-widget-title drag-handle">
 		<h3><?php echo $title; ?></h3>
 	</div>
 	<?php
@@ -32,13 +32,13 @@ $widget_instance = "widget-instance-$handler";
 		echo elgg_view('layout/objects/widget/controls', array('widget' => $widget));
 	}
 	?>
-	<div class="widget-container">
+	<div class="elgg-widget-container">
 		<?php
 		if ($can_edit) {
 			echo elgg_view('layout/objects/widget/settings', array('widget' => $widget));
 		}
 		?>
-		<div class="widget-content">
+		<div class="elgg-widget-content">
 			<?php
 			if (elgg_view_exists("widgets/$handler/content")) {
 				echo elgg_view("widgets/$handler/content", $vars);
diff --git a/views/default/layout/objects/widget/controls.php b/views/default/layout/objects/widget/controls.php
index 5e6aaf193..b07a42e22 100644
--- a/views/default/layout/objects/widget/controls.php
+++ b/views/default/layout/objects/widget/controls.php
@@ -11,8 +11,8 @@ $widget = $vars['widget'];
 $params = array(
 	'text' => ' ',
 	'href' => "#",
-	'class' => 'widget-collapse-button',
-	'internalid' => "widget-collapse-button_$widget->guid"
+	'class' => 'elgg-widget-collapse-button',
+	'internalid' => "elgg-widget-collapse-button-$widget->guid"
 );
 $collapse_link = elgg_view('output/url', $params);
 
@@ -21,8 +21,8 @@ $params = array(
 	'title' => elgg_echo('widget:delete', array($widget->getTitle())),
 	'href' => elgg_get_site_url() . "action/widgets/delete?guid=$widget->guid",
 	'is_action' => true,
-	'class' => 'widget-delete-button',
-	'internalid' => "widget-delete-button_$widget->guid"
+	'class' => 'elgg-widget-delete-button',
+	'internalid' => "elgg-widget-delete-button-$widget->guid"
 );
 $delete_link = elgg_view('output/url', $params);
 
@@ -30,13 +30,13 @@ $params = array(
 	'text' => ' ',
 	'title' => elgg_echo('widget:edit'),
 	'href' => "#",
-	'class' => 'widget-edit-button',
-	'internalid' => "widget-edit-button_$widget->guid"
+	'class' => 'elgg-widget-edit-button',
+	'internalid' => "elgg-widget-edit-button-$widget->guid"
 );
 $edit_link = elgg_view('output/url', $params);
 
 echo <<<___END
-<div class="widget-controls">
+<div class="elgg-widget-controls">
 	$collapse_link
 	$delete_link
 	$edit_link
diff --git a/views/default/layout/objects/widget/settings.php b/views/default/layout/objects/widget/settings.php
index 5814e5821..c1e00c3f1 100644
--- a/views/default/layout/objects/widget/settings.php
+++ b/views/default/layout/objects/widget/settings.php
@@ -33,7 +33,7 @@ $body = <<<___END
 ___END;
 
 ?>
-<div class="widget-edit">
+<div class="elgg-widget-edit">
 <?php
 $params = array(
 	'body' => $body,
diff --git a/views/default/layout/shells/widgets.php b/views/default/layout/shells/widgets.php
index e35e8c6c4..0c21e7042 100644
--- a/views/default/layout/shells/widgets.php
+++ b/views/default/layout/shells/widgets.php
@@ -34,7 +34,7 @@ $widget_class = "elgg-col-1of{$num_columns}";
 for ($column_index = 1; $column_index <= $num_columns; $column_index++) {
 	$column_widgets = $widgets[$column_index];
 
-	echo "<div class=\"$widget_class elgg-widgets\" id=\"widget-col-$column_index\">";
+	echo "<div class=\"$widget_class elgg-widgets\" id=\"elgg-widget-col-$column_index\">";
 	if (is_array($column_widgets) && sizeof($column_widgets) > 0) {
 		foreach ($column_widgets as $widget) {
 			echo elgg_view_entity($widget);
diff --git a/views/default/layout/shells/widgets/add_button.php b/views/default/layout/shells/widgets/add_button.php
index d281a2ffa..492f0f6fc 100644
--- a/views/default/layout/shells/widgets/add_button.php
+++ b/views/default/layout/shells/widgets/add_button.php
@@ -1,13 +1,8 @@
 <?php
-
-?>
-<div id="widget-add-button">
-<?php
-$options = array(
-	'href' => '#',
-	'text' => elgg_echo('widgets:add'),
-	'class' => 'elgg-action-button',
-);
-echo elgg_view('output/url', $options);
+/**
+ * Button area for showing the add widgets panel
+ */
 ?>
+<div class="elgg-widget-add-control elgg-toggle" id="elgg-toggler-add-widgets">
+	<a class="elgg-action-button"><?php echo elgg_echo('widgets:add'); ?></a>
 </div>
diff --git a/views/default/layout/shells/widgets/add_panel.php b/views/default/layout/shells/widgets/add_panel.php
index d9acc5518..1e2dc3bbc 100644
--- a/views/default/layout/shells/widgets/add_panel.php
+++ b/views/default/layout/shells/widgets/add_panel.php
@@ -13,27 +13,27 @@ foreach ($widgets as $column_widgets) {
 }
 
 ?>
-<div class="widgets-add-panel hidden">
+<div class="elgg-widgets-add-panel hidden" id="elgg-togglee-add-widgets">
 	<p>
 		<?php echo elgg_echo('widgets:add:description'); ?>
 	</p>
 	<ul>
 <?php
 		foreach ($widget_types as $handler => $widget_type) {
-			$id = "widget-type-$handler";
+			$id = "elgg-widget-type-$handler";
 			// check if widget added and only one instance allowed
 			if ($widget_type->multiple == false && in_array($handler, $current_handlers)) {
-				$class = 'widget-unavailable';
+				$class = 'elgg-widget-unavailable';
 				$tooltip = elgg_echo('widget:unavailable');
 			} else {
-				$class = 'widget-available';
+				$class = 'elgg-widget-available';
 				$tooltip = $widget_type->description;
 			}
 
 			if ($widget_type->multiple) {
-				$class .= ' widget-multiple';
+				$class .= ' elgg-widget-multiple';
 			} else {
-				$class .= ' widget-single';
+				$class .= ' elgg-widget-single';
 			}
 
 			echo "<li title=\"$tooltip\" id=\"$id\" class=\"$class\">$widget_type->name</li>";
@@ -42,7 +42,7 @@ foreach ($widgets as $column_widgets) {
 	</ul>
 <?php
 	$params = array(
-		'internalname' => 'widget-context',
+		'internalname' => 'widget_context',
 		'value' => $context
 	);
 	echo elgg_view('input/hidden', $params);