{% extends "base.html" %}
{% load staticfiles %}

{%block YACMS_HEAD %}

<link href="{%static "mycms/css/pageadmin.css" %}" rel="stylesheet">

<!-- script>
   var view_json = {{view_object.json_data | safe}}
</script -->

<link rel="stylesheet" href="/static/mycms/mediauploader/css/jquery.fileupload.css">
<link rel="stylesheet" href="/static/mycms/mediauploader/css/jquery.fileupload-ui.css">

 <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="/static/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

<style>
        #gallery .thumbnail{
            width:150px;
            height: 150px;
            float:left;
            margin:2px;
        }
        #gallery .thumbnail img{
            width:150px;
            height: 150px;
            float: left;
        }

        .yacms_thumbnail {
            width:150px;
            height: 150px;
            float:left;
            margin:2px;

        }

        .yacms_upload_panel {
            float: left;

        }


.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

</style>

{%endblock YACMS_HEAD %}


{%block DESCRIPTION %}{{view_object.introduction}}{% endblock DESCRIPTION %}
{% block TITLE%} {{view_object.title}}{% endblock TITLE %}
{% block BODY_TITLE%} FileUpload {% endblock BODY_TITLE %}
{% block BREADCRUMBS_LIST_ENTRIES %}{% endblock BREADCRUMBS_LIST_ENTRIES %}






{% block YACMS_PAGE_MAIN_BODY %}
<div class="row-fluid ">

<div class="row">
                    <div class="span10">
                        <div class="fileinput-button" style="float:left; margin-right:10px;">
                            <input type="file" id="addfiles" multiple="multiple" /> <button class="btn btn-warning">Add Files</button>
                        </div>

                        <div>
                         <button class="btn btn-warning" id="upload-files">Upload Files</button>
                        </div>
                    </div>
</div>


<div id="yacms_gallery">


                    <div class="row-fluid">

                        <div class="span2">
                            <div class="yacms_thumbnail">
                                <img src="/static/assets/g1.jpg"> </img>
                            </div>
                        </div>

                        <div class="span6">
                                <div>dfgsdfg</div>
                                <div class="progress" style="width:100%">
                                      <div class="bar" style="width: 60%;"></div>
                                </div>
                        </div>
                        <div class="span2">
                                <button class="btn btn-warning">Button</button>
                        </div>
                    </div>

    </div>

<!-- end yacms_gallery-->


</div>

{% endblock YACMS_PAGE_MAIN_BODY %}



{% block YACMS_JAVASCRIPT %}


<script src="{% static "yacms/js/dustjs/dust-full.min.js" %}"></script>
<script src="{% static "yacms/js/yacms.js" %}"></script>
<script src="/static/yacms/mediauploader/js/vendor/jquery.ui.widget.js"></script>





{% endblock YACMS_JAVASCRIPT %}
