WIP - #4647

ccnmtl · Oct 3, 2022 · c19411c · c19411c
1 parent 8668729
commit c19411c
Showing 1 changed file with 48 additions and 6 deletions.
diff --git a/mediathread/templates/main/collection_add.html b/mediathread/templates/main/collection_add.html
@@ -179,16 +179,58 @@ <h6 class="card-title mt-2">IMAGE</h6>
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title text-center">Import Media</h5>
+
+                           <form>
+                               <div class="form-group">
+                                   <label for="import-source-url">
+                                       Source URL
+                                   </label>
+                                   <input type="text"
+                                          id="import-source-url"
+                                          class="form-control"
+                                          name="source_url"
+                                          aria-describedby="sourceURL" />
+                                   <small id="emailHelp" class="form-text text-muted">
+                                       Right-click source image and "Copy image address"
+                                   </small>
+                               </div>
+                               <div class="form-group">
+                                   <label for="import-name">Name</label>
+                                   <input type="text" class="form-control" id="import-name">
+                               </div>
+                               <button type="submit" class="btn btn-primary">
+                                   Submit
+                               </button>
+                           </form>
+
+                           <hr />
+
                            <p class="card-text">
-                               Install Mediathread’s Google Chrome
-                               extension to import assets like video, audio, and
+                               Alternatively, you can install
+                               Mediathread’s Google Chrome extension
+                               to import assets like video, audio, and
                                images into this course from various
                                sites across the web.
 
-                               <ul><li>Visit the Chrome Web Store and make sure to click Add To Chrome.</li>
-                               <li>Once added to your browser, you can click on the Extension icon next
-                               to the Address Bar to pin the Mediathread extension for easier access.</li>
-                               <li>You can click the extension to collect single media items from sites like Flickr, YouTube, and Google Images.</li>
+                               <ul>
+                                   <li>
+                                       Visit the Chrome Web Store and
+                                       make sure to click Add To
+                                       Chrome.
+                                   </li>
+                                   <li>
+                                       Once added to your browser, you
+                                       can click on the Extension icon
+                                       next to the Address Bar to pin
+                                       the Mediathread extension for
+                                       easier access.
+                                   </li>
+                                   <li>
+                                       You can click the extension to
+                                       collect single media items from
+                                       sites like Flickr, YouTube, and
+                                       Google Images.
+                                   </li>
                                </ul>
 
                                You must be using a browser in the <a href="https://en.wikipedia.org/wiki/Chromium_(web_browser)#Browsers_based_on_Chromium">Chrome family</a>