diff options
Diffstat (limited to 'bitbake/lib')
-rw-r--r-- | bitbake/lib/toaster/toastergui/templates/importlayer.html | 184 |
1 files changed, 106 insertions, 78 deletions
diff --git a/bitbake/lib/toaster/toastergui/templates/importlayer.html b/bitbake/lib/toaster/toastergui/templates/importlayer.html index dd81f2f379..eb0244090b 100644 --- a/bitbake/lib/toaster/toastergui/templates/importlayer.html +++ b/bitbake/lib/toaster/toastergui/templates/importlayer.html | |||
@@ -26,16 +26,14 @@ | |||
26 | </script> | 26 | </script> |
27 | 27 | ||
28 | <form class="col-md-11"> | 28 | <form class="col-md-11"> |
29 | <span class="help-block">The layer you are importing must be compatible with <strong>{{project.release.description}}</strong>, which is the release you are using in this project.</span> | ||
30 | <div class="alert alert-error" id="import-error" style="display:none"> | ||
31 | <button type="button" class="close" data-dismiss="alert">×</button> | ||
32 | <h3> </h3> | ||
33 | <p></p> | ||
34 | <ul></ul> | ||
35 | </div> | ||
29 | <fieldset> | 36 | <fieldset> |
30 | <h2>Layer repository information</h2> | ||
31 | <span class="help-block">The layer you are importing must be compatible with <strong>{{project.release.description}}</strong>, which is the release you are using in this project.</span> | ||
32 | <div class="alert alert-error" id="import-error" style="display:none"> | ||
33 | <button type="button" class="close" data-dismiss="alert">×</button> | ||
34 | <h3> </h3> | ||
35 | <p></p> | ||
36 | <ul></ul> | ||
37 | </div> | ||
38 | |||
39 | <div class="form-group" id="layer-name-ctrl"> | 37 | <div class="form-group" id="layer-name-ctrl"> |
40 | <label class="control-label" for="import-layer-name"> | 38 | <label class="control-label" for="import-layer-name"> |
41 | Layer name | 39 | Layer name |
@@ -45,82 +43,112 @@ | |||
45 | <span class="help-block" style="display: none;" id="invalid-layer-name-hint">A valid layer name can only include letters, numbers and dashes</span> | 43 | <span class="help-block" style="display: none;" id="invalid-layer-name-hint">A valid layer name can only include letters, numbers and dashes</span> |
46 | <span class="help-inline" style="display: none;" id="duplicated-layer-name-hint"></span> | 44 | <span class="help-inline" style="display: none;" id="duplicated-layer-name-hint"></span> |
47 | </div> | 45 | </div> |
48 | 46 | </fieldset> | |
49 | <div id="duplicate-layer-info" style="display:none"> | 47 | <div id="duplicate-layer-info" style="display:none"> |
50 | <div class="alert alert-warning"> | 48 | <div class="alert alert-warning"> |
51 | <h3>A layer called <a href="" class="dup-layer-link"><span class="dup-layer-name"></span></a> already exists</h3> | 49 | <h3>A layer called <a href="" class="dup-layer-link"><span class="dup-layer-name"></span></a> already exists</h3> |
52 | <p>Layer names must be unqiue. Please use a different layer name.</p> | 50 | <p>Layer names must be unqiue. Please use a different layer name.</p> |
53 | <dl> | 51 | <dl id="git-layer-dup" style="display:none;"> |
54 | <dt> | 52 | <dt> |
55 | The <span class="dup-layer-name"></span> repository url is | 53 | The <span class="dup-layer-name"></span> repository url is |
56 | </dt> | 54 | </dt> |
57 | <dd> | 55 | <dd> |
58 | <span id="dup-layer-vcs-url"></span> | 56 | <span id="dup-layer-vcs-url"></span> |
59 | </dd> | 57 | </dd> |
60 | <dt> | 58 | <dt> |
61 | The <span class="dup-layer-name"></span> revision is | 59 | The <span class="dup-layer-name"></span> revision is |
62 | </dt> | 60 | </dt> |
63 | <dd> | 61 | <dd> |
64 | <span id="dup-layer-revision"></span> | 62 | <span id="dup-layer-revision"></span> |
65 | </dd> | 63 | </dd> |
66 | </dl> | 64 | </dl> |
67 | <p><a href="" class="dup-layer-link">View the <span class="dup-layer-name"></span> layer information</a></p> | 65 | <dl id="local-layer-dup" style="display:none;"> |
68 | </div> | 66 | <dt> |
67 | The <span class="dup-layer-name"></span> directory is | ||
68 | </dt> | ||
69 | <dd> | ||
70 | <span id="dup-local-source-dir-name"></span> | ||
71 | </dd> | ||
72 | </dl> | ||
73 | <p><a href="" class="dup-layer-link">View the <span class="dup-layer-name"></span> layer information</a></p> | ||
69 | </div> | 74 | </div> |
70 | 75 | </div> | |
71 | <div class="fields-apart-from-layer-name"> | 76 | <fieldset class="fields-apart-from-layer-name" id="repo-select"> |
72 | <div class="form-group"> | 77 | <legend class="radioLegend">Where is the layer source code?</legend> |
73 | <label for="layer-git-repo-url"> | 78 | <div class="radio"> |
74 | Git repository URL | 79 | <label> |
75 | <span class="glyphicon glyphicon-question-sign get-help" title="Fetch/clone URL of the repository. Currently, Toaster only supports Git repositories." ></span> | 80 | <input type="radio" id="git-repo-radio" name="repo" value="git" checked="checked"> |
76 | </label> | 81 | In a <strong>Git repository</strong> |
77 | 82 | </label> | |
78 | <input type="text" id="layer-git-repo-url" class="form-control" required> | 83 | <p class="help-block radio-help">To build the layer Toaster must be able to access the Git repository, otherwise builds will fail. Toaster will fetch and checkout your chosen Git revision every time you start a build.</p> |
79 | </div> | ||
80 | <div class="form-group"> | ||
81 | <label for="layer-subdir"> | ||
82 | Repository subdirectory | ||
83 | <span class="text-muted">(optional)</span> | ||
84 | <span class="glyphicon glyphicon-question-sign get-help" title="Subdirectory within the repository where the layer is located, if not in the root (usually only used if the repository contains more than one layer)"></span> | ||
85 | </label> | ||
86 | <input type="text" class="form-control" id="layer-subdir"> | ||
87 | </div> | ||
88 | <div class="form-group" id="layer-revision-ctrl"> | ||
89 | <label for="layer-git-ref">Git revision | ||
90 | <span class="glyphicon glyphicon-question-sign get-help" title="You can provide a Git branch, a tag or a commit SHA as the revision"></span> | ||
91 | </label> | ||
92 | <input type="text" class="form-control" id="layer-git-ref" required> | ||
93 | <span class="help-inline" style="diaply:none;" id="invalid-layer-revision-hint"></span> | ||
94 | </div> | ||
95 | </div> | 84 | </div> |
85 | <div class="radio"> | ||
86 | <label> | ||
87 | <input type="radio" id="local-dir-radio" name="repo" value="local"> | ||
88 | In a <strong>directory</strong> | ||
89 | </label> | ||
90 | <p class="help-block radio-help">Use this option for quick layer development, by simply providing the path to the layer source code.</p> | ||
91 | </div> | ||
92 | </fieldset> | ||
93 | <fieldset class="fields-apart-from-layer-name" id="git-repo"> | ||
94 | <legend>Git repository information</legend> | ||
95 | <div class="form-group"> | ||
96 | <label for="layer-git-repo-url"> | ||
97 | Git repository URL | ||
98 | <span class="glyphicon glyphicon-question-sign get-help" title="Fetch/clone URL of the repository. Currently, Toaster only supports Git repositories." ></span> | ||
99 | </label> | ||
100 | <input type="text" id="layer-git-repo-url" class="form-control" required> | ||
101 | </div> | ||
102 | <div class="form-group"> | ||
103 | <label for="layer-subdir"> | ||
104 | Repository subdirectory | ||
105 | <span class="text-muted">(optional)</span> | ||
106 | <span class="glyphicon glyphicon-question-sign get-help" title="Subdirectory within the repository where the layer is located, if not in the root (usually only used if the repository contains more than one layer)"></span> | ||
107 | </label> | ||
108 | <input type="text" class="form-control" id="layer-subdir"> | ||
109 | </div> | ||
110 | <div class="form-group" id="layer-revision-ctrl"> | ||
111 | <label for="layer-git-ref"> | ||
112 | Git revision | ||
113 | <span class="glyphicon glyphicon-question-sign get-help" title="You can provide a Git branch, a tag or a commit SHA as the revision"></span> | ||
114 | </label> | ||
115 | <input type="text" class="form-control" id="layer-git-ref" required> | ||
116 | <span class="help-inline" style="diaply:none;" id="invalid-layer-revision-hint"></span> | ||
117 | </div> | ||
118 | </fieldset> | ||
96 | 119 | ||
120 | <fieldset class="fields-apart-from-layer-name" id="local-dir" style="display:none;"> | ||
121 | <legend>Layer directory information</legend> | ||
122 | <label for="local-dir-path" class="control-label">Enter the absolute path to the layer directory</label> | ||
123 | <input type="text" class="form-control" id="local-dir-path" required/> | ||
124 | <p class="help-block" id="hintError-dir-path-starts-with-slash" style="display:none;">The absolute path must start with "/".</p> | ||
125 | <p class="help-block" id="hintError-dir-path" style="display:none;">The directory path cannot include spaces or any of these characters: . \ ? % * : | " " < ></p> | ||
97 | </fieldset> | 126 | </fieldset> |
98 | 127 | ||
99 | <div class="fields-apart-from-layer-name"> | 128 | <fieldset class="fields-apart-from-layer-name"> |
100 | <fieldset> | 129 | <legend> |
101 | <h2> | 130 | Layer dependencies |
102 | Layer dependencies | 131 | <small class="text-muted">(optional)</small> |
103 | <small class="text-muted">(optional)</small> | 132 | <span class="glyphicon glyphicon-question-sign get-help heading-help" title="Other layers this layer depends upon"></span> |
104 | <span class="glyphicon glyphicon-question-sign get-help heading-help" title="Other layers this layer depends upon"></span> | 133 | </legend> |
105 | </h2> | 134 | <ul class="list-unstyled lead" id="layer-deps-list"> |
106 | <ul class="list-unstyled lead" id="layer-deps-list"> | 135 | </ul> |
107 | </ul> | 136 | <div class="form-inline"> |
108 | <div class="form-inline"> | 137 | <div class="form-group"> |
109 | <div class="form-group"> | 138 | <input type="text" autocomplete="off" data-minLength="1" data-autocomplete="off" data-provide="typeahead" placeholder="Type a layer name" id="layer-dependency" class="form-control"> |
110 | <input type="text" autocomplete="off" data-minLength="1" data-autocomplete="off" data-provide="typeahead" placeholder="Type a layer name" id="layer-dependency" class="form-control"> | ||
111 | </div> | ||
112 | <button class="btn btn-default" id="add-layer-dependency-btn"> | ||
113 | Add layer | ||
114 | </button> | ||
115 | <span class="help-inline">You can only add layers Toaster knows about</span> | ||
116 | </div> | 139 | </div> |
117 | </fieldset> | 140 | <button class="btn btn-default" id="add-layer-dependency-btn"> |
118 | <div class="top-air" id="form-actions"> | 141 | Add layer |
119 | <button class="btn btn-primary btn-lg" data-toggle="modal" id="import-and-add-btn" data-target="#dependencies-message" disabled>Import and add to project</button> | 142 | </button> |
120 | <span class="help-inline" id="import-and-add-hint" style="vertical-align: middle;">To import a layer you need to enter a layer name, a Git repository URL and a Git revision (branch, tag or commit)</span> | 143 | <span class="help-inline">You can only add layers Toaster knows about</span> |
121 | </div> | 144 | </fieldset> |
145 | <div class="top-air fields-apart-from-layer-name" id="form-actions"> | ||
146 | <button class="btn btn-primary btn-lg" data-toggle="modal" id="import-and-add-btn" data-target="#dependencies-message" disabled>Import and add to project</button> | ||
147 | <span class="help-inline" id="import-git-layer-and-add-hint" style="vertical-align: middle;">To import a layer you need to enter a layer name, a Git repository URL and a Git revision (branch, tag or commit)</span> | ||
148 | <span class="help-inline" id="import-local-dir-and-add-hint" style="vertical-align: middle;display:none;">To import a layer you need to enter a layer name and the absolute path to the layer directory</span> | ||
122 | </div> | 149 | </div> |
123 | </form> | 150 | </div> |
151 | </form> | ||
124 | 152 | ||
125 | {% else %} {#project and project release#} | 153 | {% else %} {#project and project release#} |
126 | <div class="page-header"> | 154 | <div class="page-header"> |