-
Notifications
You must be signed in to change notification settings - Fork 0
/
request.html
128 lines (124 loc) · 5.31 KB
/
request.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ちえぴったん</title>
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="./css/ticket-detail.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/header.css">
</head>
<body>
<script src="./js/common.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/vue.min.js"></script>
<script src="./js/send_message.js"></script>
<!-- header -->
<div class="container" id="header">
<div class="row" id="header-wrapper">
<div class="col-xs-4 col-md-4 col-lg-4" id="icon-notice">
<a href="home.html"><img src="img/icon/notice.png" alt="notice_icon" /></a>
</div>
<div class="col-xs-4 col-md-4 col-lg-4" id="logo-img">
<div class="centering">
<a href="home.html"><img src="img/logo-02.png" alt="logo" /></a>
</div>
</div>
<div class="col-xs-4 col-md-4 col-lg-4" id="icons">
<a href="create.html"><img src="img/icon/ticket.png" alt="ticket_icon" /></a>
<a href="search.html"><img src="img/icon/search.png" alt="search_icon" /></a>
</div>
</div>
</div>
<!-- main -->
<div class="container" id="main">
<div class="form-group clearfix wr_message">
<div class="row">
<p class="gray-font col-xs-3 col-sm-3 col-md-3 col-xs-offset-3 col-sm-offset-3 col-md-offset-3">{{ticketinfo.user.username}} {{ticketinfo.user.first_name}}</p>
</div>
<div class="row">
<div id="u_info" class="col-xs-3 col-sm-3 col-md-3" >
<img class="little_thumbnail center-block" src="{{ticketinfo.user.profile_img_url}}" alt="thumbnail">
<p class="little_evaluation text-center">
{{ticketinfo.user.review_ave >= 1.0 ? '★':'☆' }}
{{ticketinfo.user.review_ave >= 2.0 ? '★':'☆' }}
{{ticketinfo.user.review_ave >= 3.0 ? '★':'☆' }}
{{ticketinfo.user.review_ave >= 4.0 ? '★':'☆' }}
{{ticketinfo.user.review_ave >= 5.0 ? '★':'☆' }}
{{ticketinfo.user.review_ave}}
</p>
</div>
<div class="col-xs-9 col-sm-8 col-md-8">
<textarea class="form-control pull-right" id="send_content" rows="2" cols="30" wrap="soft" placeholder="ひとこと" required></textarea>
<small class="gray-font pull-right">{{ticketinfo.updated_at.substr(0,10)}}</small>
</div>
</div>
</div>
<div class="row">
<div class=" col-xs-10 col-sm-8 col-md-8 col-xs-offset-1 col-sm-offset-2 col-md-offset-2">
<button type="button" class="send_ms_button">
<strong>送信</strong>
</button>
</div>
</div>
<div id="ticketpage">
<div id="ticketTitle" class="container" style="background-image:url({{ticketinfo.header_img_url}});">
<div class="clearfix">
<img src="./img/icon/beginner.png" class="pull-right beginner_icon" alt="beginner">
</div>
<h3 id="mainticket_title" class="text-center">
<strong>{{ticketinfo.title}}</strong>
</h3>
<div class="clearfix pull-right">
<img src="./img/icon/like.png" class=" like_icon" alt="like">
<strong class="color-red" style="padding:10px;">{{ticketinfo.stocked_num}}</strong>
</div>
</div>
<!-- ここまでチケットのタイトル -->
<div id="ticketdetail" class="container">
<div class="form-group">
<h6 class="text-center"><label for="ticketContent">教えて欲しい内容</label></h6>
<p class="blue-font text-center">{{ticketinfo.body}}</p>
</div>
<hr>
<h6 class="text-center"><label for="ticketInformation">希望事項</label></h6>
<div class="blue-font row clearfix marginbottom10px">
<div class="col-xs-6 col-sm-6 col-md-6">
<p class="blue-font pull-right">希望料金</p>
<img id="price" class="pull-right" src="./img/icon/price.png" alt="money">
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<p id="hope_price_time">{{ticketinfo.price}}円</p>
</div>
</div>
<div class="blue-font row clearfix marginbottom10px">
<div class="col-xs-6 col-sm-6 col-md-6 blue-font">
<p class="pull-right">所要時間</p>
<img id="time" class="pull-right" src="./img/icon/time.png" alt="money">
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<p id="hope_time">{{ticketinfo.time}}h</p>
</div>
</div>
<div class="blue-font row clearfix marginbottom10px">
<div class="col-xs-6 col-sm-6 col-md-6">
<p class="pull-right">希望場所</p>
<img id="location" class="pull-right" src="./img/icon/location.png" alt="money">
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<p ="hope_location">{{ticket.skype ? 'Skype':''}} {{ticket.offline_place}}</p>
</div>
</div>
<hr>
<!-- ここまで希望事項 -->
<h6 class="text-center"><label for="ticketTag">タグ</label></h6>
<div id="taglist">
<div v-for="tag in ticketinfo.tags" class="tag color-blue">{{tag.name}}</div>
</div>
</div>
</div></div>
</body>
</html>