Skip to content

A
acid-block
Commit 2921b892 by Don Mitchell
Options

Change aside to render as a button which toggle shows

parent 0c8ac082
Showing with 55 additions and 49 deletions
acid/static/html/aside.html.mako
...@@ -7,54 +7,56 @@ ...@@ -7,54 +7,56 @@
data-unknown-class="${unknown_class}" data-unknown-class="${unknown_class}"
data-local-resource-url="${local_resource_url}" data-local-resource-url="${local_resource_url}"
> >
<h6>Acid Aside for ${usage_id}</h6> <button>Acid Aside for ${usage_id}</button>
<p>JS init function run: <div>
<span class="js-init-run"> <p>JS init function run:
<i class="${unknown_class}"></i> <span class="js-init-run">
</span> <i class="${unknown_class}"></i>
</p> </span>
<p>Resource Url Test: </p>
<span class="local-resource-test"> <p>Resource Url Test:
<i class="${unknown_class}"></i> <span class="local-resource-test">
</span> <i class="${unknown_class}"></i>
</p> </span>
<table class='storage-tests'> </p>
<tr> <table class='storage-tests'>
<th>Scope</th> <tr>
<th>Server-side<br>handler_url<br>returned</th> <th>Scope</th>
<th>Server-side<br>handler_url<br>succeeded</th> <th>Server-side<br>handler_url<br>returned</th>
<th>Client-side<br>handler_url<br>returned</th> <th>Server-side<br>handler_url<br>succeeded</th>
<th>Client-side<br>handler_url<br>succeeded</th> <th>Client-side<br>handler_url<br>returned</th>
</tr> <th>Client-side<br>handler_url<br>succeeded</th>
% for test in storage_tests:
<tr class="scope-storage-test scope-${test['scope']} ${loop.cycle('', 'alt')}"
data-handler-url="${test['handler_url']}"
data-scope="${test['scope']}"
data-value="${test['value']}"
>
<td>${test['scope']}</td>
<td>
<span class="server-storage-test-returned">
<i class="${unknown_class}"></i>
</span>
</td>
<td>
<span class="server-storage-test-succeeded">
<i class="${unknown_class}"></i>
</span>
</td>
<td>
<span class="client-storage-test-returned">
<i class="${unknown_class}"></i>
</span>
</td>
<td>
<span class="client-storage-test-succeeded">
<i class="${unknown_class}"></i>
</span>
</td>
</tr> </tr>
% endfor % for test in storage_tests:
</table> <tr class="scope-storage-test scope-${test['scope']} ${loop.cycle('', 'alt')}"
<p>Sees Acid DOM: <span class="acid-dom"><i class="${unknown_class}"></i></span></p> data-handler-url="${test['handler_url']}"
data-scope="${test['scope']}"
data-value="${test['value']}"
>
<td>${test['scope']}</td>
<td>
<span class="server-storage-test-returned">
<i class="${unknown_class}"></i>
</span>
</td>
<td>
<span class="server-storage-test-succeeded">
<i class="${unknown_class}"></i>
</span>
</td>
<td>
<span class="client-storage-test-returned">
<i class="${unknown_class}"></i>
</span>
</td>
<td>
<span class="client-storage-test-succeeded">
<i class="${unknown_class}"></i>
</span>
</td>
</tr>
% endfor
</table>
<p>Sees Acid DOM: <span class="acid-dom"><i class="${unknown_class}"></i></span></p>
</div>
</div> </div>
acid/static/js/acid.js
...@@ -75,6 +75,10 @@ function AcidAsideBlock(runtime, element, block_element, init_args) { ...@@ -75,6 +75,10 @@ function AcidAsideBlock(runtime, element, block_element, init_args) {
AcidBlock.call(this, runtime, element); AcidBlock.call(this, runtime, element);
this.block_element = block_element; this.block_element = block_element;
this.test_aside = init_args['test_aside'] this.test_aside = init_args['test_aside']
$(element).find("div > button + div").toggle();
$(element).find("div > button").click(
function() { $(this).next("div").toggle(); }
)
this.runTests(); this.runTests();
} }
AcidAsideBlock.prototype = Object.create(AcidBlock.prototype) AcidAsideBlock.prototype = Object.create(AcidBlock.prototype)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment