Overview
Intranets are a major part of enterprise websites. In some cases, organizations use intranets for a majority of their workload, while their public facing website is informal in nature. Intranets serve a multitude of purposes from document, sharing task management, workflows, digital asset management, content authoring and storage -- accessible to the organization and its authorized users. This tutorial shows the user how to create an intranet using Solodev.
Pre-requisites
Prior to building an Intranet in Solodev users should be able to:
- Use shortcodes.
Step 1 -- Create an intranet folder
- Open the web files -> content folder.
- Click Add Folder.
- Enter the Name, Title, and Description.
- Click Submit.
Step 2 -- Create the login template (index.tpl file)
- With the intranet folder open, click Add File.
- Enter the Name and Title of the file (append '.tpl' to the end of the name. For example, index.tpl).
- Choose 'Code' for the Type.
- Click Submit.
- The user is directed to the file.
- Enter the code block provided below:
<div class="row mt-4 mb-5 align-items-end">
<div class="col-md-6">
<h3 class="text-fourth font-weight-bold">Welcome</h3>
[form_login secure_area="/intranet/secure/"][form_error_messages]
<input class="form-control rounded-0 mt-4 p-2 w-100" id="mail" name="mail" placeholder="you@mail.com" type="email" />
<input class="form-control rounded-0 mt-3 p-2 w-100" id="solodevpassword" name="solodevpassword" placeholder="password" type="password" />
<div class="mt-3 d-flex justify-content-between align-items-center">
<div class="w-50 d-flex align-items-center">
<input id="sys_chk_news" type="checkbox" /><span class="pl-2">Remember me</span>
</div>
<div class="w-50 text-right">
<a class="lost-pass ml-auto" href="/intranet/forgot-password.stml">Forgot password?</a>
</div>
</div>
<div class="pt-5">
<button class="btn btn-tertiary w-100" id="loginBtn" type="submit">Login</button>
</div>
[/form_login]
</div>
<div class="col-md-6 text-center mt-4 mt-md-0">
<a href="/intranet/register.stml">
<img alt="Account" class="account" src="http://www.webcorpco.com/core/fileparse.php/1532/urlt/assets/images/reg-account.png" />
</a>
<p>Not a member? Don’t worry</p>
<a class="btn btn-primary-dark w-100" href="/intranet/register.stml">Create an account</a>
</div>
</div>
- Click Publish.
Step 3 – Create a sign-up template (register.tpl file)
- With the intranet folder open, click Add File.
- Enter the Name and Title of the file (append '.tpl' to the end of the name. For example, register.tpl).
- Choose 'Code' for the Type.
- Click Submit.
- The user is directed to the file.
- Enter the code block provided below:
<div class="row mt-4 mb-5 align-items-end">
<div class="col-md-12">
<h3 class="text-fourth font-weight-bold">Welcome</h3>
<p>Sign up for access to the WebCorpCo Intranet. Please enter in an email and a password.</p>
[form_register secure_area="/intranet/secure/" user_folder="122" ][form_error_messages]
<label for="mail_create" class="font-weight-bold">Email</label>
<input class="form-control rounded-0 p-2 w-100" id="samaccountname" name="samaccountname" placeholder="you@mail.com" type="email" />
<label for="solodevpassword_create" class="font-weight-bold mt-3">Password</label>
<input class="form-control rounded-0 p-2 w-100" id="solodevpassword" name="solodevpassword" placeholder="Password" type="password" />
<div class="pt-5">
<button class="btn btn-primary-dark w-100" id="createAccount" type="submit">Create an Account</button>
</div>
[/form_register]
</div>
</div>
- Click Publish.
Step 4 – Create a forgot-password template (forgot-password.tpl)
- With the intranet folder open, click Add File.
- Enter the Name and Title of the file (append '.tpl' to the end of the name. For example, forgot-password.tpl).
- Choose 'Code' for the Type.
- Click Submit.
- The user is directed to the file.
- Enter the code block provided below:
<div class="row my-4">
[form_forgot_password forward_to="/intranet/password-confirmation.stml" login_page="/intranet/" from_email="[site_email]"]
<div class="col-md-4 py-2">
[form_error_messages]
<label class="control-label" for="checkEmail">
<strong>Please enter your email address</strong>
</label>
</div>
<div class="col-md-4 py-2">
<input class="rounded-0 form-control" id="checkEmail" name="checkEmail" type="text" />
</div>
<div class="col-md-4 py-2">
<button class="btn btn-fourth w-100 mb-3" name="Insert" type="submit">Reset Password</button>
</div>
[/form_forgot_password]
<div class="col-md-12">
<a href="/intranet/">Back to Login Page</a>
</div>
</div>
- Click Publish.
Step 5 – Create the password confirmation template (password-confirmation.tpl)
- Open the intranet folder and click Add File.
- Enter the Name and Title of the file (append '.tpl' to the end of the name. For example, password-confirmation.tpl).
- Choose 'Code' for the Type.
- Click Submit.
- The user is directed to the file.
- Enter the code block provided below:
<div class="row my-4">
<div class="col-md-12">
<div class="alert alert-info rounded-0" role="alert">
You will receive an email with instructions to reset your password...
</div>
</div>
</div>
- Click Publish.
Step 6 – Create a secure folder
- Open the intranet folder and click Add Folder.
- Enter the Name (‘secure’), Title and Description of the folder.
- Click Submit.
Step 7 – Create an account page template (index.tpl)
- Open the secure folder and click Add File
- Enter the Name and Title of the file (append '.tpl' to the end of the name. For example, index.tpl).
- Choose 'Code' for the Type.
- Click Submit.
- The user is directed to the file.
- Enter the code block provided below:
<div class="row">
<div class="col-md-12">
<p>The list below contains the files that are available to the current user. They are located in the User's folder under Documents.</p>
[user_documents]
</div>
</div>
- Click Publish.
Step 8—Create an intranet folder in the www folder
- Open the www folder and click Add Folder.
- Enter the Name, Title and Description of the folder.
- Click Submit.
Step 9 – Create a login page (index.stml)
- Open the www -> intranet folder.
- Click Add Page.
- Enter the Name (index), Title and Description of the page.
- Choose your template.
- Click Submit.
- The user is directed to the page.
- Click the empty dynamic div in the index.stml page.
- Choose the index.tpl file located in web files - > content -> intranet folder.
- Click Publish.
Step 10 -- Create a signup page
- Open the www -> intranet folder.
- Click Add Page.
- Enter the Name (register), Title and Description of the page.
- Choose your template.
- Click Submit.
- The user is directed to the register page.
- Click the empty dynamic div in the register.stml page.
- Click the register.tpl file located in web files -> content -> intranet folder.
- Click Publish.
Step 11 – Create a forgot password page
- Open the www -> intranet folder.
- Click Add Page.
- Enter the Name (forgot-password), Title and Description of the page.
- Choose your template.
- Click Submit.
- The user is directed to the forgot-password page.
- Click the empty dynamic div in the forgot-password.stml page.
- Click the forgot-password.tpl file located in web files -> content -> intranet folder.
- Click Publish.
Step 12 – Create a password-confirmation page
- Open the www -> intranet folder.
- Click Add Page.
- Enter the Name (password-confirmation), Title and Description of the page.
- Choose your template.
- Click Submit.
- The user is directed to the password-confirmation page.
- Click the empty dynamic div in the password-confirmation.stml page.
- Click the password-confirmation.tpl file located in web files -> content -> intranet folder.
- Click Publish.
Step 13 – Create a secure folder in the intranet folder
- Open the www -> intranet folder and click Add Folder.
- Enter the Name (secure), Title and Description of the folder.
- Click Submit.
Step 14 – Create an Account page for the users
- Open the www -> intranet -> secure folder.
- Click Add Page.
- Enter the Name (index), Title and Description of the page.
- Choose your template.
- Click Submit.
- The user is directed to the index page.
- Click the empty dynamic div in the index.stml page.
- Click the index.tpl file located in web files -> content -> intranet -> secure folder.
- Click Publish.
Note: Any files placed in the "secure" folder will only be accessible to authorized users granted access to the Intranet.