Skip to content

Instantly share code, notes, and snippets.

@spadgos

spadgos/01 - before.html

Last active December 28, 2015 04:58
Show Gist options
  • Save spadgos/7445899 to your computer and use it in GitHub Desktop.
Save spadgos/7445899 to your computer and use it in GitHub Desktop.
Download ZIP
tenXer dashboard content
Raw
01 - before.html
<div class="dashModContainer">
<div class="box dashModContent">
<div class="boxHead row subBelow">
<div class="span11 dashModDrag">
<h2 class="dashModTitle">
Lines Modified
</h2>
</div>
<div class="span1 configureContainer">
<button type="button" class=" dashModConfigure configureModule bare icon-gear mini iconText" data-form-url="/dashboard/modules/AX5LGVBXVMK94GXREDACTEDFSCUCYRFCSQOZVA/edit/">
Edit
</button>
</div>
</div>
<div class="modContent modDistribution">
<div class="subHeader">
<h2>
Days this Week - Distribution
</h2>
</div>
<div class="moduleBody" style="position: relative;">
<figure class="distributionChart" data-chart="[{&quot;value&quot;: 312, &quot;pct&quot;: 69, &quot;label&quot;: &quot;Lines Added&quot;}, {&quot;value&quot;: 139, &quot;pct&quot;: 31, &quot;label&quot;: &quot;Lines Deleted&quot;}]">
<svg width="304" height="300" class="xchart">
<g transform="translate(152,150)">
<g class="arc">
<path class="outerArc" d="M0,130A130,130 0 1,1 0,-130A130,130 0 1,1 0,130M0,84A84,84 0 1,0 0,-84A84,84 0 1,0 0,84Z">
</path>
<path class="pie color0" d="M7.347638122934264e-15,-120A120,120 0 1,1 -112.06456284077149,42.91309538249109L-87.78390755860434,33.61525804961803A94,94 0 1,0 5.755649862965173e-15,-94Z" data-index="0">
</path>
<path class="pie color1" d="M-112.06456284077149,42.91309538249109A120,120 0 0,1 -2.204291436880279e-14,-120L-1.726694958889552e-14,-94A94,94 0 0,0 -87.78390755860434,33.61525804961803Z" data-index="1">
</path>
</g>
</g>
</svg>
</figure>
<div class="distributionHud">
<span class="distributionHudValue">
</span>
<span class="distributionHudLabel">
</span>
</div>
<footer class="modFooter scrollies" data-direction="vertical">
<table class="distributionBreakdown">
<tbody class="colorLegend">
<tr class="distributionBreakdownLegend" data-index="0">
<td class="distributionBreakdownLabel">
<span class="color0">
</span>
Lines Added
</td>
<td class="distributionBreakdownTot">
312
</td>
</tr>
<tr class="distributionBreakdownLegend" data-index="1">
<td class="distributionBreakdownLabel">
<span class="color1">
</span>
Lines Deleted
</td>
<td class="distributionBreakdownTot">
139
</td>
</tr>
</tbody>
</table>
</footer>
<div class="sContainer" style="display: none;">
<div class="sBar">
</div>
</div>
<div class="sContainer" style="display: none;">
<div class="sBar">
</div>
</div>
</div>
</div>
</div>
<div class="box dashModForm">
<div class="boxHead row subBelow">
<div class="span11 dashModDrag">
<h2 class="dashModTitle">
Edit Distribution
</h2>
</div>
<div class="span1 configureContainer">
<button type="button" class=" dashModCancel configureModule bare icon-gear mini iconText">
Cancel
</button>
</div>
</div>
<div class="modFormContent">
</div>
</div>
</div>
Raw
02 - after.html
<div class="dashModContainer">
<div class="box dashModContent">
<div class="boxHead row subBelow">
<div class="span11 dashModDrag">
<h2 class="dashModTitle">
Lines Modified
</h2>
</div>
<div class="span1 configureContainer">
<button type="button" class=" dashModConfigure configureModule bare icon-gear mini iconText" data-form-url="/dashboard/modules/AX5LGVBXVMKREDACTEDN1K9XHFSCUCYRFCSQOZVA/edit/">
Edit
</button>
</div>
</div>
<div class="modContent modDistribution">
<div class="subHeader">
<h2>
Days this Week - Distribution
</h2>
</div>
<div class="moduleBody" style="position: relative;">
<figure class="distributionChart" data-chart="[{&quot;value&quot;: 312, &quot;pct&quot;: 69, &quot;label&quot;: &quot;Lines Added&quot;}, {&quot;value&quot;: 139, &quot;pct&quot;: 31, &quot;label&quot;: &quot;Lines Deleted&quot;}]">
<svg width="304" height="300" class="xchart">
<g transform="translate(152,150)">
<g class="arc">
<path class="outerArc" d="M0,130A130,130 0 1,1 0,-130A130,130 0 1,1 0,130M0,84A84,84 0 1,0 0,-84A84,84 0 1,0 0,84Z">
</path>
<path class="pie color0" d="M7.347638122934264e-15,-120A120,120 0 1,1 -112.06456284077149,42.91309538249109L-87.78390755860434,33.61525804961803A94,94 0 1,0 5.755649862965173e-15,-94Z" data-index="0">
</path>
<path class="pie color1" d="M-112.06456284077149,42.91309538249109A120,120 0 0,1 -2.204291436880279e-14,-120L-1.726694958889552e-14,-94A94,94 0 0,0 -87.78390755860434,33.61525804961803Z" data-index="1">
</path>
</g>
</g>
</svg>
</figure>
<div class="distributionHud">
<span class="distributionHudValue">
</span>
<span class="distributionHudLabel">
</span>
</div>
<footer class="modFooter scrollies" data-direction="vertical">
<table class="distributionBreakdown">
<tbody class="colorLegend">
<tr class="distributionBreakdownLegend" data-index="0">
<td class="distributionBreakdownLabel">
<span class="color0">
</span>
Lines Added
</td>
<td class="distributionBreakdownTot">
312
</td>
</tr>
<tr class="distributionBreakdownLegend" data-index="1">
<td class="distributionBreakdownLabel">
<span class="color1">
</span>
Lines Deleted
</td>
<td class="distributionBreakdownTot">
139
</td>
</tr>
</tbody>
</table>
</footer>
<div class="sContainer" style="display: none;">
<div class="sBar">
</div>
</div>
<div class="sContainer" style="display: none;">
<div class="sBar">
</div>
</div>
</div>
</div>
</div>
<div class="box dashModForm">
<div class="boxHead row subBelow">
<div class="span11 dashModDrag">
<h2 class="dashModTitle">
Edit Distribution
</h2>
</div>
<div class="span1 configureContainer">
<button type="button" class=" dashModCancel configureModule bare icon-gear mini iconText">
Cancel
</button>
</div>
</div>
<div class="modFormContent">
<form method="post" action="/dashboard/modules/AX5LGVBXVMKREDACTEDN1K9XHFSCUCYRFCSQOZVA/" class="modDistributionForm" novalidate="">
<input type="hidden" name="csrfmiddlewaretoken" value="224cdeb54a2bce63b3af33ae5c7c5c79">
<div class="modInnerFormContent">
<div class="input select">
<label for="AX5LGVBXVMKREDACTEDN1K9XHFSCUCYRFCSQOZVA-stat_id">
Statistic
</label>
<select name="AX5LGVBXVMKREDACTEDN1K9XHFSCUCYRFCSQOZVA-stat_id" id="AX5LGVBXVMKREDACTEDN1K9XHFSCUCYRFCSQOZVA-stat_id" data-requery-url="/dashboard/modules/create/6/{}/" class="modFormRequery" style="display: none;">
<optgroup label="GitHub">
<option value="4194360" selected="selected">
Lines Modified
</option>
</optgroup>
</select>
<div class="fancySelect">
<span class="fancySelectTitle">
Lines Modified
</span>
</div>
</div>
<div class="input select">
<label for="AX5LGVBXVMKREDACTEDN1K9XHFSCUCYRFCSQOZVA-date_range">
Duration
</label>
<select name="AX5LGVBXVMKREDACTEDN1K9XHFSCUCYRFCSQOZVA-date_range" id="AX5LGVBXVMKREDACTEDN1K9XHFSCUCYRFCSQOZVA-date_range" data-no-recent="true" data-no-search="true" style="display: none;">
<option value="0" selected="selected">
Days this Week
</option>
<option value="1">
Last 7 Days
</option>
<option value="2">
Last 4 Weeks
</option>
<option value="3">
Last 8 Weeks
</option>
<option value="4">
Last 12 Months
</option>
</select>
<div class="fancySelect">
<span class="fancySelectTitle">
Days this Week
</span>
</div>
</div>
<div class="modFormButtons row">
<span class="span6">
<button type="button" class=" bare modRemove icon-trash mini bad" data-url="/dashboard/modules/AX5LGVBXVMKREDACTEDN1K9XHFSCUCYRFCSQOZVA/">
Remove
</button>
</span>
<span class="span6">
<button type="submit" class=" cta innerButton">
Save
</button>
</span>
</div>
</div>
</form>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment