Add button to float status bar in page editors

pagecarton · May 9, 2019 · a2f95d3 · a2f95d3
1 parent 8f31c9e
commit a2f95d3
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 1 deletion.
diff --git a/pagecarton/core/application/documents/css/pagecarton.css b/pagecarton/core/application/documents/css/pagecarton.css
@@ -884,6 +884,16 @@ pc_full_width
     display: block;
 }
 
+.pc_page_widgetmode_popup .status_bar, .pc_page_widgetmode_popup .title_bar
+{
+    position: absolute;
+    left: 0;
+	width: 100%;
+	width: -moz-available;          /* For Mozzila */
+	width: -webkit-fill-available;  /* For Chrome. */
+    z-index: 100000;
+}
+
 .pc_add_widget_button
 {
     height: unset;

diff --git a/pagecarton/core/library/Ayoola/Application.php b/pagecarton/core/library/Ayoola/Application.php
@@ -1440,7 +1440,7 @@ function_exists( 'http_response_code' ) ? http_response_code(404) : null;
 
 		//	Client-side	scripting
 	//	Application_Javascript::addFile( '' . self::getUrlPrefix() . '/tools/classplayer/get/name/Application_Javascript/?v=' . time() );
-		Application_Javascript::addFile( '' . self::getUrlPrefix() . '/tools/classplayer/get/name/Application_Javascript/?v=x_x_y' . PageCarton::$version );
+		Application_Javascript::addFile( '' . self::getUrlPrefix() . '/tools/classplayer/get/name/Application_Javascript/?v=x_x_yx' . PageCarton::$version );
 		Application_Style::addFile( Ayoola_Page::getPageCssFile() );
 		Application_Style::addFile( '//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css' );
 

diff --git a/pagecarton/core/library/Ayoola/Page/Editor/Layout.php b/pagecarton/core/library/Ayoola/Page/Editor/Layout.php
@@ -1937,6 +1937,26 @@ function( e )
 			}
 		};
 		topBarForButtons.appendChild( optionbar );
+		
+		//	Display options
+		var optionbar = document.createElement( "span" );
+		optionbar.innerHTML = \'...\';
+		optionbar.className = " pc-btn pc-hide-children-children";
+		optionbar.title = "Pop-up widget options";
+		optionbar.onclick = function()
+		{
+			var a = document.body;
+			if( ayoola.style.hasClass( a, "pc_page_widgetmode_popup" ) )  
+			{
+				ayoola.style.removeClass( a, "pc_page_widgetmode_popup" );
+			}
+			else
+			{
+				ayoola.style.addClass( a, "pc_page_widgetmode_popup" ); 
+			}
+			
+		};
+		topBarForButtons.appendChild( optionbar );
 
 		//	Add options bar
 		var optionbar = document.createElement( "span" );