diff --git a/rhodecode/templates/files/files_add.html b/rhodecode/templates/files/files_add.html
new file mode 100644
--- /dev/null
+++ b/rhodecode/templates/files/files_add.html
@@ -0,0 +1,85 @@
+<%inherit file="/base/base.html"/>
+
+<%def name="title()">
+    ${c.repo_name} ${_('Edit file')} - ${c.rhodecode_name}
+</%def>
+
+<%def name="js_extra()">
+<script type="text/javascript" src="${h.url('/js/codemirror.js')}"></script>
+</%def>
+<%def name="css_extra()">
+<link rel="stylesheet" type="text/css" href="${h.url('/css/codemirror.css')}"/>
+</%def>
+
+<%def name="breadcrumbs_links()">
+    ${h.link_to(u'Home',h.url('/'))}
+    &raquo;
+    ${h.link_to(c.repo_name,h.url('summary_home',repo_name=c.repo_name))}
+    &raquo;
+    ${_('add file')} @ R${c.cs.revision}:${h.short_id(c.cs.raw_id)}
+</%def>
+
+<%def name="page_nav()">
+		${self.menu('files')}     
+</%def>
+<%def name="main()">
+<div class="box">
+    <!-- box / title -->
+    <div class="title">
+        ${self.breadcrumbs()}
+        <ul class="links">
+            <li>
+              <span style="text-transform: uppercase;">
+              <a href="#">${_('branch')}: ${c.cs.branch}</a></span>
+            </li>          
+        </ul>          
+    </div>
+    <div class="table">
+		<div id="files_data">
+		  ${h.form(h.url.current(),method='post',id='eform')}
+            <h3>${_('Add new file')}</h3>
+            <div class="form">
+                    <div class="fields">
+                         <div class="field">
+                            <div class="label">
+                                <label for="location">${_('Location')}</label>
+                            </div>
+                            <div class="input">
+                                <input type="text" value="${c.f_path}" size="30" name="location" id="location">
+                            </div>
+                         </div>
+                                      
+                        <div class="field">
+                            <div class="label">
+                                <label for="filename">${_('File Name')}:</label>
+                            </div>
+                            <div class="input">
+                                <input type="text" value="" size="30" name="filename" id="filename">
+                            </div>
+                        </div>                                                    
+                    </div>
+            </div>            
+			<div id="body" class="codeblock">
+			    <pre id="editor_pre"></pre>
+				<textarea id="editor" name="content" style="display:none"></textarea>
+				<div style="padding-top: 10px;">${_('commit message')}</div>
+				<textarea id="commit" name="message" style="height: 100px;width: 99%"></textarea>
+			</div>
+			<div style="text-align: right;padding-top: 5px">
+			<input id="reset" type="button" value="${_('Reset')}" class="ui-button-small" />
+			${h.submit('commit',_('Commit changes'),class_="ui-button-small-blue")}
+			</div>
+			${h.end_form()}
+			<script type="text/javascript">
+			 var myCodeMirror = CodeMirror.fromTextArea(YUD.get('editor'),{
+	                mode:  "null",
+	                lineNumbers:true
+	              });
+			 YUE.on('reset','click',function(){
+				 window.location="${h.url('files_home',repo_name=c.repo_name,revision=c.cs.revision,f_path=c.f_path)}";
+			 })
+			</script>
+		</div>    
+    </div>
+</div>    
+</%def>   
\ No newline at end of file