Skip to content

Instantly share code, notes, and snippets.

@yusuke
Created October 15, 2014 02:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save yusuke/1523b5a139e0a691771e to your computer and use it in GitHub Desktop.
Save yusuke/1523b5a139e0a691771e to your computer and use it in GitHub Desktop.
$ curl -sslv3 -kv https://secure.samuraism.com
* Adding handle: conn: 0x7f9343003000
* Adding handle: send: 0
* Adding handle: recv: 0
* Curl_addHandleToPipeline: length: 1
* - Conn 0 (0x7f9343003000) send_pipe: 1, recv_pipe: 0
* About to connect() to secure.samuraism.com port 443 (#0)
* Trying 153.127.244.69...
* Connected to secure.samuraism.com (153.127.244.69) port 443 (#0)
* SSL 3.0 connection using SSL_NULL_WITH_NULL_NULL
* Server certificate: secure.samuraism.com
* Server certificate: StartCom Class 1 Primary Intermediate Server CA
* Server certificate: StartCom Certification Authority
> GET / HTTP/1.1
> User-Agent: curl/7.30.0
> Host: secure.samuraism.com
> Accept: */*
>
< HTTP/1.1 200 OK
< Set-Cookie: visited=yes
< Expires: Thu, 01 Jan 1970 00:00:00 GMT
< Accept-Ranges: bytes
< Content-Type: text/html
< Last-Modified: Tue, 09 Sep 2014 05:56:16 GMT
< Content-Length: 52881
* Server Jetty(9.2.1.v20140609) is not blacklisted
< Server: Jetty(9.2.1.v20140609)
<
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>JetBrains製品見積もり・注文 - 株式会社サムライズム</title>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<style>
.container {
width: 970px !important;
}
table.table td input {
border: 0;
width: 100%;
}
table.table td textarea {
border: 0;
resize: none;
width: 100%;
}
table.table td textarea.quantity {
width: 10%;
resize: none;
}
table.table td textarea.item {
width: 85%;
resize: none;
}
</style>
</head>
<body>
<div class="container">
<form action="/commercial-confirm" method="post" id="post_order">
<div class="row">
<div class="col col-xs-10 col-xs-offset-1">
<div class="row">
<div class="col col-xs-8">
<a href="http://samuraism.com/"><img src="samuraism-paypal-logo.png"/></a>
</div>
</div>
<fieldset>
<legend>コマーシャルライセンスのお見積もり・ご注文</legend>
<div class="row">
<div class="col col-xs-4">
<label>お問い合わせの内容*</label>
</div>
</div>
<div class="row">
<div class="col col-xs-4">
<div class="form-group">
<div class="btn-group queryType" data-toggle="modal">
<label class="active">
<input type="radio" name="queryType" value="quote" checked>見積もり</label>
<label class="">
<input type="radio" name="queryType" value="order">注文</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-2">
<label for="quantity">数量* </label>
</div>
<div class="col col-xs-8">
<label for="item">製品*</label>
</div>
</div>
<div style="margin-bottom: 10px;">
<input id="item_rows" type="hidden" value="0"/>
<div class="row" style="margin-bottom: 5px;">
<div class="form-group">
<div class="col col-xs-2">
<input type="number" id="quantity" name="quantity" class="form-control" value="1">
</div>
<div class="col col-xs-10">
<select id="item" name="item" class="form-control">
<option value='--'>--選択--</option>
<option value='AC10CL'>AppCode コマーシャルライセンス - 新規</option>
<option value='AC000RS'>AppCode コマーシャルライセンス - 年間アップグレードサブスクリプション期日内更新</option>
<option value='AC000PS'>AppCode コマーシャルライセンス - 年間アップグレードサブスクリプション期日後更新</option>
<option value='WS000NS'>WebStorm コマーシャルライセンス - 新規</option>
<option value='WS000RS'>WebStorm コマーシャルライセンス - アップグレードサブスクリプション期日内更新</option>
<option value='WS000PS'>WebStorm コマーシャルライセンス - アップグレードサブスクリプション期日後更新</option>
<option value='RM000NSV05'>RubyMine コマーシャルライセンス - 新規</option>
<option value='RM000RSV05'>RubyMine コマーシャルライセンス - アップグレードサブスクリプション期日内更新</option>
<option value='RM000PSV05'>RubyMine コマーシャルライセンス - アップグレードサブスクリプション期日後更新</option>
<option value='PS000NS'>PhpStorm コマーシャルライセンス - 新規</option>
<option value='PS000RS'>PhpStorm コマーシャルライセンス - アップグレードサブスクリプション期日内更新</option>
<option value='PS000PS'>PhpStorm コマーシャルライセンス - アップグレードサブスクリプション期日後更新</option>
<option value='PCP00NS'>PyCharm コマーシャルライセンス - 新規</option>
<option value='PCP00RS'>PyCharm コマーシャルライセンス - アップグレードサブスクリプション期日内更新</option>
<option value='PCP00PS'>PyCharm コマーシャルライセンス - アップグレードサブスクリプション期日後更新</option>
<option value='YTD00NSP10'>YouTrack 25ユーザーパック</option>
<option value='YTD00NSP20'>YouTrack 50ユーザーパック</option>
<option value='YTD00NSP30'>YouTrack 100ユーザーパック</option>
<option value='YTD00NSP40'>YouTrack 500ユーザーパック</option>
<option value='YTD00NSUPEE'>YouTrack Enterprise Pack</option>
<option value='YTD00RSP10'>YouTrack 25ユーザーパック - アップグレードサブスクリプション更新</option>
<option value='YTD00RSP20'>YouTrack 50ユーザーパック - アップグレードサブスクリプション更新</option>
<option value='YTD00RSP30'>YouTrack 100ユーザーパック - アップグレードサブスクリプション更新</option>
<option value='YTD00RSP40'>YouTrack 500ユーザーパック - アップグレードサブスクリプション更新</option>
<option value='YTD00RSUPEE'>YouTrack Enterprise Pack - アップグレードサブスクリプション更新</option>
<option value='YTD00PS10'>YouTrack 25ユーザーパックアップグレードサブスクリプション期日後更新</option>
<option value='YTD00PS20'>YouTrack 50ユーザーパックアップグレードサブスクリプション期日後更新</option>
<option value='YTD00PS30'>YouTrack 100ユーザーパックアップグレードサブスクリプション期日後更新</option>
<option value='YTD00PS40'>YouTrack 500ユーザーパックアップグレードサブスクリプション期日後更新</option>
<option value='YTD00PSEP'>YouTrack Enterprise Packアップグレードサブスクリプション期日後更新</option>
<option value='YTD00RSP10TOP20'>YouTrack 25ユーザーパックから50ユーザーパックへのアップグレード</option>
<option value='YTD00RSP10TOP30'>YouTrack 25ユーザーパックから100ユーザーパックへのアップグレード</option>
<option value='YTD00RSP10TOP40'>YouTrack 25ユーザーパックから500ユーザーパックへのアップグレード</option>
<option value='YTD00RSP20TOP30'>YouTrack 50ユーザーパックから100ユーザーパックへのアップグレード</option>
<option value='YTD00RSP20TOP40'>YouTrack 50ユーザーパックから500ユーザーパックへのアップグレード</option>
<option value='YTD00RSP30TOP40'>YouTrack 100ユーザーパックから500ユーザーパックへのアップグレード</option>
<option value='IIU00NS'>IntelliJ IDEA コマーシャルライセンス - 新規 & 年間アップグレードサブスクリプション</option>
<option value='IIU00N0V12'>IntelliJ IDEA コマーシャルライセンス - 新規</option>
<option value='IIU000S'>IntelliJ IDEA コマーシャルライセンス年間アップグレードサブスクリプション</option>
<option value='IIU00RS'>IntelliJ IDEA コマーシャルライセンス - アップグレードサブスクリプション期日内更新</option>
<option value='IIU00PS'>IntelliJ IDEA コマーシャルライセンス - アップグレードサブスクリプション期日後更新</option>
<option value='IIU00U0V12'>IntelliJ IDEA コマーシャルライセンス - 以前のバージョンからのアップグレード</option>
<option value='IIU00US'>IntelliJ IDEA コマーシャルライセンス - 以前のバージョンからのアップグレード & 年間アップグレードサブスクリプション</option>
<option value='TCA00NS'>TeamCity Agent - 新規</option>
<option value='TCA00RS'>TeamCity Agent - サブスクリプション期日内更新</option>
<option value='TCA00PS'>TeamCity Agent - サブスクリプション期日後更新</option>
<option value='TCE00NS01'>TeamCity Enterprise Server 5 エージェント - 新規</option>
<option value='TCE00NS02'>TeamCity Enterprise Server 10 エージェント - 新規</option>
<option value='TCE00NS03'>TeamCity Enterprise Server 20 エージェント - 新規</option>
<option value='TCE00NS04'>TeamCity Enterprise Server 50 エージェント - 新規</option>
<option value='TCE00NS05'>TeamCity Enterprise Server 100 エージェント - 新規</option>
<option value='TCE00NS'>TeamCity Enterprise Server - 新規</option>
<option value='TCE00RS'>TeamCity Enterprise Server - サブスクリプション期日内更新</option>
<option value='TCE00PS'>TeamCity Enterprise Server - サブスクリプション期日後更新</option>
<option value='RSC00N0'>ReSharper C# Edition コマーシャルライセンス</option>
<option value='RSC00NS'>ReSharper C# Edition コマーシャルライセンス & 年間アップグレードサブスクリプション</option>
<option value='RSC00RS'>ReSharper C# Edition コマーシャルライセンス - アップグレードサブスクリプション更新</option>
<option value='RSC00U0'>ReSharper C# Edition コマーシャルライセンス - 以前のバージョンからのアップグレード</option>
<option value='RSC000S'>ReSharper C# Edition コマーシャルライセンス - 年間アップグレードサブスクリプション更新</option>
<option value='RSC00US'>ReSharper C# Edition コマーシャルライセンス アップグレード & 年間アップグレードサブスクリプション</option>
<option value='RSV00N0'>ReSharper VB.NET Edition コマーシャルライセンス</option>
<option value='RSV00NS'>ReSharper VB.NET Edition コマーシャルライセンス & 年間アップグレードサブスクリプション</option>
<option value='RSV00RS'>ReSharper VB.NET Edition コマーシャルライセンス - アップグレードサブスクリプション更新</option>
<option value='RSV00U0'>ReSharper VB.NET Edition コマーシャルライセンス - 以前のVB.NET Editionからのアップグレード</option>
<option value='RSV000S'>ReSharper VB.NET Edition コマーシャルライセンス - 年間アップグレードサブスクリプション更新</option>
<option value='RSV00US'>ReSharper VB.NET Edition コマーシャルライセンス アップグレード & 年間アップグレードサブスクリプション</option>
<option value='RSF00N0'>ReSharper Full Edition コマーシャルライセンス</option>
<option value='RSF00NS'>ReSharper Full Edition コマーシャルライセンス & 年間アップグレードサブスクリプション</option>
<option value='RSF00RS'>ReSharper Full Edition コマーシャルライセンス - アップグレードサブスクリプション更新</option>
<option value='RSF00U0'>ReSharper Full Edition コマーシャルライセンス - 以前のReSharper Full Editionからのアップグレード</option>
<option value='RSF000S'>ReSharper Full Edition コマーシャルライセンス - 年間アップグレードサブスクリプション更新</option>
<option value='RSF00US'>ReSharper Full Edition コマーシャルライセンス アップグレード & 年間アップグレードサブスクリプション</option>
<option value='RSF0000C'>ReSharper Full Edition コマーシャルライセンス - ReSharper C# Edition現行バージョンからのアップグレード</option>
<option value='RSF0000V'>ReSharper Full Edition コマーシャルライセンス - ReSharper VB.NET Edition現行バージョンからのアップグレード</option>
<option value='RSF000SC'>ReSharper Full Edition コマーシャルライセンス & アップグレードサブスクリプション - ReSharper C# Edition現行バージョンからのアップグレード</option>
<option value='RSF000SV'>ReSharper Full Edition コマーシャルライセンス & アップグレードサブスクリプション - ReSharper VB.NET Edition現行バージョンからのアップグレード</option>
<option value='RSF00U0C'>ReSharper Full Edition コマーシャルライセンス - 以前のC# Editionからのアップグレード</option>
<option value='RSF00U0V'>ReSharper Full Edition コマーシャルライセンス - 以前のVB.NET Editionからのアップグレード</option>
<option value='RSF00USC'>ReSharper Full Edition コマーシャルライセンス & アップグレードサブスクリプション - 以前のC# Editionからのアップグレード</option>
<option value='RSF00USV'>ReSharper Full Edition コマーシャルライセンス & アップグレードサブスクリプション - 以前のVB.NET Editionからのアップグレード</option>
<option value='DM000NS'>dotMemory コマーシャルライセンス - 新規</option>
<option value='DM000RS'>dotMemory コマーシャルライセンス - 期日内更新</option>
<option value='DM000PS'>dotMemory コマーシャルライセンス - 期日後更新</option>
<option value='DM000US'>dotMemory コマーシャルライセンス - アップグレード & 年間アップグレードサブスクリプション</option>
<option value='DC000NS'>dotCover コマーシャルライセンス - 新規</option>
<option value='DCCUS'>dotCover コマーシャルライセンス - アップグレードサブスクリプション期日内更新</option>
<option value='DC000PS'>dotCover コマーシャルライセンス - アップグレードサブスクリプション期日後更新</option>
<option value='DPP00N0V05'>dotTrace Performance Profiler Professional Edition / コマーシャルライセンス - 新規</option>
<option value='DPP00U0V05'>dotTrace Performance Profiler Professional Edition / コマーシャルライセンス - アップグレード</option>
<option value='DPS00N0V05'>dotTrace Performance Profiler Standard Edition / コマーシャルライセンス - 新規</option>
<option value='DPS00U0V05'>dotTrace Performance Profiler Standard Edition / コマーシャルライセンス - アップグレード</option>
</select>
<!--<input type="text" id="item" name="item" class="form-control"-->
<!--placeholder="例) IIU00NS:IntelliJ IDEA コマーシャルライセンス – 新規 & 年間アップグレードサブスクリプション">-->
</div>
</div>
</div>
</div>
<div class="row" style="margin-bottom: 5px;">
<div class="col col-xs-2">
<a href="#" type="button" class="btn btn-sm btn-primary" role="button">製品を追加する</a>
</div>
</div>
<div class="row">
<div class="col col-xs-10">
<label>支払い方法*</label>
</div>
</div>
<div class="row">
<div class="col col-xs-10">
<div class="form-group">
<div class="btn-group paymentType" data-toggle="modal">
<label class="active">
<input type="radio" name="paymentType" value="bank" checked> 銀行振込(月末締め翌月末支払い)</label>
&nbsp;&nbsp;&nbsp;&nbsp;<label class="">
<input type="radio" name="paymentType" value="card"> クレジットカード</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-10">
<label>納品書兼請求書の郵送の要・不要(郵送が必要な場合は手数料2,160円を頂戴しております)*</label>
</div>
</div>
<div class="row">
<div class="col col-xs-10">
<div class="form-group">
<div class="btn-group quoteType" data-toggle="modal">
<label class="active">
<input type="radio" name="quoteType" value="" checked> 不要(PDF)</label>
&nbsp;&nbsp;&nbsp;&nbsp;<label class="">
<input type="radio" name="quoteType" value="v"> 必要</label>
&nbsp;&nbsp;&nbsp;&nbsp;<label class="">
<input type="radio" name="quoteType" value="i"> 必要(明細で手数料を商品代金に含める)</label>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-6">
<div class="form-group col">
<label for="companyName">会社または事業者名*</label>
<input type="text" id="companyName" name="companyName" class="form-control"
placeholder="会社または事業者名を入力">
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-10">
<p class="help-block">ご注文の事業者とエンドユーザーが異なる場合は備考欄にエンドユーザー名、住所をご記入ください </p>
</div>
</div>
<div class="row">
<div class="col col-xs-6">
<div class="form-group col">
<label for="organization">部署等</label>
<input type="text" id="organization" name="organization" class="form-control"
placeholder="例) 購買部 ソフトウェア購買課">
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-8">
<p class="help-block"></p>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col col-xs-2">
<label for="firstName">名前(姓 / 名)*</label>
</div>
</div>
<div class="row">
<div class="col col-xs-2">
<input type="text" id="lastName" name="lastName" class="form-control" placeholder="例) 山本">
</div>
<div class="col col-xs-2">
<input type="text" id="firstName" name="firstName" class="form-control"
placeholder="例) 裕介">
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-4">
<div class="form-group">
<label for="email">メールアドレス*</label>
<input type="text" id="email" name="email" class="form-control"
placeholder="例) info@samuraism.com">
</div>
</div>
<div class="col col-xs-4">
<div class="form-group">
<label for="telNo">電話番号*</label>
<input type="text" id="telNo" name="telNo" class="form-control"
placeholder="例) 050-5849-5545">
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-3">
<div class="form-group">
<label for="zip">郵便番号*</label>
<input type="text" id="zip" style="ime-mode:disabled" name="zip" class="form-control"
placeholder="例) 171-0014"
onkeyup="AjaxZip3.zip2addr('zip','','prefecture','city','address');">
</div>
</div>
<div class="col col-xs-2">
<div class="form-group">
<label for="prefecture">都道府県*</label>
<select id="prefecture" name="prefecture" class="form-control">
<option>-- 選択 --</option>
<option value="北海道">北海道</option>
<option value="青森県">青森県</option>
<option value="岩手県">岩手県</option>
<option value="宮城県">宮城県</option>
<option value="秋田県">秋田県</option>
<option value="山形県">山形県</option>
<option value="福島県">福島県</option>
<option value="茨城県">茨城県</option>
<option value="栃木県">栃木県</option>
<option value="群馬県">群馬県</option>
<option value="埼玉県">埼玉県</option>
<option value="千葉県">千葉県</option>
<option value="東京都">東京都</option>
<option value="神奈川県">神奈川県</option>
<option value="新潟県">新潟県</option>
<option value="富山県">富山県</option>
<option value="石川県">石川県</option>
<option value="福井県">福井県</option>
<option value="山梨県">山梨県</option>
<option value="長野県">長野県</option>
<option value="岐阜県">岐阜県</option>
<option value="静岡県">静岡県</option>
<option value="愛知県">愛知県</option>
<option value="三重県">三重県</option>
<option value="滋賀県">滋賀県</option>
<option value="京都府">京都府</option>
<option value="大阪府">大阪府</option>
<option value="兵庫県">兵庫県</option>
<option value="奈良県">奈良県</option>
<option value="和歌山県">和歌山県</option>
<option value="鳥取県">鳥取県</option>
<option value="島根県">島根県</option>
<option value="岡山県">岡山県</option>
<option value="広島県">広島県</option>
<option value="山口県">山口県</option>
<option value="徳島県">徳島県</option>
<option value="香川県">香川県</option>
<option value="愛媛県">愛媛県</option>
<option value="高知県">高知県</option>
<option value="福岡県">福岡県</option>
<option value="佐賀県">佐賀県</option>
<option value="長崎県">長崎県</option>
<option value="熊本県">熊本県</option>
<option value="大分県">大分県</option>
<option value="宮崎県">宮崎県</option>
<option value="鹿児島県">鹿児島県</option>
<option value="沖縄県">沖縄県</option>
</select>
</div>
</div>
<div class="col col-xs-4">
<div class="form-group">
<label for="city">市区町村郡等*</label>
<input type="text" id="city" name="city" class="form-control" placeholder="例) 豊島区池袋">
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-8">
<p class="help-block">都道府県、市区町村郡等は郵便番号より自動的に入力されます。必要に応じて修正してください。</p>
</div>
</div>
<div class="row">
<div class="col col-xs-10">
<div class="form-group">
<label for="address">市区町村郡等以降*</label>
<input type="text" id="address" name="address" class="form-control"
placeholder="例) 2-32-1-204">
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-4">
<label>エンドユーザー</label>
</div>
</div>
<div class="row">
<div class="col col-xs-8">
<div class="form-group">
<label class="active">
<input type="checkbox" name="endUserDiffers" id="endUserDiffers" value="endUserDiffers" checked="true"> エンドユーザーは見積もり/注文者と同じ</label>
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-10">
<p class="help-block">ライセンス証は組織に対して発行されます。お見積もり・ご注文頂く企業・組織と実際のユーザーが異なる場合はチェックを外して必ずご記入ください</p>
</div>
</div>
<div id="endUserInfo" style="display: none">
<h1>エンドユーザー情報</h1>
<div class="row">
<div class="col col-xs-6">
<div class="form-group col">
<label for="endCompanyName">会社または事業者名*</label>
<input type="text" id="endCompanyName" name="endCompanyName" class="form-control"
placeholder="会社または事業者名を入力">
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-6">
<div class="form-group col">
<label for="endOrganization">部署等</label>
<input type="text" id="endOrganization" name="endOrganization" class="form-control"
placeholder="例) 購買部 ソフトウェア購買課">
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-8">
<p class="help-block"></p>
</div>
</div>
<div class="form-group">
<div class="row">
<div class="col col-xs-2">
<label for="endLastName">名前(姓 / 名)*</label>
</div>
</div>
<div class="row">
<div class="col col-xs-2">
<input type="text" id="endLastName" name="endLastName" class="form-control" placeholder="例) 山本">
</div>
<div class="col col-xs-2">
<input type="text" id="endFirstName" name="endFirstName" class="form-control"
placeholder="例) 裕介">
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-4">
<div class="form-group">
<label for="endEmail">メールアドレス*</label>
<input type="text" id="endEmail" name="endEmail" class="form-control"
placeholder="例) info@samuraism.com">
</div>
</div>
<div class="col col-xs-4">
<div class="form-group">
<label for="endTelNo">電話番号*</label>
<input type="text" id="endTelNo" name="endTelNo" class="form-control"
placeholder="例) 050-5849-5545">
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-3">
<div class="form-group">
<label for="endZip">郵便番号*</label>
<input type="text" id="endZip" style="ime-mode:disabled" name="endZip" class="form-control"
placeholder="例) 171-0014"
onkeyup="AjaxZip3.zip2addr('endZip','','endPrefecture','endCity','endAddress');">
</div>
</div>
<div class="col col-xs-2">
<div class="form-group">
<label for="endPrefecture">都道府県*</label>
<select id="endPrefecture" name="endPrefecture" class="form-control">
<option>-- 選択 --</option>
<option value="北海道">北海道</option>
<option value="青森県">青森県</option>
<option value="岩手県">岩手県</option>
<option value="宮城県">宮城県</option>
<option value="秋田県">秋田県</option>
<option value="山形県">山形県</option>
<option value="福島県">福島県</option>
<option value="茨城県">茨城県</option>
<option value="栃木県">栃木県</option>
<option value="群馬県">群馬県</option>
<option value="埼玉県">埼玉県</option>
<option value="千葉県">千葉県</option>
<option value="東京都">東京都</option>
<option value="神奈川県">神奈川県</option>
<option value="新潟県">新潟県</option>
<option value="富山県">富山県</option>
<option value="石川県">石川県</option>
<option value="福井県">福井県</option>
<option value="山梨県">山梨県</option>
<option value="長野県">長野県</option>
<option value="岐阜県">岐阜県</option>
<option value="静岡県">静岡県</option>
<option value="愛知県">愛知県</option>
<option value="三重県">三重県</option>
<option value="滋賀県">滋賀県</option>
<option value="京都府">京都府</option>
<option value="大阪府">大阪府</option>
<option value="兵庫県">兵庫県</option>
<option value="奈良県">奈良県</option>
<option value="和歌山県">和歌山県</option>
<option value="鳥取県">鳥取県</option>
<option value="島根県">島根県</option>
<option value="岡山県">岡山県</option>
<option value="広島県">広島県</option>
<option value="山口県">山口県</option>
<option value="徳島県">徳島県</option>
<option value="香川県">香川県</option>
<option value="愛媛県">愛媛県</option>
<option value="高知県">高知県</option>
<option value="福岡県">福岡県</option>
<option value="佐賀県">佐賀県</option>
<option value="長崎県">長崎県</option>
<option value="熊本県">熊本県</option>
<option value="大分県">大分県</option>
<option value="宮崎県">宮崎県</option>
<option value="鹿児島県">鹿児島県</option>
<option value="沖縄県">沖縄県</option>
</select>
</div>
</div>
<div class="col col-xs-4">
<div class="form-group">
<label for="endCity">市区町村郡等*</label>
<input type="text" id="endCity" name="endCity" class="form-control" placeholder="例) 豊島区池袋">
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-8">
<p class="help-block">都道府県、市区町村郡等は郵便番号より自動的に入力されます。必要に応じて修正してください。</p>
</div>
</div>
<div class="row">
<div class="col col-xs-10">
<div class="form-group">
<label for="endAddress">市区町村郡等以降*</label>
<input type="text" id="endAddress" name="endAddress" class="form-control"
placeholder="例) 2-32-1-204">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-10">
<div class="form-group">
<label for="comment">備考</label>
<textarea id="comment" name="comment" class="form-control" rows="5"></textarea>
<p class="help-block">ライセンスの更新を見積もり・注文の際は現在のライセンスキー、またはリファレンス番号をご記入ください(Reference No* 以降のLCまたはSRから始まるもの)</p>
</div>
</div>
</div>
<div class="row">
<div class="col col-xs-4">
<div class="form-group">
<p><a href="http://samuraism.com/products/jetbrains/notationbasedonthespecifiedcommercialtransactionact">特定商取引に関する法律に基づく表示</a>
</p>
<p><a href="http://samuraism.com/privacypolicy">プライバシーポリシー</a></p>
<p id="for-browser" style="display: none;"><button type="button" class="btn btn-lg btn-block">確認</button></p>
<p id="for-ie8" style="display: block;"><button type="submit" class="btn btn-lg btn-block">送信</button></p>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="modal fade" id="dialog" tabindex="-1" role="dialog" aria-labelledby="dialogLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only"></span></button>
<h4 class="modal-title" id="dialogLabel">ご注文の確認</h4>
</div>
<div class="modal-body">
<div class="panel panel-default">
<div class="panel-heading">お問い合わせ内容</div>
<div class="panel-body">
<table class="table">
<tr>
<th><label for="confirm-queryType" >お問い合わせ</label></th>
<td><input type="text" id="confirm-queryType" name="confirm-queryType" readonly/></td>
</tr>
<tr class="confirm-items">
<th><label for="confirm-quantity">数量</label>&nbsp;<label for="confirm-item" >製品</label></th>
<td>
<textarea class="quantity" id="confirm-quantity" name="confirm-quantity" rows="3" readonly></textarea>
<textarea class="item" id="confirm-item" name="confirm-item" rows="3" readonly></textarea>
</td>
</tr>
<tr>
<th><label for="confirm-paymentType" >支払い方法</label></th>
<td><input type="text" id="confirm-paymentType" name="confirm-paymentType" readonly/></td>
</tr>
<tr>
<th><label for="confirm-quoteType" >請求書の郵送</label></th>
<td><input type="text" id="confirm-quoteType" name="confirm-quoteType" readonly/></td>
</tr>
<tr>
<th><label for="confirm-companyName" >会社または事業者名</label></th>
<td><input type="text" id="confirm-companyName" name="confirm-companyName" readonly/></td>
</tr>
<tr>
<th><label for="confirm-organization" >部署等</label></th>
<td><input type="text" id="confirm-organization" name="confirm-organization" readonly/></td>
</tr>
<tr>
<th><label for="confirm-name" >お名前</label></th>
<td><input type="text" id="confirm-name" name="confirm-name" readonly/></td>
</tr>
<tr>
<th><label for="confirm-email" >メールアドレス</label></th>
<td><input type="text" id="confirm-email" name="confirm-email" readonly/></td>
</tr>
<tr>
<th><label for="confirm-telNo" >電話番号</label></th>
<td><input type="text" id="confirm-telNo" name="confirm-telNo" readonly/></td>
</tr>
<tr>
<th><label for="confirm-zip" >郵便番号</label></th>
<td><input type="text" id="confirm-zip" name="confirm-zip" readonly/></td>
</tr>
<tr>
<th><label for="confirm-prefecture" >都道府県</label></th>
<td><input type="text" id="confirm-prefecture" name="confirm-prefecture" readonly/></td>
</tr>
<tr>
<th><label for="confirm-city" >市区町村郡等</label></th>
<td><input type="text" id="confirm-city" name="confirm-city" readonly/></td>
</tr>
<tr>
<th><label for="confirm-address" >市区町村郡等以降</label></th>
<td><input type="text" id="confirm-address" name="confirm-address" readonly/></td>
</tr>
</table>
</div>
</div>
<div class="panel panel-default end-user-confirmation" style="display: none;">
<div class="panel-heading">エンドユーザー情報</div>
<div class="panel-body">
<table class="table">
<tr>
<th><label for="confirm-encCompanyName" >会社または事業者名</label></th>
<td><input type="text" id="confirm-encCompanyName" name="confirm-encCompanyName" readonly/></td>
</tr>
<tr>
<th><label for="confirm-endOrganization" >部署等</label></th>
<td><input type="text" id="confirm-endOrganization" name="confirm-endOrganization" readonly/></td>
</tr>
<tr>
<th><label for="confirm-endName" >お名前</label></th>
<td><input type="text" id="confirm-endName" name="confirm-endName" readonly/></td>
</tr>
<tr>
<th><label for="confirm-endEmail" >メールアドレス</label></th>
<td><input type="text" id="confirm-endEmail" name="confirm-endEmail" readonly/></td>
</tr>
<tr>
<th><label for="confirm-endTelNo" >電話番号</label></th>
<td><input type="text" id="confirm-endTelNo" name="confirm-endTelNo" readonly/></td>
</tr>
<tr>
<th><label for="confirm-endZip" >郵便番号</label></th>
<td><input type="text" id="confirm-endZip" name="confirm-endZip" readonly/></td>
</tr>
<tr>
<th><label for="confirm-endPrefecture" >都道府県</label></th>
<td><input type="text" id="confirm-endPrefecture" name="confirm-endPrefecture" readonly/></td>
</tr>
<tr>
<th><label for="confirm-endCity" >市区町村郡等</label></th>
<td><input type="text" id="confirm-endCity" name="confirm-endCity" readonly/></td>
</tr>
<tr>
<th><label for="confirm-endAddress" >市区町村郡等以降</label></th>
<td><input type="text" id="confirm-endAddress" name="confirm-endAddress" readonly/></td>
</tr>
</table>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<table class="table">
<tr>
<th><label for="confirm-comment" >備考</label></th>
<td><textarea id="confirm-comment" name="confirm-comment" readonly rows="3"></textarea></td>
</tr>
</table>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">戻る</button>
<button type="button" class="btn btn-primary" id="form-submit">送信</button>
</div>
</div>
</div>
</div>
<div class="modal fade error-dialog" id="error-dialog" tabindex="-1" role="dialog" aria-labelledby="errorLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">閉じる</span></button>
<h4 class="modal-title" id="errorLabel">入力エラー</h4>
</div>
<div class="modal-body">
<p>入力されていない項目があります</p>
<ul class="list-group" style="list-style-type: none;"></ul>
<ul style="display: none;">
<li class="list-group-item original" style="display: none;" data-dismiss="modal"><span></span></li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">閉じる</button>
</div>
</div>
</div>
</div>
</form>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/sayt.min.jquery.js"></script>
<script src="js/samuraism-common.js"></script>
<script src="//ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3-https.js" charset="UTF-8"></script>
<script>
ss.displayButton();
$("#endUserInfo").css("display", "none");
$("#endUserDiffers").click(function(){
$("#endUserInfo").toggle();
});
$(document).ready(function() {
var addRow = function () {
var row = $("div.form-group div.col.col-xs-10 select.form-control").last().parents().get(2),
original = $(row),
copied = original.clone(),
rowCounts = $("input#item_rows"),
previous = parseInt(rowCounts.val()),
next = previous + 1,
incrementId = function (object) {
var oldId = $(object).attr("id"),
newId = oldId.replace("_" + previous, "_" + next);
$(object).attr("id", newId);
},
retrieveObjects = function (rowObject) {
return [rowObject.find("input"), rowObject.find("select")];
},
changeId = function (rowObject) {
var objects = retrieveObjects(rowObject);
objects.forEach(function (object) {
incrementId(object);
});
},
container = original.parent();
if (previous === 0) {
retrieveObjects(copied).forEach(function (object) {
object.attr("id", object.attr("id") + "_" + next);
});
} else {
retrieveObjects(copied).forEach(function (object) {
incrementId(object);
});
}
rowCounts.val(next);
copied.appendTo(container);
},
multipleRows = $.cookie("item_rows") === undefined,
rowCount = multipleRows? parseInt($.cookie("item_rows")) : 0, index,
dialog = $("div#dialog");
$("form div.col.col-xs-2 a.btn.btn-sm").click(addRow);
for(index = 0; index < rowCount; index++) addRow();
$("fieldset button.btn.btn-lg.btn-block").click(function(){
var index, selector, errors = [], item, idx,
rows = parseInt($("#item_rows").val()),
parent = $("div.form-group div.col.col-xs-10");
parent.removeClass("has-error");
for (index = 0; index <= rows; index++) {
selector = (index === 0)? "#item" : "#item_" + index;
item = $(selector);
idx = item.prop("selectedIndex");
if (idx === 0 || idx === -1) {
item.parent("div.col.col-xs-10").addClass("has-error");
var element = $("div.modal-sm li.list-group-item.original")
.clone().toggle().removeClass("original");
element.find("span").text((index + 1) + "行目の製品");
errors[errors.length] = element;
}
}
if (errors.length === 0) {
$("#dialog").modal("toggle");
} else {
var list = $("div.modal-sm div.modal-body ul.list-group");
list.empty();
$.each(errors, function(){list.append($(this));});
$("#error-dialog").modal("toggle");
}
});
dialog.on("show.bs.modal", function() {
var Confirmation = function(t, v) {
this.t = t;
this.v = v;
this.target = function() {return this.t;};
this.value = function() {return this.v;};
},
ConfirmationList = function() {
this.list = [];
var list = this.list;
this.add = function(element) {
if (element !== null)
list[list.length] = element;
return this;
};
this.array = function() {return list;};
},
endUserDiffers = $("#endUserDiffers").is(":checked"),
rows = parseInt($("#item_rows").val()),
index, before,
endUserInfo = $("div.end-user-confirmation"),
list = new ConfirmationList()
.add(new Confirmation($("#confirm-queryType"),
$("div.queryType label :radio:checked").parent().text().trim()))
.add(new Confirmation($("#confirm-paymentType"),
$("div.paymentType label :radio:checked").parent().text().trim()))
.add(new Confirmation($("#confirm-quoteType"),
$("div.quoteType label :radio:checked").parent().text().trim()))
.add(new Confirmation($("#confirm-companyName"), $("#companyName").val()))
.add(new Confirmation($("#confirm-organization"), $("#organization").val()))
.add(new Confirmation($("#confirm-name"), $("#lastName").val() + " " + $("#firstName").val()))
.add(new Confirmation($("#confirm-email"), $("#email").val()))
.add(new Confirmation($("#confirm-telNo"), $("#telNo").val()))
.add(new Confirmation($("#confirm-zip"), $("#zip").val()))
.add(new Confirmation($("#confirm-prefecture"), $("#prefecture").val()))
.add(new Confirmation($("#confirm-city"), $("#city").val()))
.add(new Confirmation($("#confirm-address"), $("#address").val()))
.add(new Confirmation($("#confirm-comment"), $("#comment").val()))
.add(new Confirmation($("#confirm-encCompanyName"),
endUserDiffers? null:$("#encCompanyName").val()))
.add(new Confirmation($("#confirm-endOrganization"),
endUserDiffers? null:$("#endOrganization").val()))
.add(new Confirmation($("#confirm-endName"),
endUserDiffers? null:$("#endLastName").val() + $("#endFirstName").val()))
.add(new Confirmation($("#confirm-endEmail"),
endUserDiffers? null:$("#endEmail").val()))
.add(new Confirmation($("#confirm-endTelNo"),
endUserDiffers? null:$("#endTelNo").val()))
.add(new Confirmation($("#confirm-endZip"),
endUserDiffers? null:$("#endZip").val()))
.add(new Confirmation($("#confirm-endPrefecture"),
endUserDiffers? null:$("#endPrefecture").val()))
.add(new Confirmation($("#confirm-endCity"),
endUserDiffers? null:$("#endCity").val()))
.add(new Confirmation($("#confirm-endAddress"),
endUserDiffers? null:$("#endAddress").val()));
for (index = 0; index <= rows; index++) {
if (index > 0) {
var confirmItems = "confirm-items",
original = $("tr.confirm-items"),
copied = original.clone().removeClass(confirmItems).addClass(confirmItems + "_" + index);
before = (typeof before === "undefined")? original : before;
$.each(copied.find("label"), function() {
var attribute = "for",
item = $(this),
labelFor = item.attr(attribute);
item.attr(attribute, labelFor + "_" + index);
item.html("&nbsp;");
});
$.each(copied.find("textarea"), function(){
var attribute = "id",
item = $(this),
id = item.attr(attribute);
item.attr(attribute, id + "_" + index);
});
before.after(copied);
before = copied;
}
var confirmItemName = $("#confirm-item" + (index === 0? "": "_" + index)),
itemName = $("#item" + (index === 0? "": "_" + index) + " option:selected").text().trim();
list.add(new Confirmation($("#confirm-quantity" + (index === 0? "": "_" + index)),
$("#quantity" + (index === 0? "":"_" + index)).val()));
list.add(new Confirmation(confirmItemName, itemName));
}
endUserInfo.css("display", "none");
if (!endUserDiffers) {
endUserInfo.toggle();
}
$.each(list.array(), function() {
this.target().val(this.value());
});
});
dialog.on("hidden.bs.modal", function(){
var rows = parseInt($("#item_rows").val()),
index = rows,
confirmItems = "tr.confirm-items";
while(index > 0) {
$(confirmItems + "_" + index).remove();
index -= 1;
}
});
$("#form-submit").click(function(){
var button = $(this);
button.attr("disabled", true);
$("#post_order").submit();
});
$("#post_order").sayt();
$("#item").val(ss.getParameterByName('item'));
});
</script>
</div>
</body>
* Connection #0 to host secure.samuraism.com left intact
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment