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.

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.