Visual Studio Code

VS Code is a Free, Lightweight Tool for Editing and Debugging Web Apps.

Visual Studio Code 1.0.0 was released in March 2016 and it's the best thing I've seen from Microsoft in a while. Definitely worth checking out: https://code.visualstudio.com/

Angular 2 Text Field Autocomplete

 Similar to Facebook mentions, adds auto-complete to text boxes and text fields:

Angular 2 Mentions on Github

Angular 2 Radio Buttons

Until they fix checkboxes to use ngModel binding (here), this works pretty well:

<input type="radio" [checked]="selectedType=='first'" value="first" (click)="selectedType='first'"> First
<input type="radio" [checked]="selectedType=='second'" value="second" (click)="selectedType='second'"> second
{{selectedType}}

GitHub Primer

Clone a repo:

git clone https://github.com/username/repo.git

To see the status of files:

git status

To commit changes:

git commit

Config git for a push:

git config --global user.name "username"
git config --global user.email "username@users.noreply.github.com"

To see the config:

vi ~/.gitconfig

To undo a git push
(from http://stackoverflow.com/questions/1270514/undoing-a-git-push):

git push -f origin 67..dc:master

Apache httpd SSL Reverse Proxy

Generate a certificate:

# Generate private key 
openssl genrsa -out ca.key 2048 
# Generate CSR 
openssl req -new -key ca.key -out ca.csr
# Generate Self Signed Key
openssl x509 -req -days 365 -in ca.csr -signkey ca.key -out ca.crt

See: https://wiki.centos.org/HowTos/Https">https://wiki.centos.org/HowTos/Https

Put the files here: /etc/httpd/conf.d/

Install mod_ssl:

ls -l /etc/httpd/modules/
yum install mod_ssl

Add this confirguration to the end of the /etc/httpd/conf.d/ssl.conf file:

NameVirtualHost *:443
<VirtualHost *:443>
  SSLEngine on
  SSLProxyEngine On
  ServerName yourhostname.com
  ProxyPass / https://yourserver/
  ProxyPassReverse / https://yourserver/
  SSLCertificateFile /etc/httpd/conf.d/ca.crt
  SSLCertificateKeyFile /etc/httpd/conf.d/ca.key
</VirtualHost>

Reivew:

httpd -S

Restart:

service httpd restart

Check for errors:

tail /var/log/httpd/ssl_error_log

Install node.js on AWS CentOs

[ec2-user@ip-0-0-0-0 ~]$ sudo su
[root@ip-0-0-0-0 ec2-user]# curl --silent --location https://rpm.nodesource.com/setup_4.x | bash -
[root@ip-0-0-0-0 ec2-user]# yum install -y install nodejs

From: https://nodejs.org/en/download/package-manager/#enterprise-linux-and-fedora

JQuery Search Filter Plugins

This is an interesting piece about UI design for a rule builder:

• UI design for Rule builder

It lead me to find these jQuery projects related to structured filtering and search:

• jQuery QueryBuilder
• jui_filter_rules
• structured-filter

And some others ideas related to search:

• VisualSearch.js
• Angular Advanced Searchbox