Skip to content

Instantly share code, notes, and snippets.

🏠
Working from home

Dmitry Grinko dm-grinko

View GitHub Profile
@dm-grinko
dm-grinko / before-after.component.html
Created Mar 31, 2019 — forked from ruffiem/before-after.component.html
before-after image comparison in Angular
View before-after.component.html
<div class="before" #before>
<img [src]="beforeImage">
</div>
<img class="after" [src]="afterImage">
<span class="handler" #handler></span>
View Splitting a String with Last Space of Max Characters with angular 4
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({ name: 'cutWordsBymMxSymbolsCount' })
export class cutWordsBymMxSymbolsCountPipe implements PipeTransform {
transform(str: string, maxSymbolsCount: number): string {
function recursion(_str) {
if (_str.length <= maxSymbolsCount) return _str;
let l = _str.lastIndexOf(' ');
if (l === -1) return null;
let newStr = _str.slice(0, l);
View AWS Proxy Lambda
'use strict';
const AWS = require('aws-sdk');
AWS.config.region = 'us-east-1';
const lambda = new AWS.Lambda();
const api = [
{
"httpMethod": "GET",
"path": "/support/",
"lambda": "mc-db-get-all"
View reduce angular 1 example
$scope.categories = res.data.reduce(function (result, elem) {
var image;
if(elem.image.src){
image = elem.image.src;
} else {
image = false;
}
result.push({
categoryId: elem.id,
View Angular2 ngFor and comma
<span *ngFor="let item of items; let isLast=last">
{{item}}{{isLast ? '' : ', '}}
</span>
View snazzymaps
// When the window has finished loading create our google map below
google.maps.event.addDomListener(window, 'load', init);
function init() {
// Basic options for a simple Google Map
// For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
var mapOptions = {
// How zoomed in you want the map to start at (always required)
zoom: 5,
View im
<snippet>
<content><![CDATA[
<img src="http://placedog.com/$1/$2" alt="">
]]></content>
<tabTrigger>im</tabTrigger>
<scope>text.html</scope>
</snippet>
View di
<snippet>
<content><![CDATA[
<!-- begin $1 -->
<div class="$1">
$2
</div>
<!-- end $1 -->
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>di</tabTrigger>
View good style of service
'use strict';
angular
.module('GameApp')
.factory('GameService', GameService);
GameService.$inject = ['$http', '$q'];
function GameService($http, $q) {
var data = [];
var maps = [];
@dm-grinko
dm-grinko / final-projects.md
Created May 2, 2016 — forked from aorgish/final-projects.md
Темы финального проекта для тренинга Rolling Scopes
View final-projects.md

#Темы финальных проектов Основное требование к финальным проектам - это небольшое SPA (Single Page Application) веб-приложение с опрятным и чистым дизайном. Желательно использование фреймворков типа React или Angular. Должна быть либо серверная часть на nodejs, либо использованы сторонние API и веб-сервисы для получения данных, то есть или свой или сторонний бекенд, чтобы попрактиковать ajax-запросы. Если бекенд свой, то в идеале его можно разместить на бесплатном клауд-хостинге (https://www.heroku.com/, https://www.firebase.com, https://www.openshift.com и тд), если нужна база mongodb то можно воспользоваться бесплатным вариантом на https://mlab.com/.

Ниже примерные типовые приложения, которые можно взять за основу, если нет своих идей. Картинки даны для примера дизайна, делать похожим один в один необязательно. Дизайн типичных приложений можно подсмотреть в google images.

##Calendar ![Календарь](http://winsupersite.com/content/content/143

You can’t perform that action at this time.