Template:Builder: Difference between revisions

Latest revision as of 17:33, 11 March 2022

Sandbox Action - {{{1}}}

Click the button to the right to run the workflow "{{{1}}}" on the BigID developer sandbox system. This will not affect your personal or organization's BigID system.

@@ Line 1: / Line 1: @@
 <html>
-<div>
+<style>
-<div><img src="https://wiki-images.bigid.tools/cdn/builder.svg" />
-<div>Sandbox Builder</div>
+.bigid_builder_contain {
-Click the button below
+  padding:1.5vw;
+  border-radius: 10px;
+  background: var(--background-color-framed);
+  display: flex;
+  justify-items: center;
+  align-items: center;
+}
+.bigid_builder_image img {
+  height:64px;
+}
+.bigid_builder_title {
+font-size: 1.25em;
+color: var(--color-base--emphasized);
+font-weight: 700;
+}
+.bigid_builder_content {
+padding-left:1.5vw;
+}
+.bigid_builder_contain button {
+    padding: 15px;
+    margin-right: 4px;
+    border-radius: var(--border-radius--medium);
+    transition: background 200ms ease,color 200ms ease;
+    background-color: var(--color-primary);
+    font-weight: 450;
+    font-size: 14px;
+    border: 0px;
+    color: #fff;
+    margin-left: 1.25vw;
+}
+.bigid_builder_contain button:hover {
+  background: var(--background-color-primary--active);
+}
+button.complete {
+color:red;
+}
+</style>
+<div class="bigid_builder_contain">
+<div class="bigid_builder_image"><img src="https://wiki-images.bigid.tools/cdn/builder.svg" /></div>
+<div class="bigid_builder_content">
+<div class="bigid_builder_title">Sandbox Action - </html>{{{1}}}<html></div>
+Click the button to the right to run the workflow "</html>{{{1}}}<html>" on the BigID developer sandbox system. This will not affect your personal or organization's BigID system.
+</div>
+<button onclick="(async function() {this.disabled = true;await </html>{{{2}}}<html>;this.outerHTML='<p>Action Completed!</p>';}).bind(this)()"></html>{{{1}}}<html></button>
 </div>
 </html>