Angular 2 directive to append HTML in directive selector. I was trying creating a star rating directive for angular 5 project. It was really hard search for me to insert HTML in to directive selector. I know an component can easily allows access to append HTML inside the element. But i needed to do this […]
Read More →Add to compare service for observable array of objects for products
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
import { Injectable } from '@angular/core'; import { BehaviorSubject } from 'rxjs/BehaviorSubject'; @Injectable() export class SharedService { compareProducts:Array<Product> = []; private compareSource = new BehaviorSubject<Product[]>([]); currentCompare = this.compareSource.asObservable(); constructor() { } addToCompare(productModel){ var index = this.compareProducts.findIndex(item => item.id === productModel.id); if(index > -1){ this.compareProducts.splice(index,1); }else{ this.compareProducts.push(productModel); } //orders.splice(index, 1); this.compareSource.next(this.compareProducts); console.log(this.compareProducts); } } export class Product{ id?: any; product_id?: any; attachments?:any; attributes?: any; category_id?:any; currency?: any; currency_id?: any; description?: any; discount?: any; discount_amount?:any; highlights?:Array<any>; images?: any; is_active?: any; image?: any; min_order_qty?: any; name?: any; price?: any; product_attributes?:any; product_code?:any; reviews?: any; reviews_count?: any; show_price?: any; } |
Subscribe this currentCompare to get the current array of products into compare. addToCompare do work like toggle here if we found the object in this compareProducts array we do remove it from here and if we dont find it here we do add […]
Read More →How to get recent local time post date from a post stored in UTC date format. moment(this.post.created_at,’YYYY-MM-DD H:m:s’).utc(‘YYYY-MM-DD H:m:s’).local().fromNow() Here is the basic funda you need to follow my current post time stored in this.post.created_at i am converting it into moment using moment.js moment(this.post.created_at,’YYYY-MM-DD H:m:s’) Now we need to get the UTC format of it […]
Read More →Two months calender code
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 |
<!DOCTYPE html> <html> <head> <style> #divCalendar table{float:left;} </style> <title>Simple Month Calendar</title> <script type="text/javascript"> // Author: Alê Monteiro // Created: 2013-03-06 // E-mail: lu.ale.monteiro@gmail.com // P.S. I'm from Brazil, so the names of the weeks and months are in Portuguese. var Calendar = function(divId) { //Store div id this.divId = divId; // Days of week, starting on Sunday this.DaysOfWeek = [ 'SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT' ]; // Months, stating on January this.Months = ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC' ]; // Set the current month, year var d = new Date(); this.CurrentMonth = d.getMonth(); this.CurrentYear = d.getFullYear(); }; // Goes to next month Calendar.prototype.nextMonth = function() { if ( this.CurrentMonth == 11 ) { this.CurrentMonth = 0; this.CurrentYear = this.CurrentYear + 1; } else { this.CurrentMonth = this.CurrentMonth + 1; } this.showCurrent(); }; // Goes to previous month Calendar.prototype.previousMonth = function() { if ( this.CurrentMonth == 0 ) { this.CurrentMonth = 11; this.CurrentYear = this.CurrentYear - 1; } else { this.CurrentMonth = this.CurrentMonth - 1; } this.showCurrent(); }; // Show current month Calendar.prototype.showCurrent = function() { this.showMonth(this.CurrentYear, this.CurrentMonth); this.showMonth(this.CurrentYear, this.CurrentMonth+1, 1); }; // Show month (year, month) Calendar.prototype.showMonth = function(y, m, append=0) { var d = new Date() // First day of the week in the selected month , firstDayOfMonth = new Date(y, m, 1).getDay() // Last day of the selected month , lastDateOfMonth = new Date(y, m+1, 0).getDate() // Last day of the previous month , lastDayOfLastMonth = m == 0 ? new Date(y-1, 11, 0).getDate() : new Date(y, m, 0).getDate(); var html = '<table>'; // Write selected month and year html += '<tr><td colspan="7">' + this.Months[m] + ' - ' + y + '</td></tr>'; // Write the header of the days of the week html += '<tr>'; for(var i=0; i < this.DaysOfWeek.length;i++) { html += '<td>' + this.DaysOfWeek[i] + '</td>'; } html += '</tr>'; // Write the days var i=1; do { var dayentity = new Date(y, m, i); var dow = dayentity.getDay(); // If Sunday, start new row if ( dow == 0 ) { html += '<tr>'; } // If not Sunday but first day of the month // it will write the last days from the previous month else if ( i == 1 ) { html += '<tr>'; var k = lastDayOfLastMonth - firstDayOfMonth+1; for(var j=0; j < firstDayOfMonth; j++) { html += '<td class="not-current">' + k + '</td>'; k++; } } // Write the current day in the loop html += '<td>' + i + '</td>'; // If Saturday, closes the row if ( dow == 6 ) { html += '</tr>'; } // If not Saturday, but last day of the selected month // it will write the next few days from the next month else if ( i == lastDateOfMonth ) { var k=1; for(dow; dow < 6; dow++) { html += '<td class="not-current">' + k + '</td>'; k++; } } i++; }while(i <= lastDateOfMonth); // Closes table html += '</table>'; // Write HTML to the div if(append==0){ document.getElementById(this.divId).innerHTML = html; }else{ document.getElementById(this.divId).innerHTML = document.getElementById(this.divId).innerHTML + html; } }; // On Load of the window window.onload = function() { // Start calendar var c = new Calendar("divCalendar"); c.showCurrent(); // Bind next and previous button clicks getId('btnNext').onclick = function() { c.nextMonth(); }; getId('btnPrev').onclick = function() { c.previousMonth(); }; } // Get element by id function getId(id) { return document.getElementById(id); } </script> <style type="text/css"> td.not-current { color: #777; } </style> </head> <body> <div id="divCalendar"> </div> <button id="btnPrev" type="button">Previous</button> <button id="btnNext" type="button">Next</button> </body> </html> |
Read More →
stopping a function if called within 5 sec again in typescript or javascrit
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
stopContent = false; getFeed(){ if(this.stopContent == false){ /* stop more on next click */ this.stopContent = true; /* allow more feeds after 5 sec */ setTimeout(e=>{ this.stopContent = false;}, 5000); console.log('feeding'); /* your code here */ }else{ console.log('stopping'); } } |
Read More →
Best way to remove index object from the array of object.
|
1 2 3 4 5 6 7 |
var apps = [{id:34,name:'My App',another:'thing'},{id:37,name:'My New App',another:'things'}]; // get index of object with id:37 var removeIndex = apps.map(function(item) { return item.id; }).indexOf(37); // remove object apps.splice(removeIndex, 1); |
Read More →
Accessing cloud.google.com bitnami project files from ubuntu Site address http://IPADDRESS/ Admin user: user Admin password (Temporary) : PASSWORD How to generate a SSH key in your PC ? ssh-keygen (see the path for generating key file enter the key filename “/home/shakalya/.ssh/id_rsa”) dff-ssh-key (if same key file name wanna override?) y (passphrase can be leave empty) (again) cat dff-ssh-key […]
Read More →If you dont understood difference in between m-d-Y and d-m-Y format. We try to simplify the conversion process while taking a string value from input field, convert this to timestamp and again make this format suitable to mysql insertion which is (Y-m-d H:i:s) While inserting a date of birth 7th March 1990 if we type 07-03-1990. What […]
Read More →Important Commands working with huge directory in gcloud instance where I am using BITNAMI CLOUD LAUNCHER Making a public key in your UBUNTU system ssh-keygen cat dff-ssh-key cat dff-ssh-key.pub Copy and paste this key to you gcloud compute-engine->meta-data>ssh-keys. Making a tunnel with your localhost and gcloud database. ssh -N -L 8888:127.0.0.1:80 bitnami@IP Opening SFTP in […]
Read More →