Projekt

Obecné

Profil

« Předchozí | Další » 

Revize ca96e49c

Přidáno uživatelem Ondřej Váně před asi 4 roky(ů)

Added progress bar to home page

Zobrazit rozdíly:

src/main/webapp/WEB-INF/templates/index.html
15 15 
        }
16 16 

  		




  17
  17
  
    
        .analyze-button-container {


  		




  18
  
  
    
            margin-left: 40%;


  		




  19
  
  
    
            margin-right: 40%;


  		




  20
  
  
    
            margin-bottom: 40px;


  		




  
  18
  
    
            margin: 20px 40% 40px;


  		




  21
  19
  
    
        }


  		




  22
  20
  
    
    </style>


  		




  23
  21
  
    

  		




  ......




  37
  35
  
    
                antiPatterns[i].checked = !!checkBox.checked;


  		




  38
  36
  
    
            }


  		




  39
  37
  
    
        }


  		




  
  38
  
    

  		




  
  39
  
    
        function showProgressBar() {


  		




  
  40
  
    
            $('#progressBar').css('display', '');


  		




  
  41
  
    
            var analyzeButton = $('#analyzeButton');


  		




  
  42
  
    
            analyzeButton.addClass('disabled');


  		




  
  43
  
    
            analyzeButton.text('Analyzing...');


  		




  
  44
  
    
        }


  		




  40
  45
  
    
    </script>


  		




  41
  46
  
    
</head>


  		




  42
  47
  
    
<body>


  		




  43
  48
  
    
<!-- Navigation bar imported -->


  		




  44
  49
  
    
<div th:replace="fragments/navbar :: navBar"></div>


  		




  45
  50
  
    
<!-- ./Navigation bar imported -->


  		




  
  51
  
    

  		




  
  52
  
    
<!-- Form for selecting projects and anti patterns-->


  		




  46
  53
  
    
<form action="#" th:action="@{/analyze}" th:object="${query}" method="post">


  		




  47
  54
  
    
    <div class="container">


  		




  48
  55
  
    
        <div class="row">


  		




  ......




  56
  63
  
    

  		




  57
  64
  
    
        <div class="row">


  		




  58
  65
  
    
            <div class="col">


  		




  
  66
  
    
                <!-- Table for selecting projects -->


  		




  59
  67
  
    
                <table class="table">


  		




  60
  68
  
    
                    <thead>


  		




  61
  69
  
    
                    <tr>


  		




  ......




  71
  79
  
    
                        <td th:text="${project.name}"></td>


  		




  72
  80
  
    
                        <td><a th:href="@{/projects/} + ${project.id}">Show</a></td>


  		




  73
  81
  
    
                        <td style="text-align: center">


  		




  74
  
  
    
                            <input checked type="checkbox" class="form-check-input" name="selectedProjects" th:value="${project.id}" th:id="@{project_} + ${project.id}">


  		




  
  82
  
    
                            <input checked type="checkbox" class="form-check-input" name="selectedProjects"


  		




  
  83
  
    
                                   th:value="${project.id}" th:id="@{project_} + ${project.id}">


  		




  75
  84
  
    
                        </td>


  		




  76
  85
  
    
                    </tr>


  		




  77
  86
  
    
                    <tr>


  		




  ......




  86
  95
  
    
                    </tr>


  		




  87
  96
  
    
                    </tbody>


  		




  88
  97
  
    
                </table>


  		




  
  98
  
    
                <!-- ./Table for selecting projects -->


  		




  89
  99
  
    
            </div>


  		




  90
  100
  
    
            <div class="col">


  		




  
  101
  
    
                <!-- Table for selecting anti patterns -->


  		




  91
  102
  
    
                <table class="table">


  		




  92
  103
  
    
                    <thead>


  		




  93
  104
  
    
                    <tr>


  		




  ......




  103
  114
  
    
                        <td th:text="${antiPattern.printName}"></td>


  		




  104
  115
  
    
                        <td><a th:href="@{/anti-patterns/} + ${antiPattern.id}">Show</a></td>


  		




  105
  116
  
    
                        <td style="text-align: center">


  		




  106
  
  
    
                            <input checked type="checkbox" class="form-check-input" name="selectedAntiPatterns" th:value="${antiPattern.id}" th:id="@{anti-pattern_} + ${antiPattern.id}">


  		




  
  117
  
    
                            <input checked type="checkbox" class="form-check-input" name="selectedAntiPatterns"


  		




  
  118
  
    
                                   th:value="${antiPattern.id}" th:id="@{anti-pattern_} + ${antiPattern.id}">


  		




  107
  119
  
    
                        </td>


  		




  108
  120
  
    
                    </tr>


  		




  109
  121
  
    
                    <tr>


  		




  ......




  118
  130
  
    
                    </tr>


  		




  119
  131
  
    
                    </tbody>


  		




  120
  132
  
    
                </table>


  		




  
  133
  
    
                <!-- ./Table for selecting anti patterns -->


  		




  121
  134
  
    
            </div>


  		




  122
  135
  
    
        </div>


  		




  123
  
  
    

  		




  124
  136
  
    
    </div>


  		




  
  137
  
    

  		




  
  138
  
    
    <!-- Container for show error message -->


  		




  125
  139
  
    
    <div class="container">


  		




  126
  
  
    
        <div th:if="${errorMessage}"  th:text="${errorMessage}" class="alert alert-danger" role="alert">


  		




  
  140
  
    
        <div th:if="${errorMessage}" th:text="${errorMessage}" class="alert alert-danger" role="alert">


  		




  127
  141
  
    
        </div>


  		




  128
  142
  
    
    </div>


  		




  
  143
  
    
    <!-- ./Container for show error message -->


  		




  
  144
  
    

  		




  
  145
  
    
    <!-- Container for progress bar -->


  		




  
  146
  
    
    <div class="container" id="progressBar" style="display: none">


  		




  
  147
  
    
        <div class="progress">


  		




  
  148
  
    
            <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75"


  		




  
  149
  
    
                 aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>


  		




  
  150
  
    
        </div>


  		




  
  151
  
    
    </div>


  		




  
  152
  
    
    <!-- ./Container for progress bar -->


  		




  
  153
  
    

  		




  
  154
  
    
    <!-- Container for analyze button -->


  		




  129
  155
  
    
    <div class="analyze-button-container">


  		




  130
  
  
    
        <button type="submit" class="btn btn-primary btn-lg btn-block">Analyze</button>


  		




  
  156
  
    
        <button id="analyzeButton" type="submit" class="btn btn-primary btn-lg btn-block" onclick="showProgressBar()">Analyze</button>


  		




  131
  157
  
    
    </div>


  		




  
  158
  
    
    <!-- ./Container for analyze button -->


  		




  
  159
  
    

  		




  132
  160
  
    
</form>


  		




  
  161
  
    
<!-- ./Form for selecting projects and anti patterns-->


  		




  133
  162
  
    
</body>


  		




  134
  163
  
    
</html>


  		












Také k dispozici:  Unified diff