1 |
efrain |
1 |
{{!
|
|
|
2 |
@template core/signup_form_layout
|
|
|
3 |
|
|
|
4 |
Example context (json):
|
|
|
5 |
{
|
|
|
6 |
"logourl": "https://moodle.org/logo/moodle-logo.svg",
|
|
|
7 |
"sitename": "Site name",
|
|
|
8 |
"formhtml": "<p>(Form html would go here)</p>"
|
|
|
9 |
}
|
|
|
10 |
}}
|
|
|
11 |
|
|
|
12 |
<div class="rui-login-layout
|
|
|
13 |
{{#loginlayoutimg}}rui-login-layout-img{{/loginlayoutimg}}
|
|
|
14 |
{{^loginlayoutimg}}rui-login-layout-simple{{/loginlayoutimg}}
|
|
|
15 |
{{#loginlogooutside}}rui-login--logo-outsite{{/loginlogooutside}}
|
|
|
16 |
{{#loginlayout1}}rui-login-layout--1{{/loginlayout1}}
|
|
|
17 |
{{#loginlayout2}}rui-login-layout--2{{/loginlayout2}}
|
|
|
18 |
{{#loginlayout3}}rui-login-layout--3{{/loginlayout3}}
|
|
|
19 |
{{#loginlayout4}}rui-login-layout--4{{/loginlayout4}}
|
|
|
20 |
{{#loginlayout5}}rui-login-layout--5{{/loginlayout5}}
|
|
|
21 |
">
|
|
|
22 |
|
|
|
23 |
|
|
|
24 |
<div class="rui-login-top-btn">
|
|
|
25 |
{{#stringbacktologin}}<span class="rui-login-calabel mr-2">{{{stringbacktologin}}}</span>{{/stringbacktologin}} <a href="{{{ config.wwwroot }}}/login/index.php" class="btn-link--clean">{{#str}}login{{/str}}</a>
|
|
|
26 |
</div>
|
|
|
27 |
|
|
|
28 |
|
|
|
29 |
{{#loginlayoutimg}}
|
|
|
30 |
<div class="rui-login-wrapper">
|
|
|
31 |
<div class="rui-login-top-wrapper">
|
|
|
32 |
{{/loginlayoutimg}}
|
|
|
33 |
|
|
|
34 |
{{#loginlogooutside}}
|
|
|
35 |
<div class="rui-login-logo-container my-6">
|
|
|
36 |
{{#loginlayoutimg}}<div class="rui-login-top">{{/loginlayoutimg}}
|
|
|
37 |
<div class="{{#customlogindmlogo}}dark-mode-logo{{/customlogindmlogo}}">
|
|
|
38 |
{{#customloginlogo}}
|
|
|
39 |
<a href="{{{ config.wwwroot }}}">
|
|
|
40 |
<h2><img src="{{customloginlogo}}" title="{{sitename}}" alt="{{sitename}}" class="rui-login-logo img-fluid" /></h2>
|
|
|
41 |
{{#customlogindmlogo}}<h2><img src="{{customlogindmlogo}}" alt="{{sitename}}" class="rui-custom-dmlogo ml-2 img-fluid" /></h2>{{/customlogindmlogo}}
|
|
|
42 |
</a>
|
|
|
43 |
{{/customloginlogo}}
|
|
|
44 |
|
|
|
45 |
{{^customloginlogo}}
|
|
|
46 |
{{#logourl}}
|
|
|
47 |
<a href="{{{ config.wwwroot }}}"><img src="{{logourl}}" title="{{sitename}}" alt="{{sitename}}" class="rui-login-logo img-fluid"/></a>
|
|
|
48 |
{{/logourl}}
|
|
|
49 |
|
|
|
50 |
{{^logourl}}
|
|
|
51 |
<a href="{{{ config.wwwroot }}}"><h1 class="rui-login-logo-name">{{sitename}}</h1></a>
|
|
|
52 |
{{/logourl}}
|
|
|
53 |
{{/customloginlogo}}
|
|
|
54 |
</div>
|
|
|
55 |
{{#loginlayoutimg}}</div>{{/loginlayoutimg}}
|
|
|
56 |
</div>
|
|
|
57 |
{{/loginlogooutside}}
|
|
|
58 |
|
|
|
59 |
{{#loginhtmlcontent1}}
|
|
|
60 |
<div class="rui-login-html-1">
|
|
|
61 |
{{{loginhtmlcontent1}}}
|
|
|
62 |
</div>
|
|
|
63 |
{{/loginhtmlcontent1}}
|
|
|
64 |
|
|
|
65 |
{{#loginlayoutimg}}
|
|
|
66 |
</div>
|
|
|
67 |
</div>
|
|
|
68 |
{{/loginlayoutimg}}
|
|
|
69 |
|
|
|
70 |
{{#loginlayoutimg}}
|
|
|
71 |
<div class="rui-login-wrapper row no-gutters align-items-center justify-content-center w-100">
|
|
|
72 |
<div class="rui-login-container row no-gutters">
|
|
|
73 |
|
|
|
74 |
{{/loginlayoutimg}}
|
|
|
75 |
|
|
|
76 |
<div class="rui-login-box">
|
|
|
77 |
<div class="rui-login-content">
|
|
|
78 |
{{#cansignup}}
|
|
|
79 |
<div class="sr-only">
|
|
|
80 |
<a href="{{signupurl}}">{{#str}} tocreatenewaccount {{/str}}</a>
|
|
|
81 |
</div>
|
|
|
82 |
{{/cansignup}}
|
|
|
83 |
|
|
|
84 |
<div class="rui-loginpage-intro">
|
|
|
85 |
{{^loginlogooutside}}
|
|
|
86 |
<div class="rui-loginpage-intro-logo">
|
|
|
87 |
{{#customloginlogo}}
|
|
|
88 |
<a href="{{{ config.wwwroot }}}"><h2><img src="{{customloginlogo}}" title="{{sitename}}" alt="{{sitename}}" class="rui-login-logo img-fluid"/></h2></a>
|
|
|
89 |
{{/customloginlogo}}
|
|
|
90 |
|
|
|
91 |
{{^customloginlogo}}
|
|
|
92 |
{{#logourl}}
|
|
|
93 |
<a href="{{{ config.wwwroot }}}"><h2><img src="{{logourl}}" title="{{sitename}}" alt="{{sitename}}" class="rui-login-logo img-fluid"/></h2></a>
|
|
|
94 |
{{/logourl}}
|
|
|
95 |
|
|
|
96 |
{{^logourl}}
|
|
|
97 |
<a href="{{{ config.wwwroot }}}"><h2>{{sitename}}</h2></a>
|
|
|
98 |
{{/logourl}}
|
|
|
99 |
{{/customloginlogo}}
|
|
|
100 |
</div>
|
|
|
101 |
{{/loginlogooutside}}
|
|
|
102 |
|
|
|
103 |
{{#signupintrotext}}
|
|
|
104 |
<div class="rui-loginpage-intro-content mb-3 text-center">
|
|
|
105 |
{{{signupintrotext}}}
|
|
|
106 |
</div>
|
|
|
107 |
{{/signupintrotext}}
|
|
|
108 |
|
|
|
109 |
{{#loginlayout1}}
|
|
|
110 |
{{#signuptext}}
|
|
|
111 |
<div class="rui-loginpage-intro-content mb-3">
|
|
|
112 |
{{{signuptext}}}
|
|
|
113 |
<hr class="hr-small" />
|
|
|
114 |
</div>
|
|
|
115 |
{{/signuptext}}
|
|
|
116 |
{{/loginlayout1}}
|
|
|
117 |
|
|
|
118 |
</div>
|
|
|
119 |
|
|
|
120 |
<div class="rui-login-form">
|
|
|
121 |
{{{formhtml}}}
|
|
|
122 |
</div><!-- .rui-login-form -->
|
|
|
123 |
|
|
|
124 |
|
|
|
125 |
{{#loginhtmlblockbottom}}
|
|
|
126 |
<div class="rui-login-bottom-block">
|
|
|
127 |
{{{loginhtmlblockbottom}}}
|
|
|
128 |
</div>
|
|
|
129 |
{{/loginhtmlblockbottom}}
|
|
|
130 |
|
|
|
131 |
{{^loginlayoutimg}}
|
|
|
132 |
{{#loginhtmlcontent3}}
|
|
|
133 |
<div class="rui-login-html-3">
|
|
|
134 |
{{{loginhtmlcontent3}}}
|
|
|
135 |
</div>
|
|
|
136 |
{{/loginhtmlcontent3}}
|
|
|
137 |
|
|
|
138 |
{{#loginfootercontent}}
|
|
|
139 |
<div class="rui-login-footer-content text-center mb-2">
|
|
|
140 |
<hr class="hr-small" />
|
|
|
141 |
{{{loginfootercontent}}}
|
|
|
142 |
</div>
|
|
|
143 |
{{/loginfootercontent}}
|
|
|
144 |
{{/loginlayoutimg}}
|
|
|
145 |
</div><!-- .rui-login-content -->
|
|
|
146 |
</div><!-- .rui-login-box -->
|
|
|
147 |
|
|
|
148 |
{{#loginlayoutimg}}
|
|
|
149 |
<div class="rui-login-bg-container" style="background-image: url('{{loginbg}}');">
|
|
|
150 |
{{#signuptext}}
|
|
|
151 |
<div class="rui-login-additional-content">
|
|
|
152 |
{{{signuptext}}}
|
|
|
153 |
</div>
|
|
|
154 |
{{/signuptext}}
|
|
|
155 |
</div>
|
|
|
156 |
{{/loginlayoutimg}}
|
|
|
157 |
|
|
|
158 |
{{#loginlayoutimg}}
|
|
|
159 |
</div>
|
|
|
160 |
</div>
|
|
|
161 |
{{/loginlayoutimg}}
|
|
|
162 |
|
|
|
163 |
{{#loginlayoutimg}}
|
|
|
164 |
<div class="rui-login-wrapper">
|
|
|
165 |
{{#loginhtmlcontent3}}
|
|
|
166 |
<div class="rui-login-footer rui-login-footer-content">
|
|
|
167 |
{{{loginhtmlcontent3}}}
|
|
|
168 |
</div>
|
|
|
169 |
{{/loginhtmlcontent3}}
|
|
|
170 |
|
|
|
171 |
{{#loginfootercontent}}
|
|
|
172 |
<div class="rui-login-footer text-center">
|
|
|
173 |
{{{loginfootercontent}}}
|
|
|
174 |
</div>
|
|
|
175 |
{{/loginfootercontent}}
|
|
|
176 |
|
|
|
177 |
</div>
|
|
|
178 |
{{/loginlayoutimg}}
|
|
|
179 |
|
|
|
180 |
<button type="button" class="btn btn-xs btn-dark btn--cookie" {{!
|
|
|
181 |
}} data-modal="alert"{{!
|
|
|
182 |
}} data-modal-title-str='["cookiesenabled", "core"]' {{!
|
|
|
183 |
}} data-modal-content-str='["cookiesenabled_help_html", "core"]'{{!
|
|
|
184 |
}}>
|
|
|
185 |
<svg width="20" height="20" fill="none" viewBox="0 0 24 24">
|
|
|
186 |
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 13V15"></path>
|
|
|
187 |
<circle cx="12" cy="9" r="1" fill="currentColor"></circle>
|
|
|
188 |
<circle cx="12" cy="12" r="7.25" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></circle>
|
|
|
189 |
</svg>
|
|
|
190 |
|
|
|
191 |
<span class="ml-1">{{#str}}cookiesnotice{{/str}}</span></button>
|
|
|
192 |
|
|
|
193 |
</div><!-- .login layout -->
|
|
|
194 |
|
|
|
195 |
|
|
|
196 |
{{#maintenance}}
|
|
|
197 |
<div class="rui-maintenance alert alert-warning wrapper-md my-4 p-5">
|
|
|
198 |
<h2>{{#str}}sitemaintenance, core_admin{{/str}}</h2>
|
|
|
199 |
<div class="rui-maintenance-desc">
|
|
|
200 |
{{{maintenance}}}
|
|
|
201 |
</div>
|
|
|
202 |
</div>
|
|
|
203 |
{{/maintenance}}
|
|
|
204 |
|
|
|
205 |
{{{logincustomfooterhtml}}}
|