Commits

Anonymous committed c124285

Modified attach_file_form to add new icons to upload and download files

Comments (0)

Files changed (1)

zurbtheme/templates/zurb_attach_file_form.html

                         <div class="btn-toolbar">
                             <div class="btn-group">
                             <span class="btn btn-forfileinput fileinput-button">
-                                <i class="icon-plus"></i>
-                                <span>+ Add files...</span>
+                                <i class="fi-plus size-14"></i>
+                                <span>Add files...</span>
                                 <input class="btn tiny" type="file" name="attachment" multiple="" />
                             </span>
 
                             <button type="submit" class="tiny start">
-                                <i class="icon-upload"></i>
+                                <i class="fi-upload size-14"></i>
                                 <span>Start upload</span>
                             </button>
                                 <button type="reset" class="tiny cancel">
-                                    <i class="icon-ban-circle"></i>
+                                    <i class="fi-x-circle size-14"></i>
                                     <span>Cancel upload</span>
                                 </button>
                                 <button type="button" class="tiny delete">
-                                    <i class="icon-trash"></i>
+                                    <i class="fi-trash size-14"></i>
                                     <span>Clear failures</span>
                                 </button>
                             </div>
         {% for (var i=0, file; file=o.files[i]; i++) { %}
             <div class="template-upload fade row" style="margin-left:0px;">
                 <dt>
-                    <i class="icon-file"></i> {%=file.name%}
+                    <i class="fi-page-export"></i> {%=file.name%}
                     (<span title=" {%=file.size%} bytes">{%=o.formatFileSize(file.size)%}</span>)
                   <div class="large-12">
                      <span style="margin-top:10px; float:left;" class="cancel">{% if (!i) { %}
                         <button class="tiny btn-link">
-                            <i class="icon-remove"></i>
+                            <i class="fi-x size-14"></i>
                             Cancel
                         </button>
                     {% } %}</span>
                             %}
                             <div class="large-2" style="float:left;">
                                 <button class="small" title="Upload">
-                                    <i class="icon-upload"></i>
+                                    <i class="fi-upload size-14"></i>
                                     <span>Upload</span>
                                 </button>
                             </div>
                 data-recent="{%=((file.error)? 0 : 1)%}">
                 {% if (file.error) { %}
                 <dt>
-                    <i class="icon-file"></i>
+                    <i class="fi-page-export"></i>
                     <del>{%=file.name%}</del>
                 </dt>
                 <dd class="error">
                     </span>
                     <span class="delete">
                         <button class="tiny" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}" title="Remove">
-                        <i class="icon-trash icon-white"></i>Remove
+                        <i class="fi-trash icon-white"></i>Remove
                         </button>
                         <input type="checkbox" name="delete" value="1" checked="checked" />
                     </span>
                 </dd>
                 {% } else { %}
                 <dt>
-                    <i class="icon-file"></i>
+                    <i class="fi-page-export"></i>
                     <a title="Download" class="trac-rawlink" href="{%=file.download_url%}">
-                        <i class="icon-download-alt"></i>
+                        <i class="fi-download size-14"></i>
                     </a>
                     <a title="View attachment" href="{%=file.url%}">{%=file.name%}</a>
                     (<span title="{%=file.size%} bytes">{%=o.formatFileSize(file.size)%}</span>) -