TRUONG / T-Shats Frontend

Blame view

dist/views/design_part/text.html 2.87 KB
edit raw normal view history
682a3b12d   TRUONG   fix illustration ... 
1
2
 
  <li>
      <div class="title">
aa902b5ba   DANG   Commit dist 
3
4
 
          <!--<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>-->
          文字入力
682a3b12d   TRUONG   fix illustration ... 
5
6
7
 
      </div>
      <div class="content clearfix">
          <div>
aa902b5ba   DANG   Commit dist 
8
 
              <input type="text" class="form-control" placeholder="ここに入力してください。" id="input-design-text" ng-focus="focusInputText()" ng-change="inputText(design_text)" ng-model="design_text">
682a3b12d   TRUONG   fix illustration ... 
9
10
 
          </div>
          <div>
aa902b5ba   DANG   Commit dist 
11
 
              <ul class="font-family-box">
682a3b12d   TRUONG   fix illustration ... 
12
13
14
15
 
                  <li ng-repeat="item in listFontFamily" ng-click="setFontFamily(item.slug)" ng-style="{'font-family' : item.slug}">{{ item.name }}</li>
              </ul>
          </div>
          <div>
aa902b5ba   DANG   Commit dist 
16
 
              <div>文字を変形する</div>
682a3b12d   TRUONG   fix illustration ... 
17
 
          </div>
aa902b5ba   DANG   Commit dist 
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
 
          <div class="clearfix spacing-letter ">
              <div class="pull-left text-label">
                  文字間隔 :
              </div>
              <div class="pull-right">
                  <div class="box clearfix">
                      <div class="item item-plus" ng-click="setLetterSpacingText('plus')">
                          <i class="fa fa-plus-square-o" aria-hidden="true"></i>
                      </div>
                      <div class="item item-text">
                          リセット
                      </div>
                      <div class="item item-minus" ng-click="setLetterSpacingText('minus')">
                          <i class="fa fa-minus-square-o" aria-hidden="true"></i>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </li>
  <li>
      <div class="title">
          <!--<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>-->
          カラー変更
          <!--<div class="pull-right">元の色に戻す</div>-->
      </div>
      <div class="content clearfix">
          <div class="color-patterns">
              <div class="color-pattern-item" ng-repeat="color in listColorPatterns track by $index" ng-click="changeColorPattern(color)" ng-style="{'background-color': color}">
682a3b12d   TRUONG   fix illustration ... 
47
 
              </div>
aa902b5ba   DANG   Commit dist 
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
 
              <div class="clearfix"></div>
          </div>
      </div>
  </li>
  
  <li>
      <div class="title">
          <!--<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>-->
          重ね順変更
      </div>
      <div class="content clearfix">
          <div class="col-xs-3 layer-item" ng-click="layerProcess(1)">
              <img src="images/layer-icon-1.png"/>
              <div>前面へ</div>
          </div>
          <div class="col-xs-3 layer-item" ng-click="layerProcess(2)">
              <img src="images/layer-icon-2.png"/>
              <div>背面へ</div>
          </div>
          <div class="col-xs-3 layer-item" ng-click="layerProcess(3)">
              <img src="images/layer-icon-3.png"/>
              <div>最前面へ</div>
          </div>
          <div class="col-xs-3 layer-item" ng-click="layerProcess(4)">
              <img src="images/layer-icon-4.png"/>
              <div>最前面へ</div>
682a3b12d   TRUONG   fix illustration ... 
74
75
76
 
          </div>
      </div>
  </li>