Skip to content

Instantly share code, notes, and snippets.

@SvitlanaShepitsena
SvitlanaShepitsena / sv-home-ad.js
Last active August 29, 2015 14:23
$mdMedia for different screen sizes template
=========================================
js
============================
$scope.arrowShift;
$scope.$watch(function () {
return $mdMedia('sm');
}, function (sm) {
if (sm) {
$scope.arrowShift = 35;
@SvitlanaShepitsena
SvitlanaShepitsena / index.html
Created June 11, 2015 04:12
Mozilla md-scroll works with md-content instead of div
<!DOCTYPE html>
<html lang="en">
<head>
<title>Svet - русскоязычный новостной портал Чикаго</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="referrer" content="origin"/>
form(name='articleForm' ng-submit="saveArticle(false,articleForm.$valid)" flow-init novalidate sv-form-val)
.bgc-grey-200.p(layout='row' layout-align="space-around center")
button.btn.btn--m.btn--teal.btn--flat.tc-teal-300(lx-ripple='' type='submit')
i.fa.fa-save.fa-fw &nbsp
| Save
sv-lumx-button(btn-size="m" btn-color="red" text-color="red-300" btn-type="flat" btn-title="cancel" icon-type="fa"
icon-name="fa-close" btn-url="app.home"
method-click='cancelArticle(true)')
div(class='p+')
div(layout='row', layout-sm='column' layout-align='end')
@SvitlanaShepitsena
SvitlanaShepitsena / sv-sign-up-form.jade
Created May 29, 2015 14:35
Lumx form (Tutorial: Advanced form validation with AngularJs using compile service. AngularJs tutorial )
div(flex-container='column')
.card
div(class='p+')
span.display-block.fs-title.mb {{title|translate}}
.divider.divider--dark
form.mt(name='signUpForm' novalidate sv-form-val)
div(flex-container='column' flex)
div(flex-item='')
lx-text-field(label='{{name|translate}}')
input(type='text'
@SvitlanaShepitsena
SvitlanaShepitsena / sv-lx-button.js
Last active August 29, 2015 14:20
Universal dirictive for a button with Lumx
live template (lx-btn-template)
================
sv-lx-button(btn-size="$m$" btn-color="$teal$" text-color="$teal$" btn-type="$flat$" btn-title="$save$" icon-type="$fa$" icon-name="$save$"
method-click='$saveArticle$()')
js
=======================
(function () {
'use strict';
angular.module('common')
@SvitlanaShepitsena
SvitlanaShepitsena / lumx.js
Created May 8, 2015 17:02
Close DropDown on Click Add to Lumx.js
$scope.$on('close:dropdown', function () {
closeDropdownMenu();
})
@SvitlanaShepitsena
SvitlanaShepitsena / textAngular.css
Created May 8, 2015 16:26
testAngular css styles
/*
@license textAngular
Author : Austin Anderson
License : 2013 MIT
Version 1.3.7
See README.md or https://github.com/fraywing/textAngular/wiki for requirements and use.
*/
.ta-hidden-input {
@SvitlanaShepitsena
SvitlanaShepitsena / sv-login-form.jade
Created April 1, 2015 17:52
ready template for lumx form
div(flex-container='column')
.card(class='p+')
span.display-block.fs-title.mb Log In to Your Account
form.mt(flex-container='column' name="loginForm")
div(flex-container='row')
div(flex-item='')
lx-text-field(label='Email / Электронный Адрес', icon='email')
input(type='email', ng-model='login.user.email')
div(flex-container='row')
div(flex-item='')
@SvitlanaShepitsena
SvitlanaShepitsena / lumx.js
Created March 31, 2015 18:47
managing dropdown
/*
LumX v0.3.24
(c) 2014-2015 LumApps http://ui.lumapps.com
License: MIT
*/
/* global angular */
angular.module('lumx.utils', [
'lumx.utils.transclude',
'lumx.utils.transclude-replace'
@SvitlanaShepitsena
SvitlanaShepitsena / lxDropdownToggle directive
Created March 31, 2015 15:52
touchstart and click events (preventDefault)
.directive('lxDropdownToggle', function()
{
return {
restrict: 'A',
require: '^lxDropdown',
templateUrl: 'dropdown-toggle.html',
replace: true,
transclude: true,
link: function(scope, element, attrs, ctrl)
{