高章伟
2022-03-18 4bfe21c4b5ddc089ae5a95f4b10f6cff148b690d
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
<apex:page docType="html-5.0" applyHtmlTag="false" showHeader="false" sidebar="false" standardStylesheets="false">
<head>
    <title>土地登録 送信 写真選択ビューを内包</title>
<style type="text/css">
/*.angular-google-map-container { height: 400px; }*/
</style>
</head>
 
<!-- 写真選択+サムネイル 用 ビュー -->
<div ui-view="photoView" ></div>
 
<!-- ボタン -->
<nav class="navbar navbar-default navbar-fixed-bottom">
  <div style="padding:6px; text-align: center;">
      <!-- 戻る ボタン -->
      <div class="btn btn-default pull-left" role="button" ng-disabled="editMode" ng-click="cancel()">
        <i class="fa fa-arrow-circle-o-left"></i>&nbsp;后退
      </div>
      <!-- 削除とキャンセル -->
      <div class="btn btn-default" role="button" ng-click="editMode=!editMode" ng-show="photos.length > 0 && !editMode" >
        <i class="fa fa-minus-circle"></i>&nbsp;删除
      </div>
      <div class="btn btn-default" role="button" ng-click="editMode=!editMode" ng-show="photos.length > 0 && editMode">
      完成
      </div>
      <!-- 送信ボタン -->
      <div class="btn btn-default pull-right" role="button" ng-disabled="editMode" on-long-press="buttonOnLongPress()" on-touch-end="buttonOnTouchEnd()">
        <i class="fa fa-cloud-upload"></i>&nbsp;上传
      </div>
  </div>
</nav>
<!-- 送信確認画面 -->
<script id="confirmSend.html" type="text/ng-template">
  <div class="modal-header text-center" style="background-color :#f8f8ff">
    <h4 class="modal-title">确认</h4>
  </div>
  <div class="modal-body">
    <p>确定上传此照片?</p>
  </div>
  <div class="modal-footer" style="background-color :#f8f8ff">
    <div class="col-xs-offset-1 col-xs-11">
      <button class="btn btn-default col-xs-4" ng-click="$dismiss()">取消</button>
      <div class="col-xs-1"></div>
      <button class="btn btn-primary col-xs-4" ng-click="$close(status.showLog)">确定</button>
    </div>
  </div>
</script>
 
<!-- 送信中画面 -->
<script id="uploading.html" type="text/ng-template">
  <div class="modal-header text-center" style="background-color :#f8f8ff">
    <h4 class="modal-title">{{status.title}}</h4>
  </div>
  <div class="modal-body">
    <div style="text-align:center;">
      <h4 text-align="center" ng-show="!status.finished" style="font-family:fantasy; color:#808080;">{{status.msg}}</h4>
      <h5 text-align="center" ng-show="!status.finished" style="font-family:fantasy; color:#dc143c;">请稍等</h5>
      <h4 text-align="center" ng-show="status.finished" style="font-family: fantasy; color:{{(status.success ? '#4169e1;' : '#dc143c;')}}">{{status.msg}}</h4>
      <h6 text-align="center" ng-show="!status.success" style="color:#dc143c;">{{status.errMsg}}</h6>
    </div>
    <div>
      <h6 ng-show="status.showLog" ng-repeat="stat in status.logs track by $index">{{stat}}</h6>
    </div>
  </div>
  <div class="modal-footer" ng-show="status.finished" style="background-color :#f8f8ff">
    <div class="col-xs-3"></div>
    <div class="col-xs-6">
      <!-- <button class="btn {{status.success ? 'btn-success':'btn-danger'}} btn-block" ng-click="redirect()">返回</button> -->
    </div>
    <div class="col-xs-3"></div>
  </div>
</script>
</apex:page>