Add alerts on the welcome page + add cube in navbar.

sugarcrm · Jun 11, 2016 · 8859e03 · 8859e03
1 parent 830e984
commit 8859e03
Show file tree

Hide file tree

Showing 9 changed files with 36 additions and 12 deletions.
diff --git a/src/css/panel.css b/src/css/panel.css
diff --git a/src/css/panel.css.map b/src/css/panel.css.map
diff --git a/src/scss/panel.scss b/src/scss/panel.scss
@@ -33,6 +33,9 @@ html, body {
       background-color: #0e0e0e;
     }
   }
+  img#sugar-cube {
+    height: 22px;
+  }
 }
 
 #main {

diff --git a/src/templates/appstream.handlebars b/src/templates/appstream.handlebars
@@ -9,7 +9,7 @@
 
     <div data-view="table"></div>
 {{else}}
-    <div data-alert="debugMode" class="alert-box round">
+    <div data-alert="debugMode" class="alert-box">
         Please activate the debug mode by clicking on the Sugar cube in your browser header bar to access to this feature.
     </div>
 {{/if_debugMode}}
diff --git a/src/templates/general.handlebars b/src/templates/general.handlebars
@@ -28,4 +28,14 @@
         </ul>
     </div>
 </div>
-
+<hr>
+{{#if_debugMode}}
+    <div data-alert="debugMode" class="alert-box success">
+        <strong>$view feature activated!</strong> Select a DOM element with the default chrome element selector,
+        the corresponding sidecar component will be set globally in <strong>$view</strong> variable so you can access it from the console.
+    </div>
+{{else}}
+    <div data-alert="debugMode" class="alert-box">
+        Please activate the debug mode by clicking on the Sugar cube in your browser header bar to activate the amazing <strong>$view</strong> feature!
+    </div>
+{{/if_debugMode}}
diff --git a/src/templates/navbar.handlebars b/src/templates/navbar.handlebars
@@ -1 +1 @@
-<a class="selected" href="#general">Settings</a><a href="#appstream">Application Stream</a><a href="#structure">Structure</a><a href="#perfReport">Perf report</a><a href="#performance">Render times</a><a href="#generate">Generate records</a>
+<a class="selected" href="#general"><img id="sugar-cube" src="../img/sugarcube.png"></a><a href="#appstream">Application Stream</a><a href="#structure">Structure</a><a href="#perfReport">Perf report</a><a href="#performance">Render times</a><a href="#generate">Generate records</a>
diff --git a/src/templates/perf-report.handlebars b/src/templates/perf-report.handlebars
@@ -109,7 +109,7 @@
         </tbody>
     </table>
 {{else}}
-    <div data-alert="debugMode" class="alert-box round">
+    <div data-alert="debugMode" class="alert-box">
         Please activate the debug mode by clicking on the Sugar cube in your browser header bar to access to this feature.
     </div>
 {{/if_debugMode}}
diff --git a/src/templates/structure.handlebars b/src/templates/structure.handlebars
@@ -12,7 +12,7 @@
     </div>
 </div>
 {{else}}
-    <div data-alert="debugMode" class="alert-box round">
+    <div data-alert="debugMode" class="alert-box">
         Please activate the debug mode by clicking on the Sugar cube in your browser header bar to access to this feature.
     </div>
 {{/if_debugMode}}
diff --git a/src/templates/templates.js b/src/templates/templates.js
-Original file line number
+Diff line change
@@ Expand Up / @@ -33,6 +33,9 @@ html, body { @@
           background-color: #0e0e0e;
         }
       }
+      img#sugar-cube {
+        height: 22px;
+      }
     }
     #main {
@@ Expand Down @@
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<a class="selected" href="#general">Settings</a><a href="#appstream">Application Stream</a><a href="#structure">Structure</a><a href="#perfReport">Perf report</a><a href="#performance">Render times</a><a href="#generate">Generate records</a>
		<a class="selected" href="#general"><img id="sugar-cube" src="../img/sugarcube.png"></a><a href="#appstream">Application Stream</a><a href="#structure">Structure</a><a href="#perfReport">Perf report</a><a href="#performance">Render times</a><a href="#generate">Generate records</a>