Zhen Deng ZhenDeng

## text box with an arrow
.widget-text {
    background-color: #999590;
    color: white;
    margin: 10px 0 0 70px;
    padding: 1px 20px;
    position: relative;
}

.widget-text:before, .widget-text:after {
    content: "";

## autocomplete
$.fn.showPostcodeAutoComplete = function (pcode) {
    console.log(pcode);
    $(this).autocomplete({
        source: function (request, response) {
            $.ajax({
                url: 'api/checkout/GetPostCodeList',
                type: 'POST',
                contentType: 'application/json; charset=utf-8',
                data: JSON.stringify(pcode),
                dataType: 'json',

## covert EpochTime to Datetime and covert Datetime to EpochTime
 /// <summary>
/// Converts the given date value to epoch time.
/// </summary>
public static long ToEpochTime(this DateTime dateTime)
{
    var date = dateTime.ToUniversalTime();
    var ticks = date.Ticks - new DateTime(1970, 1, 1, 0, 0, 0, 0, DateTimeKind.Utc).Ticks;
    var ts = ticks / TimeSpan.TicksPerSecond;
    return ts;
}

## cookie
savecookies(name: string, value: string, days: number) {
    this.createCookie(name, value, days);
}
createCookie(name: string, value: string, days: number) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toUTCString();
    }

## manipulate dropdown list and checkbox
HTML:

***** Always select last one ,when add a new one, this list will select new one automatically *****

<div>
    <label>Summary: </label>
    <select (change)="filterForeCasts($event.value)">
        <option *ngFor="let summary of summaries" [value]="summary" [selected]="summary == summaries[summaries.length-1]">
            {{summary}}
        </option>

## update object in object array
shoppingCarts: ShoppingCart[] = [];
shoppingCart: ShoppingCart;

this.shoppingCarts.map((value, key) => {
  if(value.id == this.shoppingCart.id){
    this.shoppingCarts[key] = this.shoppingCart;
  }
});

## Model DataAnnotation test
Model:
public class OrganisationVM
{
    public int Id { get; set; }

    [Required]
    [MinLength(5, ErrorMessage = "Must be at least 5 characters long")]

    public string Name { get; set; }
    [Required]

## userful tool
FileZilla, winscp -- FTP

progress telerik fiddler web debugger -- http

progress telerik justdecompile -- decompile dll file

snipping tool -- screenshot

paint.net -- small ps