Merge pull request #32 from joelthorner/dev

Add feature #21

Author: joelthorner

js/initOptions.js

@@ -35,6 +35,25 @@ function aplyProfilePhotoOpt(value){
 }
 
 // init options ------------------------------------------------------------------------------------------------
+chrome.storage.sync.get(['optOSPagesMode'], function(result) {
+	var value = result.optOSPagesMode;
+
+	if ($.type(value) == 'undefined'){
+
+		value = $('#opt-os-pages-mode').prop('checked');
+		// is true or false
+
+		if ($.type(value) == 'undefined'){
+			value = false;
+		}
+
+		chrome.storage.sync.set({optOSPagesMode: value }, function() {
+			$('#opt-os-pages-mode').prop('checked', value);
+		});
+	}else{
+		$('#opt-os-pages-mode').prop('checked', value);
+	}
+});
 chrome.storage.sync.get(['optOSMode'], function(result) {
 	var value = result.optOSMode;
 

js/options.js

@@ -30,6 +30,11 @@ $('#opt-save').click(function(event) {
 	chrome.storage.sync.set({optForceview: $('#opt-forceview').prop('checked')}, function() {
 		save();
 	});
+
+	// check
+	chrome.storage.sync.set({optOSPagesMode: $('#opt-os-pages-mode').prop('checked')}, function() {
+		save();
+	});
 });
 
 $('.opt-profile-set').click(function(event) {

manifest.json

@@ -1,6 +1,6 @@
 {
 	"name": "TLmanaGer",
-	"version": "1.0.14",
+	"version": "1.0.15",
 	"manifest_version": 2,
 	"description": "Desarrollamiento tool",
 	"homepage_url": "https://github.com/joelthorner",

src/browser_action/browser_action.html

@@ -12,7 +12,7 @@
 		<header class="clearfix">
 			<img src="../../img/iceberg.svg">
 			<div class="cont">
-				<span id="p-username"><strong>TLmanaGer</strong><span class="badge badge-pill badge-primary">v1.0.14</span></span>
+				<span id="p-username"><strong>TLmanaGer</strong><span class="badge badge-pill badge-primary">v1.0.15</span></span>
 				<span id="p-mail">Hello, <span id="userNameRes">joelthorner</span></span>
 			</div>
 			<a href="/src/options/index.html" class="icon sett" title="Settings">

src/inject/injectLC.js

@@ -7,7 +7,7 @@ chrome.extension.sendMessage({}, function(response) {
 			if ($('#loginForm').length == 0 && $('#bottomBar #startMenu').length) {
 				// ALL
 				var img = "";
-				chrome.storage.sync.get(['optBgLc', 'optOSMode'], function(result) {
+				chrome.storage.sync.get(['optBgLc', 'optOSMode', 'optOSPagesMode'], function(result) {
 					img = result.optBgLc;
 
 					var style = `
@@ -145,6 +145,83 @@ chrome.extension.sendMessage({}, function(response) {
 						}, 975);
 					}
 
+					// add pages os mode
+					if(result.optOSPagesMode == true){
+
+						$(document).on('click.tlg', '[onclick*="openPages"]', function(event) {
+							if(!$('.pagesGroupContainer .positionLabel.init').length){
+								setTimeout(function(){
+									$('.pagesGroupContainer').parents('.window').find('.maximizeButton').click();
+									
+									$('.pagesGroupContainer .positionLabel').addClass('init').each(function(){
+										var txt = $(this).text();
+										var pos = txt.match(/.{1,}\s/g);
+										var txtNoN = txt.replace(new RegExp('.{1,}\\s', 'g'), '')
+										
+										$(this).html(pos + '<span class="n">' + txtNoN + '</span>')
+									});
+
+									var style = `
+										<style>
+											div.pagesWindowTree div.pagesTreeContainer{
+												display: flex;
+												flex-wrap: wrap;
+											}
+											div.pagesWindowTree div.pagesTreeContainer div.pagesGroupContainer {
+												overflow: hidden;
+												margin-bottom: 15px;
+												border: 1px solid #b2b2b2;
+												width: 20%;
+												float: left;
+												box-sizing: border-box;
+												margin-left: -1px;
+												height: 400px;
+												padding-top: 37px;
+												position: relative;
+											}
+											div.pagesWindowTree div.pagesTreeContainer div.pagesGroup > div.positionLabel {
+												position: absolute;
+												top: 0;
+												right: 0;
+												bottom: 0;
+												left: 75%;
+												overflow: hidden;
+												padding-right: 15px;
+												text-align: right;
+												white-space: nowrap;
+											}
+											div.pagesWindowTree div.pagesTreeContainer div.pagesGroup > div.positionLabel .n{
+												color: #FFF;
+												font-weight: bold;
+												font-size: 13px;
+												padding: 3px 8px;
+												background-color: #0099da;
+												margin-left: 5px;
+												border-radius: 4px;
+											}
+											div.pagesWindowTree div.pagesTreeContainer div.pagesGroup{
+												position: absolute;
+												top: 0;
+												left: 0;
+												right: 0;
+											}
+											div.pagesWindowTree div.pagesTreeContainer div.pagesGroupTree {
+												height: calc(100% - 57px);
+												position: absolute;
+												overflow: auto;
+												left: 0;
+												right: 0;
+											}
+										</style>
+									`;
+									$('body').append(style);
+
+								}, 975);
+							}
+						});
+
+					}
+
 				});
 			}
 			// LC inject ----------------------------------------------------------------

src/options/index.html

@@ -40,6 +40,12 @@
 					<label class="custom-control-label" for="opt-os-mode">Developer OpenSaas Tools</label>
 				</div>
 			</div>
+			<div class="form-group">
+				<div class="custom-control custom-checkbox d-flex align-items-center">
+					<input type="checkbox" class="custom-control-input" id="opt-os-pages-mode" name="opt-os-pages-mode">
+					<label class="custom-control-label" for="opt-os-pages-mode">Developer Pages custom</label>
+				</div>
+			</div>
 			<div class="form-group">
 				<div class="custom-control custom-checkbox d-flex align-items-center">
 					<input type="checkbox" class="custom-control-input" id="opt-forceview" name="opt-forceview" checked="checked">