smartinmedia/cunity

<div class="page-buttonbar clearfix">
    <h1 class="page-header pull-left">{-"Filesharing"|translate}</h1>
    {-if ($numberOfOwnFiles < {-"filesharing.files_user"|setting} or empty({-"filesharing.files_user"|setting})) }
    <button class="btn btn-primary pull-right" data-toggle="modal" data-target="#newfiles_modal" id="newfiles"><i
                class="fa fa-plus"></i>&nbsp;{-"New file"|translate}</button>
    <input type="text" class="form-control" placeholder="{-"Search"|translate}" id="fileSearch" />
    {-/if}
</div>
<div id="fileslist">
    <div class="filesharing-loader block-loader loader"></div>
    <div class="filesharing-list clearfix"></div>
    <div class="alert alert-block alert-danger"><p>{-"There are no files to show!"|translate}</p></div>
</div>
<div class="modal fade" id="newfiles_modal" tabindex="-1" role="dialog" aria-labelledby="newfiles_modal"
     aria-hidden="true" data-moveto="body">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">{-"Create new file"|translate}</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" action="{-"index.php?m=filesharing&action=create"|URL}" role="form"
                      id="newfiles_form" enctype="multipart/form-data" method="post" onsubmit="return checkSize({-$upload_limit})">
                    <input type="hidden" value="{-$upload_limit}" id="upload_limit" />
                    <div class="form-group">
                        <label class="col-sm-2 control-label">{-"Title"|translate}</label>

                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="title" placeholder="{-"Title"|translate}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">{-"Description"|translate}</label>

                        <div class="col-sm-10">
                            <textarea class="form-control" rows="3" name="description"
                                      placeholder="{-"Enter a short description for your files. Optional you can leave that blank!"|translate}"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">{-"Privacy"|translate}</label>

                        <div class="col-sm-10">
                            <div data-toggle="buttons">
                                <label class="btn btn-default tooltip-trigger active"
                                       data-title="{-"Only your friends can see the files"|translate}"
                                       data-container="#newfiles_modal" id="friendCheckboxLabel">
                                    <input type="hidden" name="allFriends" value="" />
                                    <input type="checkbox" checked="checked" id="friendCheckbox" name="allFriends"><i
                                            class="fa fa-group"></i>&nbsp;{-"All friends"|translate}
                                </label>&nbsp;or&nbsp;
                                <label class="tooltip-trigger" style="width: 240px"
                                       data-title="{-"Users"|translate}"
                                       data-container="#newfiles_modal">
                                    <select name="friends[]" multiple="multiple" id="friendselector">
                                        {-foreach $friends as $friend }
                                            <option value="{-$friend.userid}">{-$friend.username}</option>
                                        {-/foreach}
                                    </select>
                                </label>
                            </div>
                        </div>
                    </div>
                        <input type="hidden" name="uploadtype" value="single" />
                        <div id="singleuploader">
                            <div class="row">
                                <div class="col-lg-10">
                                    <div class="col-lg-2">
                                        <label>File</label>
                                    </div>
                                    <div class="input-group">
                                        <input class="inputCover form-control" type="text" id="fileonecover"
                                               readonly="readonly">
                                        <input class="hidden filefakeinput" name="file" type="file" id="fileone"
                                               data-rel="#fileonecover">
                                    <span class="input-group-btn">
                                        <label class="btn btn-default" for="fileone"><i
                                                    class="fa fa-search"></i>&nbsp;{-"Browse"|translate}</label>
                                        </span>
                                    </div>
                                    {-if ($upload_limit != "") }
                                    <label class="help-block">{-"Maximum size of one file is "|translate}{-$upload_limit_human_readable}</label>
                                    {-/if}
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default"
                                    data-dismiss="modal">{-"Cancel"|translate}</button>
                            <button type="submit" id="startupload" class="btn btn-primary"
                                    data-loading-text="{-"Please wait..."|translate}"><i
                                        class="fa fa-upload"></i>&nbsp;{-"Upload"|translate}</button>
                        </div>
                    </form>
            </div>
        </div>
    </div>
</div>
<script type="text/html" id="files-template">
    <article class="searchresult-item clearfix" id="filesharing-item-{%=o.id%}">
        <img src="{%=checkImage('','file','cr_')%}" class="img-rounded thumbnail pull-left">
        <div class="searchresult-item-content pull-left">
            <h2><a href="{-"index.php?m=filesharing&action=download&file="|URL}{%=o.id%}" class="fileTitle">{%=o.title%}</a></h2>
            <h4 class="fileDescription">{%=o.description%}</h4>
        </div>
        {% if(o.user_id == userid) { %}
        <div class="pull-right btn-group btn-group-sm">
            <button type="button" class="close tooltip-trigger deleteFile"
                    data-fileid="{%=o.id%}" data-msg="{-"Are You sure You want to delete this file?"|translate}"
                    data-title="{-"Delete file"|translate}">&times;</button>
        </div>
        {% } %}
    </article>
</script>