|
569 | 569 | /* simplycode-ds-mapping */ |
570 | 570 | /* simplycode-ds-core-colors */ |
571 | 571 | :root { |
572 | | - --ds-simplycode: #ae47ff; |
573 | | - --ds-simplycode-light:#c880ff; |
574 | | - --ds-simplycode-dark:#8d00f8; |
575 | | - --ds-simplycode-bump:#b65cfc; |
576 | | - --ds-simplycode-contrast: var(--ds-white); |
577 | | - --ds-simplycode-gradient: linear-gradient( 180deg, var(--ds-simplycode-light), var(--ds-simplycode-dark) ); |
578 | | - --ds-simplycode-gradient-bump: linear-gradient( 180deg, var(--ds-simplycode-bump), var(--ds-simplycode-light) 95%, var(--ds-simplycode-dark) 100%); |
579 | | - |
580 | | - --ds-primary: var(--ds-simplycode); |
581 | | - --ds-primary-dark: var(--ds-simplycode-dark); |
582 | | - --ds-primary-contrast: var(--ds-white); |
583 | | - --ds-primary-light: var(--ds-simplycode-light); |
584 | | - --ds-primary-gradient: var(--ds-simplycode-gradient); |
585 | | - --ds-primary-gradient-bump: var(--ds-simplycode-gradient-bump); |
| 572 | + --ds-primary: var(--simplycode-highlight-light); |
| 573 | + --ds-primary-dark: var(--simplycode-highlight-dark); |
| 574 | + --ds-primary-contrast: var(--simplycode-highlight-color); |
| 575 | + --ds-primary-light: var(--simplycode-highlight-light); |
| 576 | + --ds-primary-gradient: var(--simplycode-highlight-gradient); |
| 577 | + --ds-primary-bump: #b65cfc; |
| 578 | + --ds-primary-gradient-bump: linear-gradient( 180deg, var(--ds-primary-bump), var(--simplycode-highlight-light) 95%, var(--simplycode-highlight-dark) 100%); |
586 | 579 |
|
587 | 580 | --ds-support: #06CC06; |
588 | 581 | --ds-support-dark: #05BB05; |
|
2703 | 2696 | }, |
2704 | 2697 | "resetPreview" : function(el) { |
2705 | 2698 | return new Promise(function(resolve, reject) { |
2706 | | - if (el.contentDocument.childNodes[0].innerText == "") { |
2707 | | - resolve(el); |
2708 | | - return; |
2709 | | - } |
2710 | 2699 | var newRunner = el.cloneNode(false); |
2711 | 2700 | newRunner.addEventListener("load", function() { |
2712 | 2701 | resolve(newRunner); |
@@ -4494,21 +4483,6 @@ <h1>Edit base component: <span data-simply-field="component.id"></span></h1> |
4494 | 4483 | <simply-render rel="componentRawApi"></simply-render> |
4495 | 4484 | </main> |
4496 | 4485 | </template> |
4497 | | - <template data-simply-template="Edit%20base%20component"> |
4498 | | - <main> |
4499 | | - <div class="simplycode-header"> |
4500 | | - <h1>Edit base component: <span data-simply-field="component.id"></span></h1> |
4501 | | - </div> |
4502 | | - <simply-render rel="componentDescription"></simply-render> |
4503 | | - <simply-render rel="componentHeadHtml"></simply-render> |
4504 | | - <simply-render rel="componentBodyHtml"></simply-render> |
4505 | | - <simply-render rel="componentFootHtml"></simply-render> |
4506 | | - <simply-render rel="componentCommands"></simply-render> |
4507 | | - <simply-render rel="componentActions"></simply-render> |
4508 | | - <simply-render rel="componentRoutes"></simply-render> |
4509 | | - <simply-render rel="componentRawApi"></simply-render> |
4510 | | - </main> |
4511 | | - </template> |
4512 | 4486 | <template data-simply-template="Base components"> |
4513 | 4487 | <main> |
4514 | 4488 | <h1>Base components</h1> |
@@ -4555,23 +4529,6 @@ <h1>Edit component: <span data-simply-field="component.id"></span></h1> |
4555 | 4529 | <simply-render rel="componentSorters"></simply-render> |
4556 | 4530 | </main> |
4557 | 4531 | </template> |
4558 | | - <template data-simply-template="Edit%20component"> |
4559 | | - <main> |
4560 | | - <div class="simplycode-header"> |
4561 | | - <h1>Edit component: <span data-simply-field="component.id"></span></h1> |
4562 | | - </div> |
4563 | | - <simply-render rel="componentDescription"></simply-render> |
4564 | | - <simply-render rel="componentComponentTemplate"></simply-render> |
4565 | | - <simply-render rel="componentComponentCss"></simply-render> |
4566 | | - <simply-render rel="componentCommands"></simply-render> |
4567 | | - <simply-render rel="componentActions"></simply-render> |
4568 | | - <simply-render rel="componentDataApi"></simply-render> |
4569 | | - <simply-render rel="componentRoutes"></simply-render> |
4570 | | - <simply-render rel="componentTransformers"></simply-render> |
4571 | | - <simply-render rel="componentDataSources"></simply-render> |
4572 | | - <simply-render rel="componentSorters"></simply-render> |
4573 | | - </main> |
4574 | | - </template> |
4575 | 4532 | <template data-simply-template="List components"> |
4576 | 4533 | <main> |
4577 | 4534 | <h1>Components</h1> |
@@ -4619,23 +4576,6 @@ <h1>Edit page: <span data-simply-field="component.id"></span></h1> |
4619 | 4576 | <simply-render rel="componentSorters"></simply-render> |
4620 | 4577 | </main> |
4621 | 4578 | </template> |
4622 | | - <template data-simply-template="Edit%20page"> |
4623 | | - <main> |
4624 | | - <div class="simplycode-header"> |
4625 | | - <h1>Edit page: <span data-simply-field="component.id"></span></h1> |
4626 | | - </div> |
4627 | | - <simply-render rel="componentDescription"></simply-render> |
4628 | | - <simply-render rel="componentPageTemplate"></simply-render> |
4629 | | - <simply-render rel="componentPageCss"></simply-render> |
4630 | | - <simply-render rel="componentCommands"></simply-render> |
4631 | | - <simply-render rel="componentActions"></simply-render> |
4632 | | - <simply-render rel="componentDataApi"></simply-render> |
4633 | | - <simply-render rel="componentRoutes"></simply-render> |
4634 | | - <simply-render rel="componentTransformers"></simply-render> |
4635 | | - <simply-render rel="componentDataSources"></simply-render> |
4636 | | - <simply-render rel="componentSorters"></simply-render> |
4637 | | - </main> |
4638 | | - </template> |
4639 | 4579 | <template data-simply-template="Edit page frame"> |
4640 | 4580 | <main> |
4641 | 4581 | <div class="simplycode-header"> |
@@ -5228,63 +5168,6 @@ <h1>App preview</h1> |
5228 | 5168 | } |
5229 | 5169 | }); |
5230 | 5170 | </script> |
5231 | | - <!-- Auto%20run%20preview --> |
5232 | | - <script> |
5233 | | - document.addEventListener("simply-data-changed", function(event) { |
5234 | | - if ( |
5235 | | - (event.data.dataBinding.parentKey == "/component/parts/") || |
5236 | | - (event.data.dataBinding.parentKey.indexOf("/component/parts/") == 0) |
5237 | | - ) { |
5238 | | - // Handle changes of the part name |
5239 | | - var component = event.data.dataBinding.parentKey.split("/")[3]; |
5240 | | - var componentNameField = simplyApp.actions.getComponentNameField(component); |
5241 | | - |
5242 | | - if (event.data.arguments[0] == componentNameField) { |
5243 | | - var newname = event.data.arguments[1]; |
5244 | | - var oldname = event.data.arguments[2]; |
5245 | | - |
5246 | | - editor.pageData.app[component].forEach(function(appPart) { |
5247 | | - if (appPart[componentNameField] == oldname) { |
5248 | | - appPart[componentNameField] = newname; |
5249 | | - } |
5250 | | - }); |
5251 | | - } |
5252 | | - |
5253 | | - if (typeof autoRunPreviewTimeout !== "undefined") { |
5254 | | - window.clearTimeout(autoRunPreviewTimeout); |
5255 | | - } |
5256 | | - autoRunPreviewTimeout = window.setTimeout(function() { |
5257 | | - // Update the app data for the preview |
5258 | | - for (component in editor.pageData.component.parts) { |
5259 | | - if (!editor.pageData.app[component]) { |
5260 | | - editor.pageData.app[component] = []; |
5261 | | - } |
5262 | | - var componentNameField = simplyApp.actions.getComponentNameField(component); |
5263 | | - editor.pageData.component.parts[component].forEach(function(part) { |
5264 | | - var found = false; |
5265 | | - editor.pageData.app[component].forEach(function(appPart, appIndex) { |
5266 | | - if (part[componentNameField] && (appPart[componentNameField] == part[componentNameField])) { |
5267 | | - for (i in part) { |
5268 | | - editor.pageData.app[component][appIndex][i] = part[i]; |
5269 | | - } |
5270 | | - found = true; |
5271 | | - } |
5272 | | - }); |
5273 | | - if (!found) { |
5274 | | - editor.pageData.app[component].push(JSON.parse(JSON.stringify(part))); |
5275 | | - } |
5276 | | - }); |
5277 | | - } |
5278 | | - |
5279 | | - document.querySelectorAll("[data-simply-transformer=simplyPreviewComponent]").forEach(function(element) { |
5280 | | - element.innerHTML = editor.transformers.simplyPreviewComponent.render.call(element, element.dataBinding.get()); |
5281 | | - }); |
5282 | | - |
5283 | | - simplyApp.commands.autoRunPreviews() |
5284 | | - }, 500); |
5285 | | - } |
5286 | | - }); |
5287 | | - </script> |
5288 | 5171 | <!-- Auto run tests --> |
5289 | 5172 | <script> |
5290 | 5173 | document.addEventListener("simply-data-changed", function(event) { |
|
0 commit comments