ngohungcuong.windy@gmail.com / T-Shats Frontend

Blame view

app/views/main.html 5.83 KB
edit raw normal view history
87c93a029   Dang YoungWorld   add modal 
1
 
  <div ng-controller="MainCtrl" class="col-sm-10 col-sm-offset-1" id="tshirt-container">
8f087d204   DANG   Theme + add bower... 
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
    <header>
      <div class="logo">
        <img src="images/uniqlo_logo.png" alt="Logo Uniqlo" />
        Uniqlo Customize
      </div>
    </header>
    <nav class="clearfix">
      <h2 class="pull-left">加工箇所を選択してデザインしてください。</h2>
      <ul class="pull-right">
        <li><a href="#">商品に戻る</a></li>
        <li><a href="#">加工方法に戻る</a></li>
        <li class="action">デザインする</li>
      </ul>
    </nav>
    <article>
      <div class="row">
        <aside class="col-sm-5">
          <div class="step">
            <div class="title">
              1. デザインを作る
            </div>
            <div class="step-box">
e7c9c7707   DANG   Commit theme 
24
 
              <div class="tshirt-design clearfix">
8f087d204   DANG   Theme + add bower... 
25
 
                <div class="icon">
e7c9c7707   DANG   Commit theme 
26
 
                  <img src="images/t-shirt_icon/tshirt1.gif" alt="icon t-shirt" />
8f087d204   DANG   Theme + add bower... 
27
28
 
                </div>
                <div class="name">
e7c9c7707   DANG   Commit theme 
29
 
                  背中背中 (28x22)
8f087d204   DANG   Theme + add bower... 
30
31
 
                </div>
                <div class="action">
87c93a029   Dang YoungWorld   add modal 
32
 
                  <button class="red" ng-click="modalTShirtDesign()">
8f087d204   DANG   Theme + add bower... 
33
34
35
36
37
38
 
                    <i class="fa fa-caret-right" aria-hidden="true"></i> デザインを作る
                  </button>
                </div>
              </div>
            </div>
          </div>
e7c9c7707   DANG   Commit theme 
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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
 
  
          <!--  BREAK DOWN-->
          <div class="text-center break-down">
            <i class="fa fa-caret-down" aria-hidden="true"></i>
          </div>
  
          <!-- STEP 2-->
          <div class="step">
            <div class="title">
              2.アイテムカラーを変更する
            </div>
            <div class="step-box clearfix">
              <div class="tshirt-color">
                <ul class="choice-color clearfix">
                  <li class="white"><div></div></li>
                  <li class="blue"><div></div></li>
                </ul>
                <div class="color-name">
                  color: 00 WHITE
                </div>
                <div class="view-more">
                  在庫確認 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
                </div>
              </div>
            </div>
          </div>
  
          <!--  BREAK DOWN-->
          <div class="text-center break-down">
            <i class="fa fa-caret-down" aria-hidden="true"></i>
          </div>
  
          <!-- STEP 3-->
          <div class="step">
            <div class="step-box clearfix">
              <div class="tshirt-saveorder">
                <div class="clearfix">
                  <div class="action">
                    <button class="white">
                      <div class="text">
                        このデザインを保存する
                      </div>
                      <div class="arrow">
                          <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
                      </div>
                    </button>
                  </div>
                  <div class="action">
                    <button class="red">
                      <div class="text">
                        このデザインで注文する
                      </div>
                      <div class="arrow clearfix">
                        <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
                      </div>
                    </button>
                  </div>
                </div>
                <div class="notice">
                  デザインを保存するには、ログインしてください
                </div>
              </div>
            </div>
  
            <!-- BREAL LINE-->
            <div class="text-center break-line">
              <hr />
            </div>
  
            <!-- STEP 4-->
            <div class="step">
              <div class="title-notice">
                商品・デザインの変更はこちら <span class="require">作業中のデザインは破棄されます</span>
              </div>
              <div class="step-box">
                <div class="change-design">
                  <table>
                    <tr>
                      <td class="text-center">商品</td>
                      <td>MENドライカノコポロシャツ・ポケツキ半袖（ホワイト）</td>
                      <td class="text-right">
                        <button class="brown"><i class="fa fa-caret-right" aria-hidden="true"></i> 変更</button>
                      </td>
                    </tr>
                    <tr>
                      <td width="10%" class="text-center">加工方法</td>
                      <td width="70%">シルク：胸中央 (27×27)</td>
                      <td width="20%" class="text-right">
                        <button class="brown"><i class="fa fa-caret-right" aria-hidden="true"></i> 変更</button>
                      </td>
                    </tr>
                  </table>
                </div>
              </div>
            </div>
            <!-- STEP 5- finish-->
            <div class="step">
              <div class="finish-design">
                <button class="white">
                  自分で保存したデザインを呼び出す <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
                </button>
              </div>
  
            </div>
          </div>
8f087d204   DANG   Theme + add bower... 
144
 
        </aside>
e7c9c7707   DANG   Commit theme 
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
 
        <section id="tshirt-content" class="col-sm-7 text-center">
          <div class="tshirt-image">
            <img src="images/t-shirt/front.png" alt="" />
          </div>
          <div class="tshirt-choice">
            <ul>
              <li class="front focus">
                <div>前</div>
                <div class="image">
                  <img src="images/t-shirt_icon/tshirt1-front.png" alt="" />
                </div>
  
              </li>
              <li class="back">
                <div>後</div>
                <div class="image">
                  <img src="images/t-shirt_icon/tshirt1-back.png" alt="" />
                </div>
c87bc1f33   TRUONG   first commit: ini... 
163
 








e7c9c7707
 
 DANG
 
Commit theme




164
165
166




              </li>
            </ul>
          </div>









8f087d204
 
 DANG
 
Theme + add bower...




167
168
169




        </section>
      </div>
    </article>









87c93a029
 
 Dang YoungWorld
 
add modal




170
171
172




  
    <!--MODAL CONTENT-->
    <div ng-include="'views/tshirt-design.html'"></div>









8f087d204
 
 DANG
 
Theme + add bower...




173




  </div>