<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 class="header">
|
<div class="uploadButton" style="{{(editMode ? 'background-color: #dcdcdc;':'')}}">选择... <i class="fa fa-camera" style="font-size: 20px; "></i>
|
<!-- <input type="file" multifile-model="imageFiles" multiple="multiple" accept="image/*;capture=camera" ng-disabled="editMode || disableInput"/> -->
|
<input type="file" multifile-model="imageFiles" accept="image/*;capture=camera" ng-disabled="editMode || disableInput || photos.length>0"/>
|
</div>
|
</div>
|
|
<div class="container">
|
<div class="file-preview-thumbnails" ng-repeat="p in photos">
|
<div class="file-preview-frame" style="padding-bottom: 3px;">
|
<img ng-src="{{p.data}}" class="file-preview-image" style="width:auto;height:150px;"/>
|
<div class="file-thumbnail-footer">
|
<div class="file-actions">
|
<div class="file-footer-buttons" style="margin-top: 3px;" ng-show="editMode">
|
<button type="button" class="kv-file-remove btn btn-xs btn-default" title="删除" ng-click="removePhoto($index)">
|
<i class="glyphicon glyphicon-trash text-danger"></i>
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<script id="loadingWindow.html" type="text/ng-template">
|
<div style ="padding: 20px;
|
border-radius: 5px;
|
background-color: rgba(0, 0, 0, 0.7);
|
color: #fff;
|
text-align: center;
|
text-overflow: ellipsis;
|
font-size: 15px;
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
margin-left:-20px;
|
">
|
<i class="fa fa-spinner fa-pulse"></i>
|
</div>
|
</script>
|
|
<script id="imageWindow.html" type="text/ng-template">
|
<div class="modal-body" ng-swipe-left="nextImage()" ng-swipe-right="prevImage()">
|
<div class="container">
|
<img ng-src={{imageUrl}} alt="">
|
</div>
|
</div>
|
</script>
|
|
</apex:page>
|
