Packages

mandarin

0.3.0
0.7.0 0.6.0 0.5.0 0.4.0 0.3.0 0.2.0 0.1.0

Admin interface generator

HexDocs

Current section

Files

Jump to
Readme
7 Versions
4 Dependencies
0 Dependants
Files
Activity
mandarin priv templates mandarin.install layout.html.eex
Raw

priv/templates/mandarin.install/layout.html.eex 

<!DOCTYPE html>

<%%#

This is a starter template page. Use this page to start your new project from

scratch. This page gets rid of all links and provides the needed markup only.

%>

<html>

<head>

  <meta charset="utf-8">

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <title>Mandarin | Starter</title>

  <%%# Tell the browser to be responsive to screen width %>

  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

  <%%# Font Awesome %>

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

  <%%# Ionicons %>

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/4.4.1/css/ionicons.min.css">

  <%%# Theme style %>

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.4.8/css/AdminLTE.min.css">

  <%%# AdminLTE Skins. We have chosen the skin-blue for this starter

        page. However, you can choose any other skin. Make sure you

        apply the skin class to the body tag so the changes take effect. %>

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.4.8/css/skins/_all-skins.min.css">



  <%%# Google Font %>

  <link rel="stylesheet"

        href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

</head>

<%%#

BODY TAG OPTIONS:

=================

Apply one or more of the following classes to get the

desired effect

|---------------------------------------------------------|

| SKINS         | skin-blue                               |

|               | skin-black                              |

|               | skin-purple                             |

|               | skin-yellow                             |

|               | skin-red                                |

|               | skin-green                              |

|---------------------------------------------------------|

|LAYOUT OPTIONS | fixed                                   |

|               | layout-boxed                            |

|               | layout-top-nav                          |

|               | sidebar-collapse                        |

|               | sidebar-mini                            |

|---------------------------------------------------------|

%>

<body class="hold-transition skin-blue sidebar-mini">

<div class="wrapper">

  <header class="main-header">

    <%%= render <%= install.web_module %>.<%= install.layout_view_camel_case %>, "main-header.html", assigns %>

  </header>



  <%%# Left sidebar %>

  <aside class="main-sidebar">

    <section class="sidebar">

      <%%= render <%= install.web_module %>.<%= install.layout_view_camel_case %>, "sidebar.html", assigns %>

    </section>

  </aside>



  <%%# Page content %>

  <div class="content-wrapper">

    <%%= render @view_module, @view_template, assigns %>

  </div>



  <footer class="main-footer">

    <div class="pull-right hidden-xs">

      Anything you want

    </div>

    <strong>Copyright &copy; <%= DateTime.utc_now |> Map.fetch!(:year) %> <a href="#">Company</a>.</strong> All rights reserved.

  </footer>



  <div class="control-sidebar-bg">

  </div>

</div>



<%%# REQUIRED JS SCRIPTS %>

<%# Phoenix's Javascript so that "delete links" work as they should %>

<script src="<%%= Routes.static_path(@conn, "/js/app.js") %>"></script>

<%# jQuery 3 %>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<%# Bootstrap 3.3.7 %>

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

<%# AdminLTE App %>%

<script src="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.4.8/js/adminlte.min.js"></script>



<%%# Forage Widgets %>

<%%= ForageWeb.Assets.forage_date_input_assets() %>

<%%= ForageWeb.Assets.forage_select_assets() %>



<%%= ForageWeb.Assets.activate_forage_date_input() %>

<%%= ForageWeb.Assets.activate_forage_select() %>





<%%# Optionally, you can add Slimscroll and FastClick plugins.

     Both of these plugins are recommended to enhance the

     user experience. %>

</body>

</html>