uploading-files.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287
  1. <!DOCTYPE html>
  2. <html lang="" xml:lang="">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <title>7 Uploading files | dealing with gin</title>
  7. <meta name="description" content="7 Uploading files | dealing with gin" />
  8. <meta name="generator" content="bookdown 0.17 and GitBook 2.6.7" />
  9. <meta property="og:title" content="7 Uploading files | dealing with gin" />
  10. <meta property="og:type" content="book" />
  11. <meta name="twitter:card" content="summary" />
  12. <meta name="twitter:title" content="7 Uploading files | dealing with gin" />
  13. <meta name="viewport" content="width=device-width, initial-scale=1" />
  14. <meta name="apple-mobile-web-app-capable" content="yes" />
  15. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  16. <link rel="prev" href="downloading-files.html"/>
  17. <link rel="next" href="using-application-made-for-git.html"/>
  18. <script src="libs/jquery-2.2.3/jquery.min.js"></script>
  19. <link href="libs/gitbook-2.6.7/css/style.css" rel="stylesheet" />
  20. <link href="libs/gitbook-2.6.7/css/plugin-table.css" rel="stylesheet" />
  21. <link href="libs/gitbook-2.6.7/css/plugin-bookdown.css" rel="stylesheet" />
  22. <link href="libs/gitbook-2.6.7/css/plugin-highlight.css" rel="stylesheet" />
  23. <link href="libs/gitbook-2.6.7/css/plugin-search.css" rel="stylesheet" />
  24. <link href="libs/gitbook-2.6.7/css/plugin-fontsettings.css" rel="stylesheet" />
  25. <link href="libs/gitbook-2.6.7/css/plugin-clipboard.css" rel="stylesheet" />
  26. </head>
  27. <body>
  28. <div class="book without-animation with-summary font-size-2 font-family-1" data-basepath=".">
  29. <div class="book-summary">
  30. <nav role="navigation">
  31. <ul class="summary">
  32. <li class="chapter" data-level="1" data-path="index.html"><a href="index.html"><i class="fa fa-check"></i><b>1</b> Dealing with Gin</a></li>
  33. <li class="chapter" data-level="2" data-path="play-with-sandbox.html"><a href="play-with-sandbox.html"><i class="fa fa-check"></i><b>2</b> Play with Sandbox</a></li>
  34. <li class="chapter" data-level="3" data-path="cannot-see-a-repository.html"><a href="cannot-see-a-repository.html"><i class="fa fa-check"></i><b>3</b> Cannot see a repository?</a><ul>
  35. <li class="chapter" data-level="3.1" data-path="cannot-see-a-repository.html"><a href="cannot-see-a-repository.html#sign-in-to-gin"><i class="fa fa-check"></i><b>3.1</b> Sign in to Gin</a></li>
  36. <li class="chapter" data-level="3.2" data-path="cannot-see-a-repository.html"><a href="cannot-see-a-repository.html#check-that-the-repository-exists"><i class="fa fa-check"></i><b>3.2</b> Check that the repository exists</a></li>
  37. <li class="chapter" data-level="3.3" data-path="cannot-see-a-repository.html"><a href="cannot-see-a-repository.html#make-sure-you-have-access-to-the-repository"><i class="fa fa-check"></i><b>3.3</b> Make sure you have access to the repository</a></li>
  38. </ul></li>
  39. <li class="chapter" data-level="4" data-path="dashboard-how-to-use.html"><a href="dashboard-how-to-use.html"><i class="fa fa-check"></i><b>4</b> Dashboard: how to use</a><ul>
  40. <li class="chapter" data-level="4.1" data-path="dashboard-how-to-use.html"><a href="dashboard-how-to-use.html#activity"><i class="fa fa-check"></i><b>4.1</b> Activity</a></li>
  41. <li class="chapter" data-level="4.2" data-path="dashboard-how-to-use.html"><a href="dashboard-how-to-use.html#collaborative-repositories"><i class="fa fa-check"></i><b>4.2</b> Collaborative repositories</a></li>
  42. <li class="chapter" data-level="4.3" data-path="dashboard-how-to-use.html"><a href="dashboard-how-to-use.html#private-repositories"><i class="fa fa-check"></i><b>4.3</b> Private repositories</a></li>
  43. </ul></li>
  44. <li class="chapter" data-level="5" data-path="browsing-a-repository.html"><a href="browsing-a-repository.html"><i class="fa fa-check"></i><b>5</b> Browsing a repository</a><ul>
  45. <li class="chapter" data-level="5.1" data-path="browsing-a-repository.html"><a href="browsing-a-repository.html#overview-of-the-repository"><i class="fa fa-check"></i><b>5.1</b> Overview of the repository</a></li>
  46. <li class="chapter" data-level="5.2" data-path="browsing-a-repository.html"><a href="browsing-a-repository.html#browsing-files"><i class="fa fa-check"></i><b>5.2</b> Browsing files</a><ul>
  47. <li class="chapter" data-level="5.2.1" data-path="browsing-a-repository.html"><a href="browsing-a-repository.html#a-small-side-note"><i class="fa fa-check"></i><b>5.2.1</b> A small side note</a></li>
  48. </ul></li>
  49. </ul></li>
  50. <li class="chapter" data-level="6" data-path="downloading-files.html"><a href="downloading-files.html"><i class="fa fa-check"></i><b>6</b> Downloading files</a><ul>
  51. <li class="chapter" data-level="6.1" data-path="downloading-files.html"><a href="downloading-files.html#download-button"><i class="fa fa-check"></i><b>6.1</b> Download button</a></li>
  52. </ul></li>
  53. <li class="chapter" data-level="7" data-path="uploading-files.html"><a href="uploading-files.html"><i class="fa fa-check"></i><b>7</b> Uploading files</a><ul>
  54. <li class="chapter" data-level="7.1" data-path="uploading-files.html"><a href="uploading-files.html#location-of-the-buttons"><i class="fa fa-check"></i><b>7.1</b> Location of the buttons</a></li>
  55. <li class="chapter" data-level="7.2" data-path="uploading-files.html"><a href="uploading-files.html#common-features-for-file-upload"><i class="fa fa-check"></i><b>7.2</b> Common features for file-upload</a><ul>
  56. <li class="chapter" data-level="7.2.1" data-path="uploading-files.html"><a href="uploading-files.html#specifying-the-directory-to-be-uploaded"><i class="fa fa-check"></i><b>7.2.1</b> Specifying the directory to be uploaded</a></li>
  57. <li class="chapter" data-level="7.2.2" data-path="uploading-files.html"><a href="uploading-files.html#committing-new-files"><i class="fa fa-check"></i><b>7.2.2</b> Committing new files</a></li>
  58. </ul></li>
  59. <li class="chapter" data-level="7.3" data-path="uploading-files.html"><a href="uploading-files.html#uploading-a-set-of-files"><i class="fa fa-check"></i><b>7.3</b> Uploading a set of files</a></li>
  60. <li class="chapter" data-level="7.4" data-path="uploading-files.html"><a href="uploading-files.html#create-a-new-text-file"><i class="fa fa-check"></i><b>7.4</b> Create a new (text) file</a></li>
  61. <li class="chapter" data-level="7.5" data-path="uploading-files.html"><a href="uploading-files.html#edit-a-text-file"><i class="fa fa-check"></i><b>7.5</b> Edit a (text) file</a></li>
  62. </ul></li>
  63. <li class="chapter" data-level="8" data-path="using-application-made-for-git.html"><a href="using-application-made-for-git.html"><i class="fa fa-check"></i><b>8</b> Using application made for git</a></li>
  64. <li class="chapter" data-level="9" data-path="using-rstudio-with-gin.html"><a href="using-rstudio-with-gin.html"><i class="fa fa-check"></i><b>9</b> Using Rstudio with GIN</a></li>
  65. </ul>
  66. </nav>
  67. </div>
  68. <div class="book-body">
  69. <div class="body-inner">
  70. <div class="book-header" role="navigation">
  71. <h1>
  72. <i class="fa fa-circle-o-notch fa-spin"></i><a href="./">dealing with gin</a>
  73. </h1>
  74. </div>
  75. <div class="page-wrapper" tabindex="-1" role="main">
  76. <div class="page-inner">
  77. <section class="normal" id="section-">
  78. <div id="uploading-files" class="section level1">
  79. <h1><span class="header-section-number">7</span> Uploading files</h1>
  80. <p>The Gin web-interface allows you to:</p>
  81. <ul>
  82. <li><a href="uploading-files.html#create-a-new-text-file">create</a> a new text-based file,</li>
  83. <li><a href="uploading-files.html#edit-a-text-file">edit</a> a text-based file, or</li>
  84. <li><a href="uploading-files.html#uploading-a-set-of-files">upload</a> a new set of files.</li>
  85. </ul>
  86. <p>All of the above procedures share some features in common:</p>
  87. <ul>
  88. <li>You can start both of the procedures easily by <a href="uploading-files.html#location-of-the-buttons">a click of a button</a>.</li>
  89. <li>You can <a href="uploading-files.html#specifying-the-directory-to-be-uploaded">specify the sub-directory in the repository</a> for the file(s) to be uploaded.</li>
  90. <li>You can <a href="uploading-files.html#committing-new-files">specify the commit options</a>.</li>
  91. </ul>
  92. <div id="location-of-the-buttons" class="section level2">
  93. <h2><span class="header-section-number">7.1</span> Location of the buttons</h2>
  94. <p>When the web interface shows a list of files in a repository, you can see blue buttons in the middle, above the file list.</p>
  95. <blockquote>
  96. <p>Note that, if you don’t have the “write” permission to the repository, these buttons will not appear. If you still want to create or upload files, contact the person responsible for the repository to <a href="collaboration.md">add you as a Collaborator</a>.</p>
  97. </blockquote>
  98. <div class="figure">
  99. <img src="images/upload-actions.png" alt="Where you can find the buttons for file-creation / upload" />
  100. <p class="caption">Where you can find the buttons for file-creation / upload</p>
  101. </div>
  102. <p>There, you have two types of buttons:</p>
  103. <ul>
  104. <li><strong><a href="uploading-files.html#uploading-a-set-of-files">“Upload file” button</a></strong>: used to upload a set of files.</li>
  105. <li><strong><a href="#create-new-files">“New file” button</a></strong>: used to create a new file in the repository.</li>
  106. </ul>
  107. <div class="figure">
  108. <img src="images/upload-actions-buttons.png" alt="Two buttons for new files" />
  109. <p class="caption">Two buttons for new files</p>
  110. </div>
  111. </div>
  112. <div id="common-features-for-file-upload" class="section level2">
  113. <h2><span class="header-section-number">7.2</span> Common features for file-upload</h2>
  114. <p>No matter which button you use, there are some features shared in common.</p>
  115. <div id="specifying-the-directory-to-be-uploaded" class="section level3">
  116. <h3><span class="header-section-number">7.2.1</span> Specifying the directory to be uploaded</h3>
  117. <p>On top of the view, an empty text field will show up:</p>
  118. <div class="figure">
  119. <img src="images/directory-selector-empty.png" alt="Directory selector" />
  120. <p class="caption">Directory selector</p>
  121. </div>
  122. <p>This is for specifying the directory to upload the file(s).</p>
  123. <p>For instance:</p>
  124. <ul>
  125. <li>Enter the name of the subdirectory (within the repository) in this field:</li>
  126. </ul>
  127. <div class="figure">
  128. <img src="images/directory-selector-subdir.png" alt="A subdirectory is specified" />
  129. <p class="caption">A subdirectory is specified</p>
  130. </div>
  131. <ul>
  132. <li>Gin will automatically create a new directory with the given name (in case it does not exist) as you <a href="uploading-files.html#committing-new-files">commit uploads (see the section below)</a>:</li>
  133. </ul>
  134. <div class="figure">
  135. <img src="images/created-subdir.png" alt="Created subdirectory" />
  136. <p class="caption">Created subdirectory</p>
  137. </div>
  138. <ul>
  139. <li>Inside the subdirectory, you will find the uploaded file(s):</li>
  140. </ul>
  141. <div class="figure">
  142. <img src="images/subdir-content.png" alt="The uploaded file in the sub-directory" />
  143. <p class="caption">The uploaded file in the sub-directory</p>
  144. </div>
  145. <p>You can also specify the <em>path</em> to the directory of interest, by connecting a hierarchy of directories by a <code>/</code> (slash):</p>
  146. <p>TODO</p>
  147. </div>
  148. <div id="committing-new-files" class="section level3">
  149. <h3><span class="header-section-number">7.2.2</span> Committing new files</h3>
  150. <p>TODO</p>
  151. </div>
  152. </div>
  153. <div id="uploading-a-set-of-files" class="section level2">
  154. <h2><span class="header-section-number">7.3</span> Uploading a set of files</h2>
  155. <p>When you click on the “Upload file” button, the file upload view will appear:</p>
  156. <div class="figure">
  157. <img src="images/upload-view.png" alt="File-upload view" />
  158. <p class="caption">File-upload view</p>
  159. </div>
  160. <p>The dotted region in the middle of the page is the <em>upload area</em>:</p>
  161. <div class="figure">
  162. <img src="images/upload-view-upload-area.png" alt="The upload area" />
  163. <p class="caption">The upload area</p>
  164. </div>
  165. <p>You can add the files to be uploaded by either:</p>
  166. <ul>
  167. <li><strong>Clicking on the area</strong>: the file chooser dialog will appear so that you can select files from it.</li>
  168. <li><strong>Drag and drop</strong> individual files or a directory containing a set of files. In the latter case, you can upload the whole directory structure easily.</li>
  169. </ul>
  170. <p>In either case, the upload process will start immediately, and you will see the progress on the area:</p>
  171. <div class="figure">
  172. <img src="images/upload-progress.png" alt="Progress of upload" />
  173. <p class="caption">Progress of upload</p>
  174. </div>
  175. <p>You can specify the directory to be uploaded from the <a href="uploading-files.html#specifying-the-directory-to-be-uploaded">directory selector (see the section above)</a>.</p>
  176. <p>After completion of the upload processes for all files, you can proceed to finish the <a href="uploading-files.html#committing-new-files">commit process (see the section above)</a>.</p>
  177. <blockquote>
  178. <p>Note, by using this upload view, you can only upload 100 files at once, with each file being less than 10 GB in size. If you want to upload more files at once, or upload larger files, you will have to use the command-line interface or WinGIN.</p>
  179. </blockquote>
  180. </div>
  181. <div id="create-a-new-text-file" class="section level2">
  182. <h2><span class="header-section-number">7.4</span> Create a new (text) file</h2>
  183. <p>TODO</p>
  184. </div>
  185. <div id="edit-a-text-file" class="section level2">
  186. <h2><span class="header-section-number">7.5</span> Edit a (text) file</h2>
  187. <p>TODO</p>
  188. </div>
  189. </div>
  190. </section>
  191. </div>
  192. </div>
  193. </div>
  194. <a href="downloading-files.html" class="navigation navigation-prev " aria-label="Previous page"><i class="fa fa-angle-left"></i></a>
  195. <a href="using-application-made-for-git.html" class="navigation navigation-next " aria-label="Next page"><i class="fa fa-angle-right"></i></a>
  196. </div>
  197. </div>
  198. <script src="libs/gitbook-2.6.7/js/app.min.js"></script>
  199. <script src="libs/gitbook-2.6.7/js/lunr.js"></script>
  200. <script src="libs/gitbook-2.6.7/js/clipboard.min.js"></script>
  201. <script src="libs/gitbook-2.6.7/js/plugin-search.js"></script>
  202. <script src="libs/gitbook-2.6.7/js/plugin-sharing.js"></script>
  203. <script src="libs/gitbook-2.6.7/js/plugin-fontsettings.js"></script>
  204. <script src="libs/gitbook-2.6.7/js/plugin-bookdown.js"></script>
  205. <script src="libs/gitbook-2.6.7/js/jquery.highlight.js"></script>
  206. <script src="libs/gitbook-2.6.7/js/plugin-clipboard.js"></script>
  207. <script>
  208. gitbook.require(["gitbook"], function(gitbook) {
  209. gitbook.start({
  210. "sharing": {
  211. "github": false,
  212. "facebook": true,
  213. "twitter": true,
  214. "linkedin": false,
  215. "weibo": false,
  216. "instapaper": false,
  217. "vk": false,
  218. "all": ["facebook", "twitter", "linkedin", "weibo", "instapaper"]
  219. },
  220. "fontsettings": {
  221. "theme": "white",
  222. "family": "sans",
  223. "size": 2
  224. },
  225. "edit": {
  226. "link": null,
  227. "text": null
  228. },
  229. "history": {
  230. "link": null,
  231. "text": null
  232. },
  233. "view": {
  234. "link": null,
  235. "text": null
  236. },
  237. "download": null,
  238. "toc": {
  239. "collapse": "subsection"
  240. }
  241. });
  242. });
  243. </script>
  244. </body>
  245. </html>