Code Quality

1  <rule ref="rulesets/apex/complexity.xml/AvoidDeeplyNestedIfStmts" />
2

1  <rule ref="rulesets/apex/complexity.xml/AvoidDeeplyNestedIfStmts" />
2  <rule ref="category/apex/design.xml/AvoidDeeplyNestedIfStmts" />
3

1  - repo: https://github.com/pre-commit/mirrors-prettier
2    rev: "v2.2.1"
3    hooks:
4      - id: prettier
5{
6  // ...
7  "settings": {
8    "editor.formatOnSave": true,
9    "editor.defaultFormatter": "esbenp.prettier-vscode"
10    // ...
11  }
12}
13npm list -g | grep prettier
14# Ensure prettier is installed globally so the esbenp.prettier-vscode can find a specific version
15# as discussed here:
16#   https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
17# NB You can remove the -g flag if you have a node project. I install globally because I use prettier on all projects, whether they have a node_modules folder or not.
18RUN npm install prettier@2.2.1 -g -D --save-exact
19{
20  // ...
21  "settings": {
22    "editor.formatOnSave": true,
23    "editor.defaultFormatter": "esbenp.prettier-vscode",
24    "prettier.resolveGlobalModules": true,
25    // ...
26  }
27}
28    "prettier.prettierPath": "$(npm root -g)/prettier",
29"extensions": ["esbenp.prettier-vscode@8.0.1"],
30

1  - repo: https://github.com/pre-commit/mirrors-prettier
2    rev: "v2.2.1"
3    hooks:
4      - id: prettier
5{
6  // ...
7  "settings": {
8    "editor.formatOnSave": true,
9    "editor.defaultFormatter": "esbenp.prettier-vscode"
10    // ...
11  }
12}
13npm list -g | grep prettier
14# Ensure prettier is installed globally so the esbenp.prettier-vscode can find a specific version
15# as discussed here:
16#   https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
17# NB You can remove the -g flag if you have a node project. I install globally because I use prettier on all projects, whether they have a node_modules folder or not.
18RUN npm install prettier@2.2.1 -g -D --save-exact
19{
20  // ...
21  "settings": {
22    "editor.formatOnSave": true,
23    "editor.defaultFormatter": "esbenp.prettier-vscode",
24    "prettier.resolveGlobalModules": true,
25    // ...
26  }
27}
28    "prettier.prettierPath": "$(npm root -g)/prettier",
29"extensions": ["esbenp.prettier-vscode@8.0.1"],
30"settings": {
31    "extensions.autoCheckUpdates": false,
32    "extensions.autoUpdate": false
33},
34

1Private Const Wtage As Double = ConvTohr(34) 'Error happens here
2
3Enum Weightage
4   Var1_Weightage = ConvTohr(3)  'Error happens here
5   Var2_Weightage = ConvTohr(11)
6   Var3_Weightage = ConvTohr(2)
7   var4_Weightage = ConvTohr(9)
8   var5_Weightage = ConvTohr(0)
9End Enum
10
11Private Function ConvTohr(val As Integer) As Double
12    If val = 0 Then
13       ConvTohr = 0
14       Exit Function
15    End If
16    ConvTohr = Round((val / 60), 2)
17End Function
18Private Function ConvTohr(val As Integer) As Double
19    ConvTohr = Round((val / 60), 2)
20End Function
21
22Public Property Get Var1_Weightage() As Double
23    Var1_Weightage = ConvTohr(3)
24End Property
25Public Property Get Var2_Weightage() As Double
26    Var2_Weightage = ConvTohr(11)
27End Property
28Public Property Get Var3_Weightage() As Double
29    Var3_Weightage = ConvTohr(2)
30End Property
31Public Property Get Var4_Weightage() As Double
32    Var4_Weightage = ConvTohr(9)
33End Property
34Public Property Get Var5_Weightage() As Double
35    Var5_Weightage = ConvTohr(0)
36End Property
37

1(function(){
2    // Functions
3    function buildQuiz(){
4      // variable to store the HTML output
5      const output = [];
6  
7      // for each question...
8      myQuestions.forEach(
9        (currentQuestion, questionNumber) => {
10  
11          // variable to store the list of answers
12          const answers = [];
13
14          for(questionNumber in currentQuestion.answers){
15
16        
17            answers.push(
18              `<label>
19                <input type="text" name="question${questionNumber}" placeholder="Company" size="20">
20              </label>`
21              
22            );
23          }
24  
25          // add this question to the output
26          output.push(
27            `<div class="slide">
28              <div class="question"> ${currentQuestion.question} </div>
29            </div>`
30          );
31        }
32      );
33  
34      // finally combine our output list into one string of HTML and put it on the page
35      quizContainer.innerHTML = output.join('');
36    }
37  
38    function showResults(){
39  
40      // gather answer containers from our quiz
41      const answerContainers = quizContainer.querySelectorAll('.answers');
42  
43      // keep track of user's answers
44      let numCorrect = 0;
45  
46      // for each question...
47      myQuestions.forEach( (currentQuestion, questionNumber) => {
48  
49        // find selected answer
50        const answerContainer = answerContainers[questionNumber];
51        const userAnswer = (answerContainer.querySelector('input').value);
52        
53        //if answer is blank
54    if (userAnswer.length === 0 ) {
55        alert("You must enter an answer to continue...");
56        return false;
57    }
58
59        // if answer is correct
60        if(userAnswer.toLowerCase() === currentQuestion.correctAnswer.toLowerCase()){
61          // add to the number of correct answers
62          numCorrect++;
63  
64          // alert
65         alert("CONGRATULATIONS! Your answer is correct! You have advanced to the next level.");
66        }
67        // if answer is wrong
68        else{
69          // alert
70          alert("Wrong answer, please, keep trying...");
71        }
72      });
73  
74      // show number of correct answers out of total
75      resultsContainer.innerHTML = `${numCorrect} out of ${myQuestions.length}`;
76    }
77  
78    function showSlide(n) {
79      slides[currentSlide].classList.remove('active-slide');
80      slides[n].classList.add('active-slide');
81      currentSlide = n;
82      if(currentSlide === 0){
83        previousButton.style.display = 'none';
84      }
85      else{
86        previousButton.style.display = 'inline-block';
87      }
88      if(currentSlide === slides.length-1){
89        nextButton.style.display = 'none';
90        submitButton.style.display = 'inline-block';
91      }
92      else{
93        nextButton.style.display = 'inline-block';
94        submitButton.style.display = 'none';
95      }
96    }
97  
98    function showNextSlide() {
99      showSlide(currentSlide + 1);
100    }
101  
102    function showPreviousSlide() {
103      showSlide(currentSlide - 1);
104    }
105  
106    // Variables
107    const quizContainer = document.getElementById('quiz');
108    const resultsContainer = document.getElementById('results');
109    const submitButton = document.getElementById('submit');
110    
111    const myQuestions = [
112    {
113      question: "Who invented JavaScript?",
114      image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
115      answers: "Write your answer here",
116      correctAnswer: "Nike",
117    },
118    {
119      question: "Which one of these is a JavaScript package manager?",
120      image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
121      correctAnswer: "Nike",
122
123    },
124    {
125      question: "Which tool can you use to ensure code quality?",
126      image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
127      correctAnswer: "Nike",
128    }
129];
130    // Kick things off
131    buildQuiz();
132  
133    // Pagination
134    const previousButton = document.getElementById("previous");
135    const nextButton = document.getElementById("next");
136    const slides = document.querySelectorAll(".slide");
137    let currentSlide = 0;
138  
139    // Show the first slide
140    showSlide(currentSlide);
141  
142    // Event listeners
143    submitButton.addEventListener('click', showResults);
144    previousButton.addEventListener("click", showPreviousSlide);
145    nextButton.addEventListener("click", showNextSlide);
146  })();
147  @import url(https://fonts.googleapis.com/css?family=Work+Sans:300,600);
148
149body{
150    font-size: 20px;
151    font-family: 'Work Sans', sans-serif;
152    color: #333;
153  font-weight: 300;
154  text-align: center;
155  background-color: #f8f6f0;
156}
157h1{
158  font-weight: 300;
159  margin: 0px;
160  padding: 10px;
161  font-size: 20px;
162  background-color: #444;
163  color: #fff;
164}
165.question{
166  font-size: 30px;
167  margin-bottom: 10px;
168}
169.answers {
170  margin-bottom: 20px;
171  text-align: left;
172  display: inline-block;
173}
174.answers label{
175  display: block;
176  margin-bottom: 10px;
177}
178button{
179  font-family: 'Work Sans', sans-serif;
180    font-size: 22px;
181    background-color: #279;
182    color: #fff;
183    border: 0px;
184    border-radius: 3px;
185    padding: 20px;
186    cursor: pointer;
187    margin-bottom: 20px;
188}
189button:hover{
190    background-color: #38a;
191}
192
193
194
195
196
197.slide{
198  position: absolute;
199  left: 0px;
200  top: 0px;
201  width: 100%;
202  z-index: 1;
203  opacity: 0;
204  transition: opacity 0.5s;
205}
206.active-slide{
207  opacity: 1;
208  z-index: 2;
209}
210.quiz-container{
211  position: relative;
212  height: 200px;
213  margin-top: 40px;
214}    <!DOCTYPE html>
215<html>
216<head><title>trial</title>
217  <link rel="stylesheet" href="trialcs.css">
218<style>
219            .color-cell {
220                color: white;
221            }
222        </style>
223  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
224<script src="logojs.js"></script>
225</head>
226<body>
227
228If I give you color wheel of 5 most dominant colors from 5 iconic logos, how many can you guess?
229<div class="quiz-container">
230  <div id="quiz"></div>
231</div>
232<button id="previous">Previous Question</button>
233<button id="next">Next Question</button>
234<button id="submit">Submit Quiz</button>
235<div id="results"></div>
236<script src="logocanvas.js"></script>
237</body>
238
239</html>
240
241  (function () {
242    // Functions
243    function buildQuiz() {
244        // variable to store the HTML output
245        const output = [];
246
247        // for each question...
248        myQuestions.forEach((currentQuestion, questionNumber) => {
249            // variable to store the list of answers
250            const answers = [];
251
252            for (questionNumber in currentQuestion.answers) {
253                answers.push(
254                    `<label>
255                <input type="text" name="question${questionNumber}" placeholder="Company" size="20">
256              </label>`
257                );
258            }
259
260            // add this question to the output
261            output.push(
262                `<div class="slide">
263              <div class="question"> ${currentQuestion.question} </div>
264
265                            
266                <input type="text" name="question${questionNumber}" placeholder="Write answer here" size="20">
267            </div>`
268            );
269        });
270
271        // finally combine our output list into one string of HTML and put it on the page
272        quizContainer.innerHTML = output.join("");
273    }
274
275    function showResults() {
276        // gather answer containers from our quiz
277        const answerContainers = quizContainer.querySelectorAll(".answers");
278
279        // keep track of user's answers
280        let numCorrect = 0;
281
282        // for each question...
283        myQuestions.forEach((currentQuestion, questionNumber) => {
284            // find selected answer
285            const answerContainer = answerContainers[questionNumber];
286            const userAnswer = answerContainer.querySelector("input").value;
287
288            //if answer is blank
289            if (userAnswer.length === 0) {
290                alert("You must enter an answer to continue...");
291                return false;
292            }
293
294            // if answer is correct
295            if (
296                userAnswer.toLowerCase() === currentQuestion.correctAnswer.toLowerCase()
297            ) {
298                // add to the number of correct answers
299                numCorrect++;
300
301                // alert
302                alert(
303                    "CONGRATULATIONS! Your answer is correct! You have advanced to the next level."
304                );
305            }
306            // if answer is wrong
307            else {
308                // alert
309                alert("Wrong answer, please, keep trying...");
310            }
311        });
312
313        // show number of correct answers out of total
314        resultsContainer.innerHTML = `${numCorrect} out of ${myQuestions.length}`;
315    }
316
317    function showSlide(n) {
318        slides[currentSlide].classList.remove("active-slide");
319        slides[n].classList.add("active-slide");
320        currentSlide = n;
321        if (currentSlide === 0) {
322            previousButton.style.display = "none";
323        } else {
324            previousButton.style.display = "inline-block";
325        }
326        if (currentSlide === slides.length - 1) {
327            nextButton.style.display = "none";
328            submitButton.style.display = "inline-block";
329        } else {
330            nextButton.style.display = "inline-block";
331            submitButton.style.display = "none";
332        }
333    }
334
335    function showNextSlide() {
336        showSlide(currentSlide + 1);
337    }
338
339    function showPreviousSlide() {
340        showSlide(currentSlide - 1);
341    }
342
343    // Variables
344    const quizContainer = document.getElementById("quiz");
345    const resultsContainer = document.getElementById("results");
346    const submitButton = document.getElementById("submit");
347
348    const myQuestions = [
349        {
350            question: "Who invented JavaScript?",
351            image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
352            answers: "Write your answer here",
353            correctAnswer: "Nike"
354        },
355        {
356            question: "Which one of these is a JavaScript package manager?",
357            image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
358            answers: "Write your answer here",
359            correctAnswer: "Nike"
360        },
361        {
362            question: "Which tool can you use to ensure code quality?",
363            image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
364            answers: "Write your answer here",
365            correctAnswer: "Nike"
366        }
367    ];
368    // Kick things off
369    buildQuiz();
370
371    // Pagination
372    const previousButton = document.getElementById("previous");
373    const nextButton = document.getElementById("next");
374    const slides = document.querySelectorAll(".slide");
375    let currentSlide = 0;
376
377    // Show the first slide
378    showSlide(currentSlide);
379
380    // Event listeners
381    submitButton.addEventListener("click", showResults);
382    previousButton.addEventListener("click", showPreviousSlide);
383    nextButton.addEventListener("click", showNextSlide);
384})();

1(function(){
2    // Functions
3    function buildQuiz(){
4      // variable to store the HTML output
5      const output = [];
6  
7      // for each question...
8      myQuestions.forEach(
9        (currentQuestion, questionNumber) => {
10  
11          // variable to store the list of answers
12          const answers = [];
13
14          for(questionNumber in currentQuestion.answers){
15
16        
17            answers.push(
18              `<label>
19                <input type="text" name="question${questionNumber}" placeholder="Company" size="20">
20              </label>`
21              
22            );
23          }
24  
25          // add this question to the output
26          output.push(
27            `<div class="slide">
28              <div class="question"> ${currentQuestion.question} </div>
29            </div>`
30          );
31        }
32      );
33  
34      // finally combine our output list into one string of HTML and put it on the page
35      quizContainer.innerHTML = output.join('');
36    }
37  
38    function showResults(){
39  
40      // gather answer containers from our quiz
41      const answerContainers = quizContainer.querySelectorAll('.answers');
42  
43      // keep track of user's answers
44      let numCorrect = 0;
45  
46      // for each question...
47      myQuestions.forEach( (currentQuestion, questionNumber) => {
48  
49        // find selected answer
50        const answerContainer = answerContainers[questionNumber];
51        const userAnswer = (answerContainer.querySelector('input').value);
52        
53        //if answer is blank
54    if (userAnswer.length === 0 ) {
55        alert("You must enter an answer to continue...");
56        return false;
57    }
58
59        // if answer is correct
60        if(userAnswer.toLowerCase() === currentQuestion.correctAnswer.toLowerCase()){
61          // add to the number of correct answers
62          numCorrect++;
63  
64          // alert
65         alert("CONGRATULATIONS! Your answer is correct! You have advanced to the next level.");
66        }
67        // if answer is wrong
68        else{
69          // alert
70          alert("Wrong answer, please, keep trying...");
71        }
72      });
73  
74      // show number of correct answers out of total
75      resultsContainer.innerHTML = `${numCorrect} out of ${myQuestions.length}`;
76    }
77  
78    function showSlide(n) {
79      slides[currentSlide].classList.remove('active-slide');
80      slides[n].classList.add('active-slide');
81      currentSlide = n;
82      if(currentSlide === 0){
83        previousButton.style.display = 'none';
84      }
85      else{
86        previousButton.style.display = 'inline-block';
87      }
88      if(currentSlide === slides.length-1){
89        nextButton.style.display = 'none';
90        submitButton.style.display = 'inline-block';
91      }
92      else{
93        nextButton.style.display = 'inline-block';
94        submitButton.style.display = 'none';
95      }
96    }
97  
98    function showNextSlide() {
99      showSlide(currentSlide + 1);
100    }
101  
102    function showPreviousSlide() {
103      showSlide(currentSlide - 1);
104    }
105  
106    // Variables
107    const quizContainer = document.getElementById('quiz');
108    const resultsContainer = document.getElementById('results');
109    const submitButton = document.getElementById('submit');
110    
111    const myQuestions = [
112    {
113      question: "Who invented JavaScript?",
114      image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
115      answers: "Write your answer here",
116      correctAnswer: "Nike",
117    },
118    {
119      question: "Which one of these is a JavaScript package manager?",
120      image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
121      correctAnswer: "Nike",
122
123    },
124    {
125      question: "Which tool can you use to ensure code quality?",
126      image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
127      correctAnswer: "Nike",
128    }
129];
130    // Kick things off
131    buildQuiz();
132  
133    // Pagination
134    const previousButton = document.getElementById("previous");
135    const nextButton = document.getElementById("next");
136    const slides = document.querySelectorAll(".slide");
137    let currentSlide = 0;
138  
139    // Show the first slide
140    showSlide(currentSlide);
141  
142    // Event listeners
143    submitButton.addEventListener('click', showResults);
144    previousButton.addEventListener("click", showPreviousSlide);
145    nextButton.addEventListener("click", showNextSlide);
146  })();
147  @import url(https://fonts.googleapis.com/css?family=Work+Sans:300,600);
148
149body{
150    font-size: 20px;
151    font-family: 'Work Sans', sans-serif;
152    color: #333;
153  font-weight: 300;
154  text-align: center;
155  background-color: #f8f6f0;
156}
157h1{
158  font-weight: 300;
159  margin: 0px;
160  padding: 10px;
161  font-size: 20px;
162  background-color: #444;
163  color: #fff;
164}
165.question{
166  font-size: 30px;
167  margin-bottom: 10px;
168}
169.answers {
170  margin-bottom: 20px;
171  text-align: left;
172  display: inline-block;
173}
174.answers label{
175  display: block;
176  margin-bottom: 10px;
177}
178button{
179  font-family: 'Work Sans', sans-serif;
180    font-size: 22px;
181    background-color: #279;
182    color: #fff;
183    border: 0px;
184    border-radius: 3px;
185    padding: 20px;
186    cursor: pointer;
187    margin-bottom: 20px;
188}
189button:hover{
190    background-color: #38a;
191}
192
193
194
195
196
197.slide{
198  position: absolute;
199  left: 0px;
200  top: 0px;
201  width: 100%;
202  z-index: 1;
203  opacity: 0;
204  transition: opacity 0.5s;
205}
206.active-slide{
207  opacity: 1;
208  z-index: 2;
209}
210.quiz-container{
211  position: relative;
212  height: 200px;
213  margin-top: 40px;
214}    <!DOCTYPE html>
215<html>
216<head><title>trial</title>
217  <link rel="stylesheet" href="trialcs.css">
218<style>
219            .color-cell {
220                color: white;
221            }
222        </style>
223  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
224<script src="logojs.js"></script>
225</head>
226<body>
227
228If I give you color wheel of 5 most dominant colors from 5 iconic logos, how many can you guess?
229<div class="quiz-container">
230  <div id="quiz"></div>
231</div>
232<button id="previous">Previous Question</button>
233<button id="next">Next Question</button>
234<button id="submit">Submit Quiz</button>
235<div id="results"></div>
236<script src="logocanvas.js"></script>
237</body>
238
239</html>
240
241  (function () {
242    // Functions
243    function buildQuiz() {
244        // variable to store the HTML output
245        const output = [];
246
247        // for each question...
248        myQuestions.forEach((currentQuestion, questionNumber) => {
249            // variable to store the list of answers
250            const answers = [];
251
252            for (questionNumber in currentQuestion.answers) {
253                answers.push(
254                    `<label>
255                <input type="text" name="question${questionNumber}" placeholder="Company" size="20">
256              </label>`
257                );
258            }
259
260            // add this question to the output
261            output.push(
262                `<div class="slide">
263              <div class="question"> ${currentQuestion.question} </div>
264
265                            
266                <input type="text" name="question${questionNumber}" placeholder="Write answer here" size="20">
267            </div>`
268            );
269        });
270
271        // finally combine our output list into one string of HTML and put it on the page
272        quizContainer.innerHTML = output.join("");
273    }
274
275    function showResults() {
276        // gather answer containers from our quiz
277        const answerContainers = quizContainer.querySelectorAll(".answers");
278
279        // keep track of user's answers
280        let numCorrect = 0;
281
282        // for each question...
283        myQuestions.forEach((currentQuestion, questionNumber) => {
284            // find selected answer
285            const answerContainer = answerContainers[questionNumber];
286            const userAnswer = answerContainer.querySelector("input").value;
287
288            //if answer is blank
289            if (userAnswer.length === 0) {
290                alert("You must enter an answer to continue...");
291                return false;
292            }
293
294            // if answer is correct
295            if (
296                userAnswer.toLowerCase() === currentQuestion.correctAnswer.toLowerCase()
297            ) {
298                // add to the number of correct answers
299                numCorrect++;
300
301                // alert
302                alert(
303                    "CONGRATULATIONS! Your answer is correct! You have advanced to the next level."
304                );
305            }
306            // if answer is wrong
307            else {
308                // alert
309                alert("Wrong answer, please, keep trying...");
310            }
311        });
312
313        // show number of correct answers out of total
314        resultsContainer.innerHTML = `${numCorrect} out of ${myQuestions.length}`;
315    }
316
317    function showSlide(n) {
318        slides[currentSlide].classList.remove("active-slide");
319        slides[n].classList.add("active-slide");
320        currentSlide = n;
321        if (currentSlide === 0) {
322            previousButton.style.display = "none";
323        } else {
324            previousButton.style.display = "inline-block";
325        }
326        if (currentSlide === slides.length - 1) {
327            nextButton.style.display = "none";
328            submitButton.style.display = "inline-block";
329        } else {
330            nextButton.style.display = "inline-block";
331            submitButton.style.display = "none";
332        }
333    }
334
335    function showNextSlide() {
336        showSlide(currentSlide + 1);
337    }
338
339    function showPreviousSlide() {
340        showSlide(currentSlide - 1);
341    }
342
343    // Variables
344    const quizContainer = document.getElementById("quiz");
345    const resultsContainer = document.getElementById("results");
346    const submitButton = document.getElementById("submit");
347
348    const myQuestions = [
349        {
350            question: "Who invented JavaScript?",
351            image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
352            answers: "Write your answer here",
353            correctAnswer: "Nike"
354        },
355        {
356            question: "Which one of these is a JavaScript package manager?",
357            image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
358            answers: "Write your answer here",
359            correctAnswer: "Nike"
360        },
361        {
362            question: "Which tool can you use to ensure code quality?",
363            image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
364            answers: "Write your answer here",
365            correctAnswer: "Nike"
366        }
367    ];
368    // Kick things off
369    buildQuiz();
370
371    // Pagination
372    const previousButton = document.getElementById("previous");
373    const nextButton = document.getElementById("next");
374    const slides = document.querySelectorAll(".slide");
375    let currentSlide = 0;
376
377    // Show the first slide
378    showSlide(currentSlide);
379
380    // Event listeners
381    submitButton.addEventListener("click", showResults);
382    previousButton.addEventListener("click", showPreviousSlide);
383    nextButton.addEventListener("click", showNextSlide);
384})();@import url(https://fonts.googleapis.com/css?family=Work+Sans:300,600);
385
386body {
387    font-size: 20px;
388    font-family: "Work Sans", sans-serif;
389    color: #333;
390    font-weight: 300;
391    text-align: center;
392    background-color: #f8f6f0;
393}
394h1 {
395    font-weight: 300;
396    margin: 0px;
397    padding: 10px;
398    font-size: 20px;
399    background-color: #444;
400    color: #fff;
401}
402.question {
403    font-size: 30px;
404    margin-bottom: 10px;
405}
406.answers {
407    margin-bottom: 20px;
408    text-align: left;
409    display: inline-block;
410}
411.answers label {
412    display: block;
413    margin-bottom: 10px;
414}
415button {
416    font-family: "Work Sans", sans-serif;
417    font-size: 22px;
418    background-color: #279;
419    color: #fff;
420    border: 0px;
421    border-radius: 3px;
422    padding: 20px;
423    cursor: pointer;
424    margin-bottom: 20px;
425}
426button:hover {
427    background-color: #38a;
428}
429
430.slide {
431    position: absolute;
432    left: 0px;
433    top: 0px;
434    width: 100%;
435    z-index: 1;
436    opacity: 0;
437    transition: opacity 0.5s;
438}
439.active-slide {
440    opacity: 1;
441    z-index: 2;
442}
443.quiz-container {
444    position: relative;
445    height: 200px;
446    margin-top: 40px;
447}

1(function(){
2    // Functions
3    function buildQuiz(){
4      // variable to store the HTML output
5      const output = [];
6  
7      // for each question...
8      myQuestions.forEach(
9        (currentQuestion, questionNumber) => {
10  
11          // variable to store the list of answers
12          const answers = [];
13
14          for(questionNumber in currentQuestion.answers){
15
16        
17            answers.push(
18              `<label>
19                <input type="text" name="question${questionNumber}" placeholder="Company" size="20">
20              </label>`
21              
22            );
23          }
24  
25          // add this question to the output
26          output.push(
27            `<div class="slide">
28              <div class="question"> ${currentQuestion.question} </div>
29            </div>`
30          );
31        }
32      );
33  
34      // finally combine our output list into one string of HTML and put it on the page
35      quizContainer.innerHTML = output.join('');
36    }
37  
38    function showResults(){
39  
40      // gather answer containers from our quiz
41      const answerContainers = quizContainer.querySelectorAll('.answers');
42  
43      // keep track of user's answers
44      let numCorrect = 0;
45  
46      // for each question...
47      myQuestions.forEach( (currentQuestion, questionNumber) => {
48  
49        // find selected answer
50        const answerContainer = answerContainers[questionNumber];
51        const userAnswer = (answerContainer.querySelector('input').value);
52        
53        //if answer is blank
54    if (userAnswer.length === 0 ) {
55        alert("You must enter an answer to continue...");
56        return false;
57    }
58
59        // if answer is correct
60        if(userAnswer.toLowerCase() === currentQuestion.correctAnswer.toLowerCase()){
61          // add to the number of correct answers
62          numCorrect++;
63  
64          // alert
65         alert("CONGRATULATIONS! Your answer is correct! You have advanced to the next level.");
66        }
67        // if answer is wrong
68        else{
69          // alert
70          alert("Wrong answer, please, keep trying...");
71        }
72      });
73  
74      // show number of correct answers out of total
75      resultsContainer.innerHTML = `${numCorrect} out of ${myQuestions.length}`;
76    }
77  
78    function showSlide(n) {
79      slides[currentSlide].classList.remove('active-slide');
80      slides[n].classList.add('active-slide');
81      currentSlide = n;
82      if(currentSlide === 0){
83        previousButton.style.display = 'none';
84      }
85      else{
86        previousButton.style.display = 'inline-block';
87      }
88      if(currentSlide === slides.length-1){
89        nextButton.style.display = 'none';
90        submitButton.style.display = 'inline-block';
91      }
92      else{
93        nextButton.style.display = 'inline-block';
94        submitButton.style.display = 'none';
95      }
96    }
97  
98    function showNextSlide() {
99      showSlide(currentSlide + 1);
100    }
101  
102    function showPreviousSlide() {
103      showSlide(currentSlide - 1);
104    }
105  
106    // Variables
107    const quizContainer = document.getElementById('quiz');
108    const resultsContainer = document.getElementById('results');
109    const submitButton = document.getElementById('submit');
110    
111    const myQuestions = [
112    {
113      question: "Who invented JavaScript?",
114      image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
115      answers: "Write your answer here",
116      correctAnswer: "Nike",
117    },
118    {
119      question: "Which one of these is a JavaScript package manager?",
120      image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
121      correctAnswer: "Nike",
122
123    },
124    {
125      question: "Which tool can you use to ensure code quality?",
126      image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
127      correctAnswer: "Nike",
128    }
129];
130    // Kick things off
131    buildQuiz();
132  
133    // Pagination
134    const previousButton = document.getElementById("previous");
135    const nextButton = document.getElementById("next");
136    const slides = document.querySelectorAll(".slide");
137    let currentSlide = 0;
138  
139    // Show the first slide
140    showSlide(currentSlide);
141  
142    // Event listeners
143    submitButton.addEventListener('click', showResults);
144    previousButton.addEventListener("click", showPreviousSlide);
145    nextButton.addEventListener("click", showNextSlide);
146  })();
147  @import url(https://fonts.googleapis.com/css?family=Work+Sans:300,600);
148
149body{
150    font-size: 20px;
151    font-family: 'Work Sans', sans-serif;
152    color: #333;
153  font-weight: 300;
154  text-align: center;
155  background-color: #f8f6f0;
156}
157h1{
158  font-weight: 300;
159  margin: 0px;
160  padding: 10px;
161  font-size: 20px;
162  background-color: #444;
163  color: #fff;
164}
165.question{
166  font-size: 30px;
167  margin-bottom: 10px;
168}
169.answers {
170  margin-bottom: 20px;
171  text-align: left;
172  display: inline-block;
173}
174.answers label{
175  display: block;
176  margin-bottom: 10px;
177}
178button{
179  font-family: 'Work Sans', sans-serif;
180    font-size: 22px;
181    background-color: #279;
182    color: #fff;
183    border: 0px;
184    border-radius: 3px;
185    padding: 20px;
186    cursor: pointer;
187    margin-bottom: 20px;
188}
189button:hover{
190    background-color: #38a;
191}
192
193
194
195
196
197.slide{
198  position: absolute;
199  left: 0px;
200  top: 0px;
201  width: 100%;
202  z-index: 1;
203  opacity: 0;
204  transition: opacity 0.5s;
205}
206.active-slide{
207  opacity: 1;
208  z-index: 2;
209}
210.quiz-container{
211  position: relative;
212  height: 200px;
213  margin-top: 40px;
214}    <!DOCTYPE html>
215<html>
216<head><title>trial</title>
217  <link rel="stylesheet" href="trialcs.css">
218<style>
219            .color-cell {
220                color: white;
221            }
222        </style>
223  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
224<script src="logojs.js"></script>
225</head>
226<body>
227
228If I give you color wheel of 5 most dominant colors from 5 iconic logos, how many can you guess?
229<div class="quiz-container">
230  <div id="quiz"></div>
231</div>
232<button id="previous">Previous Question</button>
233<button id="next">Next Question</button>
234<button id="submit">Submit Quiz</button>
235<div id="results"></div>
236<script src="logocanvas.js"></script>
237</body>
238
239</html>
240
241  (function () {
242    // Functions
243    function buildQuiz() {
244        // variable to store the HTML output
245        const output = [];
246
247        // for each question...
248        myQuestions.forEach((currentQuestion, questionNumber) => {
249            // variable to store the list of answers
250            const answers = [];
251
252            for (questionNumber in currentQuestion.answers) {
253                answers.push(
254                    `<label>
255                <input type="text" name="question${questionNumber}" placeholder="Company" size="20">
256              </label>`
257                );
258            }
259
260            // add this question to the output
261            output.push(
262                `<div class="slide">
263              <div class="question"> ${currentQuestion.question} </div>
264
265                            
266                <input type="text" name="question${questionNumber}" placeholder="Write answer here" size="20">
267            </div>`
268            );
269        });
270
271        // finally combine our output list into one string of HTML and put it on the page
272        quizContainer.innerHTML = output.join("");
273    }
274
275    function showResults() {
276        // gather answer containers from our quiz
277        const answerContainers = quizContainer.querySelectorAll(".answers");
278
279        // keep track of user's answers
280        let numCorrect = 0;
281
282        // for each question...
283        myQuestions.forEach((currentQuestion, questionNumber) => {
284            // find selected answer
285            const answerContainer = answerContainers[questionNumber];
286            const userAnswer = answerContainer.querySelector("input").value;
287
288            //if answer is blank
289            if (userAnswer.length === 0) {
290                alert("You must enter an answer to continue...");
291                return false;
292            }
293
294            // if answer is correct
295            if (
296                userAnswer.toLowerCase() === currentQuestion.correctAnswer.toLowerCase()
297            ) {
298                // add to the number of correct answers
299                numCorrect++;
300
301                // alert
302                alert(
303                    "CONGRATULATIONS! Your answer is correct! You have advanced to the next level."
304                );
305            }
306            // if answer is wrong
307            else {
308                // alert
309                alert("Wrong answer, please, keep trying...");
310            }
311        });
312
313        // show number of correct answers out of total
314        resultsContainer.innerHTML = `${numCorrect} out of ${myQuestions.length}`;
315    }
316
317    function showSlide(n) {
318        slides[currentSlide].classList.remove("active-slide");
319        slides[n].classList.add("active-slide");
320        currentSlide = n;
321        if (currentSlide === 0) {
322            previousButton.style.display = "none";
323        } else {
324            previousButton.style.display = "inline-block";
325        }
326        if (currentSlide === slides.length - 1) {
327            nextButton.style.display = "none";
328            submitButton.style.display = "inline-block";
329        } else {
330            nextButton.style.display = "inline-block";
331            submitButton.style.display = "none";
332        }
333    }
334
335    function showNextSlide() {
336        showSlide(currentSlide + 1);
337    }
338
339    function showPreviousSlide() {
340        showSlide(currentSlide - 1);
341    }
342
343    // Variables
344    const quizContainer = document.getElementById("quiz");
345    const resultsContainer = document.getElementById("results");
346    const submitButton = document.getElementById("submit");
347
348    const myQuestions = [
349        {
350            question: "Who invented JavaScript?",
351            image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
352            answers: "Write your answer here",
353            correctAnswer: "Nike"
354        },
355        {
356            question: "Which one of these is a JavaScript package manager?",
357            image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
358            answers: "Write your answer here",
359            correctAnswer: "Nike"
360        },
361        {
362            question: "Which tool can you use to ensure code quality?",
363            image: "https://i.postimg.cc/rmRj3SYt/nikecw.png",
364            answers: "Write your answer here",
365            correctAnswer: "Nike"
366        }
367    ];
368    // Kick things off
369    buildQuiz();
370
371    // Pagination
372    const previousButton = document.getElementById("previous");
373    const nextButton = document.getElementById("next");
374    const slides = document.querySelectorAll(".slide");
375    let currentSlide = 0;
376
377    // Show the first slide
378    showSlide(currentSlide);
379
380    // Event listeners
381    submitButton.addEventListener("click", showResults);
382    previousButton.addEventListener("click", showPreviousSlide);
383    nextButton.addEventListener("click", showNextSlide);
384})();@import url(https://fonts.googleapis.com/css?family=Work+Sans:300,600);
385
386body {
387    font-size: 20px;
388    font-family: "Work Sans", sans-serif;
389    color: #333;
390    font-weight: 300;
391    text-align: center;
392    background-color: #f8f6f0;
393}
394h1 {
395    font-weight: 300;
396    margin: 0px;
397    padding: 10px;
398    font-size: 20px;
399    background-color: #444;
400    color: #fff;
401}
402.question {
403    font-size: 30px;
404    margin-bottom: 10px;
405}
406.answers {
407    margin-bottom: 20px;
408    text-align: left;
409    display: inline-block;
410}
411.answers label {
412    display: block;
413    margin-bottom: 10px;
414}
415button {
416    font-family: "Work Sans", sans-serif;
417    font-size: 22px;
418    background-color: #279;
419    color: #fff;
420    border: 0px;
421    border-radius: 3px;
422    padding: 20px;
423    cursor: pointer;
424    margin-bottom: 20px;
425}
426button:hover {
427    background-color: #38a;
428}
429
430.slide {
431    position: absolute;
432    left: 0px;
433    top: 0px;
434    width: 100%;
435    z-index: 1;
436    opacity: 0;
437    transition: opacity 0.5s;
438}
439.active-slide {
440    opacity: 1;
441    z-index: 2;
442}
443.quiz-container {
444    position: relative;
445    height: 200px;
446    margin-top: 40px;
447}If I give you color wheel of 5 most dominant colors from 5 iconic logos, how many can you guess?
448<div class="quiz-container">
449    <div id="quiz"></div>
450</div>
451<button id="previous">Previous Question</button>
452<button id="next">Next Question</button>
453<button id="submit">Submit Quiz</button>
454<div id="results"></div>

1import org.jetbrains.exposed.dao.id.IntIdTable
2import org.jetbrains.exposed.sql.*
3import org.jetbrains.exposed.sql.transactions.transaction
4
5object Users : IntIdTable() {
6    val username = varchar("username", 50)
7}
8
9object Permissions : IntIdTable() {
10    val name = varchar("name", 50)
11}
12
13object UserPermissionsJunctionTable : IntIdTable() {
14    val user = reference("user", Users)
15    val permission = reference("permission", Permissions)
16}
17
18fun main(args: Array<String>) {
19    val db = Database.connect("jdbc:sqlite:test.db", "org.sqlite.JDBC")
20
21    transaction {
22        addLogger(StdOutSqlLogger)
23
24        SchemaUtils.create(Users, Permissions, UserPermissionsJunctionTable)
25
26        val userId = Users.insertAndGetId {
27            it[username] = "john.smith"
28        }
29
30        val readPermissionId = Permissions.insertAndGetId {
31            it[name] = "read"
32        }
33
34        val writePermissionId = Permissions.insertAndGetId {
35            it[name] = "write"
36        }
37
38        UserPermissionsJunctionTable.insert {
39            it[user] = userId
40            it[permission] = readPermissionId
41        }
42
43        UserPermissionsJunctionTable.insert {
44            it[user] = userId
45            it[permission] = writePermissionId
46        }
47
48        val result = Users
49            .join(UserPermissionsJunctionTable, JoinType.INNER, additionalConstraint = {
50                Users.id eq UserPermissionsJunctionTable.user
51        })
52            .join(Permissions, JoinType.INNER, additionalConstraint = {
53                UserPermissionsJunctionTable.permission eq Permissions.id
54        })
55            .slice(Users.username, Permissions.name).selectAll().map {
56                it[Users.username] to it[Permissions.name]
57        }
58
59        println(result)
60    }
61}
62

1
2Werkzeug==2.0.2 # https://github.com/pallets/werkzeug
3ipdb==0.13.9  # https://github.com/gotcha/ipdb
4psycopg2==2.9.1  # https://github.com/psycopg/psycopg2
5watchgod==0.7  # https://github.com/samuelcolvin/watchgod
6
7# Testing
8# ------------------------------------------------------------------------------
9mypy==0.910  # https://github.com/python/mypy
10django-stubs==1.8.0  # https://github.com/typeddjango/django-stubs
11pytest==6.2.5  # https://github.com/pytest-dev/pytest
12pytest-sugar==0.9.4  # https://github.com/Frozenball/pytest-sugar
13djangorestframework-stubs==1.4.0  # https://github.com/typeddjango/djangorestframework-stubs
14
15# Documentation
16# ------------------------------------------------------------------------------
17sphinx==4.2.0  # https://github.com/sphinx-doc/sphinx
18sphinx-autobuild==2021.3.14 # https://github.com/GaretJax/sphinx-autobuild
19
20# Code quality
21# ------------------------------------------------------------------------------
22flake8==3.9.2  # https://github.com/PyCQA/flake8
23flake8-isort==4.0.0  # https://github.com/gforcada/flake8-isort
24coverage==6.0.2  # https://github.com/nedbat/coveragepy
25black==21.9b0  # https://github.com/psf/black
26pylint-django==2.4.4  # https://github.com/PyCQA/pylint-django
27pylint-celery==0.3  # https://github.com/PyCQA/pylint-celery
28pre-commit==2.15.0  # https://github.com/pre-commit/pre-commit
29
30# Django
31# ------------------------------------------------------------------------------
32factory-boy==3.2.0  # https://github.com/FactoryBoy/factory_boy
33
34django-debug-toolbar==3.2.2  # https://github.com/jazzband/django-debug-toolbar
35django-extensions==3.1.3  # https://github.com/django-extensions/django-extensions
36django-coverage-plugin==2.0.1  # https://github.com/nedbat/django_coverage_plugin
37pytest-django==4.4.0  # https://github.com/pytest-dev/pytest-django
38pytest==6.2.5  
39pytest-sugar==0.9.4  
40pytest-django==4.4.0  
41pytest==6.2.5   https://github.com/pytest-dev/pytest
42pytest-sugar==0.9.4   https://github.com/Frozenball/pytest-sugar
43pytest-django==4.4.0   https://github.com/pytest-dev/pytest-django
44sed -nE 's/^(pytest[^=]*=[^[:blank:]]*).*/\1/p' file
45
46pytest==6.2.5
47pytest-sugar==0.9.4
48pytest-django==4.4.0
49

1
2Werkzeug==2.0.2 # https://github.com/pallets/werkzeug
3ipdb==0.13.9  # https://github.com/gotcha/ipdb
4psycopg2==2.9.1  # https://github.com/psycopg/psycopg2
5watchgod==0.7  # https://github.com/samuelcolvin/watchgod
6
7# Testing
8# ------------------------------------------------------------------------------
9mypy==0.910  # https://github.com/python/mypy
10django-stubs==1.8.0  # https://github.com/typeddjango/django-stubs
11pytest==6.2.5  # https://github.com/pytest-dev/pytest
12pytest-sugar==0.9.4  # https://github.com/Frozenball/pytest-sugar
13djangorestframework-stubs==1.4.0  # https://github.com/typeddjango/djangorestframework-stubs
14
15# Documentation
16# ------------------------------------------------------------------------------
17sphinx==4.2.0  # https://github.com/sphinx-doc/sphinx
18sphinx-autobuild==2021.3.14 # https://github.com/GaretJax/sphinx-autobuild
19
20# Code quality
21# ------------------------------------------------------------------------------
22flake8==3.9.2  # https://github.com/PyCQA/flake8
23flake8-isort==4.0.0  # https://github.com/gforcada/flake8-isort
24coverage==6.0.2  # https://github.com/nedbat/coveragepy
25black==21.9b0  # https://github.com/psf/black
26pylint-django==2.4.4  # https://github.com/PyCQA/pylint-django
27pylint-celery==0.3  # https://github.com/PyCQA/pylint-celery
28pre-commit==2.15.0  # https://github.com/pre-commit/pre-commit
29
30# Django
31# ------------------------------------------------------------------------------
32factory-boy==3.2.0  # https://github.com/FactoryBoy/factory_boy
33
34django-debug-toolbar==3.2.2  # https://github.com/jazzband/django-debug-toolbar
35django-extensions==3.1.3  # https://github.com/django-extensions/django-extensions
36django-coverage-plugin==2.0.1  # https://github.com/nedbat/django_coverage_plugin
37pytest-django==4.4.0  # https://github.com/pytest-dev/pytest-django
38pytest==6.2.5  
39pytest-sugar==0.9.4  
40pytest-django==4.4.0  
41pytest==6.2.5   https://github.com/pytest-dev/pytest
42pytest-sugar==0.9.4   https://github.com/Frozenball/pytest-sugar
43pytest-django==4.4.0   https://github.com/pytest-dev/pytest-django
44sed -nE 's/^(pytest[^=]*=[^[:blank:]]*).*/\1/p' file
45
46pytest==6.2.5
47pytest-sugar==0.9.4
48pytest-django==4.4.0
49grep -o '^pytest[^=]*=[^[:blank:]]*' file
50
51pytest==6.2.5
52pytest-sugar==0.9.4
53pytest-django==4.4.0
54

1Function `AutocompleteCombobox` has 50 lines of code (exceeds 25 allowed). Consider refactoring.
2version: "2"         # required to adjust maintainability checks
3
4checks:
5  argument-count:
6    enabled: true
7    config:
8      threshold: 4
9  complex-logic:
10    enabled: true
11    config:
12      threshold: 4
13
14    {
15      "version": "2",
16      "checks": {
17        "argument-count": {
18          "enabled": false,
19          "config": {
20            "threshold": 4
21          }
22        },
23        "complex-logic": {
24          "enabled": true,
25          "config": {
26            "threshold": 15
27          }
28        },
29        "file-lines": {
30          "enabled": false,
31          "config": {
32            "threshold": 250
33          }
34        },
35        "method-complexity": {
36          "enabled": true,
37          "config": {
38            "threshold": 15
39          }
40        },
41        "method-count": {
42          "enabled": false,
43          "config": {
44            "threshold": 20
45          }
46        },
47        "method-lines": {
48          "enabled": false,
49          "config": {
50            "threshold": 25
51          }
52        },
53        "nested-control-flow": {
54          "enabled": true,
55          "config": {
56            "threshold": 4
57          }
58        },
59        "return-statements": {
60          "enabled": true,
61          "config": {
62            "threshold": 4
63          }
64        },
65        "similar-code": {
66          "enabled": false,
67          "config": {
68            "threshold": null
69          }
70        },
71        "identical-code": {
72          "enabled": true,
73          "config": {
74            "threshold": null
75          }
76        }
77      },
78      "exclude_patterns": [
79        "config/",
80        "db/",
81        "dist/",
82        "features/",
83        "**/node_modules/",
84        "script/",
85        "**/spec/",
86        "**/test/",
87        "**/tests/",
88        "Tests/",
89        "**/vendor/",
90        "**/*_test.go",
91        "**/*.d.ts"
92      ]
93    }
94