Creating an intranet

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.

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.

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.

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.

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.