From be229a3e5be3d9c4437e338291a9635daacf0575 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Marques?= <josemarques@gmail.com>
Date: Thu, 1 Jun 2017 12:51:45 +0100
Subject: [PATCH] replaces active/deactivate buttons with toggles

---
 includes/admin/helper/views/html-main.php | 31 ++++++++++++++++++++---
 1 file changed, 27 insertions(+), 4 deletions(-)
 mode change 100644 => 100755 includes/admin/helper/views/html-main.php

diff --git a/includes/admin/helper/views/html-main.php b/includes/admin/helper/views/html-main.php
old mode 100644
new mode 100755
index b261f3c8c24..ab0f42d3e68
--- a/includes/admin/helper/views/html-main.php
+++ b/includes/admin/helper/views/html-main.php
@@ -91,12 +91,35 @@
 						<?php if ( ! $installed && ! $subscription['expired'] ) : ?>
 							<a class="button" href="<?php echo esc_url( $download_url ); ?>" target="_blank"><?php _e( 'Download', 'woocommerce' ); ?></a>
 						<?php elseif ( $connected ) : ?>
-							<!-- TODO: Replace with a toggle -->
-							<a class="button" href="<?php echo esc_url( $subscription['deactivate_url'] ); ?>"><?php _e( 'Deactivate', 'woocommerce' ); ?></a>
+							<span class="form-toggle__wrapper">
+								<a href="<?php echo esc_url( $subscription['deactivate_url'] ); ?>" class="form-toggle active  is-compact" role="link" aria-checked="true"><?php _e( 'Active', 'woocommerce' ); ?></a>
+								<label class="form-toggle__label" for="activate-extension">
+									<span class="form-toggle__label-content">
+										<label for="activate-extension"><?php _e( 'Active', 'woocommerce' ); ?></label>
+									</span>
+									<span class="form-toggle__switch"></span>
+								</label>
+							</span>
 						<?php elseif ( ! $subscription['expired'] ) : ?>
-							<a class="button" href="<?php echo esc_url( $subscription['activate_url'] ); ?>"><?php _e( 'Activate', 'woocommerce' ); ?></a>
+							<span class="form-toggle__wrapper">
+								<a href="<?php echo esc_url( $subscription['activate_url'] ); ?>" class="form-toggle is-compact" role="link" aria-checked="false"><?php _e( 'Inactive', 'woocommerce' ); ?></a>
+								<label class="form-toggle__label" for="activate-extension">
+									<span class="form-toggle__label-content">
+										<label for="activate-extension"><?php _e( 'Inactive', 'woocommerce' ); ?></label>
+									</span>
+									<span class="form-toggle__switch"></span>
+								</label>
+							</span>
 						<?php else : ?>
-							<a class="button disabled" href="#"><?php _e( 'Activate', 'woocommerce' ); ?></a>
+							<span class="form-toggle__wrapper">
+								<a href="#" class="form-toggle is-compact" role="link" aria-checked="false"><?php _e( 'Inactive', 'woocommerce' ); ?></a>
+								<label class="form-toggle__label" for="activate-extension">
+									<span class="form-toggle__label-content">
+										<label for="activate-extension"><?php _e( 'Inactive', 'woocommerce' ); ?></label>
+									</span>
+									<span class="form-toggle__switch"></span>
+								</label>
+							</span>
 						<?php endif; ?>
 					</td>
 				</tr>