<apex:page docType="html-5.0" applyHtmlTag="false" showHeader="false" sidebar="false" standardStylesheets="false" controller="AL_MobileApp_Controller">
<head>
    <meta charset="utf-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>{!$Label.AL_MobileApp_Title}</title>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <script type="text/javascript">
        var sessionId = "{!$API.session_Id}";
    </script>

    <apex:stylesheet value="{!URLFOR($Resource.AL_MobileApp_Lib, 'css/bootstrap.min.css')}"/>
    <apex:stylesheet value="{!URLFOR($Resource.AL_MobileApp_Lib, 'css/bootstrap-theme.min.css')}"/>
    <apex:stylesheet value="{!URLFOR($Resource.AL_MobileApp_Lib, 'font-awesome/css/font-awesome.min.css')}"/>
    <apex:stylesheet value="{!URLFOR($Resource.AL_MobileApp_Lib, 'awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css')}"/>
    <apex:stylesheet value="{!URLFOR($Resource.AL_MobileApp_Lib, 'bootstrap-fileinput/css/fileinput.min.css')}"/>
<style type="text/css">
.uploadButton {
    display:inline-block;
    position:relative;
    overflow:hidden;
    border-radius:25px;
    border-color: #ffa500;
    background-color: #ffa500;
/*    border-color: #2e6da4;
    background-color: #337ab7;
*/
    color:#fff;
    text-align:center;
    padding:10px;
    line-height:30px;
    width:180px;
    cursor:pointer;
    font-weight: 400;
    font-size: 16px;
}
/*.uploadButton:hover {
    border-color: navy;
    background:navy;
}
*/
.uploadButton input[type=file] {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer;
    opacity:0;
}
.bar-subheader {
/*  top: 44px;
  display: block;
*/  height: 60px;
}
/*.has-header {
  top: 100px;
}
*/
/*a.item-content {
  padding-left: 180px;
}*/
/*a.item-thumbnail-left {
  padding-left: 180px;
}
*/.item-thumbnail-left .item-content {
    padding-left: 160px;
}
</style>
<script>
(function(){
  try{
    var a=navigator.userAgent;
    if((a.indexOf('Salesforce')!=-1)&&(a.indexOf('iPhone')!=-1||a.indexOf('iPad')!=-1)&&(a.indexOf('OS/')!=-1||a.indexOf('OS ')!=-1)&&(a.indexOf('Safari')==-1)){
    var s=document.createElement('style');
    s.innerHTML="html,html body{overflow: auto;-webkit-overflow-scrolling:touch;}body{position:absolute;left:0;right:0;top:0;bottom:0;}";
    document.getElementsByTagName('head')[0].appendChild(s);}
  }
  catch(e){
  }
})();
</script>
</head>

<body ng-app="alApp"  ng-controller="TopCtrl"  style="padding-top: 70px; padding-bottom: 70px; ">

<nav class="navbar navbar-default navbar-fixed-top navbar-branded" role="navigation">
<div class="navbar-header">
  <div class="navbar-brand visible-xs">上传照片</div>
</div>
<div class="navbar-brand visible-sm text-center">上传照片</div>
<div class="navbar-brand navbar-center hidden-xs hidden-sm">上传照片</div>
</nav>

 <!-- ui-router 用 -->
 <div ui-view="" autoscroll="false" class="ui-view container"></div>

    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/jquery.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/angular.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/bootstrap.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/angular-animate.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/angular-cookies.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/angular-resource.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/angular-route.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/angular-sanitize.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/angular-touch.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/ui-bootstrap-tpls.min.js')}"/>

    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/lodash.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/angular-simple-logger.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/angular-google-maps.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/angular-ui-router.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.AL_MobileApp_Lib, 'js/exif.js')}"/>

<!-- 開発中-->
<!---->    <c:AL_MobileApp_App />
    <c:AL_MobileApp_Ctrl />
    <c:AL_MobileApp_SfdcService />
    <c:AL_MobileApp_ImageService />
    <c:AL_MobileApp_Directive />

<!--  
    <apex:includeScript value="{!URLFOR($Resource.S1app_js, 'AL_MobileApp_App.min.js')}"/>
    <c:AL_MobileApp_Ctrl />
    <apex:includeScript value="{!URLFOR($Resource.S1app_js, 'AL_MobileApp_Ctrl.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.S1app_js, 'AL_MobileApp_SfdcService.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.S1app_js, 'AL_MobileApp_ImageService.min.js')}"/>
    <apex:includeScript value="{!URLFOR($Resource.S1app_js, 'AL_MobileApp_Directive.min.js')}"/>
-->
</body>

</apex:page>