Merge pull request #63 from gisce/add_landing_page

Add landing page and Title

README.md

@@ -1,6 +1,6 @@
 # PowERP documentation
 
-[Build of our documentation](http://builds.gisce.net/powerp-docs/powerp/)
+[Build of our documentation](http://builds.gisce.net/powerp-docs/)
 
 ## Setting up your environment
 

docs/base/atr.md

@@ -837,5 +837,5 @@ L'algoritme que es segueix és el següent i en aquest ordre:
 
 # Documentació específica
 
-[Gestió ATR Comercialitzadores](../comer/switching.md)
+[Gestió ATR Comercialitzadores](../comer/atr.md)
 

docs/comer/atr.md

@@ -0,0 +1,92 @@
+# Gestió ATR
+
+## Generar casos ATR
+
+Podem generar casos ATR de forma automatica si utilitzem un wizard. Per tal d'utilitzar
+aquest wizard hem d'anar a *Gestió de Pòlisses>Pòlisses* (Figura 1).
+
+![Figura 1](_static/switching/menu.png)
+
+Allà haurem de seleccionar una pòlissa i premer el botò d'accions, on haurem de
+seleccionar *Generar cas Gestió ATR* (Figura 2).
+
+![Figura 2](_static/switching/selection.png)
+
+Altrament podem entrar a la polissa i també premer el botò que diu *Generar cas Gestió ATR* (Figura 3).
+
+![Figura 3](_static/switching/actions.png)
+
+Això ens obrirà la següent finestra amb el wizard:
+
+![Figura 4](_static/switching/wizard_general.png)
+
+Des d'aqui podrem crear diferents casos segons l'estat de la polissa.
+Aquestses són les condicions que haurem de complir per crear un cas:
+
+ * **C1/C2/A3**: La polissa ha d'estar en estat borrador
+ * **M1/B1**: La polissa ha d'estar en estat actiu
+ * **W1**: La polissa ha d'estar en estat actiu i amb autolectures
+
+A més, mai no pot haver-hi un altre cas de gestió ATR actiu si en volem crear un de nou.
+
+Per tal de crear el cas que volem simplement hem de premer el botò corresponent.
+
+### Wizard per M1 i C2
+
+Si seleccionem que volem crear un M1 o un C2 la pantalla del wizard canviarà i podrem
+entrar les dades necessaries per crear-lo.
+
+![Figura 5](_static/switching/wizard_modcon.png)
+
+Podem crear un canvi de tarifa o potència, un canvi de titular o un canvi de totes
+dues a la vegada. Segons el que seleccionem haurem d'entrar unes dades o altres.
+
+![Figura 6](_static/switching/wizard_modcon_changes.png)
+
+Les primeres dades que hem d'entrar són sobre qui serà el contacte per la pòlissa.
+Si premem la lupa i seleccionem una altre persona ens hauria d'omplir correctament la
+resta de camps, però sempre es preferible comprovar-ho.
+
+![Figura 7](_static/switching/wizard_modcon_contact.png)
+
+Tot seguit tenim l'opció de canviar de tarifa comercialitzadora. Per defecte no es
+canviarà i es deixarà la que té assignada la polissa però si no és possible s'haurà
+de seleccionar quina tarifa volem aplicar. Si només existeix una tarifa comercialitzadora
+per la tarifa ATR seleccionada aquesta es triarà automaticament.
+
+![Figura 8](_static/switching/wizard_modcon_tariff.png)
+
+Llavors, si hem seleccionat un canvi de tarifa o potència, ens apareixarà la part del
+formulari per triar la tarifa que vol el client, si vol anar per ICP o Maxímetre i
+les potencies de la tarifa. A l'hora d'entrar les potencies ens avisarà si estem posant
+un valor de potencia incorrecte, ja sigui perquè el valor és massa gran o massa petit
+per la tarifa seleccionada, perquè els valors de potència no tenen valors ascendents
+en una tarifa que ho demana o perquè algun valor de potència no està normalitzat.
+Es permeten crear casos amb valors de potència no normalitzats però si que s'han de
+complir les dues altres condicions. També destacar que un canvi en la tarifa ATR seleccionada
+ens pot fer canviar la tarifa comercialitzadora o borrar la que teniem assignada.
+
+![Figura 9](_static/switching/wizard_modcon_powers.png)
+
+Si hem seleccionat un canvi de propietari també ens apareixarà el formulari per fer un
+canvi de titular. Aqui podem seleccionar el tipus de canvi que volem fer, un document
+d'identitat i el titular. Si posem el mateix document d'identitat que un dels clients
+que tenim entrats s'assignarà automaticament a aquest titular. El mateix passa en
+l'altre sentit, de manera que si triem un titular s'omplirà automaticament el document
+d'identitat. A més, sempre que no haguem canviat el contacte aquest s'actualitzarà
+automàticament al assignar un titular.
+
+![Figura 10](_static/switching/wizard_modcon_owner.png)
+
+Finalment tenim un quadre de text per afegir comentaris, que poden tenir fins a un
+màxim de 120 caracters.
+
+Un cop entrades totes les dades podem premer el botò que apareixarà a sota, que dirà
+**M1-Modificació contractual** o **C2-Canvi de comercialitzadora amb canvis** segons
+el cas que estiguem intentant crear. Això comprovarà totes les dades entrades i
+intentarà crear el cas corresponent. Finalment el wizard ens dirà si ha pogut crear
+el cas correctament o no i en cas que hi hagui hagut algún error ens indicarà la
+raò per la qual ha fallat. A més, ens permetrà obrir els casos creats si premem el
+botò de **Obrir casos generats**.
+
+![Figura 11](_static/switching/wizard_modcon_fin.png)

landing_page/index.css

@@ -0,0 +1,148 @@
+body{
+    font-family: Arial, serif;
+    font-size: 20px;
+    color: white;
+}
+
+.hd {
+    position: fixed;
+    top: 5px;
+    left: 0;
+    right: 0;
+    margin: 5px;
+    padding: 5px;
+    height: 60px;
+    width: 99%;
+    vertical-align: middle;
+    align-content: center;
+    text-align: center;
+}
+
+.giscelogo {
+    position: static;
+    margin: 5px;
+    font-family: GISCE, serif;
+    vertical-align: middle;
+    text-align: center;
+    align-items: center;
+    font-size: 45px;
+    color: #999999 !important;
+    height: 50px;
+}
+
+.giscelogo img{
+    width: auto;
+}
+
+.giscelogo-box{
+    position: relative;
+    top: -50%;
+    left:0;
+    right: 0;
+    margin: auto;
+    max-width: 300px;
+}
+
+.bg {
+    background: url("static/docs.png") no-repeat;
+    background-size: cover;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.opt-nav {
+    position: relative;
+    top: 35%;
+    margin: auto;
+    background-color: #4D77A4;
+    padding: 15px;
+    width: 65%;
+    height: 25%;
+    min-width: 500px;
+    max-width: 700px;
+    min-height: 400px;
+    max-height: 500px;
+    vertical-align: middle;
+    align-content: center;
+    border-radius: 50%;
+}
+
+.opt-box{
+    position: relative;
+    top: 20%;
+    width: 50%;
+    height: 40%;
+    text-align: center;
+}
+
+.opt-info {
+    height: 25%;
+    min-height: 25px;
+    max-height: 50px;
+    width: 50%;
+    min-width: 75px;
+    max-width: 250px;
+    margin: 10px;
+    padding: 5px;
+    border-radius: 25px;
+}
+
+.left {
+    float: left;
+}
+
+.right {
+    float: right;
+}
+
+.ft {
+    position: fixed;
+    bottom: 5px;
+    margin: 0px auto;
+    width: 99%;
+    height: 5%;
+    min-height: 40px;
+}
+
+.ft-nav {
+    position: relative;
+    margin: auto;
+    padding: 10px 5px 0;
+    background-color: #4D77A4;
+    border-radius: 25px;
+    align-content: center;
+    text-align: center;
+    width: 95%;
+    height: 25px;
+}
+
+.ft-info {
+    margin: 5px 3%;
+    padding: 5px;
+    min-width: 25px;
+    min-height: 20px;
+    font-size: 14px;
+}
+
+a, button {
+    color: inherit;
+    text-decoration: none;
+    font-weight: bold;
+    text-shadow: 1px 1px black;
+}
+
+button{
+    color: black;
+    font-size: 25px;
+    text-shadow: none;
+}
+
+@font-face {
+		font-family: GISCE;
+		src: url("fonts/metro-df.ttf");
+}

landing_page/index.html

@@ -0,0 +1,37 @@
+<html>
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="index.css"/>
+</head>
+<body>
+    <div class="bg">
+        <div class="opt-nav">
+            <div class="giscelogo-box">
+                <img src="static/logo.png" alt="GISCE Logo" class="giscelogo img">
+                <span class="giscelogo">gisce</span>
+            </div>
+            <div class="opt-box left">
+                <div>Documentació en Català</div>
+                <a href="http://builds.gisce.net/powerp-docs/ca/powerp/"><button class="opt-info">Accedir</button></a>
+            </div>
+            <div class="opt-box right">
+                <div>Documentación en Castellano</div>
+                <a href="http://builds.gisce.net/powerp-docs/es/powerp/"><button class="opt-info">Acceder</button></a>
+            </div>
+        </div>
+    </div>
+    <footer class="ft">
+        <div class="ft-nav">
+            <span class="ft-info">
+                <a href="http://gisce.net">GISCE Web</a>
+            </span>
+            <span class="ft-info">
+                <a href="http://gisce.net/contacte/">CONTACTE - CONTACTO</a>
+            </span>
+            <span class="ft-info">
+                News on Twitter: <a href="https://twitter.com/gisce">https://twitter.com/gisce</a>
+            </span>
+        </div>
+    </footer>
+</body>
+</html>