web-interface.html 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487
  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>3 Web interface | dealing with gin</title>
  7. <meta name="description" content="3 Web interface | dealing with gin" />
  8. <meta name="generator" content="bookdown 0.18.1 and GitBook 2.6.7" />
  9. <meta property="og:title" content="3 Web interface | dealing with gin" />
  10. <meta property="og:type" content="book" />
  11. <meta name="twitter:card" content="summary" />
  12. <meta name="twitter:title" content="3 Web interface | dealing with gin" />
  13. <meta name="author" content="Julien Colomb and Keisuke Sehara" />
  14. <meta name="viewport" content="width=device-width, initial-scale=1" />
  15. <meta name="apple-mobile-web-app-capable" content="yes" />
  16. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  17. <link rel="prev" href="intro.html"/>
  18. <link rel="next" href="using-application-made-for-git.html"/>
  19. <script src="libs/jquery-2.2.3/jquery.min.js"></script>
  20. <link href="libs/gitbook-2.6.7/css/style.css" rel="stylesheet" />
  21. <link href="libs/gitbook-2.6.7/css/plugin-table.css" rel="stylesheet" />
  22. <link href="libs/gitbook-2.6.7/css/plugin-bookdown.css" rel="stylesheet" />
  23. <link href="libs/gitbook-2.6.7/css/plugin-highlight.css" rel="stylesheet" />
  24. <link href="libs/gitbook-2.6.7/css/plugin-search.css" rel="stylesheet" />
  25. <link href="libs/gitbook-2.6.7/css/plugin-fontsettings.css" rel="stylesheet" />
  26. <link href="libs/gitbook-2.6.7/css/plugin-clipboard.css" rel="stylesheet" />
  27. </head>
  28. <body>
  29. <div class="book without-animation with-summary font-size-2 font-family-1" data-basepath=".">
  30. <div class="book-summary">
  31. <nav role="navigation">
  32. <ul class="summary">
  33. <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>
  34. <li class="chapter" data-level="2" data-path="intro.html"><a href="intro.html"><i class="fa fa-check"></i><b>2</b> Intro</a><ul>
  35. <li class="chapter" data-level="2.1" data-path="intro.html"><a href="intro.html#play-with-sandbox"><i class="fa fa-check"></i><b>2.1</b> Play with Sandbox</a></li>
  36. </ul></li>
  37. <li class="chapter" data-level="3" data-path="web-interface.html"><a href="web-interface.html"><i class="fa fa-check"></i><b>3</b> Web interface</a><ul>
  38. <li class="chapter" data-level="3.1" data-path="web-interface.html"><a href="web-interface.html#cannot-see-a-repository"><i class="fa fa-check"></i><b>3.1</b> Cannot see a repository?</a><ul>
  39. <li class="chapter" data-level="3.1.1" data-path="web-interface.html"><a href="web-interface.html#sign-in-to-gin"><i class="fa fa-check"></i><b>3.1.1</b> Sign in to Gin</a></li>
  40. <li class="chapter" data-level="3.1.2" data-path="web-interface.html"><a href="web-interface.html#check-that-the-repository-exists"><i class="fa fa-check"></i><b>3.1.2</b> Check that the repository exists</a></li>
  41. <li class="chapter" data-level="3.1.3" data-path="web-interface.html"><a href="web-interface.html#make-sure-you-have-access-to-the-repository"><i class="fa fa-check"></i><b>3.1.3</b> Make sure you have access to the repository</a></li>
  42. </ul></li>
  43. <li class="chapter" data-level="3.2" data-path="web-interface.html"><a href="web-interface.html#dashboard-how-to-use"><i class="fa fa-check"></i><b>3.2</b> Dashboard: how to use</a><ul>
  44. <li class="chapter" data-level="3.2.1" data-path="web-interface.html"><a href="web-interface.html#activity"><i class="fa fa-check"></i><b>3.2.1</b> Activity</a></li>
  45. <li class="chapter" data-level="3.2.2" data-path="web-interface.html"><a href="web-interface.html#collaborative-repositories"><i class="fa fa-check"></i><b>3.2.2</b> Collaborative repositories</a></li>
  46. <li class="chapter" data-level="3.2.3" data-path="web-interface.html"><a href="web-interface.html#private-repositories"><i class="fa fa-check"></i><b>3.2.3</b> Private repositories</a></li>
  47. </ul></li>
  48. <li class="chapter" data-level="3.3" data-path="web-interface.html"><a href="web-interface.html#browsing-a-repository"><i class="fa fa-check"></i><b>3.3</b> Browsing a repository</a><ul>
  49. <li class="chapter" data-level="3.3.1" data-path="web-interface.html"><a href="web-interface.html#overview-of-the-repository"><i class="fa fa-check"></i><b>3.3.1</b> Overview of the repository</a></li>
  50. <li class="chapter" data-level="3.3.2" data-path="web-interface.html"><a href="web-interface.html#browsing-files"><i class="fa fa-check"></i><b>3.3.2</b> Browsing files</a></li>
  51. </ul></li>
  52. <li class="chapter" data-level="3.4" data-path="web-interface.html"><a href="web-interface.html#downloading-files"><i class="fa fa-check"></i><b>3.4</b> Downloading files</a><ul>
  53. <li class="chapter" data-level="3.4.1" data-path="web-interface.html"><a href="web-interface.html#download-button"><i class="fa fa-check"></i><b>3.4.1</b> Download button</a></li>
  54. </ul></li>
  55. <li class="chapter" data-level="3.5" data-path="web-interface.html"><a href="web-interface.html#uploading-and-editing-files"><i class="fa fa-check"></i><b>3.5</b> Uploading and editing files</a><ul>
  56. <li class="chapter" data-level="3.5.1" data-path="web-interface.html"><a href="web-interface.html#overview"><i class="fa fa-check"></i><b>3.5.1</b> Overview</a></li>
  57. <li class="chapter" data-level="3.5.2" data-path="web-interface.html"><a href="web-interface.html#create-a-new-text-based-file"><i class="fa fa-check"></i><b>3.5.2</b> Create a new text-based file</a></li>
  58. <li class="chapter" data-level="3.5.3" data-path="web-interface.html"><a href="web-interface.html#edit-a-text-based-file"><i class="fa fa-check"></i><b>3.5.3</b> Edit a text-based file</a></li>
  59. <li class="chapter" data-level="3.5.4" data-path="web-interface.html"><a href="web-interface.html#uploading-a-set-of-files"><i class="fa fa-check"></i><b>3.5.4</b> Uploading a set of files</a></li>
  60. <li class="chapter" data-level="3.5.5" data-path="web-interface.html"><a href="web-interface.html#location-of-buttons-for-uploading"><i class="fa fa-check"></i><b>3.5.5</b> Location of buttons for uploading</a></li>
  61. <li class="chapter" data-level="3.5.6" data-path="web-interface.html"><a href="web-interface.html#specifying-the-directory-to-be-uploaded"><i class="fa fa-check"></i><b>3.5.6</b> Specifying the directory to be uploaded</a></li>
  62. <li class="chapter" data-level="3.5.7" data-path="web-interface.html"><a href="web-interface.html#committing-new-files"><i class="fa fa-check"></i><b>3.5.7</b> Committing new files</a></li>
  63. </ul></li>
  64. </ul></li>
  65. <li class="chapter" data-level="4" data-path="using-application-made-for-git.html"><a href="using-application-made-for-git.html"><i class="fa fa-check"></i><b>4</b> Using application made for git</a><ul>
  66. <li class="chapter" data-level="4.1" data-path="using-application-made-for-git.html"><a href="using-application-made-for-git.html#generalities"><i class="fa fa-check"></i><b>4.1</b> generalities</a></li>
  67. <li class="chapter" data-level="4.2" data-path="using-application-made-for-git.html"><a href="using-application-made-for-git.html#git-gui"><i class="fa fa-check"></i><b>4.2</b> Git GUI</a></li>
  68. <li class="chapter" data-level="4.3" data-path="using-application-made-for-git.html"><a href="using-application-made-for-git.html#using-rstudio-with-gin"><i class="fa fa-check"></i><b>4.3</b> Using Rstudio with GIN</a></li>
  69. </ul></li>
  70. </ul>
  71. </nav>
  72. </div>
  73. <div class="book-body">
  74. <div class="body-inner">
  75. <div class="book-header" role="navigation">
  76. <h1>
  77. <i class="fa fa-circle-o-notch fa-spin"></i><a href="./">dealing with gin</a>
  78. </h1>
  79. </div>
  80. <div class="page-wrapper" tabindex="-1" role="main">
  81. <div class="page-inner">
  82. <section class="normal" id="section-">
  83. <div id="web-interface" class="section level1">
  84. <h1><span class="header-section-number">3</span> Web interface</h1>
  85. <div id="cannot-see-a-repository" class="section level2">
  86. <h2><span class="header-section-number">3.1</span> Cannot see a repository?</h2>
  87. <p>So often, you try to visit a repository, and find something like below:</p>
  88. <div class="figure">
  89. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/norepository.png" alt="404 page" />
  90. <p class="caption">404 page</p>
  91. </div>
  92. <p>The solutions are:</p>
  93. <ol style="list-style-type: decimal">
  94. <li>Sign in to Gin</li>
  95. <li>Check that the repository exists</li>
  96. <li>Make sure you have access to the repository</li>
  97. </ol>
  98. <div id="sign-in-to-gin" class="section level3">
  99. <h3><span class="header-section-number">3.1.1</span> Sign in to Gin</h3>
  100. <p>It happens when you are not signed in to Gin.</p>
  101. <p>Click on the “Sign in” button at the top-right corner of the page:</p>
  102. <div class="figure">
  103. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/signin.png" alt="Sign-in button" />
  104. <p class="caption">Sign-in button</p>
  105. </div>
  106. <p>(If you have not yet got registered to Gin, then do it first from the “Register” button on the right.</p>
  107. </div>
  108. <div id="check-that-the-repository-exists" class="section level3">
  109. <h3><span class="header-section-number">3.1.2</span> Check that the repository exists</h3>
  110. <p>If the situation persists, go visit your <a href="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/Dashboard.md">dashboard</a>,
  111. and find the name of the repository from the list.
  112. If you click on it, the repository page should show up.</p>
  113. </div>
  114. <div id="make-sure-you-have-access-to-the-repository" class="section level3">
  115. <h3><span class="header-section-number">3.1.3</span> Make sure you have access to the repository</h3>
  116. <p>If you don’t find the repository in your dashboard, then
  117. it is possible that you don’t have access to the repository at all.</p>
  118. <p>Ask somebody who has access rights to the repository <a href="collaboration.md">for adding you as a Collaborator</a>.</p>
  119. </div>
  120. </div>
  121. <div id="dashboard-how-to-use" class="section level2">
  122. <h2><span class="header-section-number">3.2</span> Dashboard: how to use</h2>
  123. <p>When you simply sign in to Gin, without selecting any specific repository,
  124. you fill find a page like below (note that this is just an example):</p>
  125. <div class="figure">
  126. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/dashboard.png" alt="Dashboard overview" />
  127. <p class="caption">Dashboard overview</p>
  128. </div>
  129. <p>This is called the “dashboard”, and here you can see most of your activity on Gin.</p>
  130. <p>The dashboard may be divided into several areas:</p>
  131. <ol style="list-style-type: decimal">
  132. <li><a href="web-interface.html#activity"><strong>Activity</strong></a> area: shows what you did with your repositories</li>
  133. <li><a href="web-interface.html#collaborative-repositories"><strong>Collaborative repository</strong></a> area: lists up the shared repositories you have access to</li>
  134. <li><a href="web-interface.html#private-repositories"><strong>Private repository</strong></a> area: lists up your <em>own</em> repositories</li>
  135. </ol>
  136. <div id="activity" class="section level3">
  137. <h3><span class="header-section-number">3.2.1</span> Activity</h3>
  138. <div class="figure">
  139. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/activity-area.png" alt="Activity area" />
  140. <p class="caption">Activity area</p>
  141. </div>
  142. <p>This shows your recent activity on Gin, e.g.</p>
  143. <ul>
  144. <li>your recent commits to your repositories</li>
  145. <li>issues and comments reported to your repositories</li>
  146. </ul>
  147. </div>
  148. <div id="collaborative-repositories" class="section level3">
  149. <h3><span class="header-section-number">3.2.2</span> Collaborative repositories</h3>
  150. <div class="figure">
  151. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/collaboration-area.png" alt="Collaborative repository area" />
  152. <p class="caption">Collaborative repository area</p>
  153. </div>
  154. <p>This area lists up the repositories <strong>owned by others</strong> and those you have access to.</p>
  155. <p>Normally, most of your repositories will show up here, as they are owned and managed by <span class="citation">@larkumlab</span>.</p>
  156. </div>
  157. <div id="private-repositories" class="section level3">
  158. <h3><span class="header-section-number">3.2.3</span> Private repositories</h3>
  159. <div class="figure">
  160. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/private-repositories.png" alt="Private repository area" />
  161. <p class="caption">Private repository area</p>
  162. </div>
  163. <p>This area lists up the repositories owned by yourself.</p>
  164. <p>In many cases, these are visible only to you unless you add a <a href="collaboration.md">Collaborator</a> to one of them.</p>
  165. </div>
  166. </div>
  167. <div id="browsing-a-repository" class="section level2">
  168. <h2><span class="header-section-number">3.3</span> Browsing a repository</h2>
  169. <p>If you visit the repository page, it looks like below:</p>
  170. <div class="figure">
  171. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/repository-top.png" alt="A typical repository page" />
  172. <p class="caption">A typical repository page</p>
  173. </div>
  174. <p>From here, you can browse what is in the repository including:</p>
  175. <ol style="list-style-type: decimal">
  176. <li><a href="web-interface.html#overview-of-the-repository">overview of the repository</a></li>
  177. <li><a href="web-interface.html#browsing-files">file contents</a></li>
  178. </ol>
  179. <div id="overview-of-the-repository" class="section level3">
  180. <h3><span class="header-section-number">3.3.1</span> Overview of the repository</h3>
  181. <p>On top of the page, you will find the header consisting of <code>&lt;owner name&gt;/&lt;repository name&gt;</code>:</p>
  182. <div class="figure">
  183. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/repository-title.png" alt="Repository name" />
  184. <p class="caption">Repository name</p>
  185. </div>
  186. <p>This represents the <em>identifier</em> of the repository so that
  187. you can specify a single repository inside <code>https://gin.g-node.org</code>.</p>
  188. <p>Down to the bottom, you may find some document:</p>
  189. <div class="figure">
  190. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/readme.png" alt="README file" />
  191. <p class="caption">README file</p>
  192. </div>
  193. <p>This represents the (hopefully) detailed description of the repository about what it is
  194. or what it contains.</p>
  195. <blockquote>
  196. <p>In fact, this description comes from the <code>README.md</code> file in the root directory of the repository.
  197. The name of the file comes from a tradition of programmers community to contain the “read-me-first”
  198. file in the top directory of any code.</p>
  199. <p>You can add or edit it by adding / editing the <code>README.md</code> file.</p>
  200. <p>Even inside the sub-directories of the repositories, the description will automatically show up
  201. if you add and edit a <code>README.md</code> file in it.</p>
  202. </blockquote>
  203. </div>
  204. <div id="browsing-files" class="section level3">
  205. <h3><span class="header-section-number">3.3.2</span> Browsing files</h3>
  206. <p>In the middle, you can find a list of files and directories in the repository:</p>
  207. <div class="figure">
  208. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/files.png" alt="File list" />
  209. <p class="caption">File list</p>
  210. </div>
  211. <p>By clicking on individual file/directory entry, you can browse its contents.</p>
  212. <p>For example, you can see the contents of a sub-directory by clicking on it:</p>
  213. <div class="figure">
  214. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/directory-view.png" alt="Directory view" />
  215. <p class="caption">Directory view</p>
  216. </div>
  217. <p>Contents of normal files may be visible, as long as your browser supports it.</p>
  218. <ul>
  219. <li><p>For example, you can browse to <a href="images/dashboard.png">web-interface/images/dashboard.png</a>,
  220. and you can have a glimpse of the original image file:
  221. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/image-view.png" alt="Image-file view" /></p></li>
  222. <li><p>If you write the documents in the <a href="https://www.markdownguide.org/getting-started">Markdown</a> format
  223. (and I recommend to do so whenever possible), you can see the formatted-view of the document:
  224. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/markdown-view.png" alt="Markdown view" /></p></li>
  225. <li>Other text-based files (CSV, TSV etc.) may be seen in its raw format.</li>
  226. <li><p>Binary files (Excel, Word, Spike2 etc.) will not be visible, so you must <a href="downloading.md">download it</a> to see the contents.</p></li>
  227. </ul>
  228. <div id="a-small-side-note" class="section level4">
  229. <h4><span class="header-section-number">3.3.2.1</span> A small side note</h4>
  230. <p>On the left columns of the files list, you can see some information like below:</p>
  231. <div class="figure">
  232. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/commit-description.png" alt="Commit description" />
  233. <p class="caption">Commit description</p>
  234. </div>
  235. <p>Sadly <strong>it is <em>not</em> about the description to the file itself</strong> but describes the commit
  236. that updated this file most recently.</p>
  237. <p>In the case of the image above, the directory “web-interface” was updated by the commit
  238. with the commit ID being <code>b42b7633f7</code>, and with the commit message <code>update dashboard.md</code>.</p>
  239. </div>
  240. </div>
  241. </div>
  242. <div id="downloading-files" class="section level2">
  243. <h2><span class="header-section-number">3.4</span> Downloading files</h2>
  244. <p>Although the files may be browsable on the web interface, you might want to interact with them on your desktop, using one of your favorite programs.</p>
  245. <p>It is possible to download files individually from the web interface.</p>
  246. <blockquote>
  247. <p>Note that this “individual download” feature differs from what Git-people call “cloning of the repository”. Git-clone involves downloading of the whole repository, whereas this individual download concerns only with the current single file.</p>
  248. </blockquote>
  249. <div id="download-button" class="section level3">
  250. <h3><span class="header-section-number">3.4.1</span> Download button</h3>
  251. <p>When you open a single file, you will see buttons on the top-right of the file:</p>
  252. <div class="figure">
  253. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/file-actions.png" alt="Location of buttons" />
  254. <p class="caption">Location of buttons</p>
  255. </div>
  256. <p>These buttons represent the actions that you can execute on this specific file, including:</p>
  257. <ul>
  258. <li>Obtaining the link to this specific version of the file (<strong>Permalink</strong>)</li>
  259. <li>Browsing different versions of this file (<strong>History</strong>)</li>
  260. <li>Downloading the file (<strong>Download</strong>)</li>
  261. <li>Editing the file (<strong>the pencil symbol</strong>; it may not be available in the case of read-only repositories, or Gin does not have a way to edit the file e.g. PDF)</li>
  262. <li>Deleting the file from the repository (<strong>the trash-can simbol</strong>; may not be available)</li>
  263. </ul>
  264. <p>For downloading the file, click on the “download” button:</p>
  265. <div class="figure">
  266. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/download-button.png" alt="Download button" />
  267. <p class="caption">Download button</p>
  268. </div>
  269. <p>Then your browser will start downloading the file.</p>
  270. </div>
  271. </div>
  272. <div id="uploading-and-editing-files" class="section level2">
  273. <h2><span class="header-section-number">3.5</span> Uploading and editing files</h2>
  274. <div id="overview" class="section level3">
  275. <h3><span class="header-section-number">3.5.1</span> Overview</h3>
  276. <p>The Gin web-interface, with all <a href="web-interface.html#location-of-buttons-for-uploading">its buttons</a>, allows you to <a href="web-interface.html#create-a-new-text-based-file">create</a> and <a href="web-interface.html#edit-a-text-based-file">edit</a> text-based files, or <a href="web-interface.html#uploading-a-set-of-files">upload files, set of files or folders</a>.</p>
  277. <p>In all case, one needs to <a href="web-interface.html#specifying-the-directory-to-be-uploaded">set the target for these files</a> and <a href="committing-new-files">commit new changes</a>.</p>
  278. </div>
  279. <div id="create-a-new-text-based-file" class="section level3">
  280. <h3><span class="header-section-number">3.5.2</span> Create a new text-based file</h3>
  281. <p>TODO</p>
  282. </div>
  283. <div id="edit-a-text-based-file" class="section level3">
  284. <h3><span class="header-section-number">3.5.3</span> Edit a text-based file</h3>
  285. <p>TODO</p>
  286. </div>
  287. <div id="uploading-a-set-of-files" class="section level3">
  288. <h3><span class="header-section-number">3.5.4</span> Uploading a set of files</h3>
  289. <p>When you click on the “Upload file” button, the file upload view will appear:</p>
  290. <div class="figure">
  291. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-view.png" alt="File-upload view" />
  292. <p class="caption">File-upload view</p>
  293. </div>
  294. <p>The dotted region in the middle of the page is the <em>upload area</em>:</p>
  295. <div class="figure">
  296. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-view-upload-area.png" alt="The upload area" />
  297. <p class="caption">The upload area</p>
  298. </div>
  299. <p>You can add the files to be uploaded by either:</p>
  300. <ul>
  301. <li><strong>Clicking on the area</strong>: the file chooser dialog will appear so that you can select files from it.</li>
  302. <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>
  303. </ul>
  304. <p>In either case, the upload process will start immediately, and you will see the progress on the area:</p>
  305. <div class="figure">
  306. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-progress.png" alt="Progress of upload" />
  307. <p class="caption">Progress of upload</p>
  308. </div>
  309. <p>You can specify the directory to be uploaded from the <a href="target-directory.md">directory selector</a>.</p>
  310. <p>After completion of the upload processes for all files, you can proceed to finish the <a href="commit-options.md">commit process</a>.</p>
  311. <blockquote>
  312. <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>
  313. </blockquote>
  314. </div>
  315. <div id="location-of-buttons-for-uploading" class="section level3">
  316. <h3><span class="header-section-number">3.5.5</span> Location of buttons for uploading</h3>
  317. <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>
  318. <blockquote>
  319. <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>
  320. </blockquote>
  321. <div class="figure">
  322. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-actions.png" alt="Where you can find the buttons for file-creation / upload" />
  323. <p class="caption">Where you can find the buttons for file-creation / upload</p>
  324. </div>
  325. <p>There, you have two types of buttons:</p>
  326. <ul>
  327. <li><strong><a href="file-upload.md">“Upload file” button</a></strong>: used to upload a set of files.</li>
  328. <li><strong><a href="new-text-file.md">“New file” button</a></strong>: used to create a new file in the repository.</li>
  329. </ul>
  330. <div class="figure">
  331. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-actions-buttons.png" alt="Two buttons for new files" />
  332. <p class="caption">Two buttons for new files</p>
  333. </div>
  334. </div>
  335. <div id="specifying-the-directory-to-be-uploaded" class="section level3">
  336. <h3><span class="header-section-number">3.5.6</span> Specifying the directory to be uploaded</h3>
  337. <div id="targeting-a-new-subdirectory" class="section level4">
  338. <h4><span class="header-section-number">3.5.6.1</span> Targeting a (new) subdirectory</h4>
  339. <p>On top of the view, an empty text field will show up:</p>
  340. <div class="figure">
  341. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/directory-selector-empty.png" alt="Directory selector" />
  342. <p class="caption">Directory selector</p>
  343. </div>
  344. <p>This is for specifying the directory to upload the file(s).</p>
  345. <p>For instance:</p>
  346. <ul>
  347. <li>Enter the name of the subdirectory (within the repository) in this field:</li>
  348. </ul>
  349. <div class="figure">
  350. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/directory-selector-subdir.png" alt="A subdirectory is specified" />
  351. <p class="caption">A subdirectory is specified</p>
  352. </div>
  353. <ul>
  354. <li>Gin will automatically create a new directory with the given name (in case it does not exist) as you <a href="commit-options.md">commit uploads</a>:</li>
  355. </ul>
  356. <div class="figure">
  357. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/created-subdir.png" alt="Created subdirectory" />
  358. <p class="caption">Created subdirectory</p>
  359. </div>
  360. <ul>
  361. <li>Inside the subdirectory, you will find the uploaded file(s):</li>
  362. </ul>
  363. <div class="figure">
  364. <img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/subdir-content.png" alt="The uploaded file in the sub-directory" />
  365. <p class="caption">The uploaded file in the sub-directory</p>
  366. </div>
  367. </div>
  368. <div id="specifying-a-directory-path" class="section level4">
  369. <h4><span class="header-section-number">3.5.6.2</span> Specifying a directory path</h4>
  370. <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>
  371. <p>TODO</p>
  372. </div>
  373. </div>
  374. <div id="committing-new-files" class="section level3">
  375. <h3><span class="header-section-number">3.5.7</span> Committing new files</h3>
  376. <p>TODO</p>
  377. </div>
  378. </div>
  379. </div>
  380. </section>
  381. </div>
  382. </div>
  383. </div>
  384. <a href="intro.html" class="navigation navigation-prev " aria-label="Previous page"><i class="fa fa-angle-left"></i></a>
  385. <a href="using-application-made-for-git.html" class="navigation navigation-next " aria-label="Next page"><i class="fa fa-angle-right"></i></a>
  386. </div>
  387. </div>
  388. <script src="libs/gitbook-2.6.7/js/app.min.js"></script>
  389. <script src="libs/gitbook-2.6.7/js/lunr.js"></script>
  390. <script src="libs/gitbook-2.6.7/js/clipboard.min.js"></script>
  391. <script src="libs/gitbook-2.6.7/js/plugin-search.js"></script>
  392. <script src="libs/gitbook-2.6.7/js/plugin-sharing.js"></script>
  393. <script src="libs/gitbook-2.6.7/js/plugin-fontsettings.js"></script>
  394. <script src="libs/gitbook-2.6.7/js/plugin-bookdown.js"></script>
  395. <script src="libs/gitbook-2.6.7/js/jquery.highlight.js"></script>
  396. <script src="libs/gitbook-2.6.7/js/plugin-clipboard.js"></script>
  397. <script>
  398. gitbook.require(["gitbook"], function(gitbook) {
  399. gitbook.start({
  400. "sharing": {
  401. "github": false,
  402. "facebook": true,
  403. "twitter": true,
  404. "linkedin": false,
  405. "weibo": false,
  406. "instapaper": false,
  407. "vk": false,
  408. "all": ["facebook", "twitter", "linkedin", "weibo", "instapaper"]
  409. },
  410. "fontsettings": {
  411. "theme": "white",
  412. "family": "sans",
  413. "size": 2
  414. },
  415. "edit": {
  416. "link": "https://gin.g-node.org/larkumlab/Dealing_with_Gin/_edit/master/web-interface/cannot-see-a-repo.md",
  417. "text": "Edit"
  418. },
  419. "history": {
  420. "link": null,
  421. "text": null
  422. },
  423. "view": {
  424. "link": null,
  425. "text": null
  426. },
  427. "download": null,
  428. "toc": {
  429. "collapse": "subsection"
  430. }
  431. });
  432. });
  433. </script>
  434. </body>
  435. </html>