diff --git a/src/css/panel.css b/src/css/panel.css index fad7ba8..8836ccc 100644 --- a/src/css/panel.css +++ b/src/css/panel.css @@ -29,6 +29,8 @@ html, body { color: #f2f2f2; } #menu a:hover { background-color: #0e0e0e; } + #menu img#sugar-cube { + height: 22px; } #main { width: inherit; diff --git a/src/css/panel.css.map b/src/css/panel.css.map index 8a1eb3f..7b46805 100644 --- a/src/css/panel.css.map +++ b/src/css/panel.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "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", +"mappings": "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", "sources": ["../scss/panel.scss"], "names": [], "file": "panel.css" diff --git a/src/scss/panel.scss b/src/scss/panel.scss index cdab7c8..8c506a5 100644 --- 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 index 7854496..c05c433 100644 --- a/src/templates/appstream.handlebars +++ b/src/templates/appstream.handlebars @@ -9,7 +9,7 @@
{{else}} -
+
Please activate the debug mode by clicking on the Sugar cube in your browser header bar to access to this feature.
{{/if_debugMode}} diff --git a/src/templates/general.handlebars b/src/templates/general.handlebars index cd382b7..272682e 100644 --- a/src/templates/general.handlebars +++ b/src/templates/general.handlebars @@ -28,4 +28,14 @@
- +
+{{#if_debugMode}} +
+ $view feature activated! Select a DOM element with the default chrome element selector, + the corresponding sidecar component will be set globally in $view variable so you can access it from the console. +
+{{else}} +
+ Please activate the debug mode by clicking on the Sugar cube in your browser header bar to activate the amazing $view feature! +
+{{/if_debugMode}} diff --git a/src/templates/navbar.handlebars b/src/templates/navbar.handlebars index 8fcfeb8..2e9983a 100644 --- a/src/templates/navbar.handlebars +++ b/src/templates/navbar.handlebars @@ -1 +1 @@ -SettingsApplication StreamStructurePerf reportRender timesGenerate records +Application StreamStructurePerf reportRender timesGenerate records diff --git a/src/templates/perf-report.handlebars b/src/templates/perf-report.handlebars index 819ea17..ddea989 100644 --- a/src/templates/perf-report.handlebars +++ b/src/templates/perf-report.handlebars @@ -109,7 +109,7 @@ {{else}} -
+
Please activate the debug mode by clicking on the Sugar cube in your browser header bar to access to this feature.
{{/if_debugMode}} \ No newline at end of file diff --git a/src/templates/structure.handlebars b/src/templates/structure.handlebars index 02d1cec..209ddd3 100644 --- a/src/templates/structure.handlebars +++ b/src/templates/structure.handlebars @@ -12,7 +12,7 @@
{{else}} -
+
Please activate the debug mode by clicking on the Sugar cube in your browser header bar to access to this feature.
{{/if_debugMode}} diff --git a/src/templates/templates.js b/src/templates/templates.js index 6e4c310..4561d10 100644 --- a/src/templates/templates.js +++ b/src/templates/templates.js @@ -137,7 +137,7 @@ this["Handlebars"]["templates"]["appstream"] = Handlebars.template({"1":function },"3":function(depth0,helpers,partials,data) { return " \n\n
\n"; },"5":function(depth0,helpers,partials,data) { - return "
\n Please activate the debug mode by clicking on the Sugar cube in your browser header bar to access to this feature.\n
\n"; + return "
\n Please activate the debug mode by clicking on the Sugar cube in your browser header bar to access to this feature.\n
\n"; },"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) { var stack1, helper, options, buffer = "

Application Stream

\n\n
= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) { - return "

Sidecar Debugger Tool

\n
\n
\n
\n
    \n
  • Application Stream
    • \n
  • A timeline of what is happening in the app. It shows the methods that are called and the events that are triggered. For each of them, you have access to the passed arguments and the component object.
    • \n
\n
    \n
  • Performance reports
    • \n
  • A table showing the render times and the number of renders of the components on the page
    • \n
\n
\n
\n
    \n
  • Structure
    • \n
  • A hierarchical tree representing the Sugar components of the current page.
    • \n
\n
    \n
  • Generate records
    • \n
  • Generate Sugar records in the one click!
    • \n
\n
\n
\n
    \n
  • Render times
    • \n
  • Measure the render duration of the different fields to detect performance drops.
    • \n
\n
\n
\n\n"; +this["Handlebars"]["templates"]["general"] = Handlebars.template({"1":function(depth0,helpers,partials,data) { + return "
\n $view feature activated! Select a DOM element with the default chrome element selector,\n the corresponding sidecar component will be set globally in $view variable so you can access it from the console.\n
\n"; +},"3":function(depth0,helpers,partials,data) { + return "
\n Please activate the debug mode by clicking on the Sugar cube in your browser header bar to activate the amazing $view feature!\n
\n"; +},"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) { + var stack1, helper, options, buffer = + "

Sidecar Debugger Tool

\n
\n
\n
\n
    \n
  • Application Stream
    • \n
  • A timeline of what is happening in the app. It shows the methods that are called and the events that are triggered. For each of them, you have access to the passed arguments and the component object.
    • \n
\n
    \n
  • Performance reports
    • \n
  • A table showing the render times and the number of renders of the components on the page
    • \n
\n
\n
\n
    \n
  • Structure
    • \n
  • A hierarchical tree representing the Sugar components of the current page.
    • \n
\n
    \n
  • Generate records
    • \n
  • Generate Sugar records in the one click!
    • \n
\n
\n
\n
    \n
  • Render times
    • \n
  • Measure the render duration of the different fields to detect performance drops.
    • \n
\n
\n
\n
\n"; + stack1 = ((helper = (helper = helpers.if_debugMode || (depth0 != null ? depth0.if_debugMode : depth0)) != null ? helper : helpers.helperMissing),(options={"name":"if_debugMode","hash":{},"fn":this.program(1, data, 0),"inverse":this.program(3, data, 0),"data":data}),(typeof helper === "function" ? helper.call(depth0,options) : helper)); + if (!helpers.if_debugMode) { stack1 = helpers.blockHelperMissing.call(depth0,stack1,options)} + if (stack1 != null) { buffer += stack1; } + return buffer; },"useData":true}); this["Handlebars"]["templates"]["generate"] = Handlebars.template({"1":function(depth0,helpers,partials,data) { @@ -264,7 +273,7 @@ this["Handlebars"]["templates"]["metrics"] = Handlebars.template({"1":function(d },"useData":true}); this["Handlebars"]["templates"]["navbar"] = Handlebars.template({"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) { - return "SettingsApplication StreamStructurePerf reportRender timesGenerate records\n"; + return "Application StreamStructurePerf reportRender timesGenerate records\n"; },"useData":true}); this["Handlebars"]["templates"]["perf-report"] = Handlebars.template({"1":function(depth0,helpers,partials,data) { @@ -294,7 +303,7 @@ this["Handlebars"]["templates"]["perf-report"] = Handlebars.template({"1":functi + alias3(((helper = (helper = helpers.renderCount || (depth0 != null ? depth0.renderCount : depth0)) != null ? helper : alias1),(typeof helper === alias2 ? helper.call(depth0,{"name":"renderCount","hash":{},"data":data}) : helper))) + "\n \n"; },"6":function(depth0,helpers,partials,data) { - return "
\n Please activate the debug mode by clicking on the Sugar cube in your browser header bar to access to this feature.\n
\n"; + return "
\n Please activate the debug mode by clicking on the Sugar cube in your browser header bar to access to this feature.\n
\n"; },"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data,blockParams,depths) { var stack1, helper, options, buffer = "

Performance report

\n\n
\n
\n
    \n
\n
\n
\n"; },"5":function(depth0,helpers,partials,data) { - return "
\n Please activate the debug mode by clicking on the Sugar cube in your browser header bar to access to this feature.\n
\n"; + return "
\n Please activate the debug mode by clicking on the Sugar cube in your browser header bar to access to this feature.\n
\n"; },"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) { var stack1, helper, options, buffer = "

Page structure

\n\n