Skip to content

Instantly share code, notes, and snippets.

@spadgos
Last active December 28, 2015 04:58

Revisions

  1. spadgos revised this gist Nov 13, 2013. 2 changed files with 0 additions and 2 deletions.
    1 change: 0 additions & 1 deletion before.html → 01 - before.html
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,3 @@

    <div class="dashModContainer">
    <div class="box dashModContent">
    <div class="boxHead row subBelow">
    1 change: 0 additions & 1 deletion after.html → 02 - after.html
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,3 @@

    <div class="dashModContainer">
    <div class="box dashModContent">
    <div class="boxHead row subBelow">
  2. spadgos created this gist Nov 13, 2013.
    160 changes: 160 additions & 0 deletions after.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,160 @@

    <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>
    97 changes: 97 additions & 0 deletions before.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,97 @@

    <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>