Don't read about IT; solve it!!!
September 2, 2018 | In: Programovanie
Pred spustenim servera, treba zmenit ownera na subore : server.key
chown postgres.postgres /var/lib/postgresql/8.4/main/server.key
V novsich verziach to mozno netreba.
potom prihlasit sa na psql
1. su – postgres
psql
vytvorenie noveho superuser
CREATE ROLE mysuperuser2 WITH SUPERUSER CREATEDB CREATEROLE LOGIN ENCRYPTED PASSWORD ‘mysuperpass2’; // heslo musi byt v uvodzovkach
a potom sa da zvysok upravit v pgadmine
August 30, 2018 | In: Programovanie
Natural sort in mysql
|
1 2 3 4 5 6 7 8 |
select alphanum ORDER BY LENGTH(alphanum), alphanum result: a1 a2 a9 a10 a11 |
August 25, 2018 | In: Programovanie, Správa linuxu
Use the check-for-modifications dialog, show all files (including not
modified ones).
Select all files, right-click, choose “properties”. Then remove the
svn:needs-lock property.
|
1 2 3 4 5 |
.svn-base entries find ./ -iname 'foo' -or -iname 'bar' find ./ -type f -print | xargs sed -i 's/svn:needs-lock//g' {}; |
August 20, 2018 | In: Správa linuxu, Video-Audio
Increase the volume of an mp3 on linux
|
1 2 3 4 5 6 |
aptitude install easymp3gain-gtk nacitate mp3 zmenite z 89db na trebars 100 public.webperfection.net/ringtone.mp3 original public.webperfection.net/ringtone2.mp3 |
August 18, 2018 | In: Správa linuxu, Video-Audio
How to cut mp3 on linux?
simple:
|
1 2 3 4 5 |
aptitude install mpgtx public.webperfection.net/ringtone3.mp3 mpgsplit ringtone2.mp3 [00:00:10.60-00:01:00] -o ringtone3.mp3 |
August 18, 2018 | In: Programovanie
Ak chceme pocet riadkov v kode
find . -name '*.php' | xargs wc -l
July 25, 2018 | In: Programovanie
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
npm install node-sass sass-loader style-loader --save-dev npm install bulma --save // css framework npm run dev npm install axions --save // a simple http lib // jsonplaceholder.typicode.com (# dummy data like comments...) npm install -g @angular/cli ng // (| ng -v) ng new compare-angular --routing style=sass cd... && ng serve ng generate component home // (|| ng g c home) // webpack -> handles frontend modules (require is not valid (build from node.js) and replaces to a valid browser js) npm install webpack-dev-server --save-dev // https://codequs.com/p/r1p4sHM5z/continuous-development-without-hitting-ctrl-r-with-webpack-4 |
Transpiling code means converting the code in one language to code in another similar language. (sass -> css, TS ->JS)
import syntax isn’t much different from the require syntax, but import has extra flexibility for more advanced cases
setup js workflow: https://codequs.com/p/SyIn0WvzQ/modern-javascript-explained-for-dinosaurs
webpack-bundle-analyzer: https://youtu.be/ivQ7HrnBJe8?t=920
|
1 2 3 4 5 6 7 |
hoisting: takes declaration+functions not value to the top scope: var a = 1; func a = 2 => looks if the a vas defined, if not, looks up context === this (window === this) obj.foo.call(window) => zmeni context this v obj na window #div.slideToggle(300, fnc() {...}.bind(this)); -> outside scope if(false) { var example = 5 }; console.log(example); // error -> hoisting |
|
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 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 |
let x = () => {x + 2} let x = (x,y) => ({object}) // default values: func doSmth(param = {prop: value}, prop2: "val") {...} let dinner = "dinner" mealPlan = { dinner // shorthand of dinner: "dinner" } let o5 = ({prop}) => ({prop: prop ? 1 : 0, prop2: prop}) o5({prop}) let ob = {prop1: 1, prop2: 2, prop3: 3} const pr = ({prop1, prop2}) => ({ prop1, prop2: prop2 ? true : false }) pr(ob); // deconstructing obj var {prop1, prop3: newName} = {prop1: 1, prop2: 2, prop3: 3} console.log(prop3, newName) let name = "name", surname = "surname"; let data = { surname, prop1: "prop1", propSur: surname, propInt: 4}; const renameProps = ({prop1: name}) => ({ name, prop1: name}); renameProps(data) // {name: "prop1", prop1: "prop1"} // ----------------- function xyz( { weight, height: h, max = 25, callback}) { weight * h.... } xyz({weight, height, max: 30}); xyz({weight, height, callback: function() {} }); // ----------------- var restaurants = [ { cuisine: "Pizza", name: "Kubo" }, { cuisine: "Burger", name: "Fuj" } ] const isBurger = ({cuisine}) => cuisine === 'Burger'; const burgerJoints = restaurants.filter(isBurger); /// ----------- const isCuisine = comparison => ({cuisine}) => cuisine === comparison; var isCuisineX = function isCuisine(comparison) { return function (_ref) { var cuisine = _ref.cuisine; return cuisine === comparison } } isCusine("asdf") restaurants.filter(isBurgerX) // ----------------- var bunny = { name: 'Usagi', tasks: ['transform', 'eat cake', 'blow kisses'], showTasks: function() { this.tasks.forEach(function(task) { console.log(this.name + " wants to " + task); // this === window (function = global scope) }/*.bind(this)*/); } }; var bunny = { name: 'Usagi', tasks: ['transform', 'eat cake', 'blow kisses'], showTasks() { this.tasks.forEach((task) => { // => references the surrounding scope console.log(this.name + " wants to " + task); }); } }; bunny.showTasks(); // async async function getUsers(users) { try { response[0] = await axios.get(`/users/userId=${users[0]}`); response[1] = await axios.get(`/users/userId=${users[1]}`); response[2] = await axios.get(`/users/userId=${users[2]}`); response[3] = await axios.get(`/users/userId=${users[3]}`); } catch (err) { console.log(err); } } async function getTop10() { const response = await fetch("url..."); const json = await respon.json(); console.log(json); } // map - iterate through array and send each value as an arg via func(val) // fetch in JS ES6 fetch('https://jsonplaceholder.typicode.com/todos/1') .then(response => response.json()) .then(json => console.log(json)) // for (let income of incomes) ... // rest operator (check spread operator) let test = (...args) => console.log('args: ', args[3]); test(1,2,3,4) ["a","b","c"].includes("a") // true // import export // file:modules.js export const data = [1,2,3]; // file:index.js import { data } from './modules.js' // ------------helpers-------------------- _has = function(obj, key) { return Object.prototype.hasOwnProperty.call(obj, key); } var lazy = [].slice.call(document.querySelectorAll(".test")); lazy.forEach(item =>item.classList.add("visible")); // CLASS export class Test { constructor(param) { this.param = param; } static test() { return 1010; } get prop() { return `getter ${this.param}`; } } import Test from '....' let test = new Test("asdf"); // generators var myGen = function*() { var one = yield "foo"; var two = yield "bar"; console.log('log:', one, two); // 2, a } var gen = myGen(); console.log(gen.next()); console.log(gen.next(2)); console.log(gen.next("a")); console.log(gen.next("b")); Promise.coroutine(function* () { var data = yield { tweets: $.get('tweets.json'), profile: $.get(...) }; console.log(data.tweets, ...) })(); // ---------------------------------- reduce + filter json.reduce((accumulator, item) => {accumulator[item.gender] => item}, {male:[], female: []}); json = [{i:1}, {i:2}, {i:3}, {i:4}] Array.prototype.filter = function(fn) { return this.reduce((items, item, index) => { if(fn(item)) items.push(item); return items; }, []); } arr = json.filter(item => item.i >= 2); console.log(arr); Array.prototype.forEach = function(fn) { this.reduce((acc, item, index) => { item = fn(item, index) },[]); }; arr.forEach( (item, index) { do something } ); json.map(item => item.DB_ID); // ---------------- pew pew filter // https://css-tricks.com/level-up-your-filter-game/ const isKeyEqualToValueX = key => value => object => object[key] === value; var isKeyEqualToValue = function isKeyEqualToValue(key) { return function (secondCallValue) { return function (filterItem) { return filterItem[key] === secondCallValue } } } const isCuisine = isKeyEqualToValue('cuisine'); const isBurger = isCuisine('Burger'); const burgers = restaurants.filter(isBurger) // --------------------- promises let cleanRoom = function () { return new Promise((resolve, reject) { resolve('this will be returned as an argument in .then'); } } cleanRoom().then(result => { return anotherPromise(result); }); Promise.all([all promises to run]).then(() => console.log('all done')); // Promise.race -> first finished returns |
|
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 |
observable -> stream of data / definition / wrapper for some functionality observer -> executes a code when new value is recieved -> subscribes to observable observable [-----[next()]-----[next()]----...] observer observer react: storybook gatsby js (static js generator based on graphql) nextjs // ----------------------------------------------- // NG ---------------------------------------------- // ----------------------------------------------- attributes - HTML -> used to init DOM, cannot change properties - DOM -> angular: <input [id]="myId" ...="" -=""> myId is defined in the NG component class | used for NOT string values <input id="{{myId}}" <h2="" [class.text-danger]="hasError" (applies="" text-danger="" class="" if="" haserror="" is="" true="" [ngclass]="somObjectWithCSS" somobjectwithcss="{" class1:="" true,="" class2:="" false="" }="" names="" with="" true)="" <input="" #myinput="" ...="" (click)="log(myInput.value)" components="" -=""> directives with template -> <my-element> -> will be rendered with custom html/css directive -> <input mydirective=""> -> structural dom change // 2 way binding (bannana in a box) [()] <input [(ngmodel)]="name" <h2="" *ngif="prop; then thenRef; else tplRef">... ... <ng-template #thenref="">...html...</ng-template> <ng-template #tplref="">...html...</ng-template> https://youtu.be/RhemSul_Up0?t=5225 component @Input() public propNameFromParent -> recieving data from parent (|| @Input("propNameFromParent") public myName @Output() public childEvent = new EventEmitter(); -> child sending to parent -> as we dont have parent elemnt component we send events <child-element (click)="fireEvent()" ;="" -="">>> this.childEvent.emit("some data")... <parent-elemt (childevent)="param=$event" [propnamefromparent]="name">... // ovservables - an observable is a sequence of items that arrive async over time (an HTTP response) // https://youtu.be/RhemSul_Up0?t=8781 (+catch) service: getMethod(): Observable<iemployee[]>{ return this.http.get(<iemployee[]>("...url..."); } // routing: https://youtu.be/RhemSul_Up0?t=9339 https://youtu.be/RhemSul_Up0?t=11783 (relativeRouting) // read GET param: https://youtu.be/RhemSul_Up0?t=10573 (ActivatedRoute) this.route.snapshot.paramMap.get('id') // progressive web app PWA https://itnext.io/turning-an-angular-6-app-into-a-progressive-web-app-9e6fc6361ba6 https://medium.com/progressive-web-apps/a-new-angular-service-worker-creating-automatic-progressive-web-apps-part-1-theory-37d7d7647cc7 https://medium.com/google-developer-experts/a-new-angular-service-worker-creating-automatic-progressive-web-apps-part-2-practice-3221471269a1 google PWA checklist // Lighthouse lighthouse http://localhost:8080 --view (runs the test and spits out a report) https://youtu.be/NoRYn6gOtVo?t=1428 headless chrome calibre tool stencil ionic web component -> performance capacitor cross device build: https://medium.com/@Amit_Shukla/deploy-angular-6-0-html-js-css-app-to-mobile-web-and-desktop-using-ionic-capacitor-106e84d66a96 </iemployee[]></iemployee[]></parent-elemt></child-element></my-element> |
test:
test:
Building an Ionic Geolocation Tracker with Google Map and Track Drawing
https://github.com/syedmoosakaleem95/Ionic-3—Google-Maps-API
https://capacitor.ionicframework.com/docs/apis/haptics
Ionic Local Notifications (Schedule, Payload and Callback) [v3]
July 10, 2018 | In: Programovanie
source from: https://codepen.io/mxbck/pen/EvmLVp/
|
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 |
/* * Variables */ :root { --card-padding: 24px; --card-height: 340px; --card-skeleton: linear-gradient(lightgrey var(--card-height), transparent 0); --avatar-size: 32px; --avatar-position: var(--card-padding) var(--card-padding); --avatar-skeleton: radial-gradient(circle 16px at center, white 99%, transparent 0 ); --title-height: 32px; --title-width: 200px; --title-position: var(--card-padding) 180px; --title-skeleton: linear-gradient(white var(--title-height), transparent 0); --desc-line-height: 16px; --desc-line-skeleton: linear-gradient(white var(--desc-line-height), transparent 0); --desc-line-1-width:230px; --desc-line-1-position: var(--card-padding) 242px; --desc-line-2-width:180px; --desc-line-2-position: var(--card-padding) 265px; --footer-height: 40px; --footer-position: 0 calc(var(--card-height) - var(--footer-height)); --footer-skeleton: linear-gradient(white var(--footer-height), transparent 0); --blur-width: 200px; --blur-size: var(--blur-width) calc(var(--card-height) - var(--footer-height)); } /* * Card Skeleton for Loading */ .card { width: 280px; //demo height: var(--card-height); &:empty::after { content:""; display:block; width: 100%; height: 100%; border-radius:6px; box-shadow: 0 10px 45px rgba(0,0,0, .1); background-image: linear-gradient( 90deg, rgba(lightgrey, 0) 0, rgba(lightgrey, .8) 50%, rgba(lightgrey, 0) 100% ), //animation blur var(--title-skeleton), //title var(--desc-line-skeleton), //desc1 var(--desc-line-skeleton), //desc2 var(--avatar-skeleton), //avatar var(--footer-skeleton), //footer bar var(--card-skeleton) //card ; background-size: var(--blur-size), var(--title-width) var(--title-height), var(--desc-line-1-width) var(--desc-line-height), var(--desc-line-2-width) var(--desc-line-height), var(--avatar-size) var(--avatar-size), 100% var(--footer-height), 100% 100% ; background-position: -150% 0, //animation var(--title-position), //title var(--desc-line-1-position), //desc1 var(--desc-line-2-position), //desc2 var(--avatar-position), //avatar var(--footer-position), //footer bar 0 0 //card ; background-repeat: no-repeat; animation: loading 1.5s infinite; } } @keyframes loading { to { background-position: 350% 0, var(--title-position), var(--desc-line-1-position), var(--desc-line-2-position), var(--avatar-position), var(--footer-position), 0 0 ; } } /* * Demo Stuff */ body { min-height:100vh; background-color:#FFF; display:flex; justify-content:center; align-items:center; } |
July 1, 2018 | In: Programovanie
SCSS crash course; aka – collection of existing sources used as a reminder for myself, and perhaps some random dude…
|
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 |
$settings: ( maxWidth: 800px, columns: 4, margin: 15px, breakpoints: ( xs: "(max-width : 480px)", sm: "(max-width : 768px) and (min-width: 481px)", md: "(max-width : 1024px) and (min-width: 769px)", lg: "(min-width : 1025px)" ) ); @mixin renderGrid($key, $settings, $default: "xyz") { @if $key { $key: "xs"; } @else { // ... } $i: 1; @while $i <= map-get($settings, "columns") { .col-#{$key}-#{$i} { float: left; width: 100% * $i / map-get($settings,"columns"); } $i: $i+1; } }; @include renderGrid("lg", $settings); .container { padding-right: map-get($settings, "margin"); padding-left: map-get($settings, "margin"); margin-right: auto; margin-left: auto; }; .row { margin-right: map-get($settings, "margin") * -1; margin-left: map-get($settings, "margin") * -1; }; // ------------------------ @mixin ... @mixin padding($values) { @each $var in $values { padding: #{$var}; } } // @include padding(2px 4px 6px); // @include padding($values...); $style1: 100%, 70px, #fo6d06; $style2: (background: #bada55, width: 100%, height: 100px); @mixin box($width, $height, $background) { width: $width; height: $height; background-color: $background; } .badass { @include box($style1...); @include box($style2...); } // -------------------------------- @content @mixin apply-to-ie6-only { * html { @content } } @include apply-to-ie6-only { #logo { background-image: url(/logo.gif); } } @mixin media($width) { @mediaX only screen and (max-width: $width) { @content } } @include media(320px) { background: red; } /* ------------------------- keyframes */ @mixin keyframes($name) { @-webkit-keyframes #{$name} { @content; } @-moz-keyframes #{$name} { @content; } @keyframes #{$name} { @content; } } @include keyframes(fadeIn) { from { opacity: 0%; } to { opacity: 100%; } } /* -------------------- header ----------------*/ @mixin create-context($classes...) { @each $class in $classes { .#{$class} & { @content; } } } @mixin context--alternate-template { @include create-context(about, blog) { @content } } .header { height: 12em; background: red; @include context--alternate-template { background: green; } } /* ---------------------- placeholder ----------------- */ %button { min-width: 100px; padding: 1em; border-radius: 1em; } %twitter-background { color: #fff; background: #55acee; } %facebook-background { color: #fff; background: #3b5998; } .btn { &--twitter { @extend %button; @extend %twitter-background; } &--facebook { @extend %button; @extend %facebook-background; } } /* --------------------- extend -------------------------*/ .icon { transition: background-color ease .2s; margin: 0 .5em; } .error-icon { @extend .icon; /* error specific styles... */ } .info-icon { @extend .icon; /* info specific styles... */ } |
October 30, 2017 | In: Liverpool
Let me give you one example… let’s say you need to submit your homework or need to access your class, etc. Now imagine that the website and the whole university portal is down twice a week (which is not uncommon), so what you do? You contact technical support. They will probably answer within 24h (like this is helpful if your deadline is in next few hours). You explain your problem, and this is what you get:
1. Clear your browsers’ cache and cookies (after clearing your cache, please close all browser windows and start a new browser session) www.refreshyourcache.com
2. Close the browser, then re-open it.
3. Try an alternate browser (Internet Explorer, Firefox, or Chrome).
4. Reboot the computer/laptop.
5. Try a different computer/laptop.
So you take a deep breath, you try to explain you did all of that, and if you get some answer at all (which is not uncommon for them not to answer at all) you get something like this:
…it appears to be some kind of computer issue on your end causing this issue.
Thank you very much for nothing (as usual). You try to take another deep breath and explain that unless they won’t borrow you their PC, it is not going to solve your problem. After that, they usually stop answering for good.
You try to log the next day and suddenly everything works as expected… issue on my pc? Let me be clear here! I didn’t reboot my PC at this point, not even closed my browser…
Now you might be thinking; this guy is just moaning… yes, I tried contacting them, by phone, email, wrote an official complain, participated in their surveys… no change at all, same shit all the time…
This is only a tip of an iceberg and I’m going to post every shit they did and will do from no one until they will realize they can’t ignore customers paying 1.3k for one module and get away with this shit.
Kirk out
