22var mainContent = document . querySelector ( '#mainContent' ) ;
33
44//Get data from the syncStorage
5- chrome . storage . sync . get ( [ "language" , "theCode" , "theme" , "fontPt" ] , function ( localStorage ) {
6- mainContent . language = localStorage . language || '--' ;
7- mainContent . code = localStorage . theCode || '' ;
8- mainContent . theme = localStorage . theme || 'light' ;
9- mainContent . fontPt = localStorage . fontPt || 14 ;
10-
11-
12- } ) ;
13- mainContent . addEventListener ( 'template-bound' , function ( ) {
14-
5+ chrome . storage . sync . get (
6+ [ 'language' , 'theCode' , 'theme' , 'fontPt' ] ,
7+ function ( localStorage ) {
8+ mainContent . language = localStorage . language || '--' ;
9+ mainContent . code = localStorage . theCode || '' ;
10+ mainContent . theme = localStorage . theme || 'light' ;
11+ mainContent . fontPt = localStorage . fontPt || 14 ;
12+ } ) ;
13+ mainContent . addEventListener ( 'template-bound' , function ( ) {
1514 //Set the font-size
1615 mainContent . ptChange ( ) ;
1716
1817 //Now that the template is bound update the code in the textArea
19- mainContent . $ . taCode . value = mainContent . code ;
20- mainContent . $ . agTa . update ( mainContent . $ . taCode ) ; //Update the autoGrowArea;
18+ // mainContent.$.codeValue = mainContent.code;
19+ // mainContent.$.agTa.update(mainContent.$.taCode); //Update the autoGrowArea;
2120
2221 //Add a change listener to the textArea
2322 mainContent . $ . taCode . addEventListener ( 'input' , function ( ) {
@@ -30,18 +29,18 @@ mainContent.addEventListener('template-bound', function(){
3029 } ) ;
3130
3231 //Find the label of the selected language to set it on the paper-dropdown-menu
33- var mnItems = document . querySelectorAll ( 'paper-item' ) ;
34- [ ] . some . call ( mnItems , function ( mnItem ) {
35- if ( mnItem . dataset . value == mainContent . language ) {
32+ var mnItems = document . querySelectorAll ( 'paper-item' ) ;
33+ [ ] . some . call ( mnItems , function ( mnItem ) {
34+ if ( mnItem . dataset . value == mainContent . language ) {
3635 //Item found, update the selectedItem to change the label
37- mainContent . $ . pdmLanguage . selectedItemLabel = mnItem . innerText ;
36+ mainContent . $ . pdmLanguage . selectedItemLabel = mnItem . innerText ;
3837 return true ;
3938 }
4039 return false ;
4140 } ) ;
4241
4342 //Select the theme on the slider
44- mainContent . $ . ptbTheme . checked = ( mainContent . theme == 'dark' ) ;
43+ mainContent . $ . ptbTheme . checked = ( mainContent . theme == 'dark' ) ;
4544
4645 //Set the theme and lang on all the components
4746 setThemeAndLang ( ) ;
@@ -50,7 +49,7 @@ mainContent.addEventListener('template-bound', function(){
5049 mainContent . validateForSlides ( ) ;
5150} ) ;
5251
53- var setThemeAndLang = function ( ) {
52+ var setThemeAndLang = function ( ) {
5453 //Change the classes on the prettyprint element accordingly
5554 document . body . className = 'theme-' + mainContent . theme ;
5655
@@ -62,12 +61,12 @@ var setThemeAndLang = function(){
6261 /*if (mainContent.lang != '--') {
6362 mainContent.$.destination.className += ' lang-' + mainContent.lang;
6463 }*/
65- }
64+ } ;
6665
67- mainContent . languageSelected = function ( selMenu ) {
66+ mainContent . languageSelected = function ( selMenu ) {
6867 //Changed selected language, update the value and store
69- if ( selMenu . detail . isSelected ) {
70- mainContent . language = selMenu . detail . item . dataset . value ;
68+ if ( selMenu . detail . isSelected ) {
69+ mainContent . language = selMenu . detail . item . dataset . value ;
7170 chrome . storage . sync . set ( { 'language' : mainContent . language } , function ( ) {
7271 //Nothing to do
7372 } ) ;
@@ -76,13 +75,13 @@ mainContent.languageSelected = function(selMenu){
7675 setThemeAndLang ( ) ;
7776 }
7877
79- }
78+ } ;
8079
81- mainContent . chTheme = function ( ) {
80+ mainContent . chTheme = function ( ) {
8281 //if checked theme is dark, otherwise light
83- if ( mainContent . $ . ptbTheme . checked ) {
82+ if ( mainContent . $ . ptbTheme . checked ) {
8483 mainContent . theme = 'dark' ;
85- } else {
84+ } else {
8685 mainContent . theme = 'light' ;
8786 }
8887 chrome . storage . sync . set ( { 'theme' : mainContent . theme } , function ( ) {
@@ -92,13 +91,13 @@ mainContent.chTheme = function(){
9291 //Set the theme and lang
9392 setThemeAndLang ( ) ;
9493
95- }
94+ } ;
9695
97- var ptToPx = function ( valPt ) {
98- return ( 16 / 12 ) * valPt ; //return the font-size in px from the ptValue
99- }
96+ var ptToPx = function ( valPt ) {
97+ return ( 16 / 12 ) * valPt ; //return the font-size in px from the ptValue
98+ } ;
10099
101- mainContent . ptChange = function ( ) {
100+ mainContent . ptChange = function ( ) {
102101 //TODO:Validate the value before saving it and using it to calculate the px value
103102
104103 chrome . storage . sync . set ( { 'fontPt' : mainContent . fontPt } , function ( ) {
@@ -116,9 +115,9 @@ mainContent.ptChange = function(){
116115 var preElement = mainContent . $ . destination . shadowRoot . querySelector ( 'pre' ) ;
117116 preElement . style . fontSize = fontPx ;
118117
119- }
118+ } ;
120119
121- mainContent . selPrettyCode = function ( sender ) {
120+ mainContent . selPrettyCode = function ( sender ) {
122121 //Get the pre element inside the prettyfy-element
123122 var preElement = sender . currentTarget . shadowRoot . querySelector ( 'pre' ) ;
124123
@@ -130,30 +129,30 @@ mainContent.selPrettyCode = function(sender){
130129 selection . removeAllRanges ( ) ;
131130 selection . addRange ( range ) ;
132131
133- }
132+ } ;
134133
135- mainContent . validateForSlides = function ( ) {
136- var divW = document . querySelector ( " #slidesWarnings" ) ;
134+ mainContent . validateForSlides = function ( ) {
135+ var divW = document . querySelector ( ' #slidesWarnings' ) ;
137136 var warn = [ ] ;
138137
139138 var MAX_LINES = 20 ;
140139 if ( ( mainContent . code . match ( / \n / g) || [ ] ) . length >= MAX_LINES ) {
141- warn . push ( 'More than ' + MAX_LINES + ' lines of code will be hard to read on a slide.' ) ;
140+ warn . push ( 'More than ' + MAX_LINES +
141+ ' lines of code will be hard to read on a slide.' ) ;
142142 }
143143
144144 var lines = mainContent . code . split ( '\n' ) || [ ] ;
145145 var MAX_LINE_LENGTH = 80 ;
146146 for ( var i = 0 ; i < lines . length ; i ++ ) {
147147 if ( lines [ i ] . length > MAX_LINE_LENGTH ) {
148- warn . push ( 'Line ' + ( i + 1 ) + ' has more than ' + MAX_LINE_LENGTH + ' characters!' ) ;
148+ warn . push ( 'Line ' + ( i + 1 ) + ' has more than ' +
149+ MAX_LINE_LENGTH + ' characters!' ) ;
149150 }
150151 }
151- if ( warn . length > 0 ) {
152+ if ( warn . length > 0 ) {
152153 divW . innerHTML = warn . join ( '<br>' ) ;
153- } else {
154- divW . innerHTML = 'Perfect code for slides' ;
154+ } else {
155+ divW . innerHTML = 'Perfect code for slides' ;
155156 }
156- }
157-
158-
157+ } ;
159158
0 commit comments