Skip to content

Instantly share code, notes, and snippets.

@shinji5761
shinji5761 / index.ts
Last active Nov 18, 2017
GoogleOAuth
View index.ts
// モジュールのインストール
import express = require('express');
import session = require('express-session');
import cookieParser = require('cookie-parser');
import bodyParser = require('body-parser');
import passport = require('passport');
import passportGoogleOAuth = require('passport-google-oauth');
const app = express();
const GoogleStrategy = passportGoogleOAuth.OAuth2Strategy;
View snackbar.component.html
<button md-raised-button (click)="onClickOpenButton()">Open</button>
<button md-raised-button (click)="onClickCloseButton()">Close</button>
View dialog.component.html
<button md-raised-button (click)="onClickEvent()">Open</button>
<br>
{{result}}
View tooltip.component.html
<!-- mdTooltip -->
<button md-raised-button mdTooltip="ツールチップ">Move Here!</button>
<br><br>
<!-- mdTooltipPosition -->
<div style="padding:50px">
<button md-raised-button mdTooltip="position" mdTooltipPosition="left">left</button>
<button md-raised-button mdTooltip="position" mdTooltipPosition="right">right</button>
<br><br>
View button.component.html
<button md-button [disableRipple]="false">ノーマル</button>
<button md-button [disableRipple]="true">NoRipple</button>
<button md-raised-button>raised</button>
<button md-icon-button (click)="onClickEvent($event)" (focus)="onFocusEvent($event)">
<i class="material-icons">check</i>
</button>
<button md-fab>
<i class="material-icons">check</i>
</button>
<button md-mini-fab>
View checkbox.component.html
<md-checkbox [(ngModel)]="button.disable" (change)="onCahngeEvent()">同意する</md-checkbox>
<button md-raised-button [disabled]="!button.disable">次へ</button>
<br>
<md-checkbox [align]="align">align</md-checkbox>
<br>
<md-checkbox [indeterminate]="indeterminate" (indeterminateChange)="onChangeIndeterminateEvent()">indeterminate</md-checkbox>
<br>
View sidenav.component.html
<md-sidenav-container style="height : 100px">
<button md-raised-button type="button" md-button (click)="sidenav_over.open()">
Over
</button>
<md-sidenav #sidenav_over style="padding : 25px" mode="over"
(open-start)="onOpenStartEvent($event)"
(open)="onOpenEvent($event)"
(close-start)="onCloseStartEvent($event)"
(close)="onCloseEvent($event)">
<button md-button>button</button>
View radio-button.component.html
<md-radio-group>
<md-radio-button value="1">Option 1</md-radio-button>
<md-radio-button value="2">Option 2</md-radio-button>
</md-radio-group>
<br>
<br>
<md-radio-group >
View input.component.html
<!-- input -->
<md-input-container>
<input mdInput placeholder="氏名..." value="田中 太郎" />
</md-input-container>
<br>
<br>
<!-- hint -->
<md-input-container>
View datepicker.component.html
<!-- デートピッカー -->
<md-input-container>
<input
mdInput
placeholder="日付を入力してください..."
[mdDatepicker]="myDatePicker"
[mdDatepickerFilter]="datepicker.filter"
[min]="datepicker.min"
[max]="datepicker.max"
[(ngModel)]="datepicker.model"/>